.doubleeleven .fl,.float-left {
	float: left
}

progress,sub,sup {
	vertical-align: baseline
}

.hidden {
	display: none!important
}

.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px
}

button,hr,input {
	overflow: visible
}

.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto
}

.invisible {
	visibility: hidden
}

.clearfix:after,.clearfix:before {
	content: " ";
	display: table
}

.clearfix:after {
	clear: both
}

.float-right {
	float: right
}

.fade {
	opacity: 0;
	-webkit-transition: opacity .3s ease;
	-o-transition: opacity .3s ease;
	transition: opacity .3s ease
}

.in {
	opacity: 1
}

.img-responsive {
	display: block;
	max-width: 100%;
	height: auto;
	-webkit-box-shadow: 1px 1px 3px rgba(86,86,86,.21);
	box-shadow: 1px 1px 3px rgba(86,86,86,.21)
}

.picker,[hidden],template {
	display: none
}

.img-rounded {
	border-radius: .3125rem
}

.img-circle {
	border-radius: 50%
}

html {
	font-family: sans-serif;
	line-height: 1.15;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}

body {
	margin: 0
}

article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary {
	display: block
}

audio,canvas,progress,video {
	display: inline-block
}

audio:not([controls]) {
	display: none;
	height: 0
}

a {
	background-color: transparent;
	-webkit-text-decoration-skip: objects
}

a:active,a:hover {
	outline-width: 0
}

abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted
}

b,strong {
	font-weight: bolder
}

dfn {
	font-style: italic
}

h1 {
	margin: .67em 0
}

mark {
	background-color: #ff0;
	color: #000
}

small {
	font-size: 80%
}

sub,sup {
	font-size: 75%;
	line-height: 0;
	position: relative
}

sub {
	bottom: -.25em
}

sup {
	top: -.5em
}

img {
	border-style: none
}

svg:not(:root) {
	overflow: hidden
}

code,kbd,pre,samp {
	font-family: monospace,monospace;
	font-size: 1em
}

figure {
	margin: 1em 40px
}

hr {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	height: 0
}

button,input,optgroup,select,textarea {
	font: inherit;
	margin: 0
}

optgroup {
	font-weight: 700
}

button,select {
	text-transform: none
}[type=reset],[type=submit],button,html [type=button] {
	-webkit-appearance: button
}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
	border-style: none;
	padding: 0
}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
	outline: ButtonText dotted 1px
}

fieldset {
	border: 1px solid silver;
	margin: 0 2px;
	padding: .35em .625em .75em
}

legend {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal
}

textarea {
	overflow: auto;
	resize: vertical
}[type=checkbox],[type=radio] {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0
}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
	height: auto
}[type=search] {
	-webkit-appearance: textfield;
	outline-offset: -2px
}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

::-webkit-input-placeholder {
	color: inherit;
	opacity: .54
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}

.tooltip-dialog {
	position: absolute;
	display: block;
	font-size: 14px;
	line-height: 20px;
	color: #fff;
	background-color: #111;
	filter: alpha(opacity=0);
	border-radius: 2px;
	opacity: 0;
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.1);
	box-shadow: 1px 1px 1px rgba(0,0,0,.1);
	padding: 6px 14px;
	-webkit-transition: opacity .15s linear;
	-o-transition: opacity .15s linear;
	transition: opacity .15s linear;
	-webkit-animation: anim-tooltip .25s forwards linear;
	-o-animation: anim-tooltip .25s forwards linear;
	animation: anim-tooltip .25s forwards linear
}

@-webkit-keyframes anim-tooltip {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,calc(230%),0) scale3d(0,1,1);
		-webkit-animation-timing-function: ease-in
	}

	40% {
		opacity: .5;
		-webkit-transform: translate3d(0,0,0) scale3d(.02,1.1,1);
		-webkit-animation-timing-function: ease-out
	}

	70% {
		opacity: .6;
		-webkit-transform: translate3d(0,-40px,0) scale3d(.8,1.1,1)
	}

	100% {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0) scale3d(1,1,1)
	}
}

@-o-keyframes anim-tooltip {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,calc(230%),0) scale3d(0,1,1);
		-webkit-animation-timing-function: ease-in;
		transform: translate3d(0,calc(230%),0) scale3d(0,1,1);
		-o-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	40% {
		opacity: .5;
		-webkit-transform: translate3d(0,0,0) scale3d(.02,1.1,1);
		-webkit-animation-timing-function: ease-out;
		transform: translate3d(0,0,0) scale3d(.02,1.1,1);
		-o-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}

	70% {
		opacity: .6;
		-webkit-transform: translate3d(0,-40px,0) scale3d(.8,1.1,1);
		transform: translate3d(0,-40px,0) scale3d(.8,1.1,1)
	}

	100% {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0) scale3d(1,1,1);
		transform: translate3d(0,0,0) scale3d(1,1,1)
	}
}

@keyframes anim-tooltip {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,calc(230%),0) scale3d(0,1,1);
		-webkit-animation-timing-function: ease-in;
		transform: translate3d(0,calc(230%),0) scale3d(0,1,1);
		-o-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	40% {
		opacity: .5;
		-webkit-transform: translate3d(0,0,0) scale3d(.02,1.1,1);
		-webkit-animation-timing-function: ease-out;
		transform: translate3d(0,0,0) scale3d(.02,1.1,1);
		-o-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}

	70% {
		opacity: .6;
		-webkit-transform: translate3d(0,-40px,0) scale3d(.8,1.1,1);
		transform: translate3d(0,-40px,0) scale3d(.8,1.1,1)
	}

	100% {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0) scale3d(1,1,1);
		transform: translate3d(0,0,0) scale3d(1,1,1)
	}
}

@media (min-width:768px) {
	.tooltip-dialog {
		max-width: 320px
	}
}

@media (min-width:992px) {
	.tooltip-dialog {
		max-width: 480px
	}
}

@media (min-width:1200px) {
	.tooltip-dialog {
		max-width: 640px
	}
}

.tooltip-fixed {
	position: fixed
}

.tooltip-relative {
	position: relative
}

.tooltip-active {
	filter: alpha(opacity=90);
	opacity: .9
}

.tooltip-dialog a {
	font-weight: 700;
	color: inherit
}

.tooltip-dismissible {
	padding-right: 30px
}

.tooltip-dismiss {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 20px;
	height: 20px;
	-webkit-appearance: none;
	padding: 0;
	font-size: 18px;
	font-weight: 400;
	line-height: 20px;
	color: inherit;
	text-align: center;
	text-shadow: 0 0 1px #fff;
	cursor: pointer;
	background: 0 0;
	filter: alpha(opacity=80);
	border: 0;
	opacity: .8
}

.tooltip-dismiss:focus,.tooltip-dismiss:hover {
	text-decoration: none;
	cursor: pointer;
	filter: alpha(opacity=100);
	opacity: 1
}

.tooltip-dismiss>span {
	position: relative;
	top: -1px
}

.tooltip-countdown {
	font-size: 85%
}

.tooltip-top {
	top: 0
}

.tooltip-middle {
	top: 50%;
	margin-top: -50%
}

.tooltip-bottom {
	bottom: 0
}

.tooltip-left {
	left: 0
}

.tooltip-center {
	left: 50%;
	margin-left: -50%
}

.tooltip-right {
	right: 0
}

.tooltip-default {
	background-color: #111
}

.tooltip-primary {
	background-color: #0074d9
}

.tooltip-success {
	background-color: #04be02
}

.tooltip-info {
	background-color: #39cccc
}

.tooltip-warning {
	background-color: #ff851b
}

.tooltip-danger {
	background-color: #ff4136
}

.picker {
	font-size: 1rem;
	line-height: 1.5;
	overflow: hidden;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: opacity .15s ease;
	-o-transition: opacity .15s ease;
	transition: opacity .15s ease;
	color: #333;
	background-color: rgba(0,0,0,.5);
	direction: ltr
}

.picker-fixed {
	position: fixed;
	z-index: 1986;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.picker-fixed>.picker-content {
	position: absolute;
	right: 0;
	bottom: -100%;
	left: 0;
	max-height: 100%;
	-webkit-transition: bottom .3s ease;
	-o-transition: bottom .3s ease;
	transition: bottom .3s ease
}

.picker-fixed .picker-header {
	display: block
}

.picker-fixed .picker-footer {
	display: table
}

.picker-open {
	display: block;
	opacity: 0
}

.picker-opened {
	opacity: 1
}

.picker-opened>.picker-content {
	bottom: 0
}

.picker-content {
	background-color: #fff;
	border: 1px solid #eee
}

.picker-header {
	position: relative;
	display: none;
	padding: .875rem 1.25rem;
	border-bottom: 1px solid #eee
}

.picker-title {
	font-size: 1.125rem;
	font-weight: 400;
	line-height: 1.25rem;
	margin: 0
}

.picker-close {
	font-size: 2rem;
	position: absolute;
	top: 0;
	right: 0;
	width: 3rem;
	height: 3rem;
	color: #999;
	border-width: 0;
	background-color: transparent
}

.picker-body {
	overflow: hidden
}

.picker-grid {
	display: table;
	width: 100%;
	margin-top: -2.5rem;
	margin-bottom: -2.5rem
}

.picker-cell {
	position: relative;
	display: table-cell
}

.picker-cell::after,.picker-cell::before {
	position: absolute;
	z-index: 0;
	right: 0;
	left: 0;
	display: block;
	content: ''
}

.picker-cell::before {
	top: 0;
	bottom: 50%;
	margin-bottom: 1.25rem;
	background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,0)),to(rgba(0,0,0,.05)));
	background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,0),rgba(0,0,0,.05));
	background-image: -o-linear-gradient(bottom,rgba(0,0,0,0),rgba(0,0,0,.05));
	background-image: linear-gradient(to top,rgba(0,0,0,0),rgba(0,0,0,.05));
	border-bottom: 1px solid #eee
}

.picker-cell::after {
	top: 50%;
	bottom: 0;
	margin-top: 1.25rem;
	background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.05)));
	background-image: -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.05));
	background-image: -o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.05));
	background-image: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.05));
	border-top: 1px solid #eee
}

.picker-cell+.picker-cell {
	border-left: 1px solid #eee
}

.picker-single .picker-cell::after,.picker-single .picker-cell::before {
	display: none
}

.picker-list {
	position: relative;
	z-index: 1;
	margin: 0;
	padding: 0;
	list-style: none
}

hr,p {
	margin-bottom: 1rem
}

.picker-item {
	padding: .5rem;
	text-align: center;
	white-space: nowrap;
	color: #999
}

.picker-picked {
	font-size: 1.125em;
	color: #0074d9
}

.picker-footer {
	display: none;
	width: 100%;
	border-top: 1px solid #eee
}

.picker-cancel,.picker-confirm {
	font-size: 1rem;
	display: table-cell;
	width: 50%;
	padding: 1rem;
	border-width: 0;
	background-color: transparent
}

.picker-confirm {
	color: #0074d9
}

.carousel {
	position: relative;
	overflow: hidden
}

.carousel .slide {
	position: absolute;
	top: 100%;
	-webkit-transition: top .3s ease-in-out;
	-o-transition: top .3s ease-in-out;
	transition: top .3s ease-in-out;
	opacity: 0
}

.carousel .in {
	top: 0;
	opacity: 1
}

.carousel .out {
	top: -100%;
	opacity: 1
}

html {
	font-size: 16px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

*,:after,:before {
	-webkit-box-sizing: inherit;
	box-sizing: inherit
}

body {
	font-size: inherit;
	font-family: "Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif;
	line-height: 1.5;
	color: #333;
	background-color: #fbf9fe;
	overflow-x: hidden;
	-webkit-text-size-adjust: 100%!important
}

h1,h2,h3,h4,h5,h6,input,textarea {
	font-family: inherit
}

a {
	color: #04be02
}

a:focus,a:hover {
	color: #04a003
}

a.disabled,a[disabled],button.disabled,button[disabled] {
	cursor: not-allowed;
	opacity: .65
}

h1,h2,h3,h4,h5,h6 {
	font-weight: 500;
	line-height: 1.1;
	margin-bottom: .5rem;
	color: inherit
}

.weui_media_box .weui_media_desc,.weui_media_box .weui_media_image {
	line-height: 1.5;
	font-size: .875rem
}

h1 {
	font-size: 2.5rem
}

h2 {
	font-size: 2rem
}

h3 {
	font-size: 1.75rem
}

h4 {
	font-size: 1.5rem
}

h5 {
	font-size: 1.25rem
}

h6 {
	font-size: 1rem
}

p {
	margin-top: 0
}

hr {
	margin-top: 1rem;
	border: 0;
	border-top: 1px solid #ececec
}

.weui_btn_primary:not(.weui_btn_disabled):active {
	background-color: #04ab02
}

a.weui_btn_primary:focus,a.weui_btn_primary:hover,a.weui_btn_warn:focus,a.weui_btn_warn:hover {
	color: #fff
}

.weui_media_box .weui_media_desc.expanded {
	-webkit-line-clamp: initial
}

.weui_media_box .weui_media_image img {
	display: block;
	width: 100%
}

.weui_media_box .weui_media_detail {
	font-size: .875rem;
	color: #aaa
}

.picker .picker-cell {
	width: 18%
}

.picker .picker-cell.picker-years {
	width: 28%
}

.container {
	display: block;
	min-width: 320px;
	margin-right: auto;
	margin-left: auto
}

.container:after,.container:before {
	content: " ";
	display: table
}

.container:after {
	clear: both
}

.grid-container,.grids {
	padding-left: .5rem;
	padding-right: .5rem
}

.grid {
	display: block;
	margin-left: -.5rem;
	margin-right: -.5rem
}

.grid:after,.grid:before {
	content: " ";
	display: table
}

.grid:after {
	clear: both
}

.cell,.cell-0,.cell-1,.cell-10,.cell-11,.cell-12,.cell-2,.cell-3,.cell-4,.cell-5,.cell-6,.cell-7,.cell-8,.cell-9 {
	display: block;
	float: left;
	min-height: 1px;
	padding-left: .5rem;
	padding-right: .5rem
}

.modal,.vote .banner .banner-body {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox
}

.cell-0 {
	width: 0
}

.cell-1 {
	width: 8.33333333%
}

.cell-2 {
	width: 16.66666667%
}

.cell-3 {
	width: 25%
}

.cell-4 {
	width: 33.33333333%
}

.cell-5 {
	width: 41.66666667%
}

.cell-6 {
	width: 50%
}

.cell-7 {
	width: 58.33333333%
}

.cell-8 {
	width: 66.66666667%
}

.cell-9 {
	width: 75%
}

.cell-10 {
	width: 83.33333333%
}

.cell-11 {
	width: 91.66666667%
}

.cell-12,.table {
	width: 100%
}

.table {
	border-spacing: 0;
	border-collapse: collapse
}

.table td,.table th {
	padding: .5rem;
	font-size: .75rem;
	text-align: center
}

.table th {
	font-weight: 400
}

.table>thead>tr>th {
	border-top: 1px solid #ececec;
	border-bottom: 1px solid #ececec
}

.table>tbody>tr>td:last-child>a {
	white-space: nowrap
}

.modal {
	position: fixed;
	z-index: 1020;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: rgba(0,0,0,.5)
}

.modal.out {
	z-index: -1
}

.modal.in {
	z-index: 1020
}

.modal-content {
	position: relative;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	margin: 1rem;
	background-color: #fff;
	border-radius: .3125rem;
	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.5);
	box-shadow: 1px 1px 3px rgba(0,0,0,.5)
}

.modal-close {
	font-size: 1.5rem;
	line-height: 1;
	position: absolute;
	top: .5rem;
	right: .5rem;
	width: 1.5rem;
	height: 1.5rem;
	color: #fff;
	background-color: transparent;
	border-width: 0;
	text-align: center
}

.modal-close:focus {
	outline: 0
}

.modal-body,.modal-footer,.modal-header {
	padding: 1rem
}

.activity img {
	display: block;
	width: 100%
}

.activity table {
	width: 100%
}

.activity table th {
	font-weight: 400
}

.activity table td[colspan] {
	text-align: center
}

.activity .header {
	position: relative;
	z-index: 10
}

.activity .header>.menu {
	position: fixed;
	top: .5rem;
	right: .5rem
}

.activity .header>.menu>a {
	font-size: .875rem;
	line-height: 2rem;
	display: block;
	width: 2.5rem;
	height: 2.5rem;
	padding: .25rem;
	color: #fff;
	background-color: rgba(0,0,0,.5);
	border-radius: 50%;
	text-align: center
}

.activity .header>.menu>a+a {
	margin-top: .5rem
}

.activity .header>.menu>a.small {
	font-size: .75rem;
	line-height: 1rem
}

.activity .header>.menu>a i.fa {
	font-size: 1.5rem;
	line-height: 1.5
}

.activity .header>.menu>a.qrcode {
	width: 2.8rem;
	height: 2.8rem;
	padding: .45rem .2rem;
	font-size: .75rem;
	line-height: 1.3
}

.activity .header>.menu>a.qrcode.ani {
	-o-animation: shake-hard 2s ease;
	animation: shake-hard 2s ease;
	-webkit-animation: shake-hard 2s ease
}

.activity .header>.stats {
	font-size: .875rem;
	position: absolute;
	top: .5rem;
	left: 1rem;
	list-style: none
}

.activities .header,.home,.home .footer {
	right: 0;
	bottom: 0;
	left: 0
}

.activity .header>.stats>li {
	display: inline;
	color: #fff;
	text-shadow: 0 0 .125rem #aaa
}

.activity .header>.stats>li+li {
	margin-left: .5rem
}

.activity .header>.stats>li>b {
	font-weight: 400;
	color: #ffdc00
}

.activity .banner {
	position: relative;
	text-align: center
}

.activity .banner .title {
	font-size: 1.8rem;
	margin-top: 0;
	margin-bottom: 0;
	text-shadow: 0 0 .1875rem rgba(255,255,255,.2);
	line-height:1.4;
}

.activity .banner .date {
	font-size: .875rem;
	margin-bottom: 0
}

.activity .banner .date>time {
	font-size: .75rem;
	color: #ffdc00
}

.activity .banner .date>span {
	margin-right: .25rem;
	margin-left: .25rem
}

.activities .main span.tiper .cell-1 i::before,.activity .footer .action-bar>a>i {
	margin-right: .5rem
}

.activity .card p:last-child {
	margin-bottom: 0
}

.activity .footer {
	min-height: 2.5rem
}

.activity .footer .fixed {
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1011;
	/*-webkit-box-shadow: 0 0 3px rgba(0,0,0,.1);
	box-shadow: 0 0 3px rgba(0,0,0,.1)*/
}

.activity .footer .action-bar {
	display: none;
	width: 100%;
	background-color: #fff
}

.activity .footer .action-bar>a {
	font-size: 1.125rem;
	line-height: 1.5rem;
	display: table-cell;
	padding: .5rem;
	color: #0059a6;
	background-color: #f7f7f7;
	text-align: center;
	cursor: pointer
}

.activity .footer .reminder,.activity .footer .reminder .reminder-close:focus,.activity .footer .reminder .reminder-close:hover {
	background-color: #04be02;
}

.activity .footer .action-bar>a[disabled] {
	cursor: not-allowed
}

.activity .footer .reminder {
	position: relative;
	font-size:16px;
	text-align:center;
}

.home,.home .actions,.home .footer {
	position: absolute
}

.activity .footer .reminder .reminder-link {
	display: block;
	padding: .5rem 1rem;
	color: #fff
}

.activity.sample .footer .action-bar {
	display: table
}

.activity.sample .footer .action-bar>a {
	color: #fff;
	background-color: #04be02
}

.activity.sample .footer .reminder {
	display: none
}

.activity-editor textarea {
	display: block
}

.activity-editor .dashed {
	font-size: inherit;
	line-height: 1.1;
	width: 100%;
	padding: .875rem;
	color: inherit;
	background-color: transparent;
	border: 1px dashed #aaa;
	text-align: inherit
}

.activity-editor .dashed::-moz-placeholder {
	color: #aaa;
	opacity: 1
}

.activity-editor .dashed:-ms-input-placeholder {
	color: #aaa;
	opacity: 1
}

.activity-editor .dashed::-webkit-input-placeholder {
	color: #aaa;
	opacity: 1
}

.activity-editor .dashed.reverse {
	color: #fff;
	border-color: #fff
}

.activity-editor .dashed.reverse::-moz-placeholder {
	color: #f6f6f6;
	opacity: 1
}

.activity-editor .dashed.reverse:-ms-input-placeholder {
	color: #f6f6f6;
	opacity: 1
}

.activity-editor .dashed.reverse::-webkit-input-placeholder {
	color: #f6f6f6;
	opacity: 1
}

.activity-editor .dashed[type=number] {
	padding-right: 0
}

.activity-editor .banner .title textarea {
	resize: none
}

.activity-editor .banner .date>input {
	font-size: .75rem;
	width: 6.875rem;
	padding-right: 0;
	padding-left: 0;
	color: #ffdc00
}

.activity-editor .banner .note {
	font-size: .75rem;
	line-height: 1;
	margin-top: .25rem;
	margin-bottom: 0;
	text-align: right
}

.activity-editor .about textarea,.activity-editor .prizes textarea,.home .actions {
	margin-bottom: 1rem
}

.activity-editor .footer {
	min-height: 4.625rem
}

.activity-editor .footer .container {
	padding: 1rem;
	background-color: #fff
}

.home {
	top: 0;
	color: #fff;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#46c5e1),to(#cdeef4));
	background-image: -webkit-linear-gradient(top,#46c5e1,#cdeef4);
	background-image: -o-linear-gradient(top,#46c5e1,#cdeef4);
	background-image: linear-gradient(to bottom,#46c5e1,#cdeef4)
}

.home .full {
	width: 100%;
	height: 100%;
	background: url(../images/index.jpg) center bottom no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%
}

.home .intro {
	padding: 2rem 1rem;
	text-shadow: 0 0 1px #4cc5db,1px 1px 1px #272727,0 1px 2px #848484;
	text-align: center;
	letter-spacing: .1rem
}

.home .intro .title {
	-webkit-animation: fadeIn 1s linear
}

.home .intro .desc {
	-webkit-animation: fadeInUp 1s linear
}

.home .footer {
	font-size: .875rem
}

.home .weui_btn,.home .weui_btn:focus,.home .weui_btn:hover {
	font-size: 1.125rem;
	background: 0 0
}

.home .actions {
	width: 100%;
	height: 6.25rem;
	text-align: center
}

.home .weui_btn {
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	border: 2px solid #fff;
	clear: both;
	display: block;
	width: 40%;
	text-shadow: 1px 1px 1px #9c8b8b;
	-webkit-animation: flipInX 2s linear;
	-o-animation: flipInX 2s linear;
	animation: flipInX 2s linear
}

.home .copyright {
	font-size: .625rem;
	text-align: center;
	color: rgba(255,255,255,.66);
	line-height: 0
}

.activities .header {
	position: fixed;
	top: 0;
	overflow: hidden;
	z-index: 1000;
	height: 5.875rem
}

.activities .header a+a {
	margin-left: .5rem
}

.activities .header .weui_cell {
	background: #fff
}

.activities .header .weui_cell.nav {
	font-size: .875rem
}

.activities .header .message-bell {
	display: none;
	position: absolute;
	right: 35%;
	top: 30%
}

.activities .header .message-bell i {
	font-size: 1.125rem
}

.activities .header .message-bell .rock {
	-o-animation: tada 1s infinite ease-in-out;
	animation: tada 1s infinite ease-in-out;
	-webkit-animation: tada 1s infinite ease-in-out
}

.activities .header .message-bell .message-count {
	position: absolute;
	top: -.4em;
	left: .75rem;
	display: inline-block;
	padding: .15em .4em;
	min-width: 8px;
	border-radius: 18px;
	background-color: #F43530;
	color: #FFF;
	line-height: 1.2;
	text-align: center;
	font-size: 12px;
	vertical-align: middle;
	-o-animation: bounceIn .8s linear;
	animation: bounceIn .8s linear;
	-webkit-animation: bounceIn .8s linear
}

.activities .header .message-bell.show {
	display: block
}

.activities .main {
	margin-top: 5.9375rem
}

.activities .main span.tiper {
	font-size: .75rem;
	text-align: center;
	display: block;
	height: 30px;
	overflow: hidden;
	line-height: 30px
}

.activities .main span.tiper .cell-1 {
	text-align: right;
	padding: 0
}

.activities .main span.tiper .cell-1 i {
	font-size: 1rem;
	color: #164F6D
}

.activities .main span.tiper .carousel {
	padding: 0;
	display: inline-block;
	height: 2rem;
	text-align: left
}

.activities .weui_actionsheet_cell i,.activities .weui_panel_ft>a i {
	padding-right: 5px
}

.activities .weui_panel_ft {
	display: table;
	width: 100%;
	text-align: center
}

.activities .weui_panel_ft>a {
	display: table-cell;
	text-align: center
}

.activities .weui_panel_ft>a font {
	font-size: .8rem
}

.activities .weui_media_hd {
	background-color: #f6f6f6
}

.activities .weui_media_hd .weui_media_appmsg_thumb {
	-webkit-box-shadow: 1px 1px 3px rgba(86,86,86,.21);
	box-shadow: 1px 1px 3px rgba(86,86,86,.21);
	border-radius: 5%
}

.activities .weui_media_bd small {
	color: #aaa
}

.activities .weui_media_title {
	margin-bottom: .25rem
}

.activities .weui_media_desc {
	margin-bottom: 0;
	-webkit-line-clamp: 1
}

.activities .weui_actionsheet_cell {
	display: block;
	font-size: .875rem
}

.activities .weui_navbar {
	background-color: #fff;
	border-top: 1px dashed rgba(218,217,216,.48)
}

.activities .weui_navbar .weui_navbar_item.weui_bar_item_on {
	border-bottom: 3px solid #04be02;
	background-color: #fff
}

.activities .weui_navbar .weui_navbar_item:after {
	border-right: none
}

.activities .footer {
	min-height: 6.25rem
}

.categories .tools {
	list-style: none
}

.categories .tool {
	margin-bottom: 1rem;
	padding: 1rem;
	background-color: #fff
}

.categories .tool-name>small {
	font-size: .625rem;
	margin-left: .25rem;
	padding: .0625rem .25rem;
	color: #fff;
	background-color: #ff4136;
	border-radius: .3125rem;
	vertical-align: middle
}

.categories .tool-desc {
	color: #919191;
	font-size: .75rem;
	margin-bottom:.4rem;
}

.vote,.vote a,.vote a:focus,.vote a:hover {
	color: #fff
}

.categories .tool-btns {
	
}

.categories h5 {
	font-size: 1rem
}

.categories .img-responsive {
	-webkit-box-shadow: 1px 1px 3px rgba(86,86,86,.21);
	box-shadow: 1px 1px 3px rgba(86,86,86,.21);
	border-radius: 5%
}
.categories .tool-info .tool-btns{height:2.2rem;}
.categories .tool-info .tool-btns .weui_btn{overflow:visible;}
.vote {
	background-color: #e35e14
}

.vote a.weui_btn_default {
	color: #454545
}

.vote .ranking-list table th,.vote .status-bar>table {
	color: #ffdc00
}

.vote .banner .banner-body,.vote .banner .banner-footer {
	position: absolute;
	right: 0;
	left: 0
}

.vote .banner .banner-body {
	top: 0;
	bottom: 3.375rem;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 1rem
}

.vote .banner .banner-footer {
	bottom: 0;
	padding: 0 1rem
}

.vote .status-bar {
	padding: 1rem;
	background-color: #ee661a
}

.vote .status-bar>table td {
	width: 33.33333333%
}

.vote .status-bar>table td:first-child {
	text-align: left
}

.vote .status-bar>table td:last-child {
	text-align: right
}


.vote .prizes .prize-note {
	text-align: center
}

.vote .prizes .prize {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

.vote .prizes .prize+.prize {
	margin-top: 1.125rem
}

.vote .prizes .prize-header {
	min-width: 2.5rem;
	min-height: 2.5rem;
	width: 2.5rem;
	height: 2.5rem;
	background-color: #fff
}

.vote .prizes .prize-header>img {
	max-height: 100%
}

.vote .prizes .prize-body {
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	padding-left: .625rem;
	padding-right: .625rem
}

.bargain .banner .banner-body,.star .banner .banner-body {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column
}

.vote .prizes .prize-title {
	font-size: 1rem;
	margin-bottom: .25rem
}

.vote .prizes .prize-desc {
	margin-bottom: 0
}

.vote .prizes .prize-footer {
	font-size: 1.5rem;
	line-height: 1;
	position: relative;
	padding-left: 1rem;
	color: #ffdc00
}

.vote .prizes .prize-footer::before {
	position: absolute;
	top: 0;
	left: 0;
	content: "x"
}

.vote .ranking-list table td {
	text-align: center
}

.vote .ranking-list .waterfall-flow-loader {
	color: #fff
}

.vote .weui_btn_primary {
	background-color: #ff4136
}

.vote .weui_btn_primary:focus {
	background-color: #ff1103
}

.vote .button {
	font-size: 1.125rem;
	line-height: 2.375rem;
	display: block;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	height: 2.5rem;
	color: #942e00;
	background-image: url(../images/vote/button.jpg);
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	border-width: 0;
	border-bottom: 2px solid #b33800;
	border-radius: 4px;
	-webkit-box-shadow: 0 0 6px rgba(155,14,0,.5);
	box-shadow: 0 0 6px rgba(155,14,0,.5);
	text-align: center
}

.vote .button:active:focus,.vote .button:active:hover,.vote .button:focus,.vote .button:hover {
	outline: 0
}

.vote .button.disabled,.vote .button[disabled] {
	opacity: .65
}

.vote .card {
	margin: .875rem;
	background-color: #ff4137;
	border: .125rem solid #ca2822;
	border-radius: .25rem
}

.star .prizes h5,.star .prizes p {
	margin-bottom: .5rem
}

.vote .card .card-title {
	font-size: .9375rem;
	padding: .5rem 1rem;
	color: #ff0;
	background: url(../images/vote/title.png) center center no-repeat;-webkit-background-size: 100% auto;
	background-size: 100% auto;
	text-align: center;
	position: relative
}

.vote .card .card-title input {
	width: 6.75rem;
	height: 1rem;
	border: 1px dashed #fff;
	text-align: center;
	color: inherit;
	padding: .875rem 0
}

.vote .card .card-title .tiper {
	position: absolute;
	top: -1rem;
	left: 31%;
	width: 13rem;
	color: #e1e6e9;
	font-size: .75rem;
	text-shadow: none
}

.vote .card .card-title .tiper i {
	-o-animation: fadeInDown 2s infinite ease-in-out;
	animation: fadeInDown 2s infinite ease-in-out;
	-webkit-animation: fadeInDown 2s infinite ease-in-out;
	padding-right: .375rem
}

.vote .card .card-body,.vote .card .card-footer {
	padding: 1rem
}

.vote .modal-join .modal-content {
	background-color: #f94336
}

.vote .modal-join fieldset {
	border-width: 0
}

.vote .modal-join fieldset label {
	font-size: 1.5rem;
	padding-top: .3125rem;
	padding-right: 0
}

.vote .modal-join fieldset span {
	color: #f5efef;
	font-size: .875rem;
	text-align: center;
	display: block
}

.vote .modal-join fieldset input {
	font-size: 1rem;
	width: 100%;
	padding: .3rem 1rem;
	border: .0625rem solid #f94336;
	border-radius: .3125rem
}

.vote .modal-join fieldset input:focus {
	border-color: #f51707;
	-webkit-box-shadow: 0 0 .125rem #f51707;
	box-shadow: 0 0 .125rem #f51707;
	outline: 0
}

.vote .modal-vote>img {
	position: absolute;
	top: 50%;
	left: 50%;
	max-width: 320px;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%)
}

.star .banner,.star .banner .banner-header {
	position: relative
}

.vote .modal-vote.fade>img {
	width: 0;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}

.vote .modal-vote.in>img {
	width: 100%
}

.join-customize-container.vote-join-customize {
	padding: 0 .5rem
}

.join-customize-container.vote-join-customize .note {
	color: #fff
}

.join-customize-container.vote-join-customize input {
	color: #fff;
	border: 1px dashed #fff
}

.join-customize-container.vote-join-customize input.disabled {
	border-color: #ccc
}

.join-customize-container.vote-join-customize .weui_cells_checkbox .weui_check:checked+.weui_icon_checked:before {
	color: #d9d9d9
}

.star,.star a,.star a:focus,.star a:hover {
	color: #fff
}

.star {
	background-color: #282350;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#2c2758),color-stop(43%,#2c2758),color-stop(63%,#4739b8),to(#2f68a8));
	background-image: -webkit-linear-gradient(top,#2c2758 0,#2c2758 43%,#4739b8 63%,#2f68a8 100%);
	background-image: -o-linear-gradient(top,#2c2758 0,#2c2758 43%,#4739b8 63%,#2f68a8 100%);
	background-image: linear-gradient(to bottom,#2c2758 0,#2c2758 43%,#4739b8 63%,#2f68a8 100%)
}

.star a.weui_btn_default {
	color: #454545
}

.star b,.star strong {
	font-weight: 400;
	margin-left: .125rem;
	margin-right: .125rem;
	color: #ffdc00
}

.star .banner {
	overflow: hidden;
	text-align: center
}

@-webkit-keyframes starBlinking {
	0%,100%,50% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	75% {
		-webkit-transform: scale(1.5);
		transform: scale(1.5)
	}
}

@-o-keyframes starBlinking {
	0%,100%,50% {
		-o-transform: scale(1);
		transform: scale(1)
	}

	75% {
		-o-transform: scale(1.5);
		transform: scale(1.5)
	}
}

@keyframes starBlinking {
	0%,100%,50% {
		-webkit-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1)
	}

	75% {
		-webkit-transform: scale(1.5);
		-o-transform: scale(1.5);
		transform: scale(1.5)
	}
}

.star .banner .banner-header>img {
	display: block
}

.star .banner .banner-header>span {
	font-size: 0;
	position: absolute;
	display: block;
	background-repeat: no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto
}

.star .banner .banner-header>.blinking {
	-webkit-animation: starBlinking 3s infinite ease;
	-o-animation: starBlinking 3s infinite ease;
	animation: starBlinking 3s infinite ease
}

.bargain .modal-halo.in::before,.bargain2 .modal-halo.in::before {
	-o-animation: haloRotating 5s infinite linear;
	content: ' '
}

.star .banner .banner-header>.night-sky-star {
	background-image: url(../images/star/star.png)
}

.star .banner .banner-header>.night-sky-star.star-1 {
	top: 44.27672956%;
	left: 81.25%;
	width: 10%;
	height: 8.05031447%;
	-webkit-animation-delay: 1s;
	-o-animation-delay: 1s;
	animation-delay: 1s
}

.star .banner .banner-header>.night-sky-star.star-2 {
	top: 46.28930818%;
	left: 65.625%;
	width: 6%;
	height: 4.83018868%;
	-webkit-animation-delay: 3s;
	-o-animation-delay: 3s;
	animation-delay: 3s
}

.star .banner .banner-header>.night-sky-star.star-3 {
	top: 57.86163522%;
	left: 50%;
	width: 8%;
	height: 6.44025157%;
	-webkit-animation-delay: 2s;
	-o-animation-delay: 2s;
	animation-delay: 2s
}

.star .banner .banner-header>.night-sky-star.star-4 {
	top: 22.13836478%;
	left: 2.5%;
	width: 5%;
	height: 4.02515723%;
	-webkit-animation-delay: 3s;
	-o-animation-delay: 3s;
	animation-delay: 3s
}

.star .banner .banner-header>.night-sky-star.star-5 {
	top: 36.22641509%;
	left: 7.5%;
	width: 7%;
	height: 5.63522013%;
	-webkit-animation-delay: 1s;
	-o-animation-delay: 1s;
	animation-delay: 1s
}

.star .banner .banner-header>.night-sky-star.star-6 {
	top: 23.14465409%;
	left: 94.375%;
	width: 4%;
	height: 3.22012579%;
	-webkit-animation-delay: 2s;
	-o-animation-delay: 2s;
	animation-delay: 2s
}

.star .banner .banner-header>.night-sky-basin {
	bottom: 0;
	right: 5%;
	width: 53.90625%;
	height: 30.94339623%
}

.star .banner .banner-header>.night-sky-basin.basin-1 {
	background-image: url(../images/star/basin.png)
}

.star .banner .banner-header>.night-sky-basin.basin-2 {
	background-image: url(../images/star/basin-2.png)
}

.star .banner .banner-header>.night-sky-basin.basin-3 {
	background-image: url(../images/star/basin-3.png)
}

.star .banner .banner-header>.night-sky-basin.basin-4 {
	background-image: url(../images/star/basin-4.png)
}

.star .banner .banner-header>.night-sky-basin.basin-5 {
	background-image: url(../images/star/basin-5.png)
}

.star .banner .banner-header>.night-sky-smile {
	top: -9.43396226%;
	left: 46.25%;
	width: 11.875%;
	height: 9.43396226%;
	background-image: url(../images/star/smile.png);
	opacity: 0;
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0);
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease
}

.star .banner .banner-header>.night-sky-smile.active {
	top: 35.72327044%;
	opacity: 1;
	-webkit-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg)
}

.star .banner .banner-header>.night-sky-smile.picked {
	top: 78.49056604%;
	left: 59.6875%;
	opacity: 0;
	-webkit-transform: rotate(720deg);
	-ms-transform: rotate(720deg);
	-o-transform: rotate(720deg);
	transform: rotate(720deg)
}

.star .banner .banner-body,.star .banner .banner-footer {
	position: absolute;
	right: 0;
	left: 0
}

.star .banner .banner-body {
	top: 4.02515723%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	min-height: 32.20125786%;
	padding: 1rem
}

.star .banner .banner-footer {
	bottom: 0;
	padding: .25rem;
	background-color: rgba(0,0,0,.5)
}

.star .banner .completed-list {
	font-size: .875rem;
	line-height: 1.25rem;
	overflow: hidden;
	height: 1.25rem;
	list-style: none
}

.star .banner .completed-list>li {
	width: 100%
}

.star .status-bar {
	padding: 1rem;
	background-color: #282350;
	text-align: center
}

.star .status-bar p {
	margin-top: 1rem
}

.star .status-bar p.name {
	margin-left: -unit(1px,rem);
	margin-right: -unit(1px,rem);
	color: #ffdc00;
	text-align: center;
	white-space: nowrap
}

.star .prizes {
	border-color: #e4dd1a!important;
	-webkit-box-shadow: 0 0 .5rem rgba(242,194,0,.34)!important;
	box-shadow: 0 0 .5rem rgba(242,194,0,.34)!important;
	text-align: center
}

.star .prizes h5 {
	font-size: 1.125rem;
	margin-top: .5rem
}

.star .prizes p:last-child {
	margin-bottom: 0
}

.star .ranking-list table th {
	color: #ffdc00
}

.star .ranking-list table td {
	text-align: center
}

.star .ranking-list .waterfall-flow-loader {
	color: #fff
}

.star .weui_btn_primary {
	background-color: #001f3f
}

.star .weui_btn_primary:focus {
	background-color: #00060c
}

.star .button {
	font-size: 1.125rem;
	line-height: 2.375rem;
	display: block;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	height: 2.5rem;
	color: #942e00;
	background-image: url(../images/star/button.jpg);
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	border-width: 0;
	border-bottom: 2px solid #b33800;
	border-radius: .3125rem;
	-webkit-box-shadow: 0 0 6px rgba(155,14,0,.5);
	box-shadow: 0 0 6px rgba(155,14,0,.5);
	text-align: center
}

.star .button:active:focus,.star .button:active:hover,.star .button:focus,.star .button:hover {
	outline: 0
}

.star .button.disabled,.star .button[disabled] {
	opacity: .65
}

.star .card {
	margin: .875rem;
	background-color: rgba(44,32,109,.3);
	background-image: -webkit-gradient(linear,left top,right top,from(#2f4692),to(#304693));
	background-image: -webkit-linear-gradient(left,#2f4692,#304693);
	background-image: -o-linear-gradient(left,#2f4692,#304693);
	background-image: linear-gradient(to right,#2f4692,#304693);
	border: .125rem solid #30559b;
	border-radius: .3125rem;
	-webkit-box-shadow: inset 0 0 5px rgba(8,40,82,.2);
	box-shadow: inset 0 0 5px rgba(8,40,82,.2)
}

.star .card .card-header {
	padding-top: .75rem
}

.star .card .card-title {
	position: relative;
	font-size: 1.125rem;
	display: inline-block;
	height: 2.25rem;
	padding: .25rem 1rem;
	color: #ffdc00;
	background-color: #062146
}

.star .card .card-title::after {
	position: absolute;
	top: 0;
	left: 100%;
	display: block;
	width: 0;
	height: 0;
	content: " ";
	border: 1.125rem solid transparent;
	border-right-width: 0;
	border-left-color: #062146
}

.star .card .card-title input {
	width: 6.75rem;
	height: 1rem;
	border: 1px dashed #717374;
	text-align: center;
	color: inherit;
	padding: .875rem 0
}

.star .card .card-title .tiper {
	position: absolute;
	top: .4rem;
	left: 10.125rem;
	width: 13rem;
	color: #cbced0;
	font-size: .75rem;
	text-shadow: none
}

.star .card .card-title .tiper i {
	padding-right: .375rem
}

.star .card .card-body,.star .card .card-footer {
	padding: 1rem
}

.star .modal-join .modal-content {
	background-color: #282350;
	background-image: url(../images/star/bg.jpg);
	-webkit-background-size: 100% auto;
	background-size: 100% auto
}

.star .modal-join fieldset {
	border-width: 0
}

.star .modal-join fieldset label {
	font-size: 1.5rem;
	padding-top: .3125rem;
	padding-right: 0
}

.star .modal-join fieldset span {
	color: #f5efef;
	font-size: .875rem;
	text-align: center;
	display: block
}

.star .modal-join fieldset input {
	font-size: 1rem;
	width: 100%;
	padding: .3rem 1rem;
	border: .0625rem solid #282350;
	border-radius: .3125rem
}

.star .modal-join fieldset input:focus {
	border-color: #16132d;
	-webkit-box-shadow: 0 0 .125rem #16132d;
	box-shadow: 0 0 .125rem #16132d;
	outline: 0
}

.star-editor .prizes input {
	text-align: left
}

.star-editor .prizes input[type=number] {
	width: 4rem;
	margin-left: .3125rem;
	margin-right: .3125rem;
	padding: .125rem;
	color: #ffdc00
}

.star-editor .prizes input[type=text] {
	width: 13.75rem;
	color: #ffdc00
}

.join-customize-container.star-join-customize {
	padding: 0 .5rem
}

.join-customize-container.star-join-customize input.disabled {
	border-color: #908888
}

.join-customize-container.star-join-customize .weui_cells_checkbox .weui_check:checked+.weui_icon_checked:before {
	color: #d9d9d9
}

.bargain {
	color: #fff;
	background-color: #00b0f0;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(50%,#00b0f0),to(#00b0f0));
	background-image: -webkit-linear-gradient(top,#fff 0,#00b0f0 50%,#00b0f0 100%);
	background-image: -o-linear-gradient(top,#fff 0,#00b0f0 50%,#00b0f0 100%);
	background-image: linear-gradient(to bottom,#fff 0,#00b0f0 50%,#00b0f0 100%)
}

.bargain b,.bargain strong {
	font-weight: 400;
	margin-left: .125rem;
	margin-right: .125rem;
	color: #ff4136
}

.bargain .banner {
	position: relative;
	overflow: hidden;
	color: #1f7a9b;
	text-align: center
}

.bargain .banner .banner-header>img {
	display: block
}

.bargain .banner .banner-body,.bargain .banner .banner-footer {
	position: absolute;
	right: 0;
	left: 0
}

.bargain .banner .banner-body {
	top: 1rem;
	bottom: 3rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 1rem
}

.bargain .banner .banner-footer {
	bottom: 0;
	padding: .5rem 1rem
}

.bargain .banner .date>time {
	color: #ff4136
}

.bargain .banner .countdown b {
	font-size: 1.125rem
}

.bargain .banner .completed-list {
	overflow: hidden;
	height: 1.5rem;
	list-style: none
}

.bargain .banner .completed-list>li {
	font-size: .875rem;
	line-height: 1rem;
	width: 100%;
	padding: .25rem 1rem;
	color: #289bc5
}

.bargain .status-bar {
	color: #1f7a9b;
	background-color: #f3fbfe!important
}

.bargain .status-bar .grid {
	margin-left: -.5rem;
	margin-right: -.5rem;
	padding: 0
}

.bargain .status-bar .prices h5 {
	font-size: 1.125rem
}

.bargain .status-bar .prices p {
	font-size: .875rem;
	margin-bottom: 0
}

.bargain .status-bar .prices b {
	display: inline-block
}

.bargain .status-bar .prices>:last-child {
	text-align: right
}

.bargain .status-bar .actions {
	margin-top: .5rem;
	margin-bottom: 1rem
}

.bargain .status-bar .actions:last-child {
	margin-bottom: 0
}

.bargain .ranking-list table th {
	color: #ffdc00
}

.bargain .ranking-list table td {
	text-align: center
}

.bargain .ranking-list table td small {
	font-size: .625rem;
	line-height: 1;
	display: block;
	color: #f6f6f6
}

.bargain .ranking-list .waterfall-flow-loader {
	color: #fff
}

.bargain .weui_btn_primary {
	background-color: #0074d9
}

.bargain .weui_btn_primary:focus {
	background-color: #0059a6
}

.bargain .card {
	margin: 1rem;
	padding: 1rem;
	background-color: #00a7e4;
	border-radius: .3125rem
}

.bargain .card .card-title {
	line-height: 1.875rem;
	margin-left: -1.5rem;
	width: 5.5rem;
	height: 2.75rem;
	padding: 0 .5rem;
	color: #d65e29;
	background-image: url(../images/bargain/ribbon.png);
	background-repeat: no-repeat;
	-webkit-background-size: auto 100%;
	background-size: auto 100%;
	text-align: center
}

.bargain .card .card-body>:last-child {
	margin-bottom: 0
}

.bargain .button {
	font-size: 1.125rem;
	width: 100%;
	padding: .5rem 1rem;
	color: #1f7a9b;
	background-color: transparent;
	border: 1px solid #1f7a9b;
	border-radius: 1.375rem
}

.bargain .modal-join .modal-content {
	background-color: #00a7e4
}

.bargain .modal-join fieldset {
	border-width: 0
}

.bargain .modal-join fieldset label {
	font-size: 1.5rem;
	padding-top: .3125rem;
	padding-right: 0
}

.bargain .modal-join fieldset span {
	color: #fffefe;
	font-size: .9375rem;
	text-align: center;
	display: block
}

.bargain .modal-join fieldset input {
	font-size: 1rem;
	width: 100%;
	padding: .3rem 1rem;
	border: .0625rem solid #00a7e4;
	border-radius: .3125rem
}

.bargain .modal-join fieldset input:focus {
	border-color: #0082b1;
	-webkit-box-shadow: 0 0 .125rem #0082b1;
	box-shadow: 0 0 .125rem #0082b1;
	outline: 0
}

.bargain .modal-join .button {
	color: #fff;
	border-color: #fff;
	border-style: solid
}

@-webkit-keyframes haloRotating {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@-o-keyframes haloRotating {
	0% {
		-o-transform: rotate(0);
		transform: rotate(0)
	}

	100% {
		-o-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

.bargain .modal-halo.in::before {
	position: absolute;
	z-index: 0;
	top: 50%;
	left: 50%;
	width: 22.5rem;
	height: 22.5rem;
	margin-top: -11.25rem;
	margin-left: -11.25rem;
	-webkit-animation: haloRotating 5s infinite linear;
	animation: haloRotating 5s infinite linear;
	border-radius: 50%;
	background: url(../images/bargain/halo.png) center center no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%
}

.bargain .modal-halo .modal-content {
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none
}

.bargain .modal-halo .modal-body {
	position: relative;
	margin-right: auto;
	margin-left: auto;
	width: 11.25rem;
	height: 11.25rem;
	color: #fff!important;
	background-color: #2892b8;
	border-radius: 50%;
	background: -moz-linear-gradient(linear,0 45%,0 60%,from(#43D0FF),to(#47B3D8));
	background: -webkit-gradient(linear,0 45%,0 60%,from(#43D0FF),to(#47B3D8));
	text-shadow: 0 1px 1px rgba(99,68,68,.5);
	-webkit-box-shadow: 0 0 10px #000;
	box-shadow: 0 0 10px #000
}

.bargain .modal-halo .modal-block {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 100%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	text-align: center
}

.bargain .modal-halo .modal-block>span,.bargain .modal-halo .modal-block>strong {
	display: block
}

.bargain .modal-halo .modal-block>strong {
	font-size: 2.5rem;
	color: #ff4136
}

.bargain-editor .banner .banner-body {
	top: .5rem
}

.bargain-editor .banner .date>input {
	color: #ff4136
}

.bargain-editor .status-bar input {
	width: 64px;
	text-align: left
}

.bargain-editor .status-bar .range-title {
	font-size: .875rem;
	margin-top: .5rem;
	color: #919191
}

.bargain-editor .status-bar .note {
	font-size: .875rem;
	margin-bottom: 0;
	color: #919191
}

.doubleeleven dd,.doubleeleven dl,.doubleeleven dt,.doubleeleven li,.doubleeleven ol,.doubleeleven ul {
	list-style: none
}

.doubleeleven .fr {
	float: right
}

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

.doubleeleven header {
	line-height: 2.5rem;
	background-color: #D41F1A;
	font-size: .875rem;
	padding-left: 1.25rem;
	color: #fff
}

.doubleeleven header ul li {
	display: inline-block;
	float: left;
	margin-right: .625rem;
	color: #fff
}

.doubleeleven header ul li span {
	color: #FEE800
}

.doubleeleven header>.menu {
	position: fixed;
	z-index: 9;
	top: .5rem;
	right: .5rem
}

.doubleeleven header>.menu>a {
	font-size: .875rem;
	line-height: 2rem;
	display: block;
	width: 2.5rem;
	height: 2.5rem;
	padding: .25rem;
	color: #fff;
	background-color: rgba(0,0,0,.5);
	border-radius: 50%;
	text-align: center
}

.doubleeleven header>.menu>a+a {
	margin-top: .5rem
}

.doubleeleven header>.menu>a.small {
	font-size: .75rem;
	line-height: 1rem
}

.doubleeleven header>.menu>a i.fa {
	font-size: 1.5rem;
	line-height: 1.5
}

.doubleeleven header>.menu>a.qrcode {
	width: 2.8rem;
	height: 2.8rem;
	padding: .45rem .2rem;
	font-size: .75rem;
	line-height: 1.3
}

.doubleeleven header>.menu>a.qrcode.ani {
	-o-animation: shake-hard 2s ease;
	animation: shake-hard 2s ease;
	-webkit-animation: shake-hard 2s ease
}

.doubleeleven .main {
	background-color: #E21713;
	background-image: url(../images/doubleeleven/bg.jpg);
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: 0 0;
	overflow: hidden
}

.doubleeleven .main .theme-text {
	color: #fff;
	text-align: center;
	font-size: 1.75rem;
	margin: 19.375% 7.5% 6.25%
}

.doubleeleven .main .theme-text textarea {
	resize: none;
	width: 100%;
	height: 9.375rem;
	text-align: center;
	padding: 1.25rem;
	font-size: 1.25rem;
	line-height: 2.5rem;
	background: 0 0;
	color: #fff;
	border: 1px dashed #D1B2B5;
	border-radius: 1.875rem;
	font-weight: 700
}

.doubleeleven .main .time-name {
	color: #fff;
	font-size: .75rem;
	text-align: center
}

.doubleeleven .main .time-name input {
	display: inline-block;
	width: 6.875rem;
	height: 2.5rem;
	line-height: 2.5rem;
	border: 1px dashed #DB928F;
	background: 0 0;
	color: #FEE202;
	border-radius: .625rem;
	font-size: .625rem;
	text-align: center
}

.doubleeleven .main .time-name .countdown {
	font-size: 1rem
}

.doubleeleven .main .time-name .countdown b:first-of-type {
	color: #FFF900
}

.doubleeleven .main .time-name .countdown b:not(:first-of-type) {
	background-color: #E11711;
	color: #FEE001;
	border-radius: .3125rem;
	display: inline-block;
	width: 1.875rem;
	height: 1.875rem;
	line-height: 1.875rem;
	text-align: center;
	margin-left: .1875rem;
	margin-right: .1875rem
}

.doubleeleven .main .push-button {
	padding-top: 6.25%;
	overflow: hidden
}

.doubleeleven .main .push-button button {
	display: inline-block;
	opacity: 1;
	width: 80%;
	height: 3.125rem;
	text-align: center;
	background: #F79708;
	border: 1px solid #F79708;
	border-radius: .625rem;
	border-bottom: .3125rem solid #F5700B;
	color: #E12E25
}

.doubleeleven .main .push-button button:first-of-type {
	margin-left: 10%
}

.doubleeleven .main .push-button button:last-of-type {
	margin-right: 10%
}

.doubleeleven .main .curve {
	background-image: url(../images/doubleeleven/curve.png);
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	padding-bottom: 8%
}

.doubleeleven .main .method {
	background-color: #FFB200;
	padding: 1.25rem
}

.doubleeleven .main .method h2 {
	position: relative;
	z-index: 1;
	color: #885000;
	font-size: 1.25rem;
	font-weight: 700
}

.doubleeleven .main .method h2 a {
	position: absolute;
	right: 0;
	top: .125rem;
	display: block;
	color: #885000;
	font-size: .875rem
}

.doubleeleven .main .curve2 {
	background-image: url(../images/doubleeleven/curve2.jpg);
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	padding-bottom: 8.125%
}

.doubleeleven .main .product {
	position: relative;
	z-index: 1;
	padding: 23%;
	margin-top: 6.25%;
	background-image: url(../images/doubleeleven/product.png);
	background-repeat: no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	background-position: 0 0
}

.doubleeleven .main .product .detail {
	position: absolute;
	left: 50%;
	top: 0;
	z-index: 2;
	width: 80%;
	height: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 20% 0 0 -40%
}

.doubleeleven .main .product .detail h2 {
	overflow: hidden;
	padding-left: 1%;
	padding-right: 1%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #fff;
	text-align: center;
	font-size: 1.25rem
}

.doubleeleven .main .product .detail h2 input {
	display: block;
	padding: 2%;
	width: 100%;
	height: 100%;
	height: 1.875rem;
	text-align: center;
	font-size: 1rem;
	border: 1px dashed #DC9100;
	background: 0 0;
	color: #fff;
	border-radius: .3125rem
}

.doubleeleven .main .product .detail p {
	margin-top: -.125rem;
	font-size: .875rem;
	text-align: center;
	color: #fff
}

.doubleeleven .main .product .detail p span {
	color: #F61727
}

.doubleeleven .main .product .detail p input {
	width: 5.625rem;
	text-align: center;
	font-size: 1rem;
	border: 1px dashed #DC9100;
	background: 0 0;
	color: #F61727;
	border-radius: .3125rem
}

.doubleeleven .main .ladder ul {
	display: block
}

.doubleeleven .main .ladder ul li {
	display: block;
	position: relative;
	z-index: 1;
	padding: 16% 0;
	overflow: hidden
}

.doubleeleven .main .ladder ul li>button {
	position: absolute;
	z-index: 3;
	right: .9375rem;
	top: .3125rem;
	background: #fff;
	border: 0;
	width: 1rem;
	height: 1rem;
	line-height: 1rem;
	color: #FEE33F;
	font-weight: 700;
	text-align: center;
	border-radius: 50%;
	overflow: hidden
}

.doubleeleven .main .ladder ul li .info {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	padding: 0 2%;
	background-image: url(../images/doubleeleven/d.png);
	-webkit-background-size: 96% auto;
	background-size: 96% auto;
	background-position: center 0;
	background-repeat: no-repeat
}

.doubleeleven .main .ladder ul li .info>span {
	display: block;
	width: 15%;
	height: 90%;
	line-height: 1.25rem;
	text-align: center;
	font-size: 1.375rem;
	letter-spacing: .5rem;
	color: #EB4B0B;
	padding-top: .9375rem;
	font-weight: 700;
	overflow: hidden;
	text-indent: -999rem;
	background-position: center center;
	-webkit-background-size: 42% auto;
	background-size: 42% auto;
	background-repeat: no-repeat
}

.doubleeleven .main .ladder ul li .info .detail {
	height: 100%;
	padding-left: 18%;
	padding-right: 5%
}

.doubleeleven .main .ladder ul li .info .detail h2 {
	height: 3rem;
	line-height: 1.875rem;
	color: #DF1710;
	border-bottom: 2px solid #861310;
	padding-top: .625rem;
	font-size: .875rem
}

.doubleeleven .main .ladder ul li .info .detail h2>input {
	font-size: 1.125rem;
	width: 2.5rem;
	background: 0 0;
	border: 1px dashed #C8B439;
	border-radius: .625rem;
	text-align: center;
	color: #E53000;
	font-weight: 700
}

.doubleeleven .main .ladder ul li .info .detail h2 span {
	font-size: .75rem;
	color: #861310;
	font-weight: 700
}

.doubleeleven .main .ladder ul li .info .detail h2 span input {
	width: 3.75rem;
	background: 0 0;
	border: 1px dashed #C8B439;
	border-radius: .625rem;
	text-align: center;
	font-size: 1.125rem;
	color: #E53000
}

.doubleeleven .main .ladder ul li .info .detail p {
	height: 2.25rem;
	color: #861310;
	font-size: 1rem
}

.doubleeleven .main .ladder ul li .info .detail p input {
	width: 3.75rem;
	height: 2rem;
	background: 0 0;
	border: 1px dashed #C8B439;
	border-radius: .625rem;
	text-align: center;
	color: #E53000;
	font-weight: 700
}

.doubleeleven .main .ladder ul li .info .detail p button {
	width: 5rem;
	height: 2rem;
	background: #E11711;
	border: 0;
	color: #fff;
	font-size: .875rem;
	border-radius: .625rem
}

.doubleeleven .main .ladder ul li:first-of-type .info>span {
	background-image: url(../images/doubleeleven/icon-one.png)
}

.doubleeleven .main .ladder ul li:nth-of-type(2) .info>span {
	background-image: url(../images/doubleeleven/icon-two.png)
}

.doubleeleven .main .ladder ul li:nth-of-type(3) .info>span {
	background-image: url(../images/doubleeleven/icon-three.png)
}

.doubleeleven .main .ladder>button {
	display: block;
	width: 82%;
	height: 3.75rem;
	text-align: center;
	background: 0 0;
	border: 1px dashed #fff;
	color: #fff;
	margin-left: auto;
	margin-right: auto;
	border-radius: .625rem;
	font-size: 1.125rem
}

.doubleeleven .main .ladder>button span {
	display: inline-block;
	width: 1.25rem;
	height: 1.25rem;
	vertical-align: -.1875rem;
	position: relative;
	z-index: 1;
	margin-right: .3125rem
}

.doubleeleven .main .ladder>button span::after,.doubleeleven .main .ladder>button span::before {
	display: block;
	content: '';
	position: absolute;
	left: 50%;
	top: 50%
}

.doubleeleven .main .ladder>button span::before {
	margin-left: -.125rem;
	margin-top: -.625rem;
	width: .25rem;
	height: 1.25rem;
	background-color: #fff
}

.doubleeleven .main .ladder>button span::after {
	margin-top: -.125rem;
	margin-left: -.625rem;
	height: .25rem;
	width: 1.25rem;
	background-color: #fff
}

.doubleeleven .main .desc {
	padding: 1.25rem
}

.doubleeleven .main .desc .content {
	background-color: #D51812;
	border-radius: .625rem;
	padding: 1.25rem .625rem;
	color: #fff
}

.doubleeleven .main .desc .content h2 {
	color: #FFFD53;
	font-size: 1.5rem;
	padding-bottom: 1.25rem
}

.doubleeleven .main .desc .content img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	margin-top: 1rem
}

.doubleeleven .main .desc .content>textarea {
	display: block;
	width: 100%;
	min-height: 12.5rem;
	background: 0 0;
	border: 1px dashed #CBCBCB;
	border-radius: 1.25rem;
	resize: none;
	color: #fff;
	padding: .625rem
}

.doubleeleven .main .desc .content .uploader.reverse>label {
	min-height: 3.125rem;
	margin-top: 1rem;
	border-radius: .625rem
}

.doubleeleven .main .desc .content .uploader.reverse>label::after,.doubleeleven .main .desc .content .uploader.reverse>label::before {
	left: 18%
}

.doubleeleven .main .desc .content .uploader.reverse>label::before {
	width: .25rem;
	height: 1.25rem
}

.doubleeleven .main .desc .content .uploader.reverse>label::after {
	height: .25rem;
	width: 1.25rem
}

.doubleeleven .main .desc .content .uploader.reverse>label span {
	font-size: .8125rem;
	text-indent: 1.25rem;
	padding-left: 0;
	padding-right: 0
}

.doubleeleven .main .desc .content .uploader-container:nth-of-type(2) label::after,.doubleeleven .main .desc .content .uploader-container:nth-of-type(2) label::before {
	left: 8%
}

.doubleeleven .main .desc .upload {
	display: block;
	width: 100%;
	height: 3.125rem;
	line-height: 3.125rem;
	margin-top: 1rem;
	text-align: center;
	background: 0 0;
	border: 1px dashed #fff;
	color: #fff;
	margin-left: auto;
	margin-right: auto;
	border-radius: .625rem;
	position: relative;
	z-index: 1;
	font-size: .8125rem
}

.doubleeleven .main .desc .upload span {
	display: inline-block;
	width: 1.25rem;
	height: 1.25rem;
	vertical-align: -.1875rem;
	position: relative;
	z-index: 1;
	margin-right: .3125rem;
	background: #D51812
}

.doubleeleven .main .desc .upload span::after,.doubleeleven .main .desc .upload span::before {
	display: block;
	content: '';
	position: absolute;
	left: 50%;
	top: 50%
}

.doubleeleven .main .desc .upload span::before {
	margin-left: -.125rem;
	margin-top: -.625rem;
	width: .25rem;
	height: 1.25rem;
	background-color: #fff
}

.doubleeleven .main .desc .upload span::after {
	margin-top: -.125rem;
	margin-left: -.625rem;
	height: .25rem;
	width: 1.25rem;
	background-color: #fff
}

.doubleeleven .main .desc .upload input[type=file] {
	position: absolute;
	opacity: 0;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0
}

.doubleeleven .main .prize,.doubleeleven .main .ranking-list {
	background-color: #FFB200;
	padding: 1.25rem
}

.doubleeleven .main .prize h2,.doubleeleven .main .prize h6,.doubleeleven .main .ranking-list h2,.doubleeleven .main .ranking-list h6 {
	display: block;
	width: 45%;
	height: 2.5rem;
	line-height: 2.5rem;
	border-top-left-radius: .3125rem;
	border-top-right-radius: .3125rem;
	background-color: #C48000;
	text-align: center;
	font-size: 1rem;
	color: #fff;
	font-weight: 700;
	position: relative
}

.doubleeleven .main .prize h2 input,.doubleeleven .main .prize h6 input,.doubleeleven .main .ranking-list h2 input,.doubleeleven .main .ranking-list h6 input {
	width: 7.5rem;
	height: 1rem;
	line-height: 1rem;
	border: 1px dashed #fff;
	text-align: center;
	padding: .875rem 0;
	color: inherit;
	background: 0 0
}

.doubleeleven .main .prize h2 .tiper,.doubleeleven .main .prize h6 .tiper,.doubleeleven .main .ranking-list h2 .tiper,.doubleeleven .main .ranking-list h6 .tiper {
	position: absolute;
	top: 0;
	left: 81%;
	width: 13rem;
	color: #fff;
	font-size: .625rem;
	letter-spacing: 0
}

.doubleeleven .main .prize h2 .tiper i,.doubleeleven .main .prize h6 .tiper i,.doubleeleven .main .ranking-list h2 .tiper i,.doubleeleven .main .ranking-list h6 .tiper i {
	padding-right: .375rem
}

.doubleeleven .main .prize .card-body,.doubleeleven .main .prize .info,.doubleeleven .main .ranking-list .card-body,.doubleeleven .main .ranking-list .info {
	margin-top: -.625rem;
	background-color: #EE9B00;
	border-radius: .3125rem;
	padding: .625rem;
	word-break: break-all
}

.doubleeleven .main .prize .card-body summary,.doubleeleven .main .prize .info summary,.doubleeleven .main .ranking-list .card-body summary,.doubleeleven .main .ranking-list .info summary {
	color: #fff
}

.doubleeleven .main .prize .card-body textarea,.doubleeleven .main .prize .info textarea,.doubleeleven .main .ranking-list .card-body textarea,.doubleeleven .main .ranking-list .info textarea {
	display: block;
	width: 100%;
	min-height: 7.5rem;
	background: 0 0;
	resize: none;
	border: 1px dashed #fff;
	color: #fff;
	padding: .625rem;
	border-radius: .3125rem
}

.doubleeleven .main .prize .card-body input.telphone,.doubleeleven .main .prize .info input.telphone,.doubleeleven .main .ranking-list .card-body input.telphone,.doubleeleven .main .ranking-list .info input.telphone {
	display: block;
	width: 100%;
	height: 2.5rem;
	line-height: 2.5rem;
	background: url(../images/doubleeleven/icon-tel.png) .625rem center no-repeat;
	border: 1px dashed #fff;
	border-radius: .625rem;
	padding-left: 2.5rem;
	-webkit-background-size: auto 60%;
	background-size: auto 60%;
	color: #fff;
	font-size: 1rem
}

.doubleeleven .main .prize .card-body p,.doubleeleven .main .prize .info p,.doubleeleven .main .ranking-list .card-body p,.doubleeleven .main .ranking-list .info p {
	margin-top: .625rem;
	color: #fff;
	line-height: 1.25rem
}

.doubleeleven .main .prize .card-body .upload,.doubleeleven .main .prize .info .upload,.doubleeleven .main .ranking-list .card-body .upload,.doubleeleven .main .ranking-list .info .upload {
	display: block;
	width: 100%;
	height: 3.125rem;
	line-height: 3.125rem;
	margin-top: 1rem;
	text-align: center;
	background: 0 0;
	border: 1px dashed #fff;
	color: #fff;
	margin-left: auto;
	margin-right: auto;
	border-radius: .625rem;
	position: relative;
	z-index: 1;
	font-size: .8125rem
}

.doubleeleven .main .prize .card-body .upload span,.doubleeleven .main .prize .info .upload span,.doubleeleven .main .ranking-list .card-body .upload span,.doubleeleven .main .ranking-list .info .upload span {
	display: inline-block;
	width: 1.25rem;
	height: 1.25rem;
	vertical-align: -.1875rem;
	position: relative;
	z-index: 1;
	margin-right: .3125rem;
	background: #EE9B00
}

.doubleeleven .main .prize .card-body .upload span::after,.doubleeleven .main .prize .card-body .upload span::before,.doubleeleven .main .prize .info .upload span::after,.doubleeleven .main .prize .info .upload span::before,.doubleeleven .main .ranking-list .card-body .upload span::after,.doubleeleven .main .ranking-list .card-body .upload span::before,.doubleeleven .main .ranking-list .info .upload span::after,.doubleeleven .main .ranking-list .info .upload span::before {
	display: block;
	content: '';
	position: absolute;
	left: 50%;
	top: 50%
}

.doubleeleven .main .prize .card-body .upload span::before,.doubleeleven .main .prize .info .upload span::before,.doubleeleven .main .ranking-list .card-body .upload span::before,.doubleeleven .main .ranking-list .info .upload span::before {
	margin-left: -.125rem;
	margin-top: -.625rem;
	width: .25rem;
	height: 1.25rem;
	background-color: #fff
}

.doubleeleven .main .prize .card-body .upload span::after,.doubleeleven .main .prize .info .upload span::after,.doubleeleven .main .ranking-list .card-body .upload span::after,.doubleeleven .main .ranking-list .info .upload span::after {
	margin-top: -.125rem;
	margin-left: -.625rem;
	height: .25rem;
	width: 1.25rem;
	background-color: #fff
}

.doubleeleven .main .intro .info .uploader-container img,.doubleeleven-index .intro .info p img {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto
}

.doubleeleven .main .prize .card-body .upload input[type=file],.doubleeleven .main .prize .info .upload input[type=file],.doubleeleven .main .ranking-list .card-body .upload input[type=file],.doubleeleven .main .ranking-list .info .upload input[type=file] {
	position: absolute;
	opacity: 0;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0
}

.doubleeleven .main .prize table,.doubleeleven .main .ranking-list table {
	width: 100%;
	text-align: center
}

.doubleeleven .main .prize table thead th,.doubleeleven .main .ranking-list table thead th {
	color: #FFFC15;
	height: 2.5rem;
	font-size: .875rem
}

.doubleeleven .main .prize table tbody td,.doubleeleven .main .ranking-list table tbody td {
	color: #fff;
	font-size: .75rem
}

.doubleeleven .main .prize .waterfall-flow-loader,.doubleeleven .main .ranking-list .waterfall-flow-loader {
	color: #fff
}

.doubleeleven .main .tel {
	height: 3.75rem;
	line-height: 2.5rem;
	background-color: #FFEA00;
	color: #EB300F;
	font-size: .875rem;
	padding: .625rem
}

.doubleeleven .main .tel span {
	font-size: 1rem
}

.doubleeleven .main .tel a {
	display: block;
	width: 6.25rem;
	height: 2.5rem;
	line-height: 2.5rem;
	border-radius: .375rem;
	background-color: #E91813;
	color: #FBEB02;
	text-align: center;
	text-indent: 1.5625rem;
	background-image: url(../images/doubleeleven/icon-tel2.png);
	-webkit-background-size: 20% auto;
	background-size: 20% auto;
	background-position: 15% center;
	background-repeat: no-repeat
}

.doubleeleven .main .intro .info textarea {
	margin-bottom: 1rem
}

.doubleeleven .main .intro .info .uploader-container .uploader.reverse>label {
	min-height: 3.125rem;
	margin-top: 1rem;
	border-radius: .625rem
}

.doubleeleven .main .intro .info .uploader-container .uploader.reverse>label::after,.doubleeleven .main .intro .info .uploader-container .uploader.reverse>label::before {
	left: 25%
}

.doubleeleven .main .intro .info .uploader-container .uploader.reverse>label::before {
	width: .25rem;
	height: 1.25rem
}

.doubleeleven .main .intro .info .uploader-container .uploader.reverse>label::after {
	height: .25rem;
	width: 1.25rem
}

.doubleeleven .main .intro .info .uploader-container .uploader.reverse>label span {
	font-size: .8125rem;
	text-indent: 1.25rem;
	padding-left: 0;
	padding-right: 0
}

.doubleeleven footer {
	height: 3.75rem;
	background-color: #fff
}

.doubleeleven footer .content {
	position: fixed;
	z-index: 1011;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: #fff;
	width: 100%;
	hheight: 3.75rem;
	padding: .625rem 1.25rem
}

.doubleeleven footer .content button {
	width: 45%;
	height: 2.5rem;
	text-align: center;
	font-size: 1rem;
	border-radius: .3125rem
}

.doubleeleven footer .content button:first-of-type {
	background: #f7f7f7;
	border: 1px solid #D2D2D2
}

.doubleeleven footer .content button:last-of-type {
	background: #EC231B;
	color: #fff;
	border: 1px solid #CE322C
}

.join-customize-container.doubleeleven-join-customize {
	padding: 0 .5rem;
	color: #fff
}

.join-customize-container.doubleeleven-join-customize input {
	color: #fff;
	border: 1px dashed #fff
}

.join-customize-container.doubleeleven-join-customize input.disabled {
	border-color: #ccc
}

.join-customize-container.doubleeleven-join-customize .weui_cells_checkbox .weui_check:checked+.weui_icon_checked:before {
	color: #d9d9d9
}

.doubleeleven-index .main .push-button button {
	background: #FFEA00;
	border: 1px solid #FFEA00;
	border-radius: .625rem;
	border-bottom: .3125rem solid #F99405;
	color: #F63737
}

.doubleeleven-index .main .ladder ul li .info .detail h2 span:first-of-type {
	font-size: 1.125rem;
	background: 0 0;
	color: #DF1710;
	text-align: center
}

.doubleeleven-index .main .ladder ul li .info .detail h2 b {
	background: 0 0;
	text-align: center;
	font-size: 1.125rem;
	color: #E53000
}

.doubleeleven-index .main .ladder ul li .info .detail h2 i {
	font-style: normal;
	font-size: .75rem
}

.doubleeleven-index .main .ladder ul li .info .detail>p {
	line-height: 2.25rem;
	font-size: .75rem
}

.doubleeleven-index .main .ladder ul li .info .detail>p span:first-of-type {
	vertical-align: -.125rem
}

.doubleeleven-index .main .ladder ul li .info .detail>p>button {
	width: 4rem;
	line-height: 2rem;
	position: relative
}

.doubleeleven-index .main .ladder ul li .info .detail>p>button span {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: .625rem;
	background-color: rgba(69,179,39,.9);
	position: absolute;
	left: 0;
	top: 0;
	background-image: url(../images/doubleeleven/icon-get.png);
	-webkit-background-size: 1.875rem auto;
	background-size: 1.875rem auto;
	background-repeat: no-repeat;
	background-position: center center
}

.doubleeleven-index .main .ladder ul li .info .detail .level-process {
	display: inline-block;
	width: 6.25rem;
	height: 1rem;
	background-color: #EAB925;
	border-radius: 1rem;
	position: relative;
	z-index: 1
}

.doubleeleven-index .main .ladder ul li .info .detail .level-process i {
	display: block;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	border-radius: 1rem;
	background-image: url(../images/doubleeleven/icon-process.png);
	-webkit-background-size: auto 100%;
	background-size: auto 100%;
	background-position: 0 0;
	background-repeat: repeat-x
}

.doubleeleven-index .main .desc .content p {
	margin-top: 1rem;
	margin-bottom: 0
}

.doubleeleven-index .main .desc .content p img {
	margin-top: 0
}

.doubleeleven-index .product .detail h2 {
	text-align: center
}

.doubleeleven-index .product .detail h2 summary {
	color: #fff;
	font-size: 1.25rem
}

.doubleeleven-index .product .detail p span s {
	font-size: 1.125rem
}

.doubleeleven-index .intro .info p {
	margin-bottom: 1rem
}

.doubleeleven-index .intro .info p:last-of-type,.moon .prizes h5,.moon .prizes p {
	margin-bottom: .5rem
}

.doubleeleven-index .intro .info p img {
	display: block
}

.doubleeleven-index .tel {
	height: auto
}

.doubleeleven-index .tel .info {
	position: fixed;
	z-index: 99;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	line-height: 2.5rem;
	background-color: #FFEA00;
	color: #EB300F;
	font-size: .875rem;
	padding: .625rem
}

.doubleeleven-index .tel .info span {
	font-size: 1rem
}

.doubleeleven-index .tel .info span>a {
	display: inline;
	background: 0 0;
	color: #EB300F;
	text-indent: 0
}

.doubleeleven-index .tel .info>a {
	display: block;
	width: 6.25rem;
	height: 2.5rem;
	line-height: 2.5rem;
	border-radius: .375rem;
	background-color: #E91813;
	color: #FBEB02;
	text-align: center;
	text-indent: 1.5625rem;
	background-image: url(../images/doubleeleven/icon-tel2.png);
	-webkit-background-size: 20% auto;
	background-size: 20% auto;
	background-position: 15% center;
	background-repeat: no-repeat
}

.doubleeleven-index .tel .info .action-bar {
	display: none
}

.doubleeleven-index .tel .info .reminder {
	height: 1.875rem;
	line-height: 1.875rem;
	background-color: rgba(0,0,0,.7);
	position: relative;
	margin: .625rem -.625rem -.625rem
}

.doubleeleven-index .tel .info .reminder a {
	display: inline-block;
	width: auto;
	line-height: 1.875rem;
	color: #fff;
	background: 0 0
}

.doubleeleven-index .tel .info .reminder i {
	color: #fff;
	font-style: normal
}

.doubleeleven-index .tel .info .reminder strong {
	color: #ffdc00
}

.doubleeleven-index .tel .info .reminder .reminder-close {
	font-size: 1.5rem;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	display: block;
	min-width: 2.5rem;
	color: #fff;
	text-align: center;
	cursor: pointer
}

.doubleeleven-index .modal-close {
	color: #333
}

.doubleeleven-index fieldset {
	border: 0
}

.doubleeleven-index fieldset label {
	font-size: 1.5rem;
	padding-top: .3125rem;
	padding-right: 0;
	color: #333
}

.doubleeleven-index fieldset span {
	color: #827e7e;
	font-size: .875rem;
	text-align: center;
	display: block
}

.doubleeleven-index .modal-body input {
	font-size: 1rem;
	width: 100%;
	padding: .6875rem 1rem;
	border: .0625rem solid #da0042;
	border-radius: .3125rem
}

.doubleeleven-index .modal-footer button.double-primary {
	background-color: #D41F1A;
	color: #fff
}

.doubleeleven-index .double-vote {
	width: 7.5rem;
	height: 7.5rem;
	line-height: 7.5rem;
	-webkit-box-flex: inherit;
	-webkit-flex-grow: inherit;
	-ms-flex-positive: inherit;
	flex-grow: inherit;
	margin: 0 auto;
	border-radius: 50%;
	background: #D82A2A;
	text-align: center;
	color: #fff;
	font-size: 1rem
}

.bargain2 .banner .banner-body,.bargain3 .banner .banner-title {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column
}

.doubleeleven-index .double-vote span {
	font-size: 1.625rem
}

.doubleeleven-index .double-bg {
	width: 16.25rem;
	height: 16.25rem;
	background-image: url(../images/doubleeleven/halo.png);
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: 0 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	position: absolute;
	z-index: 1;
	left: 50%;
	top: 50%;
	margin-left: -8.125rem;
	margin-top: -8.125rem;
	-o-animation: change 5s linear infinite;
	animation: change 5s linear infinite;
	-webkit-animation: change 5s linear infinite
}

@-webkit-keyframes change {
	from {
		transform: rotate(0);
		-webkit-transform: rotate(0)
	}

	to {
		transform: rotate(360deg);
		-webkit-transform: rotate(360deg)
	}
}

@-o-keyframes change {
	from {
		-o-transform: rotate(0);
		transform: rotate(0);
		-webkit-transform: rotate(0)
	}

	to {
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
		-webkit-transform: rotate(360deg)
	}
}

@keyframes change {
	from {
		-o-transform: rotate(0);
		transform: rotate(0);
		-webkit-transform: rotate(0)
	}

	to {
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
		-webkit-transform: rotate(360deg)
	}
}

.doubleeleven-index .double-content {
	padding: 0;
	position: absolute;
	z-index: 3;
	left: 50%;
	top: 50%;
	width: 7.5rem;
	height: 7.5rem;
	line-height: 7.5rem;
	margin-left: -3.75rem;
	margin-top: -3.75rem;
	border-radius: 50%;
	background-color: #D82A2A
}

.doubleeleven-index .sharer .weui_btn_primary {
	background-color: #D41F1A
}

.doubleeleven-index .completed-list {
	height: 1.875rem;
	line-height: 1.875rem;
	color: #fff;
	text-align: center;
	background: rgba(0,0,0,.38);
	width: 93%;
	margin: 1.25rem auto 0;
	border-radius: 10px;
	display: block
}

.doubleeleven-index .completed-list li {
	display: block;
	width: 100%;
	font-size: .75rem
}

.doubleeleven-index .completed-list li b,.doubleeleven-index .completed-list li span {
	color: #FFEA00
}

.doubleeleven-index .myself {
	margin-top: 1.25rem;
	padding: 25% 0;
	position: relative;
	z-index: 1
}

.doubleeleven-index .myself .info {
	position: absolute;
	z-index: 2;
	left: 50%;
	top: 0;
	width: 96%;
	height: 100%;
	margin-left: -48%;
	background-image: url(../images/doubleeleven/icon-myself.png);
	background-position: 0 0;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	background-repeat: no-repeat
}

.doubleeleven-index .myself .info .text {
	margin-top: 16%;
	padding-left: 5%;
	padding-right: 5%;
	color: #fff;
	font-size: 1.25rem;
	text-align: center
}

.doubleeleven-index .myself .info .text p {
	margin-bottom: 0
}

.doubleeleven-index .myself .info .text p span {
	font-size: 1.625rem;
	color: #FFFC00;
	padding-left: .3125rem;
	padding-right: .3125rem
}

.doubleeleven-index .myhelp {
	padding: 20px 40px;
	color: #fff;
	line-height: 2.25rem
}

.doubleeleven-index .myhelp span:first-of-type {
	font-size: 1.375rem;
	border-bottom: 2px dotted rgba(255,255,255,.8)
}

.doubleeleven-index .myhelp span:last-of-type {
	font-size: 1rem;
	border-bottom: 2px dotted rgba(255,255,255,.8)
}

.doubleeleven-index .myhelp span:last-of-type b {
	color: #FEE001;
	font-weight: 400;
	font-size: 1.5rem;
	padding-left: .3125rem;
	padding-right: .3125rem
}

.doubleeleven-index .myhelp p {
	text-align: center;
	font-size: .875rem;
	margin-left: -1.25rem;
	margin-right: -1.25rem;
	clear: both;
	margin-bottom: 0;
	color: rgba(255,247,247,.8)
}

.doubleeleven-index.sample .tel {
	height: 4.75rem
}

.doubleeleven-index.sample .tel .info {
	padding-left: 0;
	padding-right: 0;
	text-indent: .625rem
}

.doubleeleven-index.sample .tel .info>span {
	text-indent: 0
}

.doubleeleven-index.sample .tel .info>a {
	text-indent: 1.5625rem;
	margin-right: .625rem
}

.doubleeleven-index.sample .tel .info .reminder {
	display: none
}

.doubleeleven-index.sample .tel .info .action-bar {
	display: block;
	width: 100%;
	background-color: #04be02;
	margin-bottom: -.625rem;
	text-indent: 0
}

.doubleeleven-index.sample .tel .info .action-bar a {
	display: block;
	width: 100%;
	background: #04be02;
	color: #fff;
	text-indent: 0;
	margin-bottom: -.625rem;
	margin-top: .625rem;
	margin-right: -.625rem
}

.daydaysale-editor .banner .banner-body {
	top: .5rem
}

.daydaysale-editor .banner .date>input {
	color: #ff4136
}

.daydaysale-editor .status-bar input {
	width: 64px;
	text-align: left
}

.daydaysale-editor .status-bar .range-title {
	font-size: .875rem;
	margin-top: .5rem;
	color: #FFF6F6
}

.daydaysale-editor .status-bar .note {
	font-size: .875rem;
	margin-bottom: 0;
	color: #FFF6F6
}

.daydaysale-editor .status-bar .line-hour {
	font-size: 1rem;
	margin-top: .875rem
}

.daydaysale-editor .card .card-body .prize-limit {
	color: #f8d763;
	font-size: 1rem;
	margin-top: .875rem;
	text-align: center
}

.daydaysale-editor .card .card-body input {
	width: 64px;
	text-align: left
}

.daydaysale-editor .card .card-body .note {
	font-size: .875rem;
	margin-bottom: 1.125rem;
	color: #FFF6F6;
	text-align: center
}

.daydaysale-editor .card .card-body .contact.note {
	text-align: left
}

.daydaysale-editor .card .card-body input.telphone {
	display: block;
	width: 100%;
	height: 2.5rem;
	line-height: 2.5rem;
	background: url(../images/daydaysale/icon-tel.png) .625rem center no-repeat;
	border: 1px dashed #fff;
	border-radius: .625rem;
	padding-left: 2.5rem;
	-webkit-background-size: auto 60%;
	background-size: auto 60%;
	color: #fff;
	font-size: 1rem
}

.daydaysale-editor .card .card-body .tel {
	height: 3.75rem;
	line-height: 2.5rem;
	background-color: #FFEA00;
	color: #EB300F;
	font-size: .875rem;
	padding: .625rem
}

.daydaysale-editor .card .card-body .tel span {
	font-size: 1rem
}

.daydaysale-editor .card .card-body .tel a {
	display: block;
	width: 6.25rem;
	height: 2.5rem;
	line-height: 2.5rem;
	border-radius: .375rem;
	background-color: #E91813;
	color: #FBEB02;
	text-align: center;
	text-indent: 1.5625rem;
	background-image: url(../images/daydaysale/icon-tel2.png);
	-webkit-background-size: 20% auto;
	background-size: 20% auto;
	background-position: 15% center;
	background-repeat: no-repeat
}

.daydaysale-editor .card.join-customize .card-title {
	font-size: .8rem;
	padding: 0
}

.daydaysale-editor .card.join-customize .card-body input {
	width: 100%
}

.daydaysale-editor .card.join-customize .card-body .note {
	margin-bottom: 0;
	text-align: left
}

.daydaysale-editor .footer .actions {
	position: fixed;
	bottom: 74px
}

.join-customize-container.daydaysale-join-customize {
	padding: 0 .5rem
}

.join-customize-container.daydaysale-join-customize .note {
	color: #fff
}

.join-customize-container.daydaysale-join-customize input {
	color: #fff;
	border: 1px dashed #fff
}

.join-customize-container.daydaysale-join-customize input.disabled {
	border-color: #ccc
}

.join-customize-container.daydaysale-join-customize .weui_cells_checkbox .weui_check:checked+.weui_icon_checked:before {
	color: #d9d9d9
}

.bargain2 {
	color: #fff;
	background-color: #00b0f0;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(50%,#00b0f0),to(#00b0f0));
	background-image: -webkit-linear-gradient(top,#fff 0,#00b0f0 50%,#00b0f0 100%);
	background-image: -o-linear-gradient(top,#fff 0,#00b0f0 50%,#00b0f0 100%);
	background-image: linear-gradient(to bottom,#fff 0,#00b0f0 50%,#00b0f0 100%)
}

.bargain2 b,.bargain2 strong {
	font-weight: 400;
	margin-left: .125rem;
	margin-right: .125rem;
	color: #ff4136
}

.bargain2 .banner {
	position: relative;
	overflow: hidden;
	color: #1f7a9b;
	text-align: center
}

.bargain2 .banner .banner-header>img {
	display: block
}

.bargain2 .banner .banner-body,.bargain2 .banner .banner-footer {
	position: absolute;
	right: 0;
	left: 0
}

.bargain2 .banner .banner-body {
	top: 1rem;
	bottom: 3rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 1rem
}

.bargain2 .banner .banner-footer {
	bottom: 0;
	padding: .5rem 1rem
}

.bargain2 .banner .date>time {
	color: #ff4136
}

.bargain2 .banner .countdown b {
	font-size: 1.125rem
}

.bargain2 .banner .completed-list {
	overflow: hidden;
	height: 1.5rem;
	list-style: none
}

.bargain2 .banner .completed-list>li {
	font-size: .875rem;
	line-height: 1rem;
	width: 100%;
	padding: .25rem 1rem;
	color: #289bc5
}

.bargain2 .status-bar {
	color: #1f7a9b;
	background-color: #f3fbfe!important
}

.bargain2 .status-bar .grid {
	margin-left: -.5rem;
	margin-right: -.5rem;
	padding: 0
}

.bargain2 .status-bar .prices h5 {
	font-size: 1.125rem
}

.bargain2 .status-bar .prices p {
	font-size: .875rem;
	margin-bottom: 0
}

.bargain2 .status-bar .prices b {
	display: inline-block
}

.bargain2 .status-bar .prices>:last-child {
	text-align: right
}

.bargain2 .status-bar .actions {
	margin-top: .5rem;
	margin-bottom: 1rem
}

.bargain2 .status-bar .actions:last-child {
	margin-bottom: 0
}

.bargain2 .prizes h5 {
	font-size: 1rem;
	padding: 5px 3px;
	width: 93%;
	margin: 0 auto;
	text-align: center
}

.bargain2 .ranking-list table th {
	color: #ffdc00
}

.bargain2 .ranking-list table td {
	text-align: center
}

.bargain2 .ranking-list table td small {
	font-size: .625rem;
	line-height: 1;
	display: block;
	color: #f6f6f6
}

.bargain2 .ranking-list .waterfall-flow-loader {
	color: #fff
}

.bargain2 .weui_btn_primary {
	background-color: #0074d9
}

.bargain2 .weui_btn_primary:focus {
	background-color: #0059a6
}

.bargain2 .card {
	margin: 1rem;
	padding: 1rem;
	background-color: #00a7e4;
	border-radius: .3125rem
}

.bargain2 .card .card-title {
	line-height: 1.875rem;
	margin-left: -1.5rem;
	width: 5.5rem;
	height: 2.75rem;
	padding: 0 .5rem;
	color: #d65e29;
	background-image: url(../images/bargain2/ribbon.png);
	background-repeat: no-repeat;
	-webkit-background-size: auto 100%;
	background-size: auto 100%;
	text-align: center;
	font-size: .9rem;
	position: relative
}

.bargain2 .card .card-title input {
	width: 5rem;
	height: 1rem;
	border: 1px dashed #fff;
	text-align: center;
	padding: .875rem 0
}

.bargain2 .card .card-title .tiper {
	position: absolute;
	top: 0;
	left: 5.75rem;
	width: 13rem;
	color: rgba(255,255,255,.59);
	font-size: .875rem
}

.bargain2 .card .card-title .tiper i {
	padding-right: .375rem
}

.bargain2 .card .card-body>:last-child {
	margin-bottom: 0
}

.bargain2 .button {
	font-size: 1.125rem;
	width: 100%;
	padding: .5rem 1rem;
	color: #1f7a9b;
	background-color: transparent;
	border: 1px solid #1f7a9b;
	border-radius: 1.375rem
}

.bargain2 .modal-join .modal-content {
	background-color: #00a7e4
}

.bargain2 .modal-join fieldset {
	border-width: 0
}

.bargain2 .modal-join fieldset label {
	font-size: 1.5rem;
	padding-top: .3125rem;
	padding-right: 0
}

.bargain2 .modal-join fieldset span {
	color: #fffefe;
	font-size: .9375rem;
	text-align: center;
	display: block
}

.bargain2 .modal-join fieldset input {
	font-size: 1rem;
	width: 100%;
	padding: .3rem 1rem;
	border: .0625rem solid #00a7e4;
	border-radius: .3125rem
}

.bargain2 .modal-join fieldset input:focus {
	border-color: #0082b1;
	-webkit-box-shadow: 0 0 .125rem #0082b1;
	box-shadow: 0 0 .125rem #0082b1;
	outline: 0
}

.bargain2 .modal-join .button {
	color: #fff;
	border-color: #fff;
	border-style: solid
}

.bargain2 .modal-halo.in::before {
	position: absolute;
	z-index: 0;
	top: 50%;
	left: 50%;
	width: 22.5rem;
	height: 22.5rem;
	margin-top: -11.25rem;
	margin-left: -11.25rem;
	-webkit-animation: haloRotating 5s infinite linear;
	animation: haloRotating 5s infinite linear;
	border-radius: 50%;
	background: url(../images/bargain2/halo.png) center center no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%
}

.bargain2 .modal-halo .modal-content {
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none
}

.bargain2 .modal-halo .modal-body {
	position: relative;
	margin-right: auto;
	margin-left: auto;
	width: 11.25rem;
	height: 11.25rem;
	color: #fff!important;
	background-color: #2892b8;
	border-radius: 50%;
	background: -moz-linear-gradient(linear,0 45%,0 60%,from(#43D0FF),to(#47B3D8));
	background: -webkit-gradient(linear,0 45%,0 60%,from(#43D0FF),to(#47B3D8));
	text-shadow: 0 1px 1px rgba(99,68,68,.5);
	-webkit-box-shadow: 0 0 10px #000;
	box-shadow: 0 0 10px #000
}

.bargain2 .modal-halo .modal-block {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 100%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	text-align: center
}

.bargain2 .modal-halo .modal-block>span,.bargain2 .modal-halo .modal-block>strong {
	display: block
}

.bargain2 .modal-halo .modal-block>strong {
	font-size: 2.5rem;
	color: #ff4136
}

.bargain2 .footer {
	min-height: 5rem
}

.bargain2 .footer .actions {
	display: table;
	text-align: right;
	width: 100%;
	margin-bottom: .625rem;
	opacity: .95
}

.bargain2 .footer .actions>a {
	width: 100px;
	font-size: 1rem;
	line-height: 1.5rem;
	padding: .5rem;
	text-align: center;
	cursor: pointer;
	border-radius: 50px;
	-webkit-box-shadow: 0 1px 0 rgba(0,0,0,.3);
	box-shadow: 0 1px 0 rgba(0,0,0,.3);
	background: #E0E0E0;
	background: -moz-linear-gradient(19% 75% 90deg,#E0E0E0,#FAFAFA);
	background: -webkit-gradient(linear,left top,left bottom,from(#FAFAFA),to(#E0E0E0));
	color: #4A4A4A;
	text-shadow: 1px 1px 0 rgba(255,255,255,.7)
}

.bargain2 .footer .actions>a[disabled] {
	cursor: not-allowed
}

.bargain2 .footer .actions>a:first-child {
	color: #0059a6;
	background-color: #f7f7f7
}

.bargain2 .footer .actions>a.open {
	background-color: #ff7169
}

.bargain2 .footer .actions>a>i {
	margin-right: .5rem
}

.bargain2-editor .banner .banner-body {
	top: .5rem
}

.bargain2-editor .banner .date>input {
	color: #ff4136
}

.bargain2-editor .status-bar input {
	width: 64px;
	text-align: left
}

.bargain2-editor .status-bar .range-title {
	font-size: .875rem;
	margin-top: .5rem;
	color: #919191
}

.bargain2-editor .status-bar .note {
	font-size: .875rem;
	margin-bottom: 0;
	color: #919191
}

.bargain2-editor .status-bar .line-hour {
	margin-top: .875rem
}

.bargain2-editor .card .card-body .prize-limit {
	color: #fff;
	font-size: 1rem;
	margin-top: .875rem;
	text-align: center
}

.bargain2-editor .card .card-body input {
	width: 64px;
	text-align: left
}

.bargain2-editor .card .card-body .note {
	font-size: .875rem;
	margin-bottom: 1.125rem;
	color: #FFF6F6;
	text-align: center
}

.bargain2-editor .card .card-body .contact.note {
	text-align: left
}

.bargain2-editor .card .card-body input.telphone {
	display: block;
	width: 100%;
	height: 2.5rem;
	line-height: 2.5rem;
	background: url(../images/bargain2/icon-tel.png) .625rem center no-repeat;
	border: 1px dashed #fff;
	border-radius: .625rem;
	padding-left: 2.5rem;
	-webkit-background-size: auto 60%;
	background-size: auto 60%;
	color: #fff;
	font-size: 1rem
}

.bargain2-editor .card .card-body .tel {
	height: 3.75rem;
	line-height: 2.5rem;
	background-color: #FFEA00;
	color: #EB300F;
	font-size: .875rem;
	padding: .625rem
}

.bargain2-editor .card .card-body .tel span {
	font-size: 1rem
}

.bargain2-editor .card .card-body .tel a {
	display: block;
	width: 6.25rem;
	height: 2.5rem;
	line-height: 2.5rem;
	border-radius: .375rem;
	background-color: #E91813;
	color: #FBEB02;
	text-align: center;
	text-indent: 1.5625rem;
	background-image: url(../images/bargain2/icon-tel2.png);
	-webkit-background-size: 20% auto;
	background-size: 20% auto;
	background-position: 15% center;
	background-repeat: no-repeat
}

.bargain2-editor .card.join-customize .card-title {
	font-size: .8rem;
	padding: 0
}

.bargain2-editor .card.join-customize .card-body input {
	width: 100%
}

.bargain2-editor .card.join-customize .card-body .note {
	margin-bottom: 0;
	text-align: left
}

.bargain2-editor .footer .actions {
	position: fixed;
	bottom: 74px;
	right: 5px
}

.join-customize-container.bargain2-join-customize {
	padding: 0 .5rem
}

.join-customize-container.bargain2-join-customize .note {
	color: #fff
}

.join-customize-container.bargain2-join-customize input {
	color: #fff;
	border: 1px dashed #fff
}

.join-customize-container.bargain2-join-customize input.disabled {
	border-color: #ccc
}

.join-customize-container.bargain2-join-customize .weui_cells_checkbox .weui_check:checked::before {
	color: #6a6a6a
}

.join-customize-container.bargain2-join-customize .weui_cells_checkbox .weui_check:checked+.weui_icon_checked:before {
	color: #d9d9d9
}

.bargain3 {
	background-color: #1dc0e3
}

.bargain3 b,.bargain3 strong {
	font-weight: 400;
	margin-left: .125rem;
	margin-right: .125rem;
	color: #f41c4f
}

.bargain3 .main,.bargain3 .modal {
	margin: 0 auto;
	max-width: 640px
}

.bargain3 .header .menu a.contacts {
	position: fixed;
	right: .2rem;
	top: 16%;
	width: 3rem;
	height: 3rem;
	font-size: .7rem;
	border-radius: 50%;
	color: #dd4c35;
	background: url(../images/bargain3/contacts.png) left top no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	display: inline-block;
	line-height: 1.2;
	padding: .6rem;
	font-weight: 700;
	-o-animation: swing 2s infiswingnite linear;
	animation: swing 2s infiswingnite linear;
	-webkit-animation: swing 2s infinite linear
}

.bargain3 .header.uneditable .menu {
	z-index: 2
}

.bargain3 .header.uneditable .menu a.qrcode {
	font-size: .75rem;
	line-height: normal
}

.bargain3 .header.uneditable .stats {
	top: 0;
	left: 0;
	background: rgba(255,255,255,.69);
	width: 100%;
	padding: .2rem 1rem;
	z-index: 1
}

.bargain3 .header.uneditable .stats li {
	color: #505050;
	text-shadow: none
}

.bargain3 .header.uneditable .stats li b {
	color: #dd4c35
}

.bargain3 .main {
	background: #1dc0e3;
	color: #fff
}

.bargain3 .footer-layer {
	background: url(../images/bargain3/footer-bg.png) no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	padding: 20%
}

.bargain3 .banner {
	overflow: hidden;
	color: #fff;
	text-align: center
}

.bargain3 .banner .banner-title {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 1rem;
	font-size: 1.6rem;
	font-weight: 700;
	text-shadow: 0 1px 1px #242424
}

.daydaysale .banner .banner-body,.group .banner .banner-body {
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-webkit-box-orient: vertical
}

.bargain3 .banner .banner-countdown {
	background: url(../images/bargain3/countdown-bg.png) no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	padding: 16% 0 7%;
	color: #fff;
	margin: 0 2%;
	width: 96%;
	font-size: .85rem
}

.bargain3 .banner .banner-countdown .countdown b {
	color: #f41c4f;
	padding: .1875rem;
	background: #fcf6a7;
	border-radius: .3125rem;
	width: 2rem;
	display: inline-block
}

.bargain3 .banner .banner-countdown .countdown b:nth-of-type(1) {
	padding: 0;
	background: 0 0;
	width: auto
}

.bargain3 .banner .banner-completed .completed-list {
	overflow: hidden;
	height: 1.5rem;
	list-style: none
}

.bargain3 .banner .banner-completed .completed-list>li {
	font-size: .875rem;
	line-height: 1rem;
	width: 100%;
	padding: .25rem 1rem;
	color: #ffec6f
}

.bargain3 .status-bar a.weui_btn {
	background: url(../images/bargain3/button.png) center bottom no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	border: none;
	outline: 0;
	overflow: hidden;
	padding: 4% 0 6%;
	font-weight: 700;
	font-size: 1.2rem;
	line-height: 1.8
}

.bargain3 .status-bar a.weui_btn::after {
	border: 0
}

.bargain3 .status-bar .grid {
	margin-left: -.5rem;
	margin-right: -.5rem;
	padding: 0
}

.bargain3 .status-bar .prices h5 {
	font-size: 1.125rem
}

.bargain3 .status-bar .prices p {
	font-size: .875rem;
	margin-bottom: 0
}

.bargain3 .status-bar .prices p.name {
	background: url(../images/bargain3/tag.png) center bottom no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	padding: 10% 0;
	text-align: center
}

.bargain3 .status-bar .prices b {
	display: inline-block
}

.bargain3 .status-bar .prices>:last-child {
	text-align: right
}

.bargain3 .status-bar .prices .current-price {
	text-align: center
}

.bargain3 .status-bar .prices .org-price {
	padding-top: 5%
}

.bargain3 .status-bar .actions {
	margin-top: .5rem;
	margin-bottom: 1rem
}

.bargain3 .status-bar .actions:last-child {
	margin-bottom: 0
}

.bargain3 .status-bar .round {
	position: absolute;
	left: -8px;
	bottom: 8px;
	background: url(../images/bargain3/round.png) no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	padding: 8%
}

.bargain3 .prizes h5 {
	font-size: 1rem;
	padding: 5px 3px;
	width: 93%;
	margin: 0 auto;
	text-align: center
}

.bargain3 .ranking-list table th {
	color: #ff3617
}

.bargain3 .ranking-list table td {
	text-align: center
}

.bargain3 .ranking-list table td small {
	font-size: .625rem;
	line-height: 1;
	display: block;
	color: #565346
}

.bargain3 .ranking-list .waterfall-flow-loader {
	color: #333
}

.bargain3 .weui_btn_primary {
	background-color: #fbb225;
	color: #fff
}

.bargain3 .weui_btn_primary:active,.bargain3 .weui_btn_primary:focus {
	background-color: #f6db6e
}

.bargain3 .card {
	margin: 1rem 1rem 3rem;
	position: relative;
	border-radius: .3125rem
}

.bargain3 .card .card-header {
	background: url(../images/bargain3/card-top.png) no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	padding-top: 10%;
	position: relative
}

.bargain3 .card .card-header .title {
	position: absolute;
	font-size: 1rem;
	font-weight: 700;
	left: -3%;
	top: -105%;
	padding: 18%;
	background: url(../images/bargain3/card-title.png) no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto
}

.bargain3 .card .card-header .title strong {
	position: absolute;
	top: 14%;
	left: -6%;
	text-align: center;
	width: 7rem;
	display: inline-block;
	-ms-transform: rotate(-12deg);
	-o-transform: rotate(-12deg);
	transform: rotate(-12deg);
	-moz-transform: rotate(-12deg);
	-webkit-transform: rotate(-12deg);
	color: #fff;
	font-weight: 700
}

.bargain3 .card .card-body {
	background: url(../images/bargain3/card-body.png);
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	min-height: 6rem;
	color: #000;
	padding: 5%
}

.daydaysale .footer,.group .footer,.solitaire .footer {
	min-height: 5rem
}

.bargain3 .card .card-footer {
	background: url(../images/bargain3/card-bottom.png) no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	padding-top: 10%
}

.bargain3 .card.prizes .card-header {
	background-image: url(../images/bargain3/prize-title.png);
	-webkit-background-size: 101% auto;
	background-size: 101% auto;
	padding-top: 15%
}

.bargain3 .card.prizes .card-header h2 {
	position: absolute;
	font-size: 1rem;
	font-weight: 700;
	left: 41%;
	top: 22%;
	width: 6rem
}

.goldcoin b,.group b,.group strong,.group-groups b,.group-settle b,.moon b,.nation b,.snowman b {
	font-weight: 400
}

.bargain3 .card.status-bar .card-body {
	padding-top: 0
}

.bargain3 .card.ranking-list {
	margin-bottom: 0
}

.bargain3 .card .card-title2 {
	line-height: 1.875rem;
	margin-left: -1.5rem;
	width: 5.5rem;
	height: 2.75rem;
	padding: 0 .5rem;
	color: #d65e29;
	background-image: url(../images/bargain3/ribbon.png);
	background-repeat: no-repeat;
	-webkit-background-size: auto 100%;
	background-size: auto 100%;
	text-align: center;
	font-size: .9rem;
	position: relative
}

.bargain3 .card .card-title2 input {
	width: 5rem;
	height: 1rem;
	border: 1px dashed #fff;
	text-align: center;
	padding: .875rem 0
}

.bargain3 .card .card-title2 .tiper {
	position: absolute;
	top: 0;
	left: 5.75rem;
	width: 13rem;
	color: rgba(255,255,255,.59);
	font-size: .875rem
}

.bargain3 .card .card-title2 .tiper i {
	padding-right: .375rem
}

.bargain3 .button {
	font-size: 1.125rem;
	width: 100%;
	padding: .5rem 1rem;
	color: #1f7a9b;
	background-color: transparent;
	border: 1px solid #1f7a9b;
	border-radius: 1.375rem
}

.bargain3 .modal-join .modal-content {
	background: url(../bargain3/join-bg.png) center top no-repeat #fff;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	border-radius: .8rem
}

.bargain3 .modal-join .modal-body {
	padding-top: 8rem
}

.bargain3 .modal-join .modal-close {
	color: #000
}

.bargain3 .modal-join fieldset {
	border-width: 0
}

.bargain3 .modal-join fieldset label {
	font-size: 1.5rem;
	padding-top: .3125rem;
	padding-right: 0
}

.bargain3 .modal-join fieldset span {
	color: #ff4853;
	font-size: .9375rem;
	text-align: center;
	display: block
}

.bargain3 .modal-join fieldset input {
	font-size: 1rem;
	width: 100%;
	padding: .3rem 1rem;
	border: .0625rem solid #ddd;
	border-radius: .3125rem;
	background: #f6f6f6
}

.bargain3 .modal-join fieldset input:focus {
	border-color: #0082b1;
	-webkit-box-shadow: 0 0 .125rem #0082b1;
	box-shadow: 0 0 .125rem #0082b1;
	outline: 0
}

.bargain3 .modal-join .button {
	color: #fff;
	border-color: #fff;
	border-style: solid;
	background: #f1c309
}

.bargain3 .modal-halo {
	max-width: 640px;
	position: fixed;
	z-index: 1030;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	color: #e61c31;
	display: none;
	background: rgba(10,10,10,.8)
}

.bargain3 .modal-halo .modal-halo-layer {
	width: 100%;
	height: 100%;
	background: url(../images/bargain3/success-bg.png) center top no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto
}

.bargain3 .modal-halo .tiper {
	position: fixed;
	top: 31%;
	left: 33%;
	width: 38%;
	text-align: center;
	font-size: .85rem
}

.bargain3 .modal-halo .price {
	position: fixed;
	color: #3f6c9e;
	top: 37%;
	left: 35%;
	text-align: center;
	width: 33%;
	font-size: 1.4rem
}

.bargain3 .modal-halo .money {
	position: fixed;
	top: 42%;
	left: 49%;
	font-size: 1.2rem
}

.bargain3 .modal-halo.hiding {
	display: block
}

.bargain3 .modal-halo.hiding .modal-halo-layer {
	-o-animation: bounceOutDown 1s linear;
	animation: bounceOutDown 1s linear;
	-webkit-animation: bounceOutDown 1s linear
}

.bargain3 .modal-halo.out {
	display: none
}

.bargain3 .modal-halo.in,.daydaysale .banner .banner-header>img {
	display: block
}

.bargain3 .modal-halo.in .modal-halo-layer {
	-o-animation: bounceInDown 1s linear;
	animation: bounceInDown 1s linear;
	-webkit-animation: bounceInDown 1s linear
}

@media screen and (width:320px) {
	.bargain3 .banner .banner-countdown {
		font-size: .7rem
	}
}

@media only screen and (min-width:414px) {
	.bargain3 .card .card-header .title strong {
		top: 18%;
		left: 1%
	}
}

@media only screen and (min-width:640px) {
	.bargain3 .card .card-header .title strong {
		top: 20%;
		left: 18%
	}
}

.bargain3-editor input[type=number],.bargain3-editor input[type=number].dashed {
	width: 4rem;
	height: 2.25rem;
	text-align: center;
	padding: .625rem;
	border-radius: .3rem
}

.bargain3-editor input,.bargain3-editor textarea.dashed.reverse {
	color: #000;
	border-color: #1dc0e3
}

.bargain3-editor .banner .date>time {
	color: #ff4136
}

.bargain3-editor .banner textarea {
	font-size: 1.6rem
}

.bargain3-editor .banner .dashed {
	border-color: #f5da5e;
	border-radius: .5rem
}

.bargain3-editor .banner .banner-countdown.editable {
	background: 0 0;
	padding-top: 2%
}

.bargain3-editor .banner .banner-countdown.editable input {
	color: #000
}

.bargain3-editor .banner .note {
	text-align: center;
	padding-top: .5rem
}

.bargain3-editor .status-bar input {
	width: 64px;
	text-align: left
}

.bargain3-editor .status-bar .range-title {
	font-size: .875rem;
	margin-top: .5rem;
	color: #919191
}

.bargain3-editor .status-bar .note {
	font-size: .875rem;
	margin-bottom: 0;
	color: #8d8d8d
}

.bargain3-editor .status-bar .line-hour {
	margin-top: .875rem
}

.bargain3-editor .card .card-header.editable .title {
	background-image: url(../images/bargain3/card-title-editor.png)
}

.bargain3-editor .card .card-header.editable .tiper {
	position: absolute;
	left: 32%;
	top: -65%;
	font-size: .8rem
}

.bargain3-editor .card .card-header.editable input {
	position: absolute;
	left: 3%;
	top: 10%;
	width: 6rem;
	height: 2rem;
	border: 1px dashed #1dc0e3;
	text-align: center
}

.bargain3-editor .card .card-body .prize-limit {
	color: #000;
	font-size: 1rem;
	margin-top: .875rem;
	text-align: center
}

.bargain3-editor .card .card-body input {
	width: 64px;
	text-align: left
}

.bargain3-editor .card .card-body .note {
	font-size: .875rem;
	margin-bottom: 1.125rem;
	color: #8d8d8d;
	text-align: center
}

.bargain3-editor .card .card-body .contact.note {
	text-align: left
}

.bargain3-editor .card .card-body input.telphone {
	display: block;
	width: 100%;
	height: 2.5rem;
	line-height: 2.5rem;
	background: url(../images/bargain3/icon-tel.png) .625rem center no-repeat;
	border: 1px dashed #1dc0e3;
	border-radius: .625rem;
	padding-left: 2.5rem;
	-webkit-background-size: auto 60%;
	background-size: auto 60%;
	font-size: 1rem
}

.bargain3-editor .card.join-customize .card-header .title strong {
	font-size: .8rem;
	top: 16%;
	left: -5%
}

.bargain3-editor .card.join-customize .card-body input {
	width: 100%
}

.bargain3-editor .card.join-customize .card-body .note {
	margin-bottom: 0;
	text-align: left
}

.bargain3-editor .footer .actions {
	position: fixed;
	bottom: 74px;
	right: 5px
}

.join-customize-container.bargain3-join-customize {
	padding: 0 .5rem
}

.join-customize-container.bargain3-join-customize .note {
	color: #ababab
}

.join-customize-container.bargain3-join-customize input {
	border: 1px dashed #1dc0e3
}

.join-customize-container.bargain3-join-customize input.disabled {
	border-color: #48d4f2
}

.join-customize-container.bargain3-join-customize .weui_cells_checkbox .weui_check:checked+.weui_icon_checked:before,.join-customize-container.bargain3-join-customize .weui_cells_checkbox .weui_check:checked::before {
	color: #1dc0e3
}

.imager-container.bargain3-imager .imager .actions {
	bottom: 0
}

.imager-container.bargain3-imager .imager .actions a.action {
	border: 1px solid #1dc0e3;
	color: #1dc0e3;
	background: 0 0
}

.imager-container.bargain3-imager .imager .tiper {
	bottom: .7rem
}

.imager-container.bargain3-imager .imager .imager-selector {
	bottom: 0
}

.bargain3-uploader .image-previewer.reverse label,.bargain3-uploader .uploader.reverse label,.mini-editor-container.bargain3-uploader .image-previewer.reverse label,.mini-editor-container.bargain3-uploader .uploader.reverse label {
	border-color: #1dc0e3
}

.bargain3-uploader .image-previewer.reverse label::after,.bargain3-uploader .image-previewer.reverse label::before,.bargain3-uploader .uploader.reverse label::after,.bargain3-uploader .uploader.reverse label::before,.mini-editor-container.bargain3-uploader .image-previewer.reverse label::after,.mini-editor-container.bargain3-uploader .image-previewer.reverse label::before,.mini-editor-container.bargain3-uploader .uploader.reverse label::after,.mini-editor-container.bargain3-uploader .uploader.reverse label::before {
	background-color: #1dc0e3
}

.bargain3-uploader .image-previewer.reverse span,.bargain3-uploader .uploader.reverse span,.mini-editor-container.bargain3-uploader .image-previewer.reverse span,.mini-editor-container.bargain3-uploader .uploader.reverse span {
	color: #1dc0e3
}

.bargain3-uploader a.action,.mini-editor-container.bargain3-uploader a.action {
	border: 1px dashed #1dc0e3;
	color: #1dc0e3
}

.bargain3-uploader i.icon,.mini-editor-container.bargain3-uploader i.icon {
	color: #9e9b9b
}

.bargain3-uploader .weui_btn_plain_primary,.mini-editor-container.bargain3-uploader .weui_btn_plain_primary {
	border: 1px dashed #1dc0e3;
	color: #1dc0e3
}

.bargain3-uploader textarea,.mini-editor-container.bargain3-uploader textarea {
	border-color: #1dc0e3
}

.daydaysale {
	color: #fff;
	background-color: #F8D763;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#F8D763),color-stop(50%,#fad502),to(#f0b928));
	background-image: -webkit-linear-gradient(top,#F8D763 0,#fad502 50%,#f0b928 100%);
	background-image: -o-linear-gradient(top,#F8D763 0,#fad502 50%,#f0b928 100%);
	background-image: linear-gradient(to bottom,#F8D763 0,#fad502 50%,#f0b928 100%)
}

.daydaysale b,.daydaysale strong {
	font-weight: 400;
	margin-left: .125rem;
	margin-right: .125rem;
	color: #ff4136
}

.daydaysale .banner {
	position: relative;
	overflow: hidden;
	color: #FBF9F2;
	text-align: center;
	letter-spacing: 2px
}

.daydaysale .banner .banner-body,.daydaysale .banner .banner-footer {
	position: absolute;
	right: 0;
	left: 0
}

.daydaysale .banner .banner-body {
	top: 1rem;
	bottom: 3rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 1rem
}

.daydaysale .banner .banner-footer {
	bottom: 0;
	padding: 1.5rem 1rem
}

.daydaysale .banner .title {
	font-size: 1.75rem;
	text-shadow: 0 0 .1875rem rgba(37,35,35,.2)
}

.daydaysale .banner .date>time {
	color: #ff4136
}

.daydaysale .banner .countdown {
	background: rgba(0,0,0,.16);
	width: 93%;
	margin: 0 auto;
	border-radius: 10px;
	padding: 2px 3px
}

.daydaysale .banner .countdown b,.daydaysale .banner .countdown strong {
	font-size: 1rem
}

.daydaysale .banner .completed-list {
	overflow: hidden;
	height: 1.5rem;
	list-style: none
}

.daydaysale .banner .completed-list>li {
	font-size: .625rem;
	line-height: 1rem;
	width: 100%;
	padding: .25rem 1rem;
	color: #fae494
}

.daydaysale .status-bar {
	color: #f8d763;
	background-color: #f3fbfe!important
}

.daydaysale .status-bar .grid {
	margin-left: -.5rem;
	margin-right: -.5rem;
	padding: 0
}

.daydaysale .status-bar .prices h5 {
	font-size: 1.125rem
}

.daydaysale .status-bar .prices p {
	font-size: .875rem;
	margin-bottom: 0
}

.daydaysale .status-bar .prices b {
	display: inline-block
}

.daydaysale .status-bar .prices>:last-child {
	text-align: right
}

.daydaysale .status-bar .actions {
	margin-top: .5rem;
	margin-bottom: 1rem
}

.daydaysale .status-bar .actions:last-child {
	margin-bottom: 0
}

.daydaysale .prizes h5 {
	font-size: 1.125rem;
	padding: 5px 3px;
	background: #175575;
	width: 93%;
	margin: 0 auto;
	border-radius: 10px;
	text-align: center
}

.daydaysale .ranking-list table th {
	color: #ffdc00
}

.daydaysale .ranking-list table td {
	text-align: center
}

.daydaysale .ranking-list table td small {
	font-size: .625rem;
	line-height: 1;
	display: block;
	color: #f6f6f6
}

.daydaysale .ranking-list .waterfall-flow-loader {
	color: #fff
}

.daydaysale .weui_btn_primary {
	background-color: #1A5879
}

.daydaysale .weui_btn_primary:focus {
	background-color: #11394f
}

.daydaysale .card {
	margin: 1rem;
	padding: 1rem;
	background-color: #154E6C;
	border-radius: .3125rem;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#154E6C),color-stop(40%,#21678C),to(#154E6C));
	background-image: -webkit-linear-gradient(top,#154E6C 0,#21678C 40%,#154E6C 100%);
	background-image: -o-linear-gradient(top,#154E6C 0,#21678C 40%,#154E6C 100%);
	background-image: linear-gradient(to bottom,#154E6C 0,#21678C 40%,#154E6C 100%)
}

.daydaysale .card .card-title {
	line-height: 1.875rem;
	margin-left: -1.5rem;
	width: 5.5rem;
	height: 2.75rem;
	padding: 0 .5rem;
	color: #d65e29;
	background-image: url(../images/daydaysale/ribbon.png);
	background-repeat: no-repeat;
	-webkit-background-size: auto 100%;
	background-size: auto 100%;
	text-align: center;
	text-shadow: 0 1px 0 #988210;
	position: relative;
	font-size: .9rem
}

.daydaysale .card .card-title input {
	width: 5rem;
	height: 1rem;
	border: 1px dashed #fff;
	text-align: center;
	padding: .875rem 0
}

.daydaysale .card .card-title .tiper {
	position: absolute;
	top: 0;
	left: 5.75rem;
	width: 13rem;
	color: #d6d6d0;
	font-size: .875rem;
	text-shadow: none
}

.daydaysale .card .card-title .tiper i {
	padding-right: .375rem
}

.daydaysale .card .card-body>:last-child {
	margin-bottom: 0
}

.daydaysale .button {
	font-size: 1.125rem;
	width: 100%;
	padding: .5rem 1rem;
	color: #f8d763;
	background-color: transparent;
	border: 2px solid #f8d763;
	border-radius: 1.375rem
}

.daydaysale .button.doaction {
	color: #FFDB5B;
	-webkit-box-shadow: 0 0 8px #fff;
	box-shadow: 0 0 8px #fff;
	text-shadow: 1px 1px 3px #333;
	-o-animation: heartbeat-daydaysale 2s infinite ease-in-out;
	animation: heartbeat-daydaysale 2s infinite ease-in-out;
	-webkit-animation: heartbeat-daydaysale 2s infinite ease-in-out
}

@-webkit-keyframes heartbeat-daydaysale {
	from,to {
		opacity: .5
	}

	50% {
		opacity: 1
	}
}

@-o-keyframes heartbeat-daydaysale {
	from,to {
		opacity: .5
	}

	50% {
		opacity: 1
	}
}

@keyframes heartbeat-daydaysale {
	from,to {
		opacity: .5
	}

	50% {
		opacity: 1
	}
}

.daydaysale .modal-join .modal-content {
	background-color: #266384
}

.daydaysale .modal-join fieldset {
	border-width: 0
}

.daydaysale .modal-join fieldset label {
	font-size: 1.5rem;
	padding-top: .3125rem;
	padding-right: 0
}

.daydaysale .modal-join fieldset span {
	color: #fffefe;
	font-size: .9375rem;
	text-align: center;
	display: block
}

.daydaysale .modal-join fieldset input {
	font-size: 1rem;
	width: 100%;
	padding: .3rem 1rem;
	border: .0625rem solid #00a7e4;
	border-radius: .3125rem
}

.daydaysale .modal-join fieldset input:focus {
	border-color: #0082b1;
	-webkit-box-shadow: 0 0 .125rem #0082b1;
	box-shadow: 0 0 .125rem #0082b1;
	outline: 0
}

.daydaysale .modal-join .button {
	color: #fff;
	border-color: #fff;
	border-style: solid
}

.daydaysale .modal-halo.in::before {
	position: absolute;
	z-index: 0;
	top: 50%;
	left: 50%;
	width: 22.5rem;
	height: 22.5rem;
	margin-top: -11.25rem;
	margin-left: -11.25rem;
	content: ' ';
	-webkit-animation: haloRotating 5s infinite linear;
	-o-animation: haloRotating 5s infinite linear;
	animation: haloRotating 5s infinite linear;
	border-radius: 50%;
	background: url(../images/daydaysale/halo.png) center center no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%
}

.daydaysale .modal-halo .modal-content {
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none
}

.daydaysale .modal-halo .modal-body {
	position: relative;
	margin-right: auto;
	margin-left: auto;
	width: 11.25rem;
	height: 11.25rem;
	color: #fff!important;
	background-color: #2892b8;
	border-radius: 50%;
	background: -moz-linear-gradient(linear,0 45%,0 60%,from(#43D0FF),to(#47B3D8));
	background: -webkit-gradient(linear,0 45%,0 60%,from(#43D0FF),to(#47B3D8));
	text-shadow: 0 1px 1px rgba(99,68,68,.5);
	-webkit-box-shadow: 0 0 10px #000;
	box-shadow: 0 0 10px #000
}

.daydaysale .modal-halo .modal-block {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 100%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	text-align: center
}

.daydaysale .modal-halo .modal-block>span,.daydaysale .modal-halo .modal-block>strong {
	display: block
}

.daydaysale .modal-halo .modal-block>strong {
	font-size: 2.5rem;
	color: #ff4136
}

.daydaysale .footer .actions {
	display: table;
	text-align: right;
	width: 100%;
	margin-bottom: .625rem;
	opacity: .95
}

.daydaysale .footer .actions>a {
	width: 100px;
	font-size: 1rem;
	line-height: 1.5rem;
	padding: .5rem;
	text-align: center;
	cursor: pointer;
	border-radius: 50px;
	-webkit-box-shadow: 0 1px 0 rgba(0,0,0,.3);
	box-shadow: 0 1px 0 rgba(0,0,0,.3);
	background: #E0E0E0;
	background: -moz-linear-gradient(19% 75% 90deg,#E0E0E0,#FAFAFA);
	background: -webkit-gradient(linear,left top,left bottom,from(#FAFAFA),to(#E0E0E0));
	color: #4A4A4A;
	text-shadow: 1px 1px 0 rgba(255,255,255,.7)
}

.daydaysale .footer .actions>a[disabled] {
	cursor: not-allowed
}

.daydaysale .footer .actions>a:first-child {
	color: #11394f;
	background-color: #f7f7f7
}

.daydaysale .footer .actions>a.open {
	background-color: #ff7169
}

.daydaysale .footer .actions>a>i {
	margin-right: .5rem
}

.group b,.group strong {
	margin-left: .125rem;
	margin-right: .125rem;
	color: #ff4136
}

.group .card .card-menu .fa,.group .guide>.card-footer>a>i,.group .other-groups li>a>i,.group .other-groups>.card-footer>a>i {
	margin-left: .5rem
}

.group .footer .actions>a>i,.group-editor .card .card-header .tiper i::before {
	margin-right: .5rem
}

.group .banner {
	position: relative;
	overflow: hidden;
	color: #fff;
	text-align: center
}

.group .banner .banner-header {
	font-size: 0
}

.group .banner .banner-body,.group .banner .banner-footer {
	position: absolute;
	right: 0;
	left: 0
}

.group .banner .banner-body {
	top: 1rem;
	bottom: 2rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 1rem
}

.moon .banner .banner-body,.nation .banner .banner-body {
	-webkit-box-direction: normal;
	-webkit-flex-direction: column
}

.group .banner .banner-footer {
	bottom: 0;
	padding: .5rem 1rem
}

.group .banner .countdown b {
	font-size: 1.125rem;
	color: #ffdc00
}

.group .goods .info {
	margin-top: 1rem;
	padding-top: 1rem;
	border-top: 1px dashed #ececec
}

.group .goods .price>strong {
	font-size: 1.125rem
}

.group .goods .prepaid {
	font-size: .875rem;
	color: #919191
}

.group .current-group ul>li>i,.group .goods .groups>li>span:last-child {
	color: #fff;
	background-color: #ff4136
}

.group .goods .prepaid>strong {
	font-size: 1rem
}

.group .goods .groups {
	list-style: none
}

.group .goods .groups>li {
	overflow: hidden;
	display: table;
	width: 100%;
	border: 1px solid #ff4136;
	border-radius: .3125rem
}

.group .current-group ul>li,.group-groups .groups {
	border-bottom: 1px solid #ececec
}

.group .goods .groups>li+li {
	margin-top: .5rem
}

.group .goods .groups>li>span {
	display: table-cell;
	padding: .5rem;
	text-align: center;
	white-space: nowrap
}

.group .current-group ul>li>i,.group .current-group ul>li>span {
	display: inline-block;
	vertical-align: middle
}

.group .goods .groups>li>span:first-child {
	width: 30%
}

.group .current-group ul {
	list-style: none
}

.group .current-group ul>li {
	padding-top: .5rem;
	padding-bottom: .5rem;
	border-top: 1px solid #ececec
}

.group .current-group ul>li+li {
	margin-top: -1px
}

.group .current-group ul>li>i {
	font-size: .75rem;
	line-height: 2rem;
	font-style: normal;
	width: 2rem;
	height: 2rem;
	margin-right: .5rem;
	border-radius: 50%;
	text-align: center
}

.group .current-group ul>li>small {
	line-height: 2rem;
	float: right;
	color: #919191
}

.group .current-group ul>.invited {
	color: #919191
}

.group .other-groups li>span,.group .other-groups p {
	color: #aaa
}

.group .current-group ul>.invited>i {
	font-size: .875rem
}

.group .other-groups ul {
	list-style: none
}

.group .other-groups li {
	font-size: .875rem;
	overflow: hidden;
	padding: .5rem;
	border: 1px solid #ececec;
	border-radius: .3125rem
}

.group .other-groups li+li {
	margin-top: .5rem
}

.group .other-groups li>a {
	float: right
}

.group .other-groups>.card-footer {
	text-align: center
}

.group .other-groups>.card-footer>a {
	vertical-align: middle
}

.group .create-group>p {
	margin-bottom: .625rem;
	color: #aaa
}

.group .guide ol {
	display: table;
	width: 100%;
	list-style: none
}

.group .guide ol>li {
	font-size: .875rem;
	line-height: 1.125rem;
	position: relative;
	display: table-cell;
	padding-left: 2.5rem;
	text-align: center
}

.group .guide ol>li>span {
	font-size: 1.125rem;
	line-height: 2.125rem;
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	width: 2.25rem;
	height: 2.25rem;
	color: #ff4136;
	border: 1px solid #ff4136;
	border-radius: 50%;
	text-align: center
}

.group .guide>.card-footer {
	text-align: center
}

.group .guide>.card-footer>a {
	vertical-align: middle
}

.group-guide .footer,.group-joiners .footer,.group-members .footer {
	min-height: 4.6875rem
}

.group .footer .actions {
	display: table;
	width: 100%;
	background-color: #fff
}

.group .footer .actions>a {
	font-size: 1.125rem;
	line-height: 1.5rem;
	display: table-cell;
	padding: .5rem;
	color: #fff;
	background-color: #ff4136;
	text-align: center;
	cursor: pointer
}

.group .footer .actions>a[disabled] {
	cursor: not-allowed
}

.group .footer .actions>a:first-child {
	color: #0059a6;
	background-color: #f7f7f7
}

.group .footer .actions>a.open {
	background-color: #ff7169
}

.group .weui_btn_primary {
	background-color: #ff4136
}

.group .weui_btn_primary:focus {
	background-color: #ff1103
}

.group .card {
	margin-top: 1rem;
	margin-bottom: 1rem;
	padding: 1rem;
	background-color: #fff
}

.group .card .card-header {
	position: relative;
	padding-bottom: .625rem
}

.group .card .card-title {
	position: relative;
	padding-bottom: .5rem
}

.group .card .card-title::after {
	position: absolute;
	bottom: 0;
	left: 0;
	content: " ";
	height: 1px;
	width: 4em;
	background-color: #ff4136
}

.group .card .card-menu {
	font-size: .875rem;
	position: absolute;
	top: 0;
	right: 0
}

.group .card .card-footer {
	padding-top: .625rem
}

.group .modal-join .modal-close {
	color: #333
}

.group .modal-join fieldset {
	border-width: 0
}

.group .modal-join fieldset label {
	font-size: 1.5rem;
	padding-top: .3125rem;
	padding-right: 0
}

.group .modal-join fieldset input {
	font-size: 1rem;
	width: 100%;
	padding: .3rem 1rem;
	border: .0625rem solid #00a7e4;
	border-radius: .3125rem
}

.group .modal-join fieldset input:focus {
	border-color: #0082b1;
	-webkit-box-shadow: 0 0 .125rem #0082b1;
	box-shadow: 0 0 .125rem #0082b1;
	outline: 0
}

.group-editor .dashed.datetime {
	padding: .3rem
}

.group-editor .banner .banner-body {
	top: .5rem
}

.group-editor .card .card-header .tiper {
	font-size: .8rem;
	color: #ff4136;
	padding: .5rem 0
}

.group-editor .goods input,.group-editor .hotline .card-body i {
	margin-right: .25rem
}

.group-editor .goods .price input {
	width: 10rem
}

.group-editor .goods .deposit input {
	width: 6.25rem
}

.group-editor .goods .deposit small {
	display: block;
	color: #ff4136
}

.group-editor .goods .groups li {
	font-size: .875rem
}

.group-editor .goods .groups li span {
	position: relative
}

.group-editor .goods .groups li span>input {
	width: 2.5rem
}

.group-editor .goods .groups li span:last-child {
	padding-right: 2.5rem
}

.group-editor .goods .groups li span:last-child>input {
	width: 5rem
}

.group-editor .goods .groups li span>button {
	font-size: 1.125rem;
	line-height: 1.5rem;
	position: absolute;
	top: 50%;
	right: .5rem;
	width: 1.5rem;
	height: 1.5rem;
	color: #ff4136;
	border: 0;
	background-color: #fff;
	border-radius: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%)
}

.group-guide .footer .fixed,.group-joiners .footer .fixed {
	right: 0;
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,.1);
	left: 0;
	bottom: 0
}

.group-editor .goods .note,.group-editor .hotline .card-footer {
	color: #919191;
	font-size: .875rem
}

.group-editor .goods .note {
	margin-top: .5rem;
	margin-bottom: 0
}

.group-guide .main,.group-joiners .main {
	margin-bottom: 1rem
}

.group-editor .hotline .card-body input {
	width: 80%
}

.group-joiners b {
	margin-left: .125rem;
	margin-right: .125rem;
	color: #ef4f4f
}

.group-guide .weui_cell_hd>i,.group-joiners .weui_cell_hd>i {
	line-height: 1.5rem;
	display: inline-block;
	width: 1.5rem;
	height: 1.5rem;
	margin-right: .5rem;
	vertical-align: middle;
	border-radius: 50%;
	text-align: center;
	font-style: normal
}

.group-joiners .weui_cells {
	font-size: .875rem
}

.group-joiners .weui_cell_hd>i {
	font-size: .75rem;
	color: #fff;
	background-color: #04be02
}

.group-joiners .weui_cell_bd {
	text-align: center
}

.group-joiners .weui_cell_bd>small {
	font-size: .75rem;
	color: #aaa
}

.group-joiners .weui_cell_bd .weui_btn {
	vertical-align: middle
}

.group-joiners .footer .fixed {
	position: fixed;
	padding: 1rem;
	border-top: 1px solid #ececec;
	background-color: #fff;
	box-shadow: 0 0 3px rgba(0,0,0,.1)
}

.group-guide .weui_cells {
	font-size: .875rem
}

.group-guide .weui_cell_hd>i {
	font-size: .875rem;
	color: #fff;
	background-color: #04be02
}

.group-guide .weui_article {
	font-size: .875rem;
	color: #919191
}

.group-guide .weui_article>h6 {
	margin-bottom: .25rem
}

.group-guide .weui_article>ol {
	padding-left: .9375rem
}

.group-guide .footer .fixed {
	position: fixed;
	padding: 1rem;
	border-top: 1px solid #ececec;
	background-color: #fff;
	box-shadow: 0 0 3px rgba(0,0,0,.1)
}

.group-groups b {
	margin-left: .25rem;
	margin-right: .25rem;
	color: #ff4136
}

.group-groups .header {
	padding: 1rem;
	background-color: #fff
}

.group-groups .header .weui_btn {
	float: right;
	width: 100%
}

.group-groups .weui_tab_bd {
	overflow: hidden
}

.group-groups .weui_media_box {
	position: relative;
	display: block
}

.group-groups .weui_media_box>i {
	font-size: 1.5rem;
	position: absolute;
	top: 50%;
	right: 1rem;
	color: #aaa;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%)
}

.group-groups .weui_media_title>span {
	margin-left: 1rem
}

.group-groups .weui_media_title>a {
	font-size: .875rem;
	float: right
}

.group-groups .weui_media_title>a>i {
	margin-left: .5rem
}

.group-groups .weui_media_desc {
	margin-bottom: 0
}

.group-members .main,.moon .card {
	margin-bottom: 1rem
}

.group-groups .weui_media_desc>span {
	margin-left: 1rem
}

.group-groups .weui_navbar_item {
	background: #f5f5f5;
	color: #403e3e
}

.group-groups .weui_navbar_item.weui_bar_item_on {
	background-color: #639CEB;
	color: #fff
}

.group-groups .weui_navbar_item span {
	position: absolute;
	width: 10px;
	height: 10px;
	top: 8px;
	right: 15px;
	background: #DA0909;
	border-radius: 50%
}

.group-groups span.tiper {
	font-size: .75rem;
	text-align: center;
	display: block;
	height: 30px;
	overflow: hidden;
	line-height: 30px
}

.moon .banner .completed-list,.nation .banner .completed-list,.snowman .banner .completed-list {
	line-height: 1.25rem;
	overflow: hidden;
	list-style: none
}

.group-groups .weui_icon_info_circle::before {
	font-size: 1rem;
	margin-right: 5px
}

.group-members .main>table a {
	cursor: pointer
}

.group-members .footer .fixed {
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 1rem;
	border-top: 1px solid #ececec;
	background-color: #fff;
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,.1);
	box-shadow: 0 0 3px rgba(0,0,0,.1)
}

.group-settle b {
	margin-left: .25rem;
	margin-right: .25rem;
	color: #ff4136
}

.group-settle .weui_cells_title {
	font-size: 1.125rem;
	color: #333
}

.moon {
	color: #fff;
	background-color: #280f4a
}

.moon b {
	margin-left: .125rem;
	margin-right: .125rem;
	color: #ffdc00
}

.moon .weui_btn_primary {
	background-color: #ff851b
}

.moon .weui_btn_primary:focus {
	background-color: #e76b00
}

.moon .card {
	margin-top: 1rem;
	padding: 1rem;
	background-color: #482668
}

.moon .card .card-title {
	font-size: 1.125rem;
	padding-bottom: .5rem;
	color: #ffdc00;
	position: relative
}

.moon .card .card-title::after {
	position: absolute;
	bottom: 0;
	left: 0;
	content: " ";
	height: 1px;
	width: 1em;
	background-color: #aaa
}

.moon .card .card-title input {
	width: 6.75rem;
	height: 1rem;
	border: 1px dashed #fff;
	text-align: center;
	color: inherit;
	padding: .875rem 0
}

.moon .card .card-title .tiper {
	position: absolute;
	top: .4rem;
	left: 8.125rem;
	width: 13rem;
	color: rgba(255,255,255,.63);
	font-size: .75rem;
	text-shadow: none
}

.moon .banner,.moon .banner .banner-header {
	position: relative
}

.moon .card .card-title .tiper i {
	padding-right: .375rem
}

.moon .banner {
	overflow: hidden;
	text-align: center
}

.moon .banner .banner-header>img {
	display: block
}

.moon .banner .banner-header>span {
	font-size: 0;
	position: absolute;
	display: block;
	background-repeat: no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto
}

.moon .banner .banner-header>.blinking {
	-webkit-animation: blinking 2s ease;
	-o-animation: blinking 2s ease;
	animation: blinking 2s ease
}

.moon .banner .banner-header>.haloing::before {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 200%;
	height: 200%;
	margin-top: -50%;
	margin-left: -50%;
	content: " ";
	background-image: -webkit-radial-gradient(rgba(252,191,86,.3),rgba(252,191,86,.15),rgba(252,191,86,0),rgba(252,191,86,0));
	background-image: -o-radial-gradient(rgba(252,191,86,.3),rgba(252,191,86,.15),rgba(252,191,86,0),rgba(252,191,86,0));
	background-image: radial-gradient(rgba(252,191,86,.3),rgba(252,191,86,.15),rgba(252,191,86,0),rgba(252,191,86,0));
	border-radius: 50%;
	will-change: transform;
	-webkit-animation: blinking 2s infinite ease;
	-o-animation: blinking 2s infinite ease;
	animation: blinking 2s infinite ease
}

.moon .banner .banner-header>.night-sky-moon {
	top: 4rem;
	left: 50%;
	width: 5rem;
	height: 5rem;
	margin-left: -2.5rem;
	will-change: top;
	-webkit-transition: top 1s ease;
	-o-transition: top 1s ease;
	transition: top 1s ease
}

.moon .modal-moon-vote.fade>img,.snowman .modal-moon-vote.fade>img {
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out
}

.moon .banner .banner-header>.night-sky-moon.initial {
	top: 21.25rem;
	visibility: hidden
}

.moon .banner .banner-header>.night-sky-moon.moon-1 {
	background-image: url(../images/moon/moon.png)
}

.moon .banner .banner-header>.night-sky-moon.moon-2 {
	background-image: url(../images/moon/moon-2.png)
}

.moon .banner .banner-header>.night-sky-moon.moon-3 {
	background-image: url(../images/moon/moon-3.png)
}

.moon .banner .banner-header>.night-sky-moon.moon-4 {
	background-image: url(../images/moon/moon-4.png)
}

.moon .banner .banner-header>.night-sky-moon.moon-5 {
	background-image: url(../images/moon/moon-5.png)
}

.moon .banner .banner-header>.night-sky-moon.moon-6 {
	background-image: url(../images/moon/moon-6.png)
}

.moon .banner .banner-header>.night-sky-moon.moon-7 {
	background-image: url(../images/moon/moon-7.png)
}

.moon .banner .banner-header>.night-sky-moon.moon-8 {
	background-image: url(../images/moon/moon-8.png)
}

.moon .banner .banner-body,.moon .banner .banner-footer {
	position: absolute;
	right: 0;
	left: 0
}

.moon .banner .banner-body {
	top: 43.52941176%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	min-height: 37.64705882%;
	padding: 1rem
}

.moon .banner .banner-footer {
	bottom: 0;
	padding: .25rem;
	background-color: rgba(0,0,0,.5)
}

.moon .banner .completed-list {
	font-size: .875rem;
	height: 1.25rem
}

.moon .banner .completed-list>li {
	width: 100%
}

.moon .status-bar {
	margin-top: 0;
	text-align: center
}

.moon .prizes h5,.moon .status-bar .grid+.grid {
	margin-top: .5rem
}

.moon .prizes {
	text-align: center
}

.moon .prizes h5 {
	font-size: 1.125rem
}

.moon .prizes p:last-child {
	margin-bottom: 0
}

.moon .ranking-list table th {
	color: #ffdc00
}

.moon .ranking-list table td {
	text-align: center
}

.moon .ranking-list .waterfall-flow-loader {
	color: #fff
}

.moon .modal-join .modal-close {
	color: #aaa
}

.moon .modal-join fieldset {
	border-width: 0
}

.moon .modal-join fieldset label {
	padding-top: .3125rem;
	padding-right: 0;
	color: #333
}

.moon .modal-join fieldset span {
	color: #827e7e;
	font-size: .875rem;
	text-align: center;
	display: block
}

.moon .modal-join fieldset input {
	font-size: 1rem;
	width: 100%;
	padding: .3rem 1rem;
	border: .0625rem solid #280f4a;
	border-radius: .3125rem
}

.moon .modal-join fieldset input:focus {
	border-color: #110620;
	-webkit-box-shadow: 0 0 .125rem #110620;
	box-shadow: 0 0 .125rem #110620;
	outline: 0
}

.moon .modal-moon-vote>img {
	position: absolute;
	top: 50%;
	left: 50%;
	max-width: 320px;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%)
}

.moon .modal-moon-vote.fade>img {
	width: 0;
	transition: all .5s ease-in-out
}

.moon .modal-moon-vote.in>img {
	width: 100%
}

.moon-editor .prizes input {
	text-align: left
}

.nation .banner,.nation .card .card-title input,.nation .prizes,.nation .ranking-list table td,.nation .status-bar {
	text-align: center
}

.moon-editor .prizes input[type=number] {
	width: 4rem;
	margin-left: .3125rem;
	margin-right: .3125rem;
	padding: .125rem;
	color: #ffdc00
}

.moon-editor .prizes input[type=text] {
	width: 15.5rem;
	color: #ffdc00
}

@media screen and (width:320px) {
	.moon-editor .banner .banner-body {
		top: 13%
	}
}

.join-customize-container.moon-join-customize {
	padding: 0 .5rem
}

.join-customize-container.moon-join-customize input.disabled {
	border-color: #908888
}

.join-customize-container.moon-join-customize .weui_cells_checkbox .weui_check:checked+.weui_icon_checked:before {
	color: #d9d9d9
}

.nation {
	color: #fff;
	background-color: #da0042
}

.nation b {
	margin-left: .125rem;
	margin-right: .125rem;
	color: #ffdc00
}

.nation .weui_btn_primary {
	background-color: #ff851b
}

.nation .weui_btn_primary:focus {
	background-color: #e76b00
}

.nation .card {
	margin-top: 1rem;
	margin-bottom: 1rem;
	padding: 1rem;
	background-color: #f3004a
}

.nation .prizes h5,.nation .prizes p {
	margin-bottom: .5rem
}

.nation .card .card-title {
	font-size: 1.125rem;
	position: relative;
	padding-bottom: .5rem;
	color: #ffdc00
}

.nation .card .card-title::after {
	position: absolute;
	bottom: 0;
	left: 0;
	content: " ";
	height: 1px;
	width: 1em;
	background-color: #ddd
}

.nation .card .card-title input {
	width: 6.75rem;
	height: 1rem;
	border: 1px dashed #fff;
	color: inherit;
	padding: .875rem 0
}

.nation .card .card-title .tiper {
	position: absolute;
	top: .4rem;
	left: 8.125rem;
	width: 13rem;
	color: rgba(255,255,255,.63);
	font-size: .75rem;
	text-shadow: none
}

.nation .banner,.nation .banner .banner-header {
	position: relative
}

.nation .card .card-title .tiper i {
	padding-right: .375rem
}

.nation .banner {
	overflow: hidden
}

.nation .banner .banner-header>img {
	display: block
}

.nation .banner .banner-header>span {
	font-size: 0;
	position: absolute;
	display: block;
	background-repeat: no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto
}

.nation .banner .banner-header>.nation-day-word {
	top: 6.1875rem;
	left: 50%;
	width: 15.25rem;
	height: 6.625rem;
	margin-left: -7.625rem
}

.nation .banner .banner-header>.nation-day-word.initial {
	background-image: url(../images/nation/word.png)
}

.nation .banner .banner-header>.nation-day-word.word-1 {
	background-image: url(../images/nation/word-1.png)
}

.nation .banner .banner-header>.nation-day-word.word-2 {
	background-image: url(../images/nation/word-2.png)
}

.nation .banner .banner-header>.nation-day-word.word-3 {
	background-image: url(../images/nation/word-3.png)
}

.nation .banner .banner-header>.nation-day-word.word-4 {
	background-image: url(../images/nation/word-4.png)
}

.nation .banner .banner-header>.nation-day-word.word-5 {
	background-image: url(../images/nation/word-5.png)
}

.nation .banner .banner-body,.nation .banner .banner-footer {
	position: absolute;
	right: 0;
	left: 0
}

.nation .banner .banner-body {
	top: 48.71794872%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	min-height: 46.15384615%;
	padding: 1rem
}

.goldcoin .banner .banner-title,.snowman .banner .banner-body {
	-webkit-flex-direction: column;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal
}

.nation .banner .banner-footer {
	bottom: 0;
	padding: .25rem;
	background-color: #c1003a
}

.nation .banner .completed-list {
	font-size: .875rem;
	height: 1.25rem
}

.nation .banner .completed-list>li {
	width: 100%
}

.nation .status-bar {
	margin-top: 0
}

.nation .status-bar .grid+.grid {
	margin-top: .5rem
}

.nation .prizes h5 {
	font-size: 1.125rem;
	margin-top: .5rem
}

.nation .prizes p:last-child {
	margin-bottom: 0
}

.nation .ranking-list table th {
	color: #ffdc00
}

.nation .ranking-list .waterfall-flow-loader {
	color: #fff
}

.nation .modal-join .modal-close {
	color: #aaa
}

.nation .modal-join fieldset {
	border-width: 0
}

.nation .modal-join fieldset label {
	font-size: 1.5rem;
	padding-top: .3125rem;
	padding-right: 0;
	color: #333
}

.nation .modal-join fieldset span {
	color: #827e7e;
	font-size: .875rem;
	text-align: center;
	display: block
}

.nation .modal-join fieldset input {
	font-size: 1rem;
	width: 100%;
	padding: .3rem 1rem;
	border: .0625rem solid #da0042;
	border-radius: .3125rem
}

.nation .modal-join fieldset input:focus {
	border-color: #a70033;
	-webkit-box-shadow: 0 0 .125rem #a70033;
	box-shadow: 0 0 .125rem #a70033;
	outline: 0
}

.nation-editor .dashed::-moz-placeholder {
	color: #c3c3c3;
	opacity: 1
}

.nation-editor .dashed:-ms-input-placeholder {
	color: #c3c3c3;
	opacity: 1
}

.nation-editor .dashed::-webkit-input-placeholder {
	color: #c3c3c3;
	opacity: 1
}

.nation-editor .prizes input {
	text-align: left
}

.nation-editor .prizes input[type=number] {
	width: 4rem;
	margin-left: .3125rem;
	margin-right: .3125rem;
	padding: .125rem;
	color: #ffdc00
}

.nation-editor .prizes input[type=text] {
	width: 15.5rem;
	color: #ffdc00
}

@media screen and (width:320px) {
	.nation-editor .banner .banner-body {
		top: 23%
	}
}

.join-customize-container.nation-join-customize {
	padding: 0 .5rem
}

.join-customize-container.nation-join-customize input.disabled {
	border-color: #908888
}

.join-customize-container.nation-join-customize .weui_cells_checkbox .weui_check:checked+.weui_icon_checked:before {
	color: #d9d9d9
}

.snowman {
	color: #111;
	background: url(../images/snowman/bigbg.jpg) top no-repeat #8FD3E6;
	-webkit-background-size: 100% 100%;
	background-size: 100%;
	position: relative
}

.snowman .dashed,.snowman .dashed.reverse {
	color: #111;
	border: 1px dashed #787684
}

.snowman input {
	border: 1px dashed #787684
}

.snowman b {
	margin-left: .125rem;
	margin-right: .125rem;
	color: #3aaf5c
}

.snowman .weui_btn_primary {
	background-color: #af0c0d;
	color: #fff
}

.snowman .weui_btn_primary:focus {
	background-color: #2d8948
}

.snowman .card {
	margin: 1rem;
	padding: 1rem;
	background: #fff;
	opacity: .85;
	border-radius: 2px;
	-webkit-box-shadow: 1px 1px 2px #68bbe5;
	box-shadow: 1px 1px 2px #68bbe5;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(40%,#fff),to(#fff));
	background-image: -webkit-linear-gradient(top,#fff 0,#fff 40%,#fff 100%);
	background-image: -o-linear-gradient(top,#fff 0,#fff 40%,#fff 100%);
	background-image: linear-gradient(to bottom,#fff 0,#fff 40%,#fff 100%)
}

.snowman .card .card-title {
	font-size: 1.125rem;
	position: relative;
	padding-bottom: .5rem;
	color: #CA0001
}

.snowman .card .card-title::after {
	position: absolute;
	bottom: 0;
	left: 0;
	content: " ";
	height: 2px;
	width: 5em;
	background-color: #CA0001
}

.snowman .card .card-title input {
	width: 6.75rem;
	height: 1rem;
	border: 1px dashed #717374;
	text-align: center;
	color: inherit;
	padding: .875rem 0
}

.snowman .card .card-title .tiper {
	position: absolute;
	top: .4rem;
	left: 8.125rem;
	width: 13rem;
	color: #717374;
	font-size: .75rem;
	text-shadow: none
}

.snowman .card .card-title .tiper i {
	padding-right: .375rem
}

.snowman .card .card-header.desc {
	text-align: left;
	margin-top: 1.5rem
}

.snowman button.doaction {
	color: #fff;
	-o-animation: heartbeat-snowman 3s infinite ease-in-out;
	animation: heartbeat-snowman 3s infinite ease-in-out;
	-webkit-animation: heartbeat-snowman 3s infinite ease-in-out
}

@-webkit-keyframes heartbeat-snowman {
	from {
		opacity: .5
	}

	50% {
		opacity: 1
	}

	to {
		opacity: .8;
		background-color: #dc0a0a
	}
}

@-o-keyframes heartbeat-snowman {
	from {
		opacity: .5
	}

	50% {
		opacity: 1
	}

	to {
		opacity: .8;
		background-color: #dc0a0a
	}
}

@keyframes heartbeat-snowman {
	from {
		opacity: .5
	}

	50% {
		opacity: 1
	}

	to {
		opacity: .8;
		background-color: #dc0a0a
	}
}

.snowman .banner {
	position: relative;
	overflow: hidden;
	text-align: center;
	background: url(../images/snowman/snow-bg.png) repeat-y;
	-webkit-animation: animate-snow 5s linear infinite;
	-o-animation: animate-snow 5s linear infinite;
	animation: animate-snow 5s linear infinite
}

.snowman .banner .infu {
	width: 1.125rem;
	height: 1.125rem;
	position: absolute;
	z-index: 2;
	opacity: 0;
	-webkit-animation: danyin 2s 3.5s infinite ease;
	-o-animation: danyin 2s 3.5s infinite ease;
	animation: danyin 2s 3.5s infinite ease
}

.snowman .banner .danyinfu {
	right: 30%;
	bottom: 40%
}

.snowman .banner .shuangyinfu {
	right: 20%;
	bottom: 40%
}

@-webkit-keyframes danyin {
	0% {
		opacity: 0;
		-webkit-transform: translate(.625rem,0);
		transform: translate(.625rem,0)
	}

	30% {
		-webkit-transform: translate(1.875rem,-.625rem);
		transform: translate(1.875rem,-.625rem)
	}

	45% {
		opacity: 1;
		-webkit-transform: translate(1.25rem,-1.25rem);
		transform: translate(1.25rem,-1.25rem)
	}

	60% {
		-webkit-transform: translate(2.5rem,-1.875rem);
		transform: translate(2.5rem,-1.875rem)
	}

	100% {
		opacity: 0;
		-webkit-transform: translate(3.125rem,-2.5rem);
		transform: translate(3.125rem,-2.5rem)
	}
}

@-o-keyframes danyin {
	0% {
		opacity: 0;
		-o-transform: translate(.625rem,0);
		transform: translate(.625rem,0)
	}

	30% {
		-o-transform: translate(1.875rem,-.625rem);
		transform: translate(1.875rem,-.625rem)
	}

	45% {
		opacity: 1;
		-o-transform: translate(1.25rem,-1.25rem);
		transform: translate(1.25rem,-1.25rem)
	}

	60% {
		-o-transform: translate(2.5rem,-1.875rem);
		transform: translate(2.5rem,-1.875rem)
	}

	100% {
		opacity: 0;
		-o-transform: translate(3.125rem,-2.5rem);
		transform: translate(3.125rem,-2.5rem)
	}
}

@keyframes danyin {
	0% {
		opacity: 0;
		-webkit-transform: translate(.625rem,0);
		-o-transform: translate(.625rem,0);
		transform: translate(.625rem,0)
	}

	30% {
		-webkit-transform: translate(1.875rem,-.625rem);
		-o-transform: translate(1.875rem,-.625rem);
		transform: translate(1.875rem,-.625rem)
	}

	45% {
		opacity: 1;
		-webkit-transform: translate(1.25rem,-1.25rem);
		-o-transform: translate(1.25rem,-1.25rem);
		transform: translate(1.25rem,-1.25rem)
	}

	60% {
		-webkit-transform: translate(2.5rem,-1.875rem);
		-o-transform: translate(2.5rem,-1.875rem);
		transform: translate(2.5rem,-1.875rem)
	}

	100% {
		opacity: 0;
		-webkit-transform: translate(3.125rem,-2.5rem);
		-o-transform: translate(3.125rem,-2.5rem);
		transform: translate(3.125rem,-2.5rem)
	}
}

@-webkit-keyframes shuangyin {
	0% {
		opacity: 0;
		-webkit-transform: translate(.625rem,0);
		transform: translate(.625rem,0)
	}

	30% {
		-webkit-transform: translate(1.875rem,-.625rem);
		transform: translate(1.875rem,-.625rem)
	}

	45% {
		opacity: 1;
		-webkit-transform: translate(1.25rem,-1.25rem);
		transform: translate(1.25rem,-1.25rem)
	}

	60% {
		-webkit-transform: translate(2.5rem,-1.875rem);
		transform: translate(2.5rem,-1.875rem)
	}

	100% {
		opacity: 0;
		-webkit-transform: translate(3.125rem,-2.5rem);
		transform: translate(3.125rem,-2.5rem)
	}
}

@-o-keyframes shuangyin {
	0% {
		opacity: 0;
		-o-transform: translate(.625rem,0);
		transform: translate(.625rem,0)
	}

	30% {
		-o-transform: translate(1.875rem,-.625rem);
		transform: translate(1.875rem,-.625rem)
	}

	45% {
		opacity: 1;
		-o-transform: translate(1.25rem,-1.25rem);
		transform: translate(1.25rem,-1.25rem)
	}

	60% {
		-o-transform: translate(2.5rem,-1.875rem);
		transform: translate(2.5rem,-1.875rem)
	}

	100% {
		opacity: 0;
		-o-transform: translate(3.125rem,-2.5rem);
		transform: translate(3.125rem,-2.5rem)
	}
}

@keyframes shuangyin {
	0% {
		opacity: 0;
		-webkit-transform: translate(.625rem,0);
		-o-transform: translate(.625rem,0);
		transform: translate(.625rem,0)
	}

	30% {
		-webkit-transform: translate(1.875rem,-.625rem);
		-o-transform: translate(1.875rem,-.625rem);
		transform: translate(1.875rem,-.625rem)
	}

	45% {
		opacity: 1;
		-webkit-transform: translate(1.25rem,-1.25rem);
		-o-transform: translate(1.25rem,-1.25rem);
		transform: translate(1.25rem,-1.25rem)
	}

	60% {
		-webkit-transform: translate(2.5rem,-1.875rem);
		-o-transform: translate(2.5rem,-1.875rem);
		transform: translate(2.5rem,-1.875rem)
	}

	100% {
		opacity: 0;
		-webkit-transform: translate(3.125rem,-2.5rem);
		-o-transform: translate(3.125rem,-2.5rem);
		transform: translate(3.125rem,-2.5rem)
	}
}

@-webkit-keyframes animate-snow {
	0% {
		background-position: center 0,0 0
	}

	100% {
		background-position: center 885px,0 0
	}
}

@-o-keyframes animate-snow {
	0% {
		background-position: center 0,0 0
	}

	100% {
		background-position: center 885px,0 0
	}
}

@keyframes animate-snow {
	0% {
		background-position: center 0,0 0
	}

	100% {
		background-position: center 885px,0 0
	}
}

.snowman .banner .banner-header {
	width: 100%;
	height: 19.375rem
}

.snowman .banner .banner-body,.snowman .banner .banner-footer {
	position: absolute;
	right: 0;
	left: 0
}

.snowman .banner .banner-body {
	bottom: 1.8125rem;
	color: #111;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 1rem;
	background: url(../snowman/wrapper-bg.png) bottom no-repeat;
	-webkit-background-size: 100% 4.9375rem;
	background-size: 100% 4.9375rem;
	z-index: 0
}

.snowman .banner .banner-body .title {
	margin-bottom: 12.5rem
}

.snowman .prizes h5,.snowman .prizes p {
	margin-bottom: .5rem
}

.snowman .banner .banner-body .title .activity-editor .dashed {
	color: #000!important
}

.snowman .banner .banner-body .tree {
	display: block;
	width: 1.875rem;
	height: 2.5rem;
	position: absolute;
	-webkit-animation: animate-drop 4s linear;
	-o-animation: animate-drop 4s linear;
	animation: animate-drop 4s linear
}

@-webkit-keyframes animate-drop {
	0% {
		opacity: 0;
		-webkit-transform: translate(0,19.6875rem)
	}

	100% {
		opacity: 1;
		-webkit-transform: translate(0,0)
	}
}

@-o-keyframes animate-drop {
	0% {
		opacity: 0;
		-o-transform: translate(0,28.125rem);
		transform: translate(0,28.125rem)
	}

	100% {
		opacity: 1;
		-o-transform: translate(0,0);
		transform: translate(0,0)
	}
}

@keyframes animate-drop {
	0% {
		opacity: 0;
		-webkit-transform: translate(0,28.125rem);
		-o-transform: translate(0,28.125rem);
		transform: translate(0,28.125rem)
	}

	100% {
		opacity: 1;
		-webkit-transform: translate(0,0);
		-o-transform: translate(0,0);
		transform: translate(0,0)
	}
}

.snowman .banner .banner-body .tree:nth-child(1) {
	left: 1.25rem;
	bottom: .625rem;
	-webkit-animation-delay: -.8s;
	-o-animation-delay: -.8s;
	animation-delay: -.8s
}

.snowman .banner .banner-body .tree:nth-child(2) {
	left: 4.375rem;
	bottom: 1.25rem;
	-webkit-animation-delay: -1.6s;
	-o-animation-delay: -1.6s;
	animation-delay: -1.6s
}

.snowman .banner .banner-body .tree:nth-child(3) {
	left: 8.75rem;
	bottom: 3.625rem;
	-webkit-animation-delay: -2.7s;
	-o-animation-delay: -2.7s;
	animation-delay: -2.7s
}

.snowman .banner .banner-body .tree:nth-child(4) {
	left: 9.375rem;
	bottom: 1.25rem;
	-webkit-animation-delay: -1.3s;
	-o-animation-delay: -1.3s;
	animation-delay: -1.3s
}

.snowman .banner .banner-body .tree:nth-child(5) {
	right: 3.125rem;
	bottom: 3.125rem;
	-webkit-animation-delay: -2s;
	-o-animation-delay: -2s;
	animation-delay: -2s
}

.snowman .banner .banner-body .tree:nth-child(6) {
	left: 1.25rem;
	bottom: 3.125rem;
	-webkit-animation-delay: -2.4s;
	-o-animation-delay: -2.4s;
	animation-delay: -2.4s
}

.snowman .banner .banner-footer {
	-webkit-box-shadow: 0 2px 13px #777a7c;
	box-shadow: 0 2px 13px #777a7c;
	bottom: 0;
	padding: .25rem;
	background: #fff
}

.snowman .banner .banner-footer .date {
	color: #111
}

.snowman .banner .banner-footer .date input,.snowman .status-bar .grid+.grid .cell-6 b {
	color: #CA0001
}

.snowman .banner .banner-footer .date time {
	border: 1px dashed #ccc;
	color: #CA0001
}

.snowman .banner .completed-list {
	font-size: .875rem;
	background: #fff;
	height: 1.25rem;
	text-align: center
}

.snowman .banner .completed-list.carousel {
	width: 100%
}

.snowman .banner .completed-list.carousel .in {
	width: 100%;
	font-size: .75rem;
	opacity: .65
}

.snowman .status-bar {
	font-size: .75rem;
	margin-top: .875rem;
	text-align: center;
	background: #fff
}

.snowman .status-bar .grid+.grid {
	margin-top: .5rem
}

.snowman .status-bar .grid+.grid .weui_btn_primary {
	background: #fff
}

.snowman .about .card-body,.snowman .about .card-body .uploader-container span,.snowman .accept .card-body,.snowman .rules {
	color: #111
}

.snowman .prizes {
	text-align: center;
	color: #000
}

.snowman .prizes h5 b,.snowman .prizes p b {
	color: #CA0001
}

.snowman .prizes h5 {
	font-size: 1.125rem;
	margin-top: .5rem
}

.snowman .prizes p:last-child {
	margin-bottom: 0
}

.snowman .prizes .uploader-container .reverse,.snowman .prizes .uploader-container span {
	color: #000
}

.snowman .prizes .prize-desc {
	text-align: left;
	margin-top: .875rem
}

.snowman .ranking-list table th {
	color: #CA0001
}

.snowman .ranking-list table td {
	text-align: center;
	color: #000
}

.snowman .modal-join .modal-close,.snowman .ranking-list .waterfall-flow-loader {
	color: #000
}

.snowman .modal-join fieldset {
	border-width: 0
}

.snowman .modal-join fieldset label {
	padding-top: .3125rem;
	padding-right: 0;
	color: #333
}

.snowman .modal-join fieldset span {
	color: #000;
	font-size: .875rem;
	text-align: center;
	display: block
}

.snowman .modal-join fieldset input {
	font-size: 1rem;
	width: 100%;
	padding: .3rem 1rem;
	border: .0625rem solid #CA0001;
	border-radius: .3125rem
}

.snowman .modal-join fieldset input:focus {
	border-color: #cc0;
	-webkit-box-shadow: 0 0 .125rem #970001;
	box-shadow: 0 0 .125rem #970001;
	outline: 0
}

.snowman .modal-moon-vote>img {
	position: absolute;
	top: 50%;
	left: 50%;
	max-width: 320px;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%)
}

.snowman .modal-moon-vote.fade>img {
	width: 0;
	transition: all .5s ease-in-out
}

.snowman .modal-moon-vote.in>img {
	width: 100%
}

.snowman .header .stats li {
	text-shadow: 0 0 .1rem #444
}

.snowman .header .stats li b {
	color: #CA0001
}

.snowman .footer .actions {
	display: table;
	text-align: right;
	width: 100%;
	margin-bottom: .625rem;
	opacity: .95
}

.snowman .footer .actions>a {
	width: 100px;
	font-size: 1rem;
	line-height: 1.5rem;
	padding: .5rem;
	text-align: center;
	cursor: pointer;
	border-radius: 50px;
	-webkit-box-shadow: 0 1px 0 rgba(0,0,0,.3);
	box-shadow: 0 1px 0 rgba(0,0,0,.3);
	background: #E0E0E0;
	background: -moz-linear-gradient(19% 75% 90deg,#771313,#f22b2c);
	background: -webkit-gradient(linear,left top,left bottom,from(#771313),to(#f22b2c));
	color: #4A4A4A;
	opacity: .95
}

.snowman .footer .actions>a[disabled] {
	cursor: not-allowed
}

.snowman .footer .actions>a:first-child {
	color: #fff;
	background-color: #f7f7f7
}

.snowman .footer .actions>a.open {
	background-color: #ff7169
}

.snowman .footer .actions>a>i {
	margin-right: .5rem
}

.snowman .footer .reminder .reminder-link strong {
	color: #eefb70
}

.snowman .snow-box-top {
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 50%;
	background: #fff;
	position: relative;
	-webkit-animation-name: snow-top,snow-top-filter;
	-o-animation-name: snow-top,snow-top-filter;
	animation-name: snow-top,snow-top-filter;
	-webkit-animation-duration: 2.5s,2s;
	-o-animation-duration: 2.5s,2s;
	animation-duration: 2.5s,2s;
	-webkit-animation-timing-function: linear,ease-in;
	-o-animation-timing-function: linear,ease-in;
	animation-timing-function: linear,ease-in;
	-webkit-animation-delay: 0s,3s;
	-o-animation-delay: 0s,3s;
	animation-delay: 0s,3s;
	-webkit-animation-iteration-count: 1,infinite;
	-o-animation-iteration-count: 1,infinite;
	animation-iteration-count: 1,infinite;
	-webkit-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	z-index: 30
}

.snowman .snow-box-top .eye-left,.snowman .snow-box-top .eye-right {
	width: .1875rem;
	height: .1875rem;
	background: #000;
	top: .75rem;
	border-radius: 50%
}

.snowman .snow-box-top .eye-left {
	position: absolute;
	left: .875rem
}

.snowman .snow-box-top .eye-right {
	position: absolute;
	left: 1.5rem
}

.snowman .snow-box-top .mouse {
	width: 0;
	height: 0;
	border-top: .375rem solid #ef970a;
	border-left: 1.375rem solid transparent;
	position: absolute;
	top: 1.0625rem;
	left: -.125rem
}

.snowman .snow-box-top .weijin {
	width: 3.125rem;
	height: 2rem;
	position: absolute;
	left: -.125rem;
	top: 1.4375rem;
	z-index: 10
}

.snowman .snow-box-top .erji {
	width: 4.6875rem;
	height: 1.75rem;
	position: absolute;
	left: -1.1875rem;
	top: -.0625rem;
	z-index: 11
}

.snowman .snow-box-middle {
	width: 3.75rem;
	height: 1.875rem;
	border-radius: 50%;
	background: #fff;
	position: relative;
	z-index: 2;
	-webkit-animation: snow-middle 3s;
	-o-animation: snow-middle 3s;
	animation: snow-middle 3s;
	-webkit-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

.snowman .snow-box-middle p.kou-1 {
	width: .3125rem;
	height: .3125rem;
	background: #000;
	border-radius: 50%;
	position: absolute;
	top: .625rem;
	left: 1.25rem
}

.snowman .snow-box-middle p.kou-2 {
	width: .375rem;
	height: .375rem;
	background: #000;
	border-radius: 50%;
	position: absolute;
	top: 1.4375rem;
	left: .9375rem
}

.snowman .snow-box-bottom {
	width: 5rem;
	height: 2.5rem;
	border-radius: 50%;
	background: #fff;
	position: relative;
	z-index: 1;
	-webkit-animation: snow-bottom 2.5s;
	-o-animation: snow-bottom 2.5s;
	animation: snow-bottom 2.5s;
	-webkit-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-box-shadow: 2px 2px 5px #d6e2e9;
	box-shadow: 2px 2px 5px #d6e2e9
}

.snowman .snow-box-bottom p.kou-3 {
	width: .5rem;
	height: .5rem;
	background: #000;
	border-radius: 50%;
	position: absolute;
	top: 1.5rem;
	left: 1.25rem
}

@-o-keyframes snow-top {
	0% {
		-o-transform: translate(13.125rem,-12.5rem);
		transform: translate(13.125rem,-12.5rem)
	}

	100% {
		-o-transform: translate(13.125rem,15rem);
		transform: translate(13.125rem,15rem)
	}
}

@keyframes snow-top {
	0% {
		-webkit-transform: translate(13.125rem,-12.5rem);
		-o-transform: translate(13.125rem,-12.5rem);
		transform: translate(13.125rem,-12.5rem)
	}

	100% {
		-webkit-transform: translate(13.125rem,15rem);
		-o-transform: translate(13.125rem,15rem);
		transform: translate(13.125rem,15rem)
	}
}

@-webkit-keyframes snow-top {
	0% {
		-webkit-transform: translate(13.125rem,-12.5rem);
		transform: translate(13.125rem,-12.5rem)
	}

	100% {
		-webkit-transform: translate(13.125rem,15rem);
		transform: translate(13.125rem,15rem)
	}
}

@-o-keyframes snow-top-filter {
	0%,100% {
		-o-transform: translate(13.125rem,15rem);
		transform: translate(13.125rem,15rem)
	}

	50% {
		-o-transform: translate(12.5rem,14.375rem);
		transform: translate(12.5rem,14.375rem)
	}

	75% {
		-o-transform: translate(13.125rem,14.6875rem);
		transform: translate(13.125rem,14.6875rem)
	}
}

@keyframes snow-top-filter {
	0%,100% {
		-webkit-transform: translate(13.125rem,15rem);
		-o-transform: translate(13.125rem,15rem);
		transform: translate(13.125rem,15rem)
	}

	50% {
		-webkit-transform: translate(12.5rem,14.375rem);
		-o-transform: translate(12.5rem,14.375rem);
		transform: translate(12.5rem,14.375rem)
	}

	75% {
		-webkit-transform: translate(13.125rem,14.6875rem);
		-o-transform: translate(13.125rem,14.6875rem);
		transform: translate(13.125rem,14.6875rem)
	}
}

@-webkit-keyframes snow-top-filter {
	0%,100% {
		-webkit-transform: translate(13.125rem,15rem);
		transform: translate(13.125rem,15rem)
	}

	50% {
		-webkit-transform: translate(12.5rem,14.375rem);
		transform: translate(12.5rem,14.375rem)
	}

	75% {
		-webkit-transform: translate(13.125rem,14.6875rem);
		transform: translate(13.125rem,14.6875rem)
	}
}

@-webkit-keyframes snow-middle {
	0% {
		-webkit-transform: translate(12.5rem,-12.5rem);
		transform: translate(12.5rem,-12.5rem)
	}

	100% {
		-webkit-transform: translate(12.5rem,14.375rem);
		transform: translate(12.5rem,14.375rem)
	}
}

@-o-keyframes snow-middle {
	0% {
		-o-transform: translate(12.5rem,-12.5rem);
		transform: translate(12.5rem,-12.5rem)
	}

	100% {
		-o-transform: translate(12.5rem,14.375rem);
		transform: translate(12.5rem,14.375rem)
	}
}

@keyframes snow-middle {
	0% {
		-webkit-transform: translate(12.5rem,-12.5rem);
		-o-transform: translate(12.5rem,-12.5rem);
		transform: translate(12.5rem,-12.5rem)
	}

	100% {
		-webkit-transform: translate(12.5rem,14.375rem);
		-o-transform: translate(12.5rem,14.375rem);
		transform: translate(12.5rem,14.375rem)
	}
}

@-webkit-keyframes snow-bottom {
	0% {
		-webkit-transform: translate(11.9375rem,-13.125rem);
		transform: translate(11.9375rem,-13.125rem)
	}

	100% {
		-webkit-transform: translate(11.9375rem,13.75rem);
		transform: translate(11.9375rem,13.75rem)
	}
}

@-o-keyframes snow-bottom {
	0% {
		-o-transform: translate(11.9375rem,-13.125rem);
		transform: translate(11.9375rem,-13.125rem)
	}

	100% {
		-o-transform: translate(11.9375rem,13.75rem);
		transform: translate(11.9375rem,13.75rem)
	}
}

@keyframes snow-bottom {
	0% {
		-webkit-transform: translate(11.9375rem,-13.125rem);
		-o-transform: translate(11.9375rem,-13.125rem);
		transform: translate(11.9375rem,-13.125rem)
	}

	100% {
		-webkit-transform: translate(11.9375rem,13.75rem);
		-o-transform: translate(11.9375rem,13.75rem);
		transform: translate(11.9375rem,13.75rem)
	}
}

.snowman .modal-halo.in::before {
	position: absolute;
	z-index: 0;
	top: 50%;
	left: 50%;
	width: 22.5rem;
	height: 22.5rem;
	margin-top: -11.25rem;
	margin-left: -11.25rem;
	content: ' ';
	-webkit-animation: haloRotating 5s infinite linear;
	-o-animation: haloRotating 5s infinite linear;
	animation: haloRotating 5s infinite linear;
	border-radius: 50%;
	background: url(../images/snowman/halo.png) center center no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%
}

.snowman .modal-halo .modal-content {
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none
}

.snowman .modal-halo .modal-body {
	position: relative;
	margin-right: auto;
	margin-left: auto;
	width: 11.25rem;
	height: 11.25rem;
	color: #fff!important;
	background-color: #96E5FF;
	border-radius: 50%;
	background: -moz-linear-gradient(linear,0 34%,0 60%,from(#96E5FF),to(#a8e8ff));
	background: -webkit-gradient(linear,0 34%,0 60%,from(#96E5FF),to(#a8e8ff));
	-webkit-box-shadow: 0 0 10px #000;
	box-shadow: 0 0 10px #000
}

.snowman .modal-halo .modal-block {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 100%;
	color: #fff;
	text-shadow: 0 0 0 #6F6565,0 0 1px rgba(0,0,0,.8);
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	text-align: center;
	font-size: 1.5rem
}

.snowman .modal-halo .modal-block>span,.snowman .modal-halo .modal-block>strong {
	display: block
}

.snowman .modal-halo .modal-block>span {
	font-size: 1.375rem
}

.snowman .modal-halo .modal-block>strong {
	font-size: 1.5rem
}

.snowman .footer .fixed {
	-webkit-box-shadow: none;
	box-shadow: none
}

.snowman-editor .prizes input {
	text-align: left;
	color: #000
}

.snowman-editor .prizes input[type=number] {
	width: 4rem;
	margin-left: .3125rem;
	margin-right: .3125rem;
	padding: .125rem;
	color: #CA0001
}

.snowman-editor .prizes input[type=text] {
	width: 15.5rem;
	color: #CA0001
}

.snowman-editor .prizes p.line-hour {
	text-align: center
}

.snowman-editor .prizes p.note {
	font-size: .75rem;
	margin-bottom: 1.125rem;
	margin-top: .75rem;
	color: #4a565d
}

.snowman-editor .card .card-body input.telphone {
	margin-top: .875rem;
	display: block;
	width: 100%;
	height: 2.5rem;
	line-height: 2.5rem;
	background: url(../images/snowman/icon-tel.png) .625rem center no-repeat;
	border-radius: .625rem;
	padding-left: 2.5rem;
	-webkit-background-size: auto 60%;
	background-size: auto 60%;
	font-size: 1rem;
	border: 1px dashed #787684;
	color: #3b384d
}

.snowman-editor .card .card-body p.note {
	font-size: .75rem;
	color: #4a565d
}

.snowman-editor .footer .actions {
	position: fixed;
	bottom: 74px
}

.mini-editor-container.snowman-uploader .image-previewer.reverse label,.mini-editor-container.snowman-uploader .uploader.reverse label,.uploader-container.snowman-uploader .image-previewer.reverse label,.uploader-container.snowman-uploader .uploader.reverse label {
	border-color: #787684
}

.mini-editor-container.snowman-uploader .image-previewer.reverse label::after,.mini-editor-container.snowman-uploader .image-previewer.reverse label::before,.mini-editor-container.snowman-uploader .uploader.reverse label::after,.mini-editor-container.snowman-uploader .uploader.reverse label::before,.uploader-container.snowman-uploader .image-previewer.reverse label::after,.uploader-container.snowman-uploader .image-previewer.reverse label::before,.uploader-container.snowman-uploader .uploader.reverse label::after,.uploader-container.snowman-uploader .uploader.reverse label::before {
	background-color: #787684
}

.mini-editor-container.snowman-uploader .image-previewer.reverse span,.mini-editor-container.snowman-uploader .uploader.reverse span,.uploader-container.snowman-uploader .image-previewer.reverse span,.uploader-container.snowman-uploader .uploader.reverse span {
	color: #3b384d
}

.mini-editor-container.snowman-uploader a.action,.uploader-container.snowman-uploader a.action {
	border: 1px dashed #787684;
	color: #3b384d
}

.mini-editor-container.snowman-uploader i.icon,.uploader-container.snowman-uploader i.icon {
	color: rgba(84,78,78,.74)
}

.join-customize-container.snowman-join-customize {
	padding: 0 .5rem
}

.goldcoin {
	color: #4d3a1b;
	position: relative;
	background: url(../images/goldcoin/footer-bg.jpg) center bottom no-repeat #b8202b;
	-webkit-background-size: 100% auto;
	background-size: 100% auto
}

.goldcoin .main-block {
	height: 2.25rem;
	background: #fff
}

.goldcoin .main {
	background: #b8202b;
	margin-bottom: 8.25rem
}

.goldcoin .dashed,.goldcoin .dashed.reverse {
	color: #4d3a1b;
	border: 1px dashed #cbcbcb;
	border-radius: 10px
}

.goldcoin input {
	border: 1px dashed #cbcbcb;
	border-radius: 10px
}

.goldcoin b {
	margin-left: .125rem;
	margin-right: .125rem;
	color: #b8202b
}

.goldcoin .weui_btn_primary {
	background-color: #f84147;
	color: #fff
}

.goldcoin .weui_btn_primary:active,.goldcoin .weui_btn_primary:focus {
	background-color: #fb3b41
}

.goldcoin .card {
	margin: 1rem 1rem 4rem;
	padding: 1rem;
	background: #fff;
	border-radius: 10px;
	border: 4px solid #ffeaca;
	position: relative
}

.goldcoin .card .card-header {
	position: absolute;
	top: -3.06em;
	left: 0;
	border-radius: 10px 10px 0 0;
	border: 3px solid #fbdb64;
	width: 100%;
	padding: 10px;
	z-index: 0;
	height: 3rem;
	font-size: 1rem;
	background: url(../images/goldcoin/card-title-bg.jpg) right bottom no-repeat #f8c52c;
	-webkit-background-size: 50% auto;
	background-size: 50% auto;
	border-bottom: 0
}

.goldcoin .card .card-title {
	font-size: 1.125rem;
	color: #fff
}

.goldcoin .card .card-title h5 {
	font-weight: 700
}

.goldcoin .card .card-title input {
	width: 6.75rem;
	height: 1rem;
	border: 1px dashed #fff;
	text-align: center;
	color: inherit;
	padding: .875rem 0
}

.goldcoin .card .card-title .tiper {
	position: absolute;
	top: 1rem;
	left: 8.125rem;
	width: 13rem;
	color: #4d3a1b;
	font-size: .875rem;
	text-shadow: none
}

.goldcoin .card .card-title .tiper i {
	padding-right: .375rem
}

.goldcoin .card .card-header.desc {
	text-align: left;
	margin-top: 1.5rem
}

.goldcoin .banner {
	position: relative;
	overflow: hidden;
	text-align: center;
	background: url(../images/goldcoin/banner-bg.jpg) no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	height: 40rem
}

.goldcoin .banner .banner-action,.goldcoin .banner .banner-completed,.goldcoin .banner .banner-countdown,.goldcoin .banner .banner-person,.goldcoin .banner .banner-title {
	position: absolute;
	right: 0;
	left: 0
}

.goldcoin .banner .banner-title {
	top: 7.25rem;
	color: #fff;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 1rem;
	z-index: 0
}

.goldcoin .banner .banner-countdown {
	top: 19.75rem;
	color: #fff;
	letter-spacing: .1rem
}

.goldcoin .banner .banner-countdown b {
	color: #ffea00;
	padding: .1875rem;
	background: #e11711;
	border-radius: .3125rem;
	width: 2rem;
	display: inline-block
}

.goldcoin .banner .banner-countdown b:nth-of-type(1) {
	padding: 0;
	background: 0 0;
	width: auto
}

.goldcoin .banner .banner-completed {
	top: 23.3125rem;
	color: #fff
}

.goldcoin .banner .banner-completed b {
	color: #ffea00
}

.goldcoin .banner .banner-completed .completed-list {
	font-size: .875rem;
	line-height: 1.25rem;
	overflow: hidden;
	height: 1.25rem;
	list-style: none;
	text-align: center
}

.goldcoin .banner .banner-completed .completed-list.carousel,.goldcoin .banner .banner-completed .completed-list.carousel .in {
	width: 100%
}

.goldcoin .banner .banner-action {
	top: 26rem
}

.goldcoin .banner .banner-action button {
	background: #ffea00;
	border: 1px solid #FFEA00;
	border-radius: .625rem;
	border-bottom: .3125rem solid #fd9f17;
	color: #f33832;
	width: 70%;
	font-weight: 400
}

.goldcoin .banner .banner-action button.doaction {
	-o-animation: pulse 3s infinite ease-in-out;
	animation: pulse 3s infinite ease-in-out;
	-webkit-animation: pulse 3s infinite ease-in-out
}

.goldcoin .banner .banner-person {
	top: 30.5rem;
	font-size: .875rem;
	color: #fff
}

.goldcoin .banner .banner-person b {
	color: #ffea00
}

.goldcoin .about .card-body,.goldcoin .about .card-body .uploader-container span,.goldcoin .accept .card-body {
	color: #4d3a1b
}

.goldcoin .prizes {
	background: url(../images/goldcoin/prizes-bg.jpg) top center no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	text-align: center;
	height: 15rem;
	color: #111;
	margin: 1rem 1rem -2.2em;
	padding: 1rem
}

.goldcoin .prizes .prizes-title {
	height: 3.125rem;
	line-height: 1.125rem;
	text-align: center;
	color: #c36f00;
	font-weight: 700
}

.goldcoin .prizes .prizes-content {
	height: 11.25rem;
	line-height: 2rem
}

.goldcoin .prizes h5 {
	font-size: 1.125rem;
	margin: 0
}

.goldcoin .prizes h5 b {
	color: #b8202b
}

.goldcoin .prizes p {
	margin: 0
}

.goldcoin .prizes p b {
	color: #b8202b;
	margin-bottom: 0
}

.goldcoin .prizes p.prizes-name b {
	font-size: 1.25rem;
	color: #8a4f00;
	margin-bottom: 0
}

.goldcoin .prizes .uploader-container .reverse,.goldcoin .prizes .uploader-container span {
	color: #111
}

.goldcoin .prizes .prize-desc {
	text-align: left;
	margin-top: .875rem
}

.goldcoin .prizes-info {
	background: #fffadc;
	color: #4d3a1b
}

.goldcoin .prizes-info .prize-info-header {
	padding: 10px 10px 10px 0;
	font-size: 1rem
}

.goldcoin .prizes-info .prize-info-header h5 {
	color: #8b5002
}

.goldcoin .ranking-list table th {
	color: #b8202b
}

.goldcoin .ranking-list table td {
	text-align: center;
	color: #4d3a1b
}

.goldcoin .ranking-list .waterfall-flow-loader {
	color: #4d3a1b
}

.goldcoin .modal-join .modal-content {
	background: url(../images/goldcoin/join-modal-bg.jpg) center top no-repeat #fff;
	-webkit-background-size: 100% auto;
	background-size: 100% auto
}

.goldcoin .modal-join .modal-body {
	padding-top: 8rem
}

.goldcoin .modal-join .modal-close {
	color: #fff
}

.goldcoin .modal-join fieldset {
	border-width: 0
}

.goldcoin .modal-join fieldset label {
	padding-top: .3125rem;
	padding-right: 0;
	color: #333
}

.goldcoin .modal-join fieldset span {
	color: #ff4853;
	font-size: .875rem;
	text-align: center;
	display: block
}

.goldcoin .modal-join fieldset input {
	font-size: 1rem;
	width: 100%;
	padding: .3rem 1rem;
	border: .0625rem solid #ddd;
	border-radius: .3125rem
}

.goldcoin .modal-join fieldset input:focus {
	border-color: #f84147;
	-webkit-box-shadow: 0 0 .125rem #271e0e;
	box-shadow: 0 0 .125rem #271e0e;
	outline: 0
}

.goldcoin .header .stats li {
	color: #fbb313;
	text-shadow: none
}

.goldcoin .header .stats li b {
	color: #ef2d27
}

.goldcoin .tel {
	height: auto;
	background: 0 0
}

.goldcoin .tel .info {
	position: fixed;
	z-index: 99;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	line-height: 2.5rem;
	background-color: #ffea01;
	color: #e91813;
	font-size: .875rem;
	padding: .625rem
}

.goldcoin .tel .info span {
	font-size: 1rem
}

.goldcoin .tel .info span>a {
	display: inline;
	background: 0 0;
	color: #EB300F;
	text-indent: 0
}

.goldcoin .tel .info>a {
	display: block;
	width: 6.25rem;
	height: 2.5rem;
	line-height: 2.5rem;
	border-radius: .375rem;
	background-color: #e91813;
	color: #fcea00;
	text-align: center;
	text-indent: 1.5625rem;
	background-image: url(../images/goldcoin/icon-tel.png);
	-webkit-background-size: 20% auto;
	background-size: 20% auto;
	background-position: 15% center;
	background-repeat: no-repeat;
	float: right;
	-webkit-animation: tada 3s infinite linear;
	-o-animation: tada 3s infinite linear;
	animation: tada 3s infinite linear
}

.goldcoin .modal-halo.in::before,.ingots-index .modal-vote .mini-sock::before {
	-webkit-animation: blinking 2s infinite ease;
	-o-animation: blinking 2s infinite ease
}

.goldcoin .tel .info .action-bar {
	display: none
}

.goldcoin .tel .info .reminder {
	height: 1.875rem;
	line-height: 1.875rem;
	background-color: rgba(0,0,0,.7);
	position: relative;
	margin: .625rem -.625rem -.625rem
}

.goldcoin .tel .info .reminder a {
	display: inline-block;
	width: auto;
	line-height: 1.875rem;
	color: #fff;
	background: 0 0;
	padding-left: 10px
}

.goldcoin .tel .info .reminder i {
	color: #fff;
	font-style: normal;
	margin: 0 5px
}

.goldcoin .tel .info .reminder strong {
	color: #ffdc00
}

.goldcoin .tel .info .reminder .reminder-close {
	font-size: 1.5rem;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	display: block;
	min-width: 2.5rem;
	color: #fff;
	text-align: center;
	cursor: pointer
}

.goldcoin .modal-halo {
	z-index: -1
}

.goldcoin .modal-halo .modal-content {
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none
}

.goldcoin .modal-halo.in::before {
	position: absolute;
	z-index: 0;
	top: 50%;
	left: 50%;
	width: 22.5rem;
	height: 22.5rem;
	margin-top: -11.25rem;
	margin-left: -11.25rem;
	content: ' ';
	border-radius: 50%;
	background-image: -webkit-radial-gradient(rgba(253,196,28,.3),rgba(253,196,28,.15),rgba(253,196,28,0),rgba(253,196,28,0));
	background-image: -o-radial-gradient(rgba(253,196,28,.3),rgba(253,196,28,.15),rgba(253,196,28,0),rgba(253,196,28,0));
	background-image: radial-gradient(rgba(253,196,28,.3),rgba(253,196,28,.15),rgba(253,196,28,0),rgba(253,196,28,0));
	will-change: transform;
	animation: blinking 2s infinite ease
}

.goldcoin .modal-halo .modal-body {
	position: relative;
	margin-right: auto;
	margin-left: auto;
	width: 11.25rem;
	height: 11.25rem;
	color: #fff!important;
	border-radius: 50%;
	background: url(../images/goldcoin/coin.png) center center no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	-webkit-box-shadow: 0 0 10px #111;
	box-shadow: 0 0 10px #111
}

.goldcoin .modal-halo .modal-body.in {
	-o-animation: flipInX 1.5s ease-in-out;
	animation: flipInX 1.5s ease-in-out;
	-webkit-animation: flipInX 1.5s ease-in-out
}

.goldcoin .modal-halo .modal-body.stand {
	-o-animation: tada 2s infinite ease-in-out;
	animation: tada 2s infinite ease-in-out;
	-webkit-animation: tada 2s infinite ease-in-out
}

.goldcoin .modal-halo .modal-body.out {
	-o-animation: hinge 1s ease-in-out;
	animation: hinge 1s ease-in-out;
	-webkit-animation: hinge 1s ease-in-out
}

.goldcoin .modal-halo .note {
	font-size: .625rem;
	text-align: center;
	color: #fff;
	visibility: hidden;
	padding: 3px 5px;
	width: 60%;
	margin: 15px auto 0;
	border-radius: 6px;
	background: rgba(22,22,22,.64)
}

.goldcoin .modal-halo .note font {
	-o-animation: flash 3s linear infinite;
	animation: flash 3s linear infinite;
	-webkit-animation: flash 3s linear infinite
}

.goldcoin .modal-halo .note.in {
	visibility: visible
}

.goldcoin .modal-halo .note.out {
	-o-animation: fadeOut .6s linear;
	animation: fadeOut .6s linear;
	-webkit-animation: fadeOut .6s linear
}

.goldcoin .modal-halo.in {
	z-index: 1020;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

.goldcoin .modal-halo.out {
	display: none
}

@media screen and (width:414px) {
	.goldcoin .banner {
		height: 45rem
	}

	.goldcoin .banner .banner-title {
		top: 7.25rem
	}

	.goldcoin .banner .banner-countdown {
		top: 21.75rem
	}

	.goldcoin .banner .banner-completed {
		top: 25rem
	}

	.goldcoin .banner .banner-action {
		top: 28rem
	}

	.goldcoin .banner .banner-person {
		top: 32.375rem
	}

	.goldcoin .prizes {
		margin-bottom: -1rem
	}
}

@media screen and (width:360px) {
	.goldcoin .banner {
		height: 39rem
	}

	.goldcoin .banner .banner-title {
		top: 6.25rem
	}

	.goldcoin .banner .banner-countdown {
		top: 19.75rem
	}

	.goldcoin .banner .banner-completed {
		top: 22.5rem
	}

	.goldcoin .banner .banner-action {
		top: 25rem
	}

	.goldcoin .banner .banner-person {
		top: 29rem
	}

	.goldcoin .prizes {
		margin-bottom: -3rem
	}
}

@media screen and (width:320px) {
	.goldcoin .banner {
		height: 34rem
	}

	.goldcoin .banner .banner-title {
		top: 6.25rem
	}

	.goldcoin .banner .banner-countdown {
		top: 16.75rem;
		font-size: .75rem
	}

	.goldcoin .banner .banner-completed {
		top: 20rem
	}

	.goldcoin .banner .banner-action {
		top: 23rem
	}

	.goldcoin .banner .banner-person {
		top: 27rem
	}

	.goldcoin .prizes {
		margin-bottom: -4.7rem
	}

	.goldcoin .prizes .prizes-title {
		height: 1.5625rem;
		line-height: .55rem
	}

	.goldcoin .prizes p.prizes-name b {
		font-size: 1rem
	}

	.goldcoin .modal-join .modal-body {
		padding-top: 6rem
	}
}

.goldcoin-editor {
	color: #686348
}

.goldcoin-editor input[type=number],.goldcoin-editor input[type=number].dashed {
	color: #ffea00;
	width: 3rem;
	height: 2.25rem;
	text-align: center;
	padding: .625rem
}

.goldcoin-editor textarea,.goldcoin-editor textarea.dashed {
	background-color: #eae2b1
}

.goldcoin-editor .main {
	margin-bottom: 0
}

.goldcoin-editor .banner .title textarea {
	color: #fff;
	background: 0 0
}

.goldcoin-editor .banner .banner-timer {
	position: absolute;
	top: 23.75rem;
	color: #fff;
	text-align: center;
	width: 100%
}

.goldcoin-editor .banner .note {
	text-align: center;
	line-height: 1.5rem;
	font-size: .875rem;
	color: rgba(255,255,255,.63)
}

.goldcoin-editor .prizes-info textarea {
	background: 0 0
}

.goldcoin-editor .prizes.editable input {
	height: 1.5rem;
	padding: .3125rem;
	text-align: left;
	color: #b29267
}

.goldcoin-editor .prizes.editable input[type=number] {
	color: #c7747a
}

.goldcoin-editor .prizes.editable input[type=text] {
	width: 15.5rem;
	color: #b7986e
}

.goldcoin-editor .prizes.editable .prizes-content {
	line-height: 1.1875rem
}

.goldcoin-editor .prizes.editable .prizes-title {
	height: 2.5375rem
}

.goldcoin-editor .prizes.editable p {
	font-size: .75rem
}

.goldcoin-editor .prizes.editable p.line {
	padding-top: 5px
}

.goldcoin-editor .prizes.editable p.note {
	font-size: .75rem;
	color: #c18387
}

.goldcoin-editor .card .card-body input.telphone {
	margin-top: .875rem;
	display: block;
	width: 100%;
	height: 2.5rem;
	line-height: 2.5rem;
	background: url(../images/goldcoin/icon-tel-editor.png) .625rem center no-repeat;
	border-radius: .625rem;
	padding-left: 2.5rem;
	-webkit-background-size: auto 60%;
	background-size: auto 60%;
	font-size: 1rem;
	border: 1px dashed #cfccb9;
	color: #88791c
}

.goldcoin-editor .card .card-body p.note {
	font-size: .75rem;
	color: #4a565d
}

.goldcoin-editor .footer .actions {
	position: fixed;
	bottom: 74px
}

.goldcoin-editor .tel .info {
	position: relative;
	z-index: 0
}

.goldcoin-uploader .image-previewer.reverse label,.goldcoin-uploader .uploader.reverse label,.mini-editor-container.goldcoin-uploader .image-previewer.reverse label,.mini-editor-container.goldcoin-uploader .uploader.reverse label {
	border-color: #cfccb9
}

.goldcoin-uploader .image-previewer.reverse label::after,.goldcoin-uploader .image-previewer.reverse label::before,.goldcoin-uploader .uploader.reverse label::after,.goldcoin-uploader .uploader.reverse label::before,.mini-editor-container.goldcoin-uploader .image-previewer.reverse label::after,.mini-editor-container.goldcoin-uploader .image-previewer.reverse label::before,.mini-editor-container.goldcoin-uploader .uploader.reverse label::after,.mini-editor-container.goldcoin-uploader .uploader.reverse label::before {
	background-color: #88791c
}

.goldcoin-uploader .image-previewer.reverse span,.goldcoin-uploader .uploader.reverse span,.mini-editor-container.goldcoin-uploader .image-previewer.reverse span,.mini-editor-container.goldcoin-uploader .uploader.reverse span {
	color: #88791c
}

.goldcoin-uploader a.action,.mini-editor-container.goldcoin-uploader a.action {
	border: 1px dashed #cfccb9;
	color: #88791c
}

.goldcoin-uploader i.icon,.mini-editor-container.goldcoin-uploader i.icon {
	color: #9e9b9b
}

@media screen and (width:414px) {
	.goldcoin-editor .banner .banner-timer {
		top: 25.75rem
	}

	.goldcoin-editor .banner .banner-action {
		top: 29rem
	}

	.goldcoin-editor .prizes {
		margin-bottom: -1rem
	}
}

@media screen and (width:360px) {
	.goldcoin-editor .prizes {
		margin-bottom: -3rem
	}
}

@media screen and (width:320px) {
	.goldcoin-editor .banner .banner-action {
		top: 27rem
	}

	.goldcoin-editor .prizes {
		margin-bottom: -1rem
	}
}

.join-customize-container.goldcoin-join-customize {
	padding: 0 .5rem;
	color: #4a565d
}

.join-customize-container.goldcoin-join-customize input.disabled {
	border-color: #ccc
}

.christmasgift dd,.christmasgift dl,.christmasgift dt,.christmasgift li,.christmasgift ol,.christmasgift ul {
	list-style: none
}

.christmasgift .fl {
	float: left
}

.christmasgift .fr {
	float: right
}

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

.christmasgift header {
	line-height: 2.5rem;
	background-color: #fff;
	font-size: .875rem;
	padding-left: 1.25rem;
	color: #fff
}

.christmasgift header ul li {
	display: inline-block;
	float: left;
	margin-right: .625rem;
	color: #fbb313
}

.christmasgift header ul li span {
	color: #ef2c26
}

.christmasgift header>.menu {
	position: fixed;
	z-index: 9;
	top: .5rem;
	right: .5rem
}

.christmasgift header>.menu>a {
	font-size: .875rem;
	line-height: 2rem;
	display: block;
	width: 2.5rem;
	height: 2.5rem;
	padding: .25rem;
	color: #fff;
	background-color: rgba(0,0,0,.5);
	border-radius: 50%;
	text-align: center
}

.christmasgift header>.menu>a+a {
	margin-top: .5rem
}

.christmasgift header>.menu>a.small {
	font-size: .75rem;
	line-height: 1rem
}

.christmasgift header>.menu>a i.fa {
	font-size: 1.5rem;
	line-height: 1.5
}

.christmasgift header>.menu>a.qrcode {
	width: 2.8rem;
	height: 2.8rem;
	padding: .45rem .2rem;
	font-size: .75rem;
	line-height: 1.3
}

.christmasgift header>.menu>a.qrcode.ani {
	-o-animation: shake-hard 2s ease;
	animation: shake-hard 2s ease;
	-webkit-animation: shake-hard 2s ease
}

.christmasgift .main {
	background-color: #343971;
	background-image: url(../images/christmasgift/bg.jpg);
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: 0 0;
	overflow: hidden
}

.christmasgift .main .main-header {
	margin-bottom: 37.5%;
	overflow: hidden;
	display: block
}

.christmasgift .main .main-header.preview {
	margin-bottom: 46.875%
}

.christmasgift .main .theme-text {
	color: #fff;
	text-align: center;
	font-weight: 700;
	font-size: 1.625rem;
	margin: 11.875% 6.25% 9.375%
}

.christmasgift .main .theme-text textarea {
	resize: none;
	width: 100%;
	height: 9.375rem;
	text-align: center;
	padding: 1.25rem;
	font-size: 1.25rem;
	line-height: 2.5rem;
	background: 0 0;
	color: #fff;
	border: 1px dashed #D1B2B5;
	border-radius: 1.875rem;
	font-weight: 700
}

.christmasgift .main .time-name {
	color: #fff;
	font-size: 1.125rem;
	text-align: center
}

.christmasgift .main .time-name input {
	display: inline-block;
	width: 6.875rem;
	height: 2.5rem;
	line-height: 2.5rem;
	border: 1px dashed #DB928F;
	background: 0 0;
	color: #FEE202;
	border-radius: .625rem;
	font-size: .625rem;
	text-align: center
}

.christmasgift .main .time-name .countdown {
	font-size: 1rem
}

.christmasgift .main .time-name .countdown b:first-of-type {
	color: #FFF900
}

.christmasgift .main .time-name .countdown b:not(:first-of-type) {
	background-color: #E11711;
	color: #FEE001;
	border-radius: .3125rem;
	display: inline-block;
	width: 1.875rem;
	height: 1.875rem;
	line-height: 1.875rem;
	text-align: center;
	margin-left: .1875rem;
	margin-right: .1875rem
}

.christmasgift .main .time-name.preview {
	font-size: .875rem
}

.christmasgift .main .vote-hour {
	color: #fff;
	text-align: center;
	font-size: 1.125rem;
	line-height: 2.5rem;
	padding-top: .625rem
}

.christmasgift .main .vote-hour input {
	display: inline-block;
	width: 2.5rem;
	height: 2.5rem;
	line-height: 2.5rem;
	border: 1px dashed #DB928F;
	background: 0 0;
	color: #FEE202;
	border-radius: .625rem;
	font-size: .625rem;
	text-align: center
}

.christmasgift .main .vote-hour .note {
	color: rgba(255,255,255,.59);
	font-size: .875rem;
	line-height: 1.125rem;
	padding: 2% 8%
}

.christmasgift .main .push-button {
	padding-top: 12.5%;
	overflow: hidden;
	text-align: center
}

.christmasgift .main .push-button button {
	display: inline-block;
	opacity: 1;
	text-align: center;
	background: url(../christmasgift/action_button_bg.png) no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100%;
	width: 76%;
	height: 6.25rem;
	line-height: 6.25rem;
	border: 0;
	color: #e44547;
	font-weight: 700;
	letter-spacing: 6px
}

.christmasgift .main .push-button button:first-of-type {
	margin-left: 10%
}

.christmasgift .main .push-button button:last-of-type {
	margin-right: 10%
}

.christmasgift .main .push-button button.preview {
	line-height: 6.25rem
}

.christmasgift .main .push-button button.weui_btn:after {
	border: none
}

.christmasgift .main .push-button.preview button {
	opacity: .7
}

.christmasgift .main .ladder ul {
	display: block
}

.christmasgift .main .ladder ul li {
	display: block;
	position: relative;
	z-index: 1;
	padding: 35% 0;
	overflow: hidden
}

.christmasgift .main .ladder ul li>button {
	position: absolute;
	z-index: 3;
	right: .9375rem;
	top: .3125rem;
	background: #3b4290;
	border: 0;
	width: 2rem;
	height: 2rem;
	line-height: 1rem;
	color: #fdfdfd;
	font-weight: 700;
	text-align: center;
	border-radius: 50%;
	overflow: hidden;
	opacity: .9
}

.christmasgift .main .ladder ul li .info.got {
	background-image: url(../images/christmasgift/level_get_bg.png)
}

.christmasgift .main .ladder ul li .info {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	padding: 2% 5%;
	background-image: url(../images/christmasgift/level_bg.png);
	-webkit-background-size: 96% auto;
	background-size: 96% auto;
	background-position: center 0;
	background-repeat: no-repeat
}

.christmasgift .main .ladder ul li .info>span {
	display: block;
	width: 100%;
	height: 20%;
	line-height: 241%;
	font-size: 1.125rem;
	letter-spacing: .25rem;
	color: #fff245;
	font-weight: 700;
	overflow: hidden;
	background-position: top center;
	-webkit-background-size: 37% 37%;
	background-size: 37%;
	background-repeat: no-repeat;
	margin-top: 13%;
	text-align: center;
	background-image: url(../images/christmasgift/level_title.png)
}

.christmasgift .main .ladder ul li .info .text {
	font-size: 1.125rem;
	color: #fff;
	padding: 1%;
	text-align: center;
	background: rgba(49,52,83,.43);
	border-radius: 25px;
	margin: 0 auto 3%;
	width: 92%
}

.christmasgift .main .ladder ul li .info .detail {
	height: 100%;
	text-align: center
}

.christmasgift .main .ladder ul li .info .detail h2 {
	height: 1.5rem;
	color: #fff;
	font-size: .75rem
}

.christmasgift .main .ladder ul li .info .detail h2 span {
	font-size: .875rem;
	color: #861310;
	font-weight: 700
}

.christmasgift .main .ladder ul li .info .detail h2 span input {
	width: 3.75rem;
	background: 0 0;
	border: 1px dashed #C8B439;
	border-radius: .625rem;
	text-align: center;
	font-size: 1.125rem;
	color: #E53000
}

.christmasgift .main .ladder ul li .info .detail h2 span.val {
	color: #fdf046
}

.christmasgift .main .ladder ul li .info .detail h2 span.help_value {
	color: #fdf046;
	padding-left: 1%
}

.christmasgift .main .ladder ul li .info .detail h2 span.sock {
	width: 40px;
	height: 22px;
	background: url(../images/christmasgift/level_sock.gif) bottom no-repeat;
	-webkit-background-size: 41% 41%;
	background-size: 41%;
	display: inline-block
}

.christmasgift .main .ladder ul li .info .detail p {
	height: 1.5rem;
	color: #fff;
	font-size: 1rem;
	text-align: left
}

.christmasgift .main .ladder ul li .info .detail p button {
	width: 5rem;
	height: 2rem;
	background: #00d68e;
	border: 0;
	color: #fff;
	font-size: .875rem;
	border-radius: .625rem;
	margin-right: .875rem
}

.christmasgift .main .ladder ul li .info .detail p.line-stock {
	font-size: .75rem;
	margin: 4% 2%
}

.christmasgift .main .ladder>button {
	display: block;
	width: 82%;
	height: 3.75rem;
	text-align: center;
	background: 0 0;
	border: 1px dashed #fff;
	color: #fff;
	margin-left: auto;
	margin-right: auto;
	border-radius: .625rem;
	font-size: 1rem
}

.christmasgift .main .ladder>button span {
	font-size: 1rem;
	display: inline-block;
	width: 1.25rem;
	height: 1.25rem;
	vertical-align: -.1875rem;
	position: relative;
	z-index: 1;
	margin-right: .3125rem
}

.christmasgift .main .ladder>button span::after,.christmasgift .main .ladder>button span::before {
	display: block;
	content: '';
	position: absolute;
	left: 50%;
	top: 50%
}

.christmasgift .main .ladder>button span::before {
	margin-left: -.125rem;
	margin-top: -.625rem;
	width: .25rem;
	height: 1.25rem;
	background-color: #fff
}

.christmasgift .main .ladder>button span::after {
	margin-top: -.125rem;
	margin-left: -.625rem;
	height: .25rem;
	width: 1.25rem;
	background-color: #fff
}

.christmasgift .main .ladder input {
	width: 1.875rem;
	text-align: center;
	font-size: .875rem;
	border: 1px dashed #fff;
	background: 0 0;
	color: #d7ddea;
	height: 1.875rem;
	border-radius: .3125rem
}

.christmasgift .main .ladder .line-text {
	text-align: center;
	padding: 2% 5%
}

.christmasgift .main .ladder .line-text input {
	width: 18.75rem
}

.christmasgift .main .ladder .line-price,.christmasgift .main .ladder .line-stock {
	padding: 1% 2%
}

.christmasgift .main .ladder .line-price font {
	padding-right: 3px
}

.christmasgift .main .prize.join-customize .info {
	color: #fff
}

.christmasgift .main .prize,.christmasgift .main .ranking-list {
	padding: 1.25rem
}

.christmasgift .main .prize h2,.christmasgift .main .prize h6,.christmasgift .main .ranking-list h2,.christmasgift .main .ranking-list h6 {
	display: block;
	width: 50%;
	height: 2.5rem;
	line-height: 1.875rem;
	border-top-left-radius: .3125rem;
	border-top-right-radius: .3125rem;
	background: url(../images/christmasgift/block_bg.jpg) bottom no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100%;
	text-align: center;
	font-size: 1.25rem;
	color: #fff245;
	font-weight: 700;
	letter-spacing: .375rem;
	text-shadow: 1px 0 0 #282d5d;
	position: relative
}

.christmasgift .main .prize h2 input,.christmasgift .main .prize h6 input,.christmasgift .main .ranking-list h2 input,.christmasgift .main .ranking-list h6 input {
	width: 7.5rem;
	height: 1rem;
	border: 1px dashed #fff;
	text-align: center;
	padding: .875rem 0;
	color: inherit;
	background: 0 0
}

.christmasgift .main .prize h2 .tiper,.christmasgift .main .prize h6 .tiper,.christmasgift .main .ranking-list h2 .tiper,.christmasgift .main .ranking-list h6 .tiper {
	position: absolute;
	top: 0;
	left: 81%;
	width: 13rem;
	color: #c0c0bd;
	font-size: .625rem;
	letter-spacing: 0
}

.christmasgift .main .prize h2 .tiper i,.christmasgift .main .prize h6 .tiper i,.christmasgift .main .ranking-list h2 .tiper i,.christmasgift .main .ranking-list h6 .tiper i {
	padding-right: .375rem
}

.christmasgift .main .prize .card-body,.christmasgift .main .prize .info,.christmasgift .main .ranking-list .card-body,.christmasgift .main .ranking-list .info {
	margin-top: -.625rem;
	background-color: #282d5d;
	border-radius: .3125rem;
	padding: .625rem;
	word-break: break-all
}

.christmasgift .main .prize .card-body summary,.christmasgift .main .prize .info summary,.christmasgift .main .ranking-list .card-body summary,.christmasgift .main .ranking-list .info summary {
	color: #fff
}

.christmasgift .main .prize .card-body textarea,.christmasgift .main .prize .info textarea,.christmasgift .main .ranking-list .card-body textarea,.christmasgift .main .ranking-list .info textarea {
	display: block;
	width: 100%;
	min-height: 7.5rem;
	background: 0 0;
	resize: none;
	border: 1px dashed #fff;
	color: #fff;
	padding: .625rem;
	border-radius: .3125rem
}

.christmasgift .main .prize .card-body input.telphone,.christmasgift .main .prize .info input.telphone,.christmasgift .main .ranking-list .card-body input.telphone,.christmasgift .main .ranking-list .info input.telphone {
	display: block;
	width: 100%;
	height: 2.5rem;
	line-height: 2.5rem;
	background: url(../images/christmasgift/icon-tel.png) .625rem center no-repeat;
	border: 1px dashed #fff;
	border-radius: .625rem;
	padding-left: 2.5rem;
	-webkit-background-size: auto 60%;
	background-size: auto 60%;
	color: #fff;
	font-size: 1rem
}

.christmasgift .main .prize .card-body p,.christmasgift .main .prize .info p,.christmasgift .main .ranking-list .card-body p,.christmasgift .main .ranking-list .info p {
	margin-top: .625rem;
	color: #fff;
	line-height: 1.25rem
}

.christmasgift .main .prize .card-body .upload,.christmasgift .main .prize .info .upload,.christmasgift .main .ranking-list .card-body .upload,.christmasgift .main .ranking-list .info .upload {
	display: block;
	width: 100%;
	height: 3.125rem;
	line-height: 3.125rem;
	margin-top: 1rem;
	text-align: center;
	background: 0 0;
	border: 1px dashed #fff;
	color: #fff;
	margin-left: auto;
	margin-right: auto;
	border-radius: .625rem;
	position: relative;
	z-index: 1;
	font-size: .8125rem
}

.christmasgift .main .prize .card-body .upload span,.christmasgift .main .prize .info .upload span,.christmasgift .main .ranking-list .card-body .upload span,.christmasgift .main .ranking-list .info .upload span {
	display: inline-block;
	width: 1.25rem;
	height: 1.25rem;
	vertical-align: -.1875rem;
	position: relative;
	z-index: 1;
	margin-right: .3125rem;
	background: #EE9B00
}

.christmasgift .main .prize .card-body .upload span::after,.christmasgift .main .prize .card-body .upload span::before,.christmasgift .main .prize .info .upload span::after,.christmasgift .main .prize .info .upload span::before,.christmasgift .main .ranking-list .card-body .upload span::after,.christmasgift .main .ranking-list .card-body .upload span::before,.christmasgift .main .ranking-list .info .upload span::after,.christmasgift .main .ranking-list .info .upload span::before {
	display: block;
	content: '';
	position: absolute;
	left: 50%;
	top: 50%
}

.christmasgift .main .prize .card-body .upload span::before,.christmasgift .main .prize .info .upload span::before,.christmasgift .main .ranking-list .card-body .upload span::before,.christmasgift .main .ranking-list .info .upload span::before {
	margin-left: -.125rem;
	margin-top: -.625rem;
	width: .25rem;
	height: 1.25rem;
	background-color: #fff
}

.christmasgift .main .prize .card-body .upload span::after,.christmasgift .main .prize .info .upload span::after,.christmasgift .main .ranking-list .card-body .upload span::after,.christmasgift .main .ranking-list .info .upload span::after {
	margin-top: -.125rem;
	margin-left: -.625rem;
	height: .25rem;
	width: 1.25rem;
	background-color: #fff
}

.christmasgift .main .prize .card-body .upload input[type=file],.christmasgift .main .prize .info .upload input[type=file],.christmasgift .main .ranking-list .card-body .upload input[type=file],.christmasgift .main .ranking-list .info .upload input[type=file] {
	position: absolute;
	opacity: 0;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0
}

.christmasgift .main .prize table,.christmasgift .main .ranking-list table {
	width: 100%;
	text-align: center
}

.christmasgift .main .prize table thead th,.christmasgift .main .ranking-list table thead th {
	color: #f1ee1a;
	height: 2.5rem;
	font-size: .875rem
}

.christmasgift .main .prize table tbody td,.christmasgift .main .ranking-list table tbody td {
	color: #fff;
	font-size: .75rem
}

.christmasgift .main .prize .waterfall-flow-loader,.christmasgift .main .ranking-list .waterfall-flow-loader {
	color: #fff
}

.christmasgift .main .tel {
	font-size: .875rem;
	background-color: #FFEA00;
	color: #EB300F
}

.christmasgift .main .tel span {
	font-size: 1rem
}

.christmasgift .main .tel a {
	display: block;
	width: 6.25rem;
	height: 2.5rem;
	line-height: 2.5rem;
	border-radius: .375rem;
	background-color: #E91813;
	color: #FBEB02;
	text-align: center;
	text-indent: 1.5625rem;
	background-image: url(../images/christmasgift/icon-tel2.png);
	-webkit-background-size: 20% auto;
	background-size: 20% auto;
	background-position: 15% center;
	background-repeat: no-repeat
}

.christmasgift .main .tel.preview {
	height: 2.5rem;
	line-height: 2.5rem;
	padding: .625rem .625rem 3.125rem
}

.christmasgift .main .intro .info textarea {
	margin-bottom: 1rem
}

.christmasgift .main .intro .info .uploader-container img {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto
}

.christmasgift .main .intro .info .uploader-container .uploader.reverse>label {
	min-height: 3.125rem;
	margin-top: 1rem;
	border-radius: .625rem
}

.christmasgift .main .intro .info .uploader-container .uploader.reverse>label::after,.christmasgift .main .intro .info .uploader-container .uploader.reverse>label::before {
	left: 25%
}

.christmasgift .main .intro .info .uploader-container .uploader.reverse>label::before {
	width: .25rem;
	height: 1.25rem
}

.christmasgift .main .intro .info .uploader-container .uploader.reverse>label::after {
	height: .25rem;
	width: 1.25rem
}

.christmasgift .main .intro .info .uploader-container .uploader.reverse>label span {
	font-size: .8125rem;
	text-indent: 1.25rem;
	padding-left: 0;
	padding-right: 0
}

.christmasgift footer {
	height: 3.75rem;
	background-color: #fff
}

.christmasgift footer .content {
	position: fixed;
	z-index: 1011;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: #fff;
	width: 100%;
	hheight: 3.75rem;
	padding: .625rem 1.25rem
}

.christmasgift footer .content button {
	width: 45%;
	height: 2.5rem;
	text-align: center;
	font-size: 1rem;
	border-radius: .3125rem
}

.christmasgift footer .content button:first-of-type {
	background: #f7f7f7;
	border: 1px solid #D2D2D2
}

.christmasgift footer .content button:last-of-type {
	background: #EC231B;
	color: #fff;
	border: 1px solid #CE322C
}

.christmasgift .footer-layer {
	background: url(../images/christmasgift/footer_bg.jpg) top no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	width: 100%;
	height: 2.5rem;
	padding-bottom: 9.875rem;
	display: -webkit-box;
	opacity: .8
}

.christmasgift-editor .footer-layer {
	padding-bottom: 4.375rem
}

@media screen and (max-width:375px) {
	.christmasgift .main .push-button button {
		height: 5rem;
		line-height: 5rem
	}
}

@media screen and (width:320px) {
	.christmasgift .main .time-name,.christmasgift .main .vote-hour {
		font-size: .75rem
	}

	.christmasgift .main .vote-hour {
		height: auto
	}

	.christmasgift .main .theme-text {
		margin: 12.5% 7.5% 2.25%
	}

	.christmasgift .main .main-header {
		margin-bottom: 25%;
		overflow: hidden;
		display: block
	}

	.christmasgift .main .main-header.preview {
		margin-bottom: 36.25%
	}

	.christmasgift .main .ladder .line-text {
		padding: 1% 0
	}

	.christmasgift .main .ladder .line-text input {
		width: 80%
	}
}

.join-customize-container.christmasgift-join-customize {
	padding: 0 .5rem
}

.join-customize-container.christmasgift-join-customize .note {
	color: #fff
}

.join-customize-container.christmasgift-join-customize input {
	color: #fff;
	border: 1px dashed #fff
}

.join-customize-container.christmasgift-join-customize input.disabled {
	border-color: #ccc
}

.join-customize-container.christmasgift-join-customize .weui_cells_checkbox .weui_check:checked+.weui_icon_checked:before {
	color: #d9d9d9
}

.christmasgift-index .main .main-header {
	margin-bottom: 65.625%
}

.christmasgift-index .main .main-header.joiner {
	margin-bottom: 50%
}

.christmasgift-index .main .main-header.complete {
	margin-bottom: 31.25%
}

.christmasgift-index .main .theme-text {
	margin: 12.5% 7.5% 11.25%
}

.christmasgift-index .main .push-button {
	padding-top: 6.25%
}

.christmasgift-index .main .push-button.got {
	padding-top: 0
}

.christmasgift-index .main .tel {
	background: 0 0
}

.christmasgift-index .main .shake {
	position: absolute;
	top: 30px;
	left: 12%;
	width: 79px;
	height: 77px;
	-webkit-background-size: 84% auto;
	background-size: 84% auto;
	background-image: url(../images/christmasgift/header_shade.png);
	background-repeat: no-repeat;
	background-position: center center;
	-o-animation: shake-leftright 2.5s infinite ease-in-out;
	animation: shake-leftright 2.5s infinite ease-in-out;
	-webkit-animation: shake-leftright 2.5s infinite ease-in-out
}

.christmasgift-index .main .shake2 {
	left: 50%;
	-o-animation: shake-leftright 3.5s infinite ease-in-out;
	animation: shake-leftright 3.5s infinite ease-in-out;
	-webkit-animation: shake-leftright 3.5s infinite ease-in-out
}

.christmasgift-index .main .ladder ul li .info .detail h2 b {
	background: 0 0;
	text-align: center;
	font-size: 1.125rem;
	color: #E53000
}

.christmasgift-index .main .ladder ul li .info .detail h2 i {
	font-style: normal;
	font-size: .75rem
}

.christmasgift-index .main .ladder ul li .info .detail h2 span.val {
	padding-right: 6%
}

.christmasgift-index .main .ladder ul li .info .detail>p {
	line-height: 2.25rem;
	font-size: .75rem
}

.christmasgift-index .main .ladder ul li .info .detail>p span:first-of-type {
	vertical-align: -.125rem
}

.christmasgift-index .main .ladder ul li .info .detail>p>button {
	width: 4rem;
	line-height: 2rem;
	position: relative
}

.christmasgift-index .main .ladder ul li .info .detail>p>button span {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: .625rem;
	background-color: #fff245;
	position: absolute;
	left: 0;
	top: 0;
	background-image: url(../images/christmasgift/icon-get.png);
	-webkit-background-size: 1.875rem auto;
	background-size: 1.875rem auto;
	background-repeat: no-repeat;
	background-position: center center
}

.christmasgift-index .main .ladder ul li .info .detail .level-process {
	display: inline-block;
	width: 6.25rem;
	height: 1.125rem;
	background-color: #757bc2;
	border-radius: 1rem;
	position: relative;
	border: 2px solid #fadb1f;
	z-index: 1;
	margin-left: 1.25rem
}

.christmasgift-index .main .ladder ul li .info .detail .level-process i {
	display: block;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	border-radius: 1rem;
	background-image: url(../images/christmasgift/icon-process.png);
	-webkit-background-size: auto 100%;
	background-size: auto 100%;
	background-position: 0 0;
	background-repeat: repeat-x
}

.christmasgift-index .intro .info p {
	margin-bottom: 1rem
}

.christmasgift-index .intro .info p img {
	display: block;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto
}

.christmasgift-index .intro .info p:last-of-type {
	margin-bottom: .5rem
}

.christmasgift-index .rule-box {
	margin-bottom: 5rem
}

.christmasgift-index .tel {
	height: auto;
	background: 0 0
}

.christmasgift-index .tel .info {
	position: fixed;
	z-index: 99;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	line-height: 2.5rem;
	background-color: #ffea01;
	color: #e91813;
	font-size: .875rem;
	padding: .625rem
}

.christmasgift-index .tel .info span {
	font-size: 1rem
}

.christmasgift-index .tel .info span>a {
	display: inline;
	background: 0 0;
	color: #EB300F;
	text-indent: 0
}

.christmasgift-index .tel .info>a {
	display: block;
	width: 6.25rem;
	height: 2.5rem;
	line-height: 2.5rem;
	border-radius: .375rem;
	background-color: #e91813;
	color: #fcea00;
	text-align: center;
	text-indent: 1.5625rem;
	background-image: url(../images/christmasgift/icon-tel2.png);
	-webkit-background-size: 20% auto;
	background-size: 20% auto;
	background-position: 15% center;
	background-repeat: no-repeat
}

.christmasgift-index .tel .info .action-bar {
	display: none
}

.christmasgift-index .tel .info .reminder {
	height: 1.875rem;
	line-height: 1.875rem;
	background-color: rgba(0,0,0,.7);
	position: relative;
	margin: .625rem -.625rem -.625rem
}

.christmasgift-index .tel .info .reminder a {
	display: inline-block;
	width: auto;
	line-height: 1.875rem;
	color: #fff;
	background: 0 0
}

.christmasgift-index .tel .info .reminder i {
	color: #fff;
	font-style: normal
}

.christmasgift-index .tel .info .reminder strong {
	color: #ffdc00
}

.christmasgift-index .tel .info .reminder .reminder-close {
	font-size: 1.5rem;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	display: block;
	min-width: 2.5rem;
	color: #fff;
	text-align: center;
	cursor: pointer
}

.christmasgift-index .modal-close {
	color: #333
}

.christmasgift-index fieldset {
	border: 0
}

.christmasgift-index fieldset label {
	font-size: 1.5rem;
	padding-top: .3125rem;
	padding-right: 0;
	color: #333
}

.christmasgift-index fieldset span {
	color: #827e7e;
	font-size: .875rem;
	text-align: center;
	display: block
}

.christmasgift-index .modal-body input {
	font-size: 1rem;
	width: 100%;
	padding: .6875rem 1rem;
	border: .0625rem solid #da0042;
	border-radius: .3125rem
}

.christmasgift-index .modal-footer button.double-primary {
	background-color: #D41F1A;
	color: #fff
}

.christmasgift-index .modal-vote {
	position: fixed;
	top: 35%;
	left: 24%;
	width: 220px;
	height: 200px;
	display: none;
	z-index: 1
}

.christmasgift-index .modal-vote .sock {
	background-image: url(../images/christmasgift/sock.png);
	background-position: top center;
	-webkit-background-size: 53% auto;
	background-size: 53% auto;
	background-repeat: no-repeat;
	width: 100%;
	height: 80%
}

.christmasgift-index .modal-vote .sock.in {
	-o-animation: zoomInDown 1s linear;
	animation: zoomInDown 1s linear;
	-webkit-animation: zoomInDown 1s linear
}

.christmasgift-index .modal-vote .sock.stand {
	-o-animation: tada 2s infinite ease-in-out;
	animation: tada 2s infinite ease-in-out;
	-webkit-animation: tada 2s infinite ease-in-out
}

.christmasgift-index .modal-vote .sock.out {
	-o-animation: rollOut 1s linear;
	animation: rollOut 1s linear;
	-webkit-animation: rollOut 1s linear
}

.christmasgift-index .modal-vote .note {
	font-size: .625rem;
	text-align: center;
	color: #fff;
	display: none;
	padding: 3px 5px;
	margin-top: 15px;
	border-radius: 6px;
	background: rgba(22,22,22,.64)
}

.christmasgift-index .modal-vote .note.in,.christmasgift-index .modal-vote.in {
	display: block
}

.christmasgift-index .modal-vote .note font {
	-o-animation: flash 3s linear infinite;
	animation: flash 3s linear infinite;
	-webkit-animation: flash 3s linear infinite
}

.christmasgift-index .modal-vote .note.out {
	-o-animation: fadeOut .6s linear;
	animation: fadeOut .6s linear;
	-webkit-animation: fadeOut .6s linear
}

.christmasgift-index .modal-vote.out {
	display: none
}

.christmasgift-index .sharer .weui_btn_primary {
	background-color: #D41F1A
}

.christmasgift-index .completed-list {
	height: 1.875rem;
	line-height: 1.875rem;
	color: #fff;
	text-align: center;
	width: 93%;
	margin: 1.25rem auto 0;
	display: block
}

.christmasgift-index .completed-list li {
	display: block;
	width: 100%;
	font-size: .75rem
}

.christmasgift-index .completed-list li b,.christmasgift-index .completed-list li span {
	color: #FFEA00
}

.christmasgift-index .myhelp {
	padding: 20px 40px;
	line-height: 2.25rem;
	color: #fff
}

.christmasgift-index .myhelp span:first-of-type,.christmasgift-index .myhelp span:last-of-type {
	font-size: 1rem
}

.christmasgift-index .myhelp span:last-of-type b {
	color: #FEE001;
	font-weight: 400;
	font-size: 1.5rem;
	padding-left: .3125rem;
	padding-right: .3125rem
}

.christmasgift-index .myhelp p {
	color: #fff;
	background: rgba(176,2,1,.84);
	border-radius: 10px;
	opacity: .8;
	text-align: center;
	font-size: .875rem;
	margin-left: -1.25rem;
	margin-right: -1.25rem;
	clear: both;
	margin-bottom: 0;
	color: rgba(255,247,247,.8)
}

.christmasgift-index.sample .tel {
	height: 4.75rem
}

.christmasgift-index.sample .tel .info {
	padding-left: 0;
	padding-right: 0;
	text-indent: .625rem
}

.christmasgift-index.sample .tel .info>span {
	text-indent: 0
}

.christmasgift-index.sample .tel .info>a {
	text-indent: 1.5625rem;
	margin-right: .625rem
}

.christmasgift-index.sample .tel .info .reminder {
	display: none
}

.christmasgift-index.sample .tel .info .action-bar {
	display: block;
	width: 100%;
	background-color: #04be02;
	margin-bottom: -.625rem;
	text-indent: 0
}

.christmasgift-index.sample .tel .info .action-bar a {
	display: block;
	width: 100%;
	background: #04be02;
	color: #fff;
	text-indent: 0;
	margin-bottom: -.625rem;
	margin-top: .625rem;
	margin-right: -.625rem
}

@media screen and (max-width:414px) {
	.christmasgift-index .modal-vote {
		left: 20%
	}
}

@media screen and (width:320px) {
	.christmasgift-index .main .main-header {
		margin-bottom: 62.5%
	}

	.christmasgift-index .main .main-header.joiner {
		margin-bottom: 43.75%
	}

	.christmasgift-index .main .main-header.complete {
		margin-bottom: 34.375%
	}

	.christmasgift-index .main .push-button button {
		line-height: 4.5rem;
		height: 4rem
	}

	.christmasgift-index .main .myhelp.complete {
		padding: 0 40px
	}

	.christmasgift-index .main .ladder ul li .info .detail h2 span.val {
		padding-right: 0
	}
}

.ingots dd,.ingots dl,.ingots dt,.ingots li,.ingots ol,.ingots ul {
	list-style: none
}

.ingots .fl {
	float: left
}

.ingots .fr {
	float: right
}

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

.ingots header {
	line-height: 2.5rem;
	background-color: #8629a5;
	font-size: .875rem;
	padding-left: 1.25rem;
	color: #ffaa9c
}

.ingots header ul li {
	display: inline-block;
	float: left;
	margin-right: .625rem;
	color: #ffaa9c
}

.ingots header ul li span {
	color: #ffaa9c
}

.ingots header>.menu {
	position: fixed;
	z-index: 9;
	top: .5rem;
	right: .5rem
}

.ingots header>.menu>a {
	font-size: .875rem;
	line-height: 2rem;
	display: block;
	width: 2.5rem;
	height: 2.5rem;
	padding: .25rem;
	color: #fff;
	background-color: rgba(0,0,0,.5);
	border-radius: 50%;
	text-align: center
}

.ingots header>.menu>a+a {
	margin-top: .5rem
}

.ingots header>.menu>a.small {
	font-size: .75rem;
	line-height: 1rem
}

.ingots header>.menu>a i.fa {
	font-size: 1.5rem;
	line-height: 1.5
}

.ingots header>.menu>a.qrcode {
	width: 2.8rem;
	height: 2.8rem;
	padding: .45rem .2rem;
	font-size: .75rem;
	line-height: 1.3
}

.ingots header>.menu>a.qrcode.ani {
	-o-animation: shake-hard 2s ease;
	animation: shake-hard 2s ease;
	-webkit-animation: shake-hard 2s ease
}

.ingots .main {
	background-color: #4a2779;
	background-image: url(../images/ingots/bg.jpg);
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: 0 0;
	overflow: hidden;
	margin-bottom: 4rem
}

.ingots .main input,.ingots .main textarea {
	border: 1px dashed #DB928F;
	background: 0 0
}

.ingots .main .main-header {
	margin-bottom: 20.5%;
	overflow: hidden;
	display: block
}

.ingots .main .main-header.preview {
	margin-bottom: 63%
}

.ingots .main .theme-text {
	color: #fffc00;
	text-align: center;
	font-weight: 700;
	font-size: 1.6rem;
	margin: 20.75% 6.25% 9.375%
}

.ingots .main .theme-text textarea {
	resize: none;
	width: 100%;
	height: 9.375rem;
	text-align: center;
	padding: 1.25rem;
	font-size: 1.25rem;
	line-height: 2.5rem;
	background: 0 0;
	color: #fffc00;
	border: 1px dashed #D1B2B5;
	border-radius: 1.875rem;
	font-weight: 700
}

.ingots .main .time-name {
	color: #fff;
	font-size: 1.125rem;
	text-align: center
}

.ingots .main .time-name input {
	display: inline-block;
	width: 6.875rem;
	height: 2.5rem;
	line-height: 2.5rem;
	color: #FEE202;
	border-radius: .625rem;
	font-size: .625rem;
	text-align: center
}

.ingots .main .time-name .countdown {
	font-size: 1rem
}

.ingots .main .time-name .countdown b:first-of-type {
	color: #FFF900;
	margin-left: .1875rem;
	margin-right: .1875rem
}

.ingots .main .time-name .countdown b:not(:first-of-type) {
	background-color: #701A99;
	color: #fffc00;
	border-radius: .3125rem;
	display: inline-block;
	width: 1.875rem;
	height: 1.875rem;
	line-height: 1.875rem;
	text-align: center;
	margin-left: .1875rem;
	margin-right: .1875rem
}

.ingots .main .time-name.preview {
	font-size: .875rem
}

.ingots .main .vote-hour {
	color: #fff;
	text-align: center;
	font-size: 1.125rem;
	line-height: 2.5rem;
	padding-top: .625rem
}

.ingots .main .vote-hour input {
	display: inline-block;
	width: 2.5rem;
	height: 2.5rem;
	line-height: 2.5rem;
	background: 0 0;
	color: #FEE202;
	border-radius: .625rem;
	font-size: .625rem;
	text-align: center
}

.ingots .main .vote-hour .note {
	color: rgba(255,255,255,.59);
	font-size: .875rem;
	line-height: 1.125rem;
	padding: 2% 8%
}

.ingots .main .push-button {
	padding-top: 6.25%;
	overflow: hidden
}

.ingots .main .push-button button {
	display: inline-block;
	opacity: 1;
	width: 80%;
	height: 3.125rem;
	text-align: center;
	background: #36a3ff;
	border: 1px solid #0778ff;
	border-radius: .625rem;
	border-bottom: .3125rem solid #0072ff;
	color: #fff
}

.ingots .main .push-button button:first-of-type {
	margin-left: 10%
}

.ingots .main .push-button button:last-of-type {
	margin-right: 10%
}

.ingots .main .push-button.preview button {
	opacity: .7
}

.ingots .main .ladder ul {
	display: block
}

.ingots .main .ladder ul li {
	display: block;
	position: relative;
	z-index: 1;
	padding: 35% 0;
	overflow: hidden
}

.ingots .main .ladder ul li>button {
	position: absolute;
	z-index: 3;
	right: .9375rem;
	top: .3125rem;
	background: #4a2779;
	border: 0;
	width: 2rem;
	height: 2rem;
	line-height: 1rem;
	color: #fdfdfd;
	font-weight: 700;
	text-align: center;
	border-radius: 50%;
	overflow: hidden;
	opacity: .9
}

.ingots .main .ladder ul li .info.got {
	background-image: url(../images/ingots/level_get_bg.jpg)
}

.ingots .main .ladder ul li .info.got * {
	opacity: .8
}

.ingots .main .ladder ul li .info.got .text {
	background: 0 0
}

.ingots .main .ladder ul li .info.got>span {
	line-height: inherit
}

.ingots .main .ladder ul li .info {
	position: absolute;
	left: 3%;
	top: 0;
	z-index: 2;
	width: 94%;
	height: 100%;
	padding: 2% 3%;
	background-image: url(../images/ingots/level_bg.jpg);
	-webkit-background-size: 96% auto;
	background-size: 96% auto;
	background-position: center 0;
	background-repeat: no-repeat
}

.ingots .main .ladder ul li .info>span {
	display: block;
	width: 100%;
	height: 4rem;
	font-size: 1.425rem;
	letter-spacing: .25rem;
	color: #9f4011;
	font-weight: 700;
	overflow: hidden;
	text-align: center;
	text-indent: 3rem
}

.ingots .main .ladder ul li .info .text {
	font-size: 1.125rem;
	color: #f42e00;
	padding: 1%;
	text-align: center;
	background: rgba(235,232,198,.63);
	border-radius: 25px;
	margin: 0 auto 3%;
	width: 92%
}

.ingots .main .ladder ul li .info .detail {
	height: 100%;
	text-align: center
}

.ingots .main .ladder ul li .info .detail h2 {
	height: 1.5rem;
	color: #775f59;
	font-size: .75rem
}

.ingots .main .ladder ul li .info .detail h2 span {
	font-size: .875rem;
	color: #f42e00;
	font-weight: 700
}

.ingots .main .ladder ul li .info .detail h2 span input {
	width: 3.75rem;
	background: 0 0;
	border: 1px dashed #C8B439;
	border-radius: .625rem;
	text-align: center;
	font-size: 1.125rem;
	color: #E53000
}

.ingots .main .ladder ul li .info .detail h2 span.val {
	color: #f42e00
}

.ingots .main .ladder ul li .info .detail h2 span.help_value {
	color: #f42e00;
	padding-left: 1%
}

.ingots .main .ladder ul li .info .detail h2 span.sock {
	width: 40px;
	height: 22px;
	background: url(../images/ingots/level_sock.gif) bottom no-repeat;
	-webkit-background-size: 66% 66%;
	background-size: 66%;
	display: inline-block
}

.ingots .main .ladder ul li .info .detail p {
	height: 1.5rem;
	color: #775f59;
	font-size: 1rem;
	text-align: left
}

.ingots .main .ladder ul li .info .detail p button {
	width: 5rem;
	height: 2rem;
	background: #fff000;
	border: 0;
	color: #ff5a00;
	font-size: .875rem;
	border-radius: .375rem;
	margin-right: .875rem;
	border-bottom: 2px solid #ffd800
}

.ingots .main .ladder ul li .info .detail p b {
	color: #f42e00
}

.ingots .main .ladder ul li .info .detail p.line-stock {
	font-size: .75rem;
	margin: 4% 2%
}

.ingots .main .ladder>button {
	display: block;
	width: 82%;
	height: 3.75rem;
	text-align: center;
	background: 0 0;
	border: 1px dashed #8c5ace;
	color: #fff;
	margin-left: auto;
	margin-right: auto;
	border-radius: .625rem;
	font-size: 1rem
}

.ingots .main .ladder>button span {
	font-size: 1rem;
	display: inline-block;
	width: 1.25rem;
	height: 1.25rem;
	vertical-align: -.1875rem;
	position: relative;
	z-index: 1;
	margin-right: .3125rem
}

.ingots .main .ladder>button span::after,.ingots .main .ladder>button span::before {
	display: block;
	content: '';
	position: absolute;
	left: 50%;
	top: 50%
}

.ingots .main .ladder>button span::before {
	margin-left: -.125rem;
	margin-top: -.625rem;
	width: .25rem;
	height: 1.25rem;
	background-color: #fff
}

.ingots .main .ladder>button span::after {
	margin-top: -.125rem;
	margin-left: -.625rem;
	height: .25rem;
	width: 1.25rem;
	background-color: #fff
}

.ingots .main .ladder input {
	width: 1.875rem;
	text-align: center;
	font-size: .875rem;
	border: 1px dashed #8c5ace;
	background: 0 0;
	color: #f42e00;
	height: 1.875rem;
	border-radius: .3125rem
}

.ingots .main .ladder .line-text {
	text-align: center;
	padding: 2% 5%
}

.ingots .main .ladder .line-text input {
	width: 80%
}

.ingots .main .ladder .line-price,.ingots .main .ladder .line-stock {
	padding: 1% 2%
}

.ingots .main .ladder .line-price font {
	padding-right: 3px
}

.ingots .main .prize,.ingots .main .ranking-list {
	padding: 1.25rem;
	position: relative
}

.ingots .main .prize h2,.ingots .main .prize h6,.ingots .main .ranking-list h2,.ingots .main .ranking-list h6 {
	display: block;
	width: 30%;
	height: 3.5rem;
	line-height: 3rem;
	background: url(../images/ingots/block_bg.png) left top no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100%;
	text-align: center;
	font-size: 1rem;
	color: #4a2779;
	font-weight: 700;
	letter-spacing: .1rem;
	position: absolute;
	top: 2rem;
	left: .95rem
}

.ingots .main .prize h2 input,.ingots .main .prize h6 input,.ingots .main .ranking-list h2 input,.ingots .main .ranking-list h6 input {
	width: 6rem;
	height: 2rem;
	text-align: center;
	color: #4a2779
}

.ingots .main .prize .editable-tip,.ingots .main .ranking-list .editable-tip {
	position: absolute;
	top: 2.6rem;
	left: 8.75rem;
	color: rgba(255,255,255,.59);
	font-size: .875rem
}

.ingots .main .prize .editable-tip i,.ingots .main .ranking-list .editable-tip i {
	padding-right: .375rem
}

.ingots .main .prize h6.ranking-title,.ingots .main .ranking-list h6.ranking-title {
	background: url(../images/ingots/ranking_title_bg.png) center top no-repeat;
	-webkit-background-size: 40% 40%;
	background-size: 40%;
	width: 90%;
	height: 3.5rem;
	line-height: 2.5rem;
	top: 0
}

.ingots .main .prize .info.edit,.ingots .main .ranking-list .info.edit {
	padding-top: 4.5rem
}

.ingots .main .prize .info.edit .line-tip,.ingots .main .ranking-list .info.edit .line-tip {
	font-size: .625rem
}

.ingots .main .prize .info.edit-summary,.ingots .main .ranking-list .info.edit-summary {
	padding-top: 4rem
}

.ingots .main .prize .card-body,.ingots .main .prize .info,.ingots .main .ranking-list .card-body,.ingots .main .ranking-list .info {
	margin-top: -.625rem;
	background-color: #6639a2;
	padding: .425rem;
	border-radius: 1rem;
	border: 4px solid #542b8b;
	word-break: break-all
}

.ingots .main .prize .card-body summary,.ingots .main .prize .info summary,.ingots .main .ranking-list .card-body summary,.ingots .main .ranking-list .info summary {
	color: #fff;
	border: 1px solid #603599;
	border-radius: 1rem;
	padding: 4rem .8rem .8rem;
	background: #7845bc
}

.ingots .main .prize .card-body summary.ranking-summary,.ingots .main .prize .info summary.ranking-summary,.ingots .main .ranking-list .card-body summary.ranking-summary,.ingots .main .ranking-list .info summary.ranking-summary {
	padding-top: 2rem
}

.ingots .main .prize .card-body textarea,.ingots .main .prize .info textarea,.ingots .main .ranking-list .card-body textarea,.ingots .main .ranking-list .info textarea {
	display: block;
	width: 100%;
	min-height: 7.5rem;
	background: 0 0;
	resize: none;
	border: 1px dashed #8c5ace;
	color: #fff;
	padding: .625rem;
	border-radius: .3125rem
}

.ingots .main .prize .card-body input.telphone,.ingots .main .prize .info input.telphone,.ingots .main .ranking-list .card-body input.telphone,.ingots .main .ranking-list .info input.telphone {
	display: block;
	width: 100%;
	height: 2.5rem;
	line-height: 2.5rem;
	background: url(../images/ingots/icon-tel.png) .625rem center no-repeat;
	border: 1px dashed #8c5ace;
	border-radius: .625rem;
	padding-left: 2.5rem;
	-webkit-background-size: auto 60%;
	background-size: auto 60%;
	color: #fff;
	font-size: 1rem
}

.ingots .main .prize .card-body p,.ingots .main .prize .info p,.ingots .main .ranking-list .card-body p,.ingots .main .ranking-list .info p {
	margin-top: .625rem;
	color: #fff;
	line-height: 1.25rem
}

.ingots .main .prize .card-body .upload,.ingots .main .prize .info .upload,.ingots .main .ranking-list .card-body .upload,.ingots .main .ranking-list .info .upload {
	display: block;
	width: 100%;
	height: 3.125rem;
	line-height: 3.125rem;
	margin-top: 1rem;
	text-align: center;
	background: 0 0;
	border: 1px dashed #8c5ace;
	color: #fff;
	margin-left: auto;
	margin-right: auto;
	border-radius: .625rem;
	position: relative;
	z-index: 1;
	font-size: .8125rem
}

.ingots .main .prize .card-body .upload span,.ingots .main .prize .info .upload span,.ingots .main .ranking-list .card-body .upload span,.ingots .main .ranking-list .info .upload span {
	display: inline-block;
	width: 1.25rem;
	height: 1.25rem;
	vertical-align: -.1875rem;
	position: relative;
	z-index: 1;
	margin-right: .3125rem;
	background: #EE9B00
}

.ingots .main .prize .card-body .upload span::after,.ingots .main .prize .card-body .upload span::before,.ingots .main .prize .info .upload span::after,.ingots .main .prize .info .upload span::before,.ingots .main .ranking-list .card-body .upload span::after,.ingots .main .ranking-list .card-body .upload span::before,.ingots .main .ranking-list .info .upload span::after,.ingots .main .ranking-list .info .upload span::before {
	display: block;
	content: '';
	position: absolute;
	left: 50%;
	top: 50%
}

.ingots .main .prize .card-body .upload span::before,.ingots .main .prize .info .upload span::before,.ingots .main .ranking-list .card-body .upload span::before,.ingots .main .ranking-list .info .upload span::before {
	margin-left: -.125rem;
	margin-top: -.625rem;
	width: .25rem;
	height: 1.25rem;
	background-color: #fff
}

.ingots .main .prize .card-body .upload span::after,.ingots .main .prize .info .upload span::after,.ingots .main .ranking-list .card-body .upload span::after,.ingots .main .ranking-list .info .upload span::after {
	margin-top: -.125rem;
	margin-left: -.625rem;
	height: .25rem;
	width: 1.25rem;
	background-color: #fff
}

.ingots .main .prize .card-body .upload input[type=file],.ingots .main .prize .info .upload input[type=file],.ingots .main .ranking-list .card-body .upload input[type=file],.ingots .main .ranking-list .info .upload input[type=file] {
	position: absolute;
	opacity: 0;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0
}

.ingots .main .prize table,.ingots .main .ranking-list table {
	width: 100%;
	text-align: center
}

.ingots .main .prize table thead th,.ingots .main .ranking-list table thead th {
	color: #f1ee1a;
	height: 2.5rem;
	font-size: .875rem
}

.ingots .main .prize table tbody td,.ingots .main .ranking-list table tbody td {
	color: #fff;
	font-size: .75rem
}

.ingots .main .prize .waterfall-flow-loader,.ingots .main .ranking-list .waterfall-flow-loader {
	color: #fff
}

.ingots .main .tel {
	font-size: .875rem;
	background-color: #FFF44A;
	color: #EB300F
}

.ingots .main .tel span {
	font-size: 1rem
}

.ingots .main .tel a {
	display: block;
	width: 6.25rem;
	height: 2.5rem;
	line-height: 2.5rem;
	border-radius: .375rem;
	background-color: #E91813;
	color: #FBEB02;
	text-align: center;
	text-indent: 1.5625rem;
	background-image: url(../images/ingots/icon-tel2.png);
	-webkit-background-size: 20% auto;
	background-size: 20% auto;
	background-position: 15% center;
	background-repeat: no-repeat
}

.ingots .main .tel.preview {
	height: 2.5rem;
	line-height: 2.5rem;
	padding: .625rem .625rem 3.125rem
}

.ingots .main .intro .info textarea {
	margin-bottom: 1rem
}

.ingots .main .intro .info .uploader-container img {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto
}

.ingots .main .intro .info .uploader-container .uploader.reverse>label {
	min-height: 3.125rem;
	margin-top: 1rem;
	border-radius: .625rem
}

.ingots .main .intro .info .uploader-container .uploader.reverse>label::after,.ingots .main .intro .info .uploader-container .uploader.reverse>label::before {
	left: 25%
}

.ingots .main .intro .info .uploader-container .uploader.reverse>label::before {
	width: .25rem;
	height: 1.25rem
}

.ingots .main .intro .info .uploader-container .uploader.reverse>label::after {
	height: .25rem;
	width: 1.25rem
}

.ingots .main .intro .info .uploader-container .uploader.reverse>label span {
	font-size: .8125rem;
	text-indent: 1.25rem;
	padding-left: 0;
	padding-right: 0
}

.ingots footer {
	background-color: #fff
}

.ingots footer .content {
	position: fixed;
	z-index: 1011;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: #fff;
	width: 100%;
	hheight: 3.75rem;
	padding: .625rem 1.25rem
}

.ingots footer .content button {
	width: 45%;
	height: 2.5rem;
	text-align: center;
	font-size: 1rem;
	border-radius: .3125rem
}

.ingots footer .content button:first-of-type {
	background: #f7f7f7;
	border: 1px solid #D2D2D2
}

.ingots footer .content button:last-of-type {
	background: #a200ff;
	color: #fff;
	border: 1px solid #CE322C
}

.mini-editor-container.ingots-uploader .weui_btn_plain_primary {
	border: 1px dashed #8c5ace
}

.mini-editor-container.ingots-uploader .reverse label {
	border-color: #8c5ace
}

@media screen and (width:320px) {
	.ingots .main .time-name,.ingots .main .vote-hour,.ingots .main .vote-hour .note,.ingots-editor .main .time-name,.ingots-editor .main .vote-hour,.ingots-editor .main .vote-hour .note {
		font-size: .75rem
	}

	.ingots .main .vote-hour,.ingots-editor .main .vote-hour {
		height: auto
	}

	.ingots .main .theme-text,.ingots-editor .main .theme-text {
		margin-top: 11.75%;
		margin-bottom: 4.375%
	}

	.ingots .main .prize h2,.ingots .main .prize h6,.ingots .main .ranking-list h2,.ingots .main .ranking-list h6,.ingots-editor .main .prize h2,.ingots-editor .main .prize h6,.ingots-editor .main .ranking-list h2,.ingots-editor .main .ranking-list h6 {
		line-height: 2.3rem;
		font-size: .8rem
	}

	.ingots .main .prize h6.ranking-title,.ingots .main .ranking-list h6.ranking-title,.ingots-editor .main .prize h6.ranking-title,.ingots-editor .main .ranking-list h6.ranking-title {
		line-height: 2rem
	}

	.mini-editor-container.ingots-uploader .weui_btn_plain_primary {
		font-size: .575rem
	}
}

.join-customize-container.ingots-join-customize {
	margin-top: 3.8rem;
	padding: 0 .5rem;
	color: #fff
}

.join-customize-container.ingots-join-customize input {
	color: #fff;
	border: 1px dashed #fff
}

.join-customize-container.ingots-join-customize input.disabled {
	border-color: #ccc
}

.join-customize-container.ingots-join-customize .weui_cells_checkbox .weui_check:checked+.weui_icon_checked:before {
	color: #d9d9d9
}

.ingots-index .weui_btn_primary {
	background-color: #ffba00;
	color: #fff
}

.ingots-index .weui_btn_primary:active,.ingots-index .weui_btn_primary:focus {
	background-color: #ffba00
}

.ingots-index .main .main-header {
	margin-bottom: 61.5%
}

.ingots-index .main .main-header.joiner {
	margin-bottom: 50%
}

.ingots-index .main .main-header.complete {
	margin-bottom: 26.25%
}

.ingots-index .main .theme-text {
	margin: 20.75% 7.5% 11.25%
}

.ingots-index .main .push-button {
	padding-top: 6.25%
}

.ingots-index .main .push-button.got {
	padding-top: 0
}

.ingots-index .main .tel {
	background: 0 0
}

.ingots-index .main .ladder ul li .info .detail h2 b {
	background: 0 0;
	text-align: center;
	font-size: 1.125rem;
	color: #E53000
}

.ingots-index .main .ladder ul li .info .detail h2 i {
	font-style: normal;
	font-size: .75rem
}

.ingots-index .main .ladder ul li .info .detail h2 span.val {
	padding-right: 6%
}

.ingots-index .main .ladder ul li .info .detail>p {
	line-height: 2.25rem;
	font-size: .75rem
}

.ingots-index .main .ladder ul li .info .detail>p span:first-of-type {
	vertical-align: -.125rem
}

.ingots-index .main .ladder ul li .info .detail>p>button {
	width: 4rem;
	line-height: 2rem;
	position: relative
}

.ingots-index .main .ladder ul li .info .detail>p>button span {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: .625rem;
	background-color: #fff245;
	position: absolute;
	left: 0;
	top: 0;
	background-image: url(../images/ingots/icon-get.gif);
	-webkit-background-size: 1.875rem auto;
	background-size: 1.875rem auto;
	background-repeat: no-repeat;
	background-position: center center
}

.ingots-index .main .ladder ul li .info .detail .level-process {
	display: inline-block;
	width: 7rem;
	height: 1.125rem;
	background-color: #d04a01;
	border-radius: 1rem;
	position: relative;
	border: 1px solid #ec2100;
	z-index: 1;
	margin-left: 1.25rem
}

.ingots-index .main .ladder ul li .info .detail .level-process i {
	display: block;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	border-radius: 1rem;
	background-image: url(../images/ingots/icon-process.png);
	-webkit-background-size: auto 100%;
	background-size: auto 100%;
	background-position: 0 0;
	background-repeat: repeat-x
}

.ingots-index .intro .info p {
	margin-bottom: 1rem
}

.ingots-index .intro .info p img {
	display: block;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto
}

.ingots-index .intro .info p:last-of-type {
	margin-bottom: .5rem
}

.ingots-index .rule-box {
	margin-bottom: 5rem
}

.ingots-index .tel {
	height: auto;
	background: 0 0
}

.ingots-index .tel .info {
	position: fixed;
	z-index: 99;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	line-height: 2.5rem;
	background-color: #FFF44A;
	color: #EC3A1A;
	font-size: .875rem;
	padding: .625rem
}

.ingots-index .tel .info span {
	font-size: 1rem
}

.ingots-index .tel .info span>a {
	display: inline;
	background: 0 0;
	color: #EB300F;
	text-indent: 0
}

.ingots-index .tel .info>a {
	display: block;
	width: 6.25rem;
	height: 2.5rem;
	line-height: 2.5rem;
	border-radius: .375rem;
	background-color: #e91813;
	color: #fcea00;
	text-align: center;
	text-indent: 1.5625rem;
	background-image: url(../images/ingots/icon-tel2.png);
	-webkit-background-size: 20% auto;
	background-size: 20% auto;
	background-position: 15% center;
	background-repeat: no-repeat
}

.ingots-index .tel .info .action-bar {
	display: none
}

.ingots-index .tel .info .reminder {
	height: 1.875rem;
	line-height: 1.875rem;
	background-color: rgba(0,0,0,.7);
	position: relative;
	margin: .625rem -.625rem -.625rem
}

.ingots-index .tel .info .reminder a {
	display: inline-block;
	width: auto;
	line-height: 1.875rem;
	color: #fff;
	background: 0 0
}

.ingots-index .tel .info .reminder i {
	color: #fff;
	font-style: normal
}

.ingots-index .tel .info .reminder strong {
	color: #ffdc00
}

.ingots-index .tel .info .reminder .reminder-close {
	font-size: 1.5rem;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	display: block;
	min-width: 2.5rem;
	color: #fff;
	text-align: center;
	cursor: pointer
}

.ingots-index .modal-close {
	color: #333
}

.ingots-index fieldset {
	border: 0
}

.ingots-index fieldset label {
	font-size: 1.5rem;
	padding-top: .3125rem;
	padding-right: 0;
	color: #333
}

.ingots-index fieldset span {
	color: #827e7e;
	font-size: .875rem;
	text-align: center;
	display: block
}

.ingots-index .modal-body input {
	font-size: 1rem;
	width: 100%;
	padding: .6875rem 1rem;
	border: .0625rem solid #da0042;
	border-radius: .3125rem
}

.ingots-index .modal-footer button.double-primary {
	background-color: #D41F1A;
	color: #fff
}

.ingots-index .modal-join .modal-content {
	background: url(../images/ingots/join-modal-bg.gif) center top no-repeat #872ab3;
	-webkit-background-size: 100% auto;
	background-size: 100% auto
}

.ingots-index .modal-join .modal-body {
	margin-top: 6rem
}

.ingots-index .modal-join .modal-footer {
	padding: 0 1.4rem;
	margin-bottom: 5rem
}

.ingots-index .modal-join .modal-close {
	color: #fff
}

.ingots-index .modal-join fieldset {
	border-width: 0
}

.ingots-index .modal-join fieldset label {
	padding-top: .3125rem;
	padding-right: 0;
	color: #333
}

.ingots-index .modal-join fieldset span {
	color: #ff4853;
	font-size: .875rem;
	text-align: center;
	display: block
}

.ingots-index .modal-join fieldset input {
	font-size: 1rem;
	width: 100%;
	padding: .3rem 1rem;
	border: .0625rem solid #ddd;
	border-radius: .3125rem
}

.ingots-index .modal-join fieldset input:focus {
	border-color: #ffba00;
	-webkit-box-shadow: 0 0 .125rem #271e0e;
	box-shadow: 0 0 .125rem #271e0e;
	outline: 0
}

.ingots-index .modal-vote {
	position: fixed;
	top: 35%;
	left: 24%;
	width: 220px;
	height: 200px;
	display: none;
	z-index: 1
}

.ingots-index .modal-vote .mini-sock {
	position: fixed;
	width: 5rem;
	height: 6rem;
	background: url(../images/ingots/ingots.png) left top no-repeat;
	-webkit-background-size: 80% auto;
	background-size: 80% auto;
	-webkit-animation: fadeInDown 1s ease;
	-o-animation: fadeInDown 1s ease;
	animation: fadeInDown 1s ease
}

.ingots-index .modal-vote .mini-sock::before,.ingots-index .modal-vote .sock.stand::before {
	position: absolute;
	z-index: 0;
	margin-top: -12.25rem;
	margin-left: -11.25rem;
	content: ' ';
	border-radius: 50%;
	will-change: transform
}

.ingots-index .modal-vote .mini-sock::before {
	top: 50%;
	left: 50%;
	width: 21.5rem;
	height: 21.5rem;
	background-image: -webkit-radial-gradient(rgba(229,172,19,.25),rgba(224,189,90,.06),rgba(255,202,57,0),rgba(206,201,162,0));
	background-image: -o-radial-gradient(rgba(229,172,19,.25),rgba(224,189,90,.06),rgba(255,202,57,0),rgba(206,201,162,0));
	background-image: radial-gradient(rgba(229,172,19,.25),rgba(224,189,90,.06),rgba(255,202,57,0),rgba(206,201,162,0));
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	animation: blinking 2s infinite ease
}

.ingots-index .modal-vote .mini-sock:nth-of-type(2) {
	top: 40.5%;
	left: 30%;
	width: 4.5rem
}

.ingots-index .modal-vote .mini-sock:nth-of-type(3) {
	left: 51.125%;
	top: 40.5%;
	width: 4rem
}

.ingots-index .modal-vote .mini-sock:nth-of-type(4) {
	left: 42%;
	top: 42%;
	width: 4rem
}

.ingots-index .modal-vote .mini-sock:nth-of-type(5) {
	left: 40%;
	top: 38%;
	width: 4.5rem;
	height: 6rem
}

.ingots-index .modal-vote .sock {
	background-image: url(../images/ingots/sock.png);
	background-position: top center;
	-webkit-background-size: 80% auto;
	background-size: 80% auto;
	background-repeat: no-repeat;
	width: 100%;
	height: 80%
}

.ingots-index .modal-vote .sock.stand::before {
	top: 50%;
	left: 50%;
	width: 21.5rem;
	height: 21.5rem;
	background-image: -webkit-radial-gradient(rgba(229,172,19,.16),rgba(224,189,90,.45),rgba(255,202,57,0),rgba(206,201,162,0));
	background-image: -o-radial-gradient(rgba(229,172,19,.16),rgba(224,189,90,.45),rgba(255,202,57,0),rgba(206,201,162,0));
	background-image: radial-gradient(rgba(229,172,19,.16),rgba(224,189,90,.45),rgba(255,202,57,0),rgba(206,201,162,0));
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-animation: blinking 2s infinite ease;
	-o-animation: blinking 2s infinite ease;
	animation: blinking 2s infinite ease
}

.ingots-index .modal-vote .sock.in {
	-o-animation: zoomInDown 1s linear;
	animation: zoomInDown 1s linear;
	-webkit-animation: zoomInDown 1s linear
}

.ingots-index .modal-vote .sock.stand {
	-o-animation: tada 2s infinite ease-in-out;
	animation: tada 2s infinite ease-in-out;
	-webkit-animation: tada 2s infinite ease-in-out
}

.ingots-index .modal-vote .sock.showing {
	-o-animation: fadeIn 1s ease-in-out;
	animation: fadeIn 1s ease-in-out;
	-webkit-animation: fadeIn 1s ease-in-out;
	background-image: url(../images/ingots/gift_open.png)
}

.ingots-index .modal-vote .sock.out {
	width: 60%;
	-o-animation: rollOut 1s linear;
	animation: rollOut 1s linear;
	-webkit-animation: rollOut 1s linear
}

.ingots-index .modal-vote .note {
	font-size: .8rem;
	text-align: center;
	color: #fffc01;
	display: none;
	padding: 5px;
	border-radius: 14px;
	background: rgba(93,45,182,.69);
	border: 3px solid rgba(255,252,1,.77);
	margin: 0 auto;
	width: 90%
}

.ingots-index .modal-vote .note.in,.ingots-index .modal-vote.in {
	display: block
}

.ingots-index .modal-vote .note font {
	-o-animation: flash 3s linear infinite;
	animation: flash 3s linear infinite;
	-webkit-animation: flash 3s linear infinite
}

.ingots-index .modal-vote .note.out {
	-o-animation: fadeOut .6s linear;
	animation: fadeOut .6s linear;
	-webkit-animation: fadeOut .6s linear
}

.ingots-index .modal-vote.out {
	display: none
}

.ingots-index .sharer .weui_btn_primary {
	background-color: #a200ff
}

.ingots-index .completed-list {
	height: 1.875rem;
	line-height: 1.875rem;
	color: #fff;
	text-align: center;
	width: 93%;
	margin: 1.25rem auto;
	display: block
}

.ingots-index .completed-list li {
	display: block;
	width: 100%;
	font-size: 1rem
}

.ingots-index .completed-list li b,.ingots-index .completed-list li span {
	color: #FFEA00
}

.ingots-index .myhelp {
	padding: .625rem 5.5rem;
	line-height: 2.25rem;
	color: #fffc00
}

.ingots-index .myhelp span:first-of-type,.ingots-index .myhelp span:last-of-type {
	font-size: 1rem
}

.ingots-index .myhelp span:last-of-type b {
	color: #FEE001;
	font-weight: 400;
	padding-left: .3125rem;
	padding-right: .3125rem;
	font-size: 1.5rem
}

.ingots-index .myhelp-tip {
	color: #fffc00;
	background: #6f49b8;
	border-radius: 10px;
	opacity: .6;
	text-align: center;
	font-size: .875rem;
	clear: both;
	margin: 0 auto;
	color: rgba(255,247,247,.8);
	width: 65.625%;
	padding: .2rem
}

.ingots-index.sample .tel {
	height: 4.75rem
}

.ingots-index.sample .tel .info {
	padding-left: 0;
	padding-right: 0;
	text-indent: .625rem
}

.ingots-index.sample .tel .info>span {
	text-indent: 0
}

.ingots-index.sample .tel .info>a {
	text-indent: 1.5625rem;
	margin-right: .625rem
}

.ingots-index.sample .tel .info .reminder {
	display: none
}

.ingots-index.sample .tel .info .action-bar {
	display: block;
	width: 100%;
	background-color: #04be02;
	margin-bottom: -.625rem;
	text-indent: 0
}

.ingots-index.sample .tel .info .action-bar a {
	display: block;
	width: 100%;
	background: #04be02;
	color: #fff;
	text-indent: 0;
	margin-bottom: -.625rem;
	margin-top: .625rem;
	margin-right: -.625rem
}

@media screen and (width:320px) {
	.ingots-index .completed-list li,.ingots-index .main .time-name,.ingots-index .main .time-name .countdown,.ingots-index .main .vote-hour,.ingots-index .main .vote-hour .countdown,.ingots-index .myhelp-tip {
		font-size: .75rem
	}

	.ingots-index .main .main-header {
		margin-bottom: 66%
	}

	.ingots-index .main .main-header.joiner {
		margin-bottom: 50%
	}

	.ingots-index .main .main-header.complete {
		margin-bottom: 31.25%
	}

	.ingots-index .main .theme-text {
		margin-top: 11.75%;
		margin-bottom: 4.375%
	}

	.ingots-index .myhelp {
		padding: .625rem 4.5rem
	}

	.ingots-index .modal-join .modal-body {
		margin-top: 4rem
	}

	.ingots-index .modal-join .modal-footer {
		margin-bottom: 2rem
	}

	.ingots-index .modal-vote {
		left: 17%
	}

	.ingots-index .modal-vote .mini-sock:nth-of-type(2) {
		top: 43.5%;
		left: 29%
	}

	.ingots-index .modal-vote .mini-sock:nth-of-type(3) {
		left: 51.125%;
		top: 43.5%
	}

	.ingots-index .modal-vote .mini-sock:nth-of-type(4) {
		top: 44%
	}

	.ingots-index .modal-vote .mini-sock:nth-of-type(5) {
		left: 39%;
		top: 39%
	}

	.ingots-index .ladder ul li .info.got>span {
		line-height: 1.8rem
	}
}

@media screen and (width:414px) {
	.ingots-index .modal-join .modal-footer {
		margin-bottom: 8rem
	}
}

.fire dd,.fire dl,.fire dt,.fire li,.fire ol,.fire ul {
	list-style: none
}

.fire .fl {
	float: left
}

.fire .fr {
	float: right
}

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

.fire header {
	line-height: 2.5rem;
	background: url(../images/fire/header-bg.png) left top no-repeat #ff2d10;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	font-size: .875rem;
	padding-left: 1.25rem;
	color: #fff
}

.fire header ul li {
	display: inline-block;
	float: left;
	color: #ffb68e;
	width: 33.3%
}

.fire header ul li span {
	color: #ffc551
}

.fire header ul li:first-of-type {
	text-align: right
}

.fire header ul li:nth-of-type(2) {
	text-align: center
}

.fire header ul li:nth-of-type(3) {
	text-align: left
}

.fire header>.menu {
	position: fixed;
	z-index: 9;
	top: .5rem;
	right: .5rem
}

.fire header>.menu>a {
	font-size: .875rem;
	line-height: 2rem;
	display: block;
	width: 2.5rem;
	height: 2.5rem;
	padding: .25rem;
	color: #fff;
	background-color: rgba(0,0,0,.5);
	border-radius: 50%;
	text-align: center
}

.fire header>.menu>a+a {
	margin-top: .5rem
}

.fire header>.menu>a.small {
	font-size: .75rem;
	line-height: 1rem
}

.fire header>.menu>a i.fa {
	font-size: 1.5rem;
	line-height: 1.5
}

.fire header>.menu>a.qrcode {
	width: 2.8rem;
	height: 2.8rem;
	padding: .45rem .2rem;
	font-size: .75rem;
	line-height: 1.3
}

.fire header>.menu>a.qrcode.ani {
	-o-animation: shake-hard 2s ease;
	animation: shake-hard 2s ease;
	-webkit-animation: shake-hard 2s ease
}

.fire .main {
	overflow: hidden;
	background: #d90021
}

.fire .main .main-header {
	background-color: #d90021;
	background-image: url(../images/fire/bg.jpg);
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: 0 0;
	padding-bottom: 20%;
	overflow: hidden;
	display: block;
	position: relative
}

.fire .main .main-header .fuwa-left,.fire .main .main-header .fuwa-right {
	position: absolute;
	bottom: 7%;
	-o-animation: fadeInUp 2.5s ease-in-out;
	animation: fadeInUp 2.5s ease-in-out;
	-webkit-animation: fadeInUp 2.5s ease-in-out
}

.fire .main .main-header .fuwa-left {
	background: url(../images/fire/fu-person-left.png) left top no-repeat;
	width: 36px;
	height: 61px;
	left: 2%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%
}

.fire .main .main-header .fuwa-right {
	background: url(../images/fire/fu-person-right.png) left top no-repeat;
	width: 41px;
	height: 50.5px;
	right: 1%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%
}

.fire .main .main-header.preview {
	padding-bottom: 54.25%
}

.fire .main .main-header.preview .theme-text {
	padding-top: 9.5%
}

.fire .main .theme-text {
	color: #ffffd6;
	text-align: center;
	font-weight: 700;
	font-size: 1.625rem;
	margin: 19.5% 7.5% 11.25%
}

.fire .main .theme-text textarea {
	resize: none;
	width: 100%;
	height: 9.375rem;
	text-align: center;
	padding: 1.25rem;
	font-size: 1.25rem;
	line-height: 2.5rem;
	background: 0 0;
	color: #fff;
	border: 1px dashed #D1B2B5;
	border-radius: 1.875rem;
	font-weight: 700
}

.fire .main .time-name {
	color: #fff;
	font-size: 1.125rem;
	text-align: center
}

.fire .main .time-name input {
	display: inline-block;
	width: 6.875rem;
	height: 2.5rem;
	line-height: 2.5rem;
	border: 1px dashed #DB928F;
	background: 0 0;
	color: #FEE202;
	border-radius: .625rem;
	font-size: .625rem;
	text-align: center
}

.fire .main .time-name .countdown {
	font-size: 1rem
}

.fire .main .time-name .countdown b:first-of-type {
	color: #ffea00
}

.fire .main .time-name .countdown b:not(:first-of-type) {
	background-color: #E11711;
	color: #FEE001;
	border-radius: .3125rem;
	display: inline-block;
	width: 1.875rem;
	height: 1.875rem;
	line-height: 1.875rem;
	text-align: center;
	margin-left: .1875rem;
	margin-right: .1875rem
}

.fire .main .time-name.preview {
	font-size: .875rem
}

.fire .main .vote-hour {
	color: #fff;
	text-align: center;
	font-size: 1.125rem;
	line-height: 2.5rem;
	padding-top: .625rem
}

.fire .main .vote-hour input {
	display: inline-block;
	width: 2.5rem;
	height: 2.5rem;
	line-height: 2.5rem;
	border: 1px dashed #DB928F;
	background: 0 0;
	color: #FEE202;
	border-radius: .625rem;
	font-size: .625rem;
	text-align: center
}

.fire .main .vote-hour .note {
	color: rgba(255,255,255,.59);
	font-size: .875rem;
	line-height: 1.125rem;
	padding: 2% 8%
}

.fire .main .push-button {
	padding-top: 6.25%;
	overflow: hidden
}

.fire .main .push-button button {
	display: inline-block;
	opacity: 1;
	width: 80%;
	height: 3.125rem;
	text-align: center;
	margin-left: 10%;
	background: #fc0;
	border: 1px solid #ffc900;
	border-radius: .625rem;
	border-bottom: .3125rem solid #ff9000;
	color: #c70001
}

.fire .main .push-button button:first-of-type {
	margin-left: 10%
}

.fire .main .push-button button:last-of-type {
	margin-right: 10%
}

.fire .main .push-button.preview button {
	opacity: .7
}

.fire .main .ladder {
	padding: 1.25rem 0 0
}

.fire .main .ladder .ladder-text {
	padding: .5rem;
	color: rgba(255,255,255,.59);
	font-size: .875rem;
	border: 1px solid rgba(190,0,29,.59);
	width: 96%;
	border-radius: 10px;
	background: #be001d;
	text-align: left;
	margin: 0 auto .5rem
}

.fire .main .ladder .ladder-text h3 {
	font-size: .875rem;
	text-align: center
}

.fire .main .ladder ul {
	display: block
}

.fire .main .ladder ul li {
	display: block;
	position: relative;
	z-index: 1;
	padding: 35% 0;
	overflow: hidden
}

.fire .main .ladder ul li>button {
	position: absolute;
	z-index: 3;
	right: .9375rem;
	top: .3125rem;
	background: 0 0;
	border: 0;
	width: 2rem;
	height: 2rem;
	line-height: 1rem;
	color: #fdfdfd;
	background-color: rgba(199,107,87,.87);
	font-weight: 700;
	text-align: center;
	border-radius: 50%;
	overflow: hidden;
	opacity: .9
}

.fire .main .ladder ul li .info {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	padding: 0 5%;
	background-image: url(../images/fire/level_bg.jpg);
	-webkit-background-size: 96% auto;
	background-size: 96% auto;
	background-position: center 0;
	background-repeat: no-repeat
}

.fire .main .ladder ul li .info>span {
	display: block;
	width: 100%;
	height: 20%;
	line-height: 241%;
	font-size: 1.125rem;
	color: #d90021;
	font-weight: 700;
	overflow: hidden;
	background-position: top center;
	-webkit-background-size: 50% 50%;
	background-size: 50%;
	background-repeat: no-repeat;
	margin-top: 8%;
	text-align: center;
	background-image: url(../images/fire/level_title.jpg);
	letter-spacing: 1.2rem;
	padding-left: 1.1rem
}

.fire .main .ladder ul li .info .text {
	font-size: 1.125rem;
	color: #8d0015;
	text-align: center;
	margin: 0 auto;
	width: 92%
}

.fire .main .ladder ul li .info .detail {
	height: 100%;
	text-align: center
}

.fire .main .ladder ul li .info .detail h2 {
	color: #fff2bc;
	font-size: .75rem
}

.fire .main .ladder ul li .info .detail h2 span {
	font-size: .75rem;
	color: #861310;
	font-weight: 700
}

.fire .main .ladder ul li .info .detail h2 span input {
	width: 3.75rem;
	background: 0 0;
	border: 1px dashed #C8B439;
	border-radius: .625rem;
	text-align: center;
	font-size: 1.125rem;
	color: #ffc9b8
}

.fire .main .ladder ul li .info .detail h2 span.val {
	color: #e2371f
}

.fire .main .ladder ul li .info .detail h2 span.help_value {
	color: #e2371f;
	padding-left: 1%
}

.fire .main .ladder ul li .info .detail h2 span.firepao {
	width: 26px;
	height: 27px;
	background: url(../images/fire/level_fire.png) bottom no-repeat;
	-webkit-background-size: 50% 50%;
	background-size: 50%;
	display: inline-block
}

.fire .main .ladder ul li .info .detail p {
	height: 1.5rem;
	color: #ffa184;
	font-size: .75rem;
	text-align: center
}

.fire .main .ladder ul li .info .detail p b {
	color: #db0c21
}

.fire .main .ladder ul li .info .detail p button {
	width: 5rem;
	height: 2rem;
	background: 0 0;
	border: 0;
	background-color: rgba(192,129,115,.62);
	color: #fdfdfd;
	font-size: .875rem;
	border-radius: .625rem;
	margin-right: .875rem
}

.fire .main .ladder ul li .info .detail p.line-stock {
	font-size: .75rem
}

.fire .main .ladder ul li .info.unget {
	background-image: url(../images/fire/level_got_bg.jpg)
}

.fire .main .ladder ul li .info.unget>span {
	background-image: url(../images/fire/level_got_title.jpg)
}

.fire .main .ladder ul li .info.unget .text {
	color: #ffebc9
}

.fire .main .ladder ul li .info.unget .detail h2 {
	color: #ffa184;
	padding-top: .375rem
}

.fire .main .ladder ul li .info.unget .detail h2 span.help_value,.fire .main .ladder ul li .info.unget .detail h2 span.val,.fire .main .ladder ul li .info.unget .detail p b {
	color: #fadb04
}

.fire .main .ladder>button {
	display: block;
	width: 82%;
	height: 3.75rem;
	text-align: center;
	background: 0 0;
	border: 1px dashed #ffbaa5;
	color: #ffbaa5;
	margin-left: auto;
	margin-right: auto;
	border-radius: .625rem;
	font-size: 1rem
}

.fire .main .ladder>button span {
	font-size: 1rem;
	display: inline-block;
	width: 1.25rem;
	height: 1.25rem;
	vertical-align: -.1875rem;
	position: relative;
	z-index: 1;
	margin-right: .3125rem
}

.fire .main .ladder>button span::after,.fire .main .ladder>button span::before {
	display: block;
	content: '';
	position: absolute;
	left: 50%;
	top: 50%
}

.fire .main .ladder>button span::before {
	margin-left: -.125rem;
	margin-top: -.625rem;
	width: .25rem;
	height: 1.25rem;
	background-color: #fff
}

.fire .main .ladder>button span::after {
	margin-top: -.125rem;
	margin-left: -.625rem;
	height: .25rem;
	width: 1.25rem;
	background-color: #fff
}

.fire .main .ladder input {
	width: 1.875rem;
	text-align: center;
	font-size: .875rem;
	border: 1px dashed #ffbaa5;
	background: 0 0;
	color: #d7ddea;
	height: 1.875rem;
	border-radius: .3125rem
}

.fire .main .ladder .line-text {
	text-align: center;
	padding: 2% 5%
}

.fire .main .ladder .line-text input {
	width: 18.75rem
}

.fire .main .ladder .line-price,.fire .main .ladder .line-stock {
	padding: 1% 2%
}

.fire .main .ladder .line-price font {
	padding-right: 3px
}

.fire .main .prize.prize-info {
	padding-top: 0
}

.fire .main .prize.prize-info .title {
	background: url(../images/fire/prize-info-title.jpg) left no-repeat;
	-webkit-background-size: 18% 18%;
	background-size: 18%;
	color: #ffd567;
	width: 100%;
	height: 3.125rem;
	line-height: 2.125rem;
	text-indent: 3rem
}

.fire .main .prize.prize-info .content {
	color: #ffebbe
}

.fire .main .prize.prize-info .content img {
	width: 100%
}

.fire .main .prize.prize-info .info {
	background: 0 0;
	border: 0
}

.fire .main .prize-layer {
	width: 100%
}

.fire .main .rule-box {
	background: #ffb80e;
	margin-top: -10px
}

.fire .main .prize,.fire .main .ranking-list {
	padding: .625rem 1.25rem;
	position: relative
}

.fire .main .prize h2,.fire .main .prize h6,.fire .main .ranking-list h2,.fire .main .ranking-list h6 {
	top: 3px;
	left: 0;
	display: block;
	height: 4.5rem;
	line-height: 5.2rem;
	border-top-left-radius: .3125rem;
	border-top-right-radius: .3125rem;
	background: url(../images/fire/block_bg.jpg) bottom no-repeat;
	-webkit-background-size: 98% 98%;
	background-size: 98%;
	text-align: center;
	font-size: 1rem;
	color: #d90021;
	font-weight: 700;
	letter-spacing: .1rem;
	width: 100%;
	text-indent: .5rem;
	position: relative
}

.fire .main .prize h2 input,.fire .main .prize h6 input,.fire .main .ranking-list h2 input,.fire .main .ranking-list h6 input {
	width: 7.5rem;
	height: 1rem;
	line-height: 1rem;
	border: 1px dashed #fff;
	text-align: center;
	padding: .875rem 0;
	color: inherit;
	background: 0 0
}

.fire .main .prize h2 .tiper,.fire .main .prize h6 .tiper,.fire .main .ranking-list h2 .tiper,.fire .main .ranking-list h6 .tiper {
	position: absolute;
	top: -2rem;
	left: 26%;
	width: 13rem;
	color: #fff6f6;
	font-size: .8rem;
	letter-spacing: 0;
	height: 0
}

.fire .main .prize h2 .tiper i,.fire .main .prize h6 .tiper i,.fire .main .ranking-list h2 .tiper i,.fire .main .ranking-list h6 .tiper i {
	-o-animation: fadeInDown 2s infinite ease-in-out;
	animation: fadeInDown 2s infinite ease-in-out;
	-webkit-animation: fadeInDown 2s infinite ease-in-out;
	padding-right: .375rem
}

.fire .main .prize .light,.fire .main .ranking-list .light {
	position: absolute;
	top: 4.7rem;
	right: -1.2rem;
	background: url(../images/fire/light.png) top no-repeat;
	-webkit-background-size: 50% 50%;
	background-size: 50%;
	width: 5rem;
	height: 4rem;
	-o-animation: shake-leftright 2.5s infinite ease-in-out;
	animation: shake-leftright 2.5s infinite ease-in-out;
	-webkit-animation: shake-leftright 2.5s infinite ease-in-out
}

.fire .main .prize .card-body,.fire .main .prize .info,.fire .main .ranking-list .card-body,.fire .main .ranking-list .info {
	margin-top: -.625rem;
	background-color: #ed191a;
	border-radius: .625rem;
	border: 3px solid #9a0400;
	padding: .625rem;
	border-top: 0
}

.fire .main .prize .card-body summary,.fire .main .prize .info summary,.fire .main .ranking-list .card-body summary,.fire .main .ranking-list .info summary {
	color: #ffebbe
}

.fire .main .prize .card-body textarea,.fire .main .prize .info textarea,.fire .main .ranking-list .card-body textarea,.fire .main .ranking-list .info textarea {
	display: block;
	width: 100%;
	min-height: 7.5rem;
	background: 0 0;
	resize: none;
	border: 1px dashed #ffbaa5;
	color: #ffa184;
	padding: .625rem;
	border-radius: .3125rem
}

.fire .main .prize .card-body input.telphone,.fire .main .prize .info input.telphone,.fire .main .ranking-list .card-body input.telphone,.fire .main .ranking-list .info input.telphone {
	display: block;
	width: 100%;
	height: 2.5rem;
	line-height: 2.5rem;
	background: url(../images/fire/icon-tel.png) .625rem center no-repeat;
	border: 1px dashed #ffbaa5;
	border-radius: .625rem;
	padding-left: 2.5rem;
	-webkit-background-size: auto 60%;
	background-size: auto 60%;
	color: #ffa184;
	font-size: 1rem
}

.fire .main .prize .card-body p,.fire .main .prize .info p,.fire .main .ranking-list .card-body p,.fire .main .ranking-list .info p {
	margin-top: .625rem;
	color: #fff;
	line-height: 1.25rem
}

.fire .main .prize .card-body p.tel-tip,.fire .main .prize .info p.tel-tip,.fire .main .ranking-list .card-body p.tel-tip,.fire .main .ranking-list .info p.tel-tip {
	color: #fea2a2;
	font-size: .875rem
}

.fire .main .prize .card-body .fire-uploader .weui_btn_plain_primary,.fire .main .prize .info .fire-uploader .weui_btn_plain_primary,.fire .main .ranking-list .card-body .fire-uploader .weui_btn_plain_primary,.fire .main .ranking-list .info .fire-uploader .weui_btn_plain_primary {
	border: 1px dashed #ffbaa5;
	color: #ffbaa5
}

.fire .main .prize .card-body .upload,.fire .main .prize .info .upload,.fire .main .ranking-list .card-body .upload,.fire .main .ranking-list .info .upload {
	display: block;
	width: 100%;
	height: 3.125rem;
	line-height: 3.125rem;
	margin-top: 1rem;
	text-align: center;
	background: 0 0;
	border: 1px dashed #ffbaa5;
	color: #ffbaa5;
	margin-left: auto;
	margin-right: auto;
	border-radius: .625rem;
	position: relative;
	z-index: 1;
	font-size: .8125rem
}

.fire .main .prize .card-body .upload span,.fire .main .prize .info .upload span,.fire .main .ranking-list .card-body .upload span,.fire .main .ranking-list .info .upload span {
	display: inline-block;
	width: 1.25rem;
	height: 1.25rem;
	vertical-align: -.1875rem;
	position: relative;
	z-index: 1;
	margin-right: .3125rem;
	background: #EE9B00
}

.fire .main .prize .card-body .upload span::after,.fire .main .prize .card-body .upload span::before,.fire .main .prize .info .upload span::after,.fire .main .prize .info .upload span::before,.fire .main .ranking-list .card-body .upload span::after,.fire .main .ranking-list .card-body .upload span::before,.fire .main .ranking-list .info .upload span::after,.fire .main .ranking-list .info .upload span::before {
	display: block;
	content: '';
	position: absolute;
	left: 50%;
	top: 50%
}

.fire .main .prize .card-body .upload span::before,.fire .main .prize .info .upload span::before,.fire .main .ranking-list .card-body .upload span::before,.fire .main .ranking-list .info .upload span::before {
	margin-left: -.125rem;
	margin-top: -.625rem;
	width: .25rem;
	height: 1.25rem;
	background-color: #fff
}

.fire .main .prize .card-body .upload span::after,.fire .main .prize .info .upload span::after,.fire .main .ranking-list .card-body .upload span::after,.fire .main .ranking-list .info .upload span::after {
	margin-top: -.125rem;
	margin-left: -.625rem;
	height: .25rem;
	width: 1.25rem;
	background-color: #fff
}

.fire .main .prize .card-body .upload input[type=file],.fire .main .prize .info .upload input[type=file],.fire .main .ranking-list .card-body .upload input[type=file],.fire .main .ranking-list .info .upload input[type=file] {
	position: absolute;
	opacity: 0;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0
}

.fire .main .prize table,.fire .main .ranking-list table {
	width: 100%;
	text-align: center
}

.fire .main .prize table thead th,.fire .main .ranking-list table thead th {
	color: #ffd35e;
	height: 2.5rem;
	font-size: .875rem
}

.fire .main .prize table tbody td,.fire .main .ranking-list table tbody td {
	color: #ffeabe;
	font-size: .75rem
}

.fire .main .prize .waterfall-flow-loader,.fire .main .ranking-list .waterfall-flow-loader {
	color: #fff
}

.fire .main .tel {
	font-size: .875rem;
	background-color: #ffd06a;
	color: #EB300F
}

.fire .main .tel span {
	font-size: 1rem
}

.fire .main .tel a {
	display: block;
	width: 6.25rem;
	height: 2.5rem;
	line-height: 2.5rem;
	border-radius: .375rem;
	background-color: #E91813;
	color: #FBEB02;
	text-align: center;
	text-indent: 1.5625rem;
	background-image: url(../images/fire/icon-tel2.png);
	-webkit-background-size: 20% auto;
	background-size: 20% auto;
	background-position: 15% center;
	background-repeat: no-repeat
}

.fire .main .tel.preview {
	height: 2.5rem;
	line-height: 2.5rem;
	padding: .625rem .625rem 3.125rem
}

.fire .main .intro .info textarea {
	margin-bottom: 1rem
}

.fire .main .intro .info .uploader-container img {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto
}

.fire .main .intro .info .uploader-container .uploader.reverse>label {
	min-height: 3.125rem;
	margin-top: 1rem;
	border-radius: .625rem
}

.fire .main .intro .info .uploader-container .uploader.reverse>label::after,.fire .main .intro .info .uploader-container .uploader.reverse>label::before {
	left: 25%;
	background-color: #ffbaa5
}

.fire .main .intro .info .uploader-container .uploader.reverse>label::before {
	width: .25rem;
	height: 1.25rem
}

.fire .main .intro .info .uploader-container .uploader.reverse>label::after {
	height: .25rem;
	width: 1.25rem
}

.fire .main .intro .info .uploader-container .uploader.reverse>label span {
	font-size: .8125rem;
	text-indent: 3.875rem;
	padding-left: 0;
	padding-right: 0;
	color: #ffbaa5
}

.fire footer {
	height: 3.75rem;
	background-color: #fff
}

.fire footer .content {
	position: fixed;
	z-index: 1011;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: #fff;
	width: 100%;
	hheight: 3.75rem;
	padding: .625rem 1.25rem
}

.fire footer .content button {
	width: 45%;
	height: 2.5rem;
	text-align: center;
	font-size: 1rem;
	border-radius: .3125rem
}

.fire footer .content button:first-of-type {
	background: #f7f7f7;
	border: 1px solid #D2D2D2
}

.fire footer .content button:last-of-type {
	background: #EC231B;
	color: #fff;
	border: 1px solid #CE322C
}

@media screen and (width:414px) {
	.fire-editor .main .main-header {
		padding-bottom: 28%
	}

	.fire-editor .main .main-header.preview {
		padding-bottom: 58.5%
	}
}

@media screen and (width:320px) {
	.fire .main .time-name,.fire .main .vote-hour,.fire-editor .main .time-name,.fire-editor .main .vote-hour {
		font-size: .75rem
	}

	.fire .main .theme-text,.fire-editor .main .theme-text {
		margin-bottom: .25rem
	}

	.fire .main .main-header,.fire-editor .main .main-header {
		padding-bottom: 10%
	}

	.fire .main .prize,.fire .main .ranking-list,.fire-editor .main .prize,.fire-editor .main .ranking-list {
		padding-top: 0;
		padding-bottom: 0
	}

	.fire .main .prize h2,.fire .main .prize h6,.fire .main .ranking-list h2,.fire .main .ranking-list h6,.fire-editor .main .prize h2,.fire-editor .main .prize h6,.fire-editor .main .ranking-list h2,.fire-editor .main .ranking-list h6 {
		font-size: 1rem;
		letter-spacing: 0;
		line-height: 5.6rem
	}

	.fire .main .ladder ul li .info>span,.fire-editor .main .ladder ul li .info>span {
		text-indent: 1rem;
		padding-left: 0;
		letter-spacing: 1.1rem;
		-webkit-background-size: 54% 54%;
		background-size: 54%;
		line-height: 237%;
		font-size: 1rem
	}

	.fire .main .ladder .line-text input,.fire-editor .main .ladder .line-text input {
		width: 15.75rem
	}
}

.join-customize-container.fire-join-customize {
	padding: 0 .5rem;
	color: #fff
}

.join-customize-container.fire-join-customize input {
	color: #fff;
	border: 1px dashed #fff
}

.join-customize-container.fire-join-customize input.disabled {
	border-color: #ccc
}

.join-customize-container.fire-join-customize .weui_cells_checkbox .weui_check:checked+.weui_icon_checked:before {
	color: #d9d9d9
}

.fire-index .main .main-header {
	padding-bottom: 40%
}

.fire-index .main .main-header .push-button {
	padding-top: 7.25%
}

.fire-index .main .main-header.joiner {
	padding-bottom: 26%
}

.fire-index .main .main-header.mycomplete {
	padding-bottom: 10%
}

.fire-index .main .main-header.complete {
	padding-bottom: 24%
}

.fire-index .main .theme-text {
	margin: 34.5% 7.5% 19.0625%
}

.fire-index .main .push-button.got {
	padding-top: 0
}

.fire-index .main .tel {
	background: 0 0
}

.fire-index .main .shake {
	position: absolute;
	top: 0;
	left: 31%;
	width: 44px;
	height: 102px;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	background-image: url(../images/fire/light-left.png?1);
	background-repeat: no-repeat;
	background-position: center center;
	-o-animation: shake-leftright 2.5s infinite ease-in-out;
	animation: shake-leftright 2.5s infinite ease-in-out;
	-webkit-animation: shake-leftright 2.5s infinite ease-in-out
}

.fire-index .main .shake2 {
	left: 58%;
	background-image: url(../images/fire/light-right.png?1);
	-o-animation: shake-leftright 3.5s infinite ease-in-out;
	animation: shake-leftright 3.5s infinite ease-in-out;
	-webkit-animation: shake-leftright 3.5s infinite ease-in-out
}

.fire-index .main .ladder {
	position: relative;
	padding: 0
}

.fire-index .main .ladder .prize-text {
	color: #fff;
	text-align: center;
	margin: .9375rem auto 0;
	border: 1px solid rgba(190,0,29,.59);
	width: 90%;
	padding: .2rem;
	border-radius: 10px;
	background: #be001d;
	font-size: .75rem
}

.fire-index .main .ladder .prize-text b {
	font-size: 1.125rem;
	color: #ffea00
}

.fire-index .main .ladder .prize-process {
	margin: 0 auto .625rem;
	padding: 2rem 0;
	position: relative;
	width: 96%
}

.fire-index .main .ladder .prize-process .prize-line {
	border-radius: .625rem;
	background: #d7d7d7;
	-webkit-box-shadow: 0 0 1px 5px #be001d;
	box-shadow: 0 0 1px 5px #be001d;
	overflow: hidden
}

.fire-index .main .ladder .prize-process .prize-line .level {
	height: .625rem;
	background: url(../images/fire/progress.png) repeat-x #ffc600;
	float: left
}

.fire-index .main .ladder .prize-process font {
	color: #fff;
	font-size: .625rem;
	position: absolute;
	top: 80%;
	width: 3rem
}

.fire-index .main .ladder .prize-process i {
	position: absolute;
	border-radius: 50%;
	background: url(../images/fire/prize-icon.gif) no-repeat #d7d7d7;
	border: 2px solid #be001d
}

.fire-index .main .ladder .prize-process i.l1 {
	top: 17%;
	width: 2.5rem;
	height: 2.5rem;
	background-position: 2px 6px
}

.fire-index .main .ladder .prize-process i.l2 {
	top: 17%;
	width: 2.625rem;
	height: 2.625rem;
	background-position: -38px 7px
}

.fire-index .main .ladder .prize-process i.l3 {
	top: 17%;
	width: 2.75rem;
	height: 2.75rem;
	background-position: -83px 7px
}

.fire-index .main .ladder .prize-process i.l4 {
	top: 16%;
	width: 2.875rem;
	height: 2.875rem;
	background-position: -125px 7px
}

.fire-index .main .ladder .prize-process i.l5 {
	top: 14%;
	width: 3.125rem;
	height: 3.125rem;
	background-position: -164px 7px
}

.fire-index .main .ladder .prize-process i.got {
	-o-animation: swing 1s linear;
	animation: swing 1s linear;
	-webkit-animation: swing 1s linear;
	-webkit-box-shadow: 0 0 1px 8px rgba(196,179,110,.33);
	box-shadow: 0 0 1px 8px rgba(196,179,110,.33)
}

.fire-index .main .ladder .prize-process i.l1.got {
	background-position: 2px -38px
}

.fire-index .main .ladder .prize-process i.l2.got {
	background-position: -38px -38px
}

.fire-index .main .ladder .prize-process i.l3.got {
	background-position: -83px -38px
}

.fire-index .main .ladder .prize-process i.l4.got {
	background-position: -125px -37px
}

.fire-index .main .ladder .prize-process i.l5.got {
	background-position: -164px -36px
}

.fire-index .main .ladder ul li .info .detail h2 b {
	background: 0 0;
	text-align: center;
	font-size: 1.125rem;
	color: #E53000
}

.fire-index .main .ladder ul li .info .detail h2 i {
	font-style: normal;
	font-size: .75rem
}

.fire-index .main .ladder ul li .info .detail h2 span.val {
	padding-right: 6%
}

.fire-index .main .ladder ul li .info .detail>p {
	color: #fff2bc;
	line-height: 2.85rem;
	font-size: .875rem
}

.fire-index .main .ladder ul li .info .detail>p span:first-of-type {
	vertical-align: -.125rem
}

.fire-index .main .ladder ul li .info .detail>p>button {
	width: 4rem;
	line-height: 2rem;
	position: relative
}

.fire-index .main .ladder ul li .info .detail>p>button span {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: .625rem;
	background-color: #fff245;
	position: absolute;
	left: 0;
	top: 0;
	background-image: url(../images/fire/icon-get.png);
	-webkit-background-size: 1.875rem auto;
	background-size: 1.875rem auto;
	background-repeat: no-repeat;
	background-position: center center
}

.fire-index .main .ladder ul li .info .detail .level-process {
	display: inline-block;
	width: 9.375rem;
	height: .875rem;
	background-color: #cb8b01;
	border-radius: 1rem;
	position: relative;
	border: 2px solid #fadb1f
}

.fire-index .main .ladder ul li .info .detail .level-process i {
	display: block;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	border-radius: 1rem;
	background-image: url(../images/fire/icon-process.png);
	-webkit-background-size: auto 100%;
	background-size: auto 100%;
	background-position: 0 0;
	background-repeat: repeat-x
}

.fire-index .intro .info p {
	margin-bottom: 1rem
}

.fire-index .intro .info p img {
	display: block;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto
}

.fire-index .intro .info p:last-of-type {
	margin-bottom: .5rem
}

.fire-index .tel {
	height: auto;
	background: 0 0
}

.fire-index .tel .info {
	position: fixed;
	z-index: 99;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	line-height: 2.5rem;
	background-color: #ffd06a;
	color: #e91813;
	font-size: .875rem;
	padding: .625rem
}

.fire-index .tel .info span {
	font-size: 1rem
}

.fire-index .tel .info span>a {
	display: inline;
	background: 0 0;
	color: #EB300F;
	text-indent: 0
}

.fire-index .tel .info>a {
	display: block;
	width: 6.25rem;
	height: 2.5rem;
	line-height: 2.5rem;
	border-radius: .375rem;
	background-color: #e91813;
	color: #fcea00;
	text-align: center;
	text-indent: 1.5625rem;
	background-image: url(../images/fire/icon-tel2.png);
	-webkit-background-size: 20% auto;
	background-size: 20% auto;
	background-position: 15% center;
	background-repeat: no-repeat
}

.fire-index .tel .info .action-bar {
	display: none
}

.fire-index .tel .info .reminder {
	height: 1.875rem;
	line-height: 1.875rem;
	background-color: rgba(0,0,0,.7);
	position: relative;
	margin: .625rem -.625rem -.625rem
}

.fire-index .tel .info .reminder a {
	display: inline-block;
	width: auto;
	line-height: 1.875rem;
	color: #fff;
	background: 0 0
}

.fire-index .tel .info .reminder i {
	color: #fff;
	font-style: normal
}

.fire-index .tel .info .reminder strong {
	color: #ffdc00
}

.fire-index .tel .info .reminder .reminder-close {
	font-size: 1.5rem;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	display: block;
	min-width: 2.5rem;
	color: #fff;
	text-align: center;
	cursor: pointer
}

.fire-index .modal-close {
	color: #333
}

.fire-index fieldset {
	border: 0
}

.fire-index fieldset label {
	font-size: 1.5rem;
	padding-top: .3125rem;
	padding-right: 0;
	color: #333
}

.fire-index fieldset span {
	color: #827e7e;
	font-size: .875rem;
	text-align: center;
	display: block
}

.fire-index .modal-body input {
	font-size: 1rem;
	width: 100%;
	padding: .6875rem 1rem;
	border: .0625rem solid #da0042;
	border-radius: .3125rem
}

.fire-index .modal-footer button.double-primary {
	background-color: #D41F1A;
	color: #fff
}

.fire-index .modal-vote {
	position: fixed;
	top: 35%;
	left: 24%;
	width: 220px;
	height: 200px;
	display: none;
	z-index: 1
}

.fire-index .modal-vote.in::before {
	position: absolute;
	z-index: 0;
	top: 50%;
	left: 50%;
	width: 22.5rem;
	height: 22.5rem;
	margin-top: -11.25rem;
	margin-left: -11.25rem;
	content: ' ';
	border-radius: 50%;
	background-image: -webkit-radial-gradient(rgba(246,204,137,.3),rgba(77,58,27,.15),rgba(210,206,200,0),rgba(217,209,196,0));
	background-image: -o-radial-gradient(rgba(246,204,137,.3),rgba(77,58,27,.15),rgba(210,206,200,0),rgba(217,209,196,0));
	background-image: radial-gradient(rgba(246,204,137,.3),rgba(77,58,27,.15),rgba(210,206,200,0),rgba(217,209,196,0));
	will-change: transform;
	-webkit-animation: blinking 2s infinite ease;
	-o-animation: blinking 2s infinite ease;
	animation: blinking 2s infinite ease
}

.fire-index .modal-vote .fire-mini {
	background-image: url(../images/fire/fire.png);
	background-position: top center;
	-webkit-background-size: 53% auto;
	background-size: 53% auto;
	background-repeat: no-repeat;
	width: 100%;
	height: 80%
}

.fire-index .modal-vote .fire-mini.in {
	-o-animation: bounceInDown 1s linear;
	animation: bounceInDown 1s linear;
	-webkit-animation: bounceInDown 1s linear
}

.fire-index .modal-vote .fire-mini.stand {
	-o-animation: tada 2s infinite ease-in-out;
	animation: tada 2s infinite ease-in-out;
	-webkit-animation: tada 2s infinite ease-in-out
}

.fire-index .modal-vote .fire-mini.out {
	-o-animation: pushOut 1s linear;
	animation: pushOut 1s linear;
	-webkit-animation: pushOut 1s linear
}

.fire-index .modal-vote .note {
	font-size: .625rem;
	text-align: center;
	color: #fff;
	display: none;
	padding: 3px 5px;
	margin-top: 15px;
	border-radius: 6px;
	background: rgba(22,22,22,.64)
}

.fire-index .modal-vote .note.in,.fire-index .modal-vote.in {
	display: block
}

.fire-index .modal-vote .note font {
	-o-animation: flash 3s linear infinite;
	animation: flash 3s linear infinite;
	-webkit-animation: flash 3s linear infinite
}

.fire-index .modal-vote .note.out {
	-o-animation: fadeOut .6s linear;
	animation: fadeOut .6s linear;
	-webkit-animation: fadeOut .6s linear
}

.fire-index .modal-vote.out {
	display: none
}

.fire-index .sharer .weui_btn_primary {
	background-color: #D41F1A
}

.fire-index .completed-list {
	height: 2.875rem;
	line-height: 1.875rem;
	color: #fff;
	text-align: center;
	width: 93%;
	margin: 1.25rem auto 0;
	display: block
}

.fire-index .completed-list li {
	display: block;
	width: 100%;
	font-size: .75rem
}

.fire-index .completed-list li b,.fire-index .completed-list li span {
	color: #FFEA00
}

.fire-index .rule-box {
	margin-bottom: 4.5rem
}

.fire-index .modal-join .modal-content {
	background: url(../images/fire/join-modal-bg.png) center top no-repeat #fff;
	-webkit-background-size: 104% auto;
	background-size: 104% auto
}

.fire-index .modal-join .modal-body {
	padding-top: 10rem
}

.fire-index .modal-join .modal-close {
	color: #fff
}

.fire-index .modal-join fieldset {
	border-width: 0
}

.fire-index .modal-join fieldset label {
	padding-top: .3125rem;
	padding-right: 0;
	color: #333
}

.fire-index .modal-join fieldset span {
	color: #ff4853;
	font-size: .875rem;
	text-align: center;
	display: block
}

.fire-index .modal-join fieldset input {
	font-size: 1rem;
	width: 100%;
	padding: .3rem 1rem;
	border: .0625rem solid #ddd;
	border-radius: .3125rem
}

.fire-index .modal-join fieldset input:focus {
	border-color: #f84147;
	-webkit-box-shadow: 0 0 .125rem #271e0e;
	box-shadow: 0 0 .125rem #271e0e;
	outline: 0
}

.fire-index .myhelp {
	padding: 10px 40px;
	line-height: 2.25rem;
	color: #fff
}

.fire-index .myhelp span:first-of-type {
	font-size: 1rem
}

.fire-index .myhelp span:last-of-type {
	font-size: 1rem;
	padding-right: .75rem
}

.fire-index .myhelp span:last-of-type b {
	color: #FEE001;
	font-weight: 400;
	font-size: 1.5rem;
	padding-left: .3125rem;
	padding-right: .3125rem
}

.fire-index .myhelp p {
	color: #fff;
	background: rgba(176,2,1,.84);
	border-radius: 10px;
	opacity: .8;
	text-align: center;
	font-size: .875rem;
	margin-left: -1.25rem;
	margin-right: -1.25rem;
	clear: both;
	margin-bottom: 0;
	color: rgba(255,247,247,.8)
}

.fire-index.sample .tel {
	height: 4.75rem
}

.fire-index.sample .tel .info {
	padding-left: 0;
	padding-right: 0;
	text-indent: .625rem
}

.fire-index.sample .tel .info>span {
	text-indent: 0
}

.fire-index.sample .tel .info>a {
	text-indent: 1.5625rem;
	margin-right: .625rem
}

.fire-index.sample .tel .info .reminder {
	display: none
}

.fire-index.sample .tel .info .action-bar {
	display: block;
	width: 100%;
	background-color: #04be02;
	margin-bottom: -.625rem;
	text-indent: 0
}

.fire-index.sample .tel .info .action-bar a {
	display: block;
	width: 100%;
	background: #04be02;
	color: #fff;
	text-indent: 0;
	margin-bottom: -.625rem;
	margin-top: .625rem;
	margin-right: -.625rem
}

@media screen and (width:320px) {
	.fire-index .main .main-header.complete,.fire-index .main .main-header.joiner {
		padding-bottom: 26%
	}

	.fire-index .main .theme-text {
		margin-bottom: 6%
	}
}

@media screen and (width:414px) {
	.fire-index .main .main-header.mycomplete {
		padding-bottom: 18%
	}
}

.lantern {
	color: #111;
	background: url(../images/lantern/bg.jpg) top no-repeat #D42125;
	-webkit-background-size: 100% 100%;
	background-size: 100%;
	position: relative
}

.lantern .dashed,.lantern .dashed.reverse {
	color: #111;
	border: 1px dashed #787684
}

.lantern input {
	border: 1px dashed #787684
}

.lantern b {
	font-weight: 400;
	margin-left: .125rem;
	margin-right: .125rem;
	color: #AD0105
}

.lantern .weui_btn_primary {
	background-color: #af0c0d;
	color: #fff
}

.lantern .weui_btn_primary:focus {
	background-color: rgba(175,12,13,.7)
}

.lantern .card {
	margin: 1rem;
	padding: 1rem;
	background: #fff;
	border-radius: 2px
}

.lantern .prizes h5,.lantern .prizes p {
	margin-bottom: .5rem
}

.lantern .card .card-title {
	font-size: 1.125rem;
	position: relative;
	padding-bottom: .5rem;
	color: #AD0105
}

.lantern .card .card-title::after {
	position: absolute;
	bottom: 0;
	left: 0;
	content: " ";
	height: 2px;
	width: 5em;
	background-color: #AD0105
}

.lantern .card .card-title input {
	width: 6.75rem;
	height: 1rem;
	border: 1px dashed #717374;
	text-align: center;
	color: inherit;
	padding: .875rem 0
}

.lantern .card .card-title .tiper {
	position: absolute;
	top: .4rem;
	left: 8.125rem;
	width: 13rem;
	color: #717374;
	font-size: .75rem;
	text-shadow: none
}

.lantern .card .card-title .tiper i {
	padding-right: .375rem
}

.lantern .card .card-header.desc {
	text-align: left;
	margin-top: 1.5rem
}

.lantern button.doaction {
	color: #fff;
	-o-animation: heartbeat-lantern 3s infinite ease-in-out;
	animation: heartbeat-lantern 3s infinite ease-in-out;
	-webkit-animation: heartbeat-lantern 3s infinite ease-in-out
}

@-webkit-keyframes heartbeat-lantern {
	from {
		opacity: .5
	}

	50% {
		opacity: 1
	}

	to {
		opacity: .8;
		background-color: #dc0a0a
	}
}

@-o-keyframes heartbeat-lantern {
	from {
		opacity: .5
	}

	50% {
		opacity: 1
	}

	to {
		opacity: .8;
		background-color: #dc0a0a
	}
}

@keyframes heartbeat-lantern {
	from {
		opacity: .5
	}

	50% {
		opacity: 1
	}

	to {
		opacity: .8;
		background-color: #dc0a0a
	}
}

.lantern .banner {
	position: relative;
	overflow: hidden;
	text-align: center
}

.lantern .banner .banner-header {
	width: 100%;
	height: 10rem;
	position: relative;
	margin-top: 19%
}

.lantern .banner .banner-header ul {
	height: 100%
}

.lantern .banner .banner-header ul li {
	list-style: none;
	width: 20%;
	height: 100%;
	float: left;
	background: url(../images/lantern/lantern_1.png) center top no-repeat;
	-webkit-background-size: 66% 66%;
	background-size: 66%
}

.lantern .banner .banner-header ul li span {
	position: relative;
	width: 100%;
	height: 100%;
	display: block
}

.lantern .banner .banner-header ul li span font {
	top: 41%;
	left: 36%;
	position: absolute;
	color: #fff;
	font-size: 1.4rem;
	text-shadow: 2px 2px 2px #632c26
}

.lantern .banner .banner-header ul li.percent100 {
	background: url(../images/lantern/lantern_percent_100.png) center top no-repeat;
	-webkit-background-size: 66% 66%;
	background-size: 66%
}

.lantern .banner .banner-header ul li:nth-child(1).uneditable {
	-o-animation: shake-leftright 2.25s infinite ease-in-out;
	animation: shake-leftright 2.25s infinite ease-in-out;
	-webkit-animation: shake-leftright 2.25s infinite ease-in-out
}

.lantern .banner .banner-header ul li:nth-child(2).uneditable {
	-o-animation: shake-leftright 4.5s infinite ease-in-out;
	animation: shake-leftright 4.5s infinite ease-in-out;
	-webkit-animation: shake-leftright 4.5s infinite ease-in-out
}

.lantern .banner .banner-header ul li:nth-child(3).uneditable {
	-o-animation: shake-leftright 2.8s infinite ease-in-out;
	animation: shake-leftright 2.8s infinite ease-in-out;
	-webkit-animation: shake-leftright 2.8s infinite ease-in-out
}

.lantern .banner .banner-header ul li:nth-child(4).uneditable {
	-o-animation: shake-leftright 3s infinite ease-in-out;
	animation: shake-leftright 3s infinite ease-in-out;
	-webkit-animation: shake-leftright 3s infinite ease-in-out
}

.lantern .banner .banner-header ul li:nth-child(5).uneditable {
	-o-animation: shake-leftright 3.8s infinite ease-in-out;
	animation: shake-leftright 3.8s infinite ease-in-out;
	-webkit-animation: shake-leftright 3.8s infinite ease-in-out
}

.lantern .banner .banner-body {
	color: #fff3cc;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 1.5rem;
	letter-spacing: .1rem
}

.lantern .banner .banner-body .title {
	font-size: 1.6rem;
	word-wrap: break-word;
	word-break: normal
}

.lantern .banner .banner-body .title textarea {
	color: inherit;
	border: 1px dashed #fff;
	height: 6rem
}

.lantern .banner .banner-footer {
	bottom: 0;
	padding: .5rem;
	background: #fff;
	-webkit-box-shadow: 0 2px 13px #777a7c;
	box-shadow: 0 2px 13px #777a7c
}

.lantern .banner .banner-footer b {
	color: #d5000b;
	background: #ece4e4;
	border-radius: .3125rem;
	width: 1.6rem;
	display: inline-block
}

.lantern .banner .banner-footer b:nth-of-type(1) {
	padding: 0;
	background: 0 0;
	width: auto
}

.lantern .banner .banner-footer .date {
	color: #111
}

.lantern .banner .banner-footer .date input,.lantern .status-bar .grid+.grid .cell-6 b {
	color: #AD0105
}

.lantern .banner .banner-footer .date time {
	border: 1px dashed #ccc;
	color: #AD0105
}

.lantern .banner .completed-list {
	font-size: .875rem;
	line-height: 1.25rem;
	overflow: hidden;
	background: #fff;
	height: 1.25rem;
	list-style: none;
	text-align: center
}

.lantern .banner .completed-list.carousel {
	width: 100%
}

.lantern .banner .completed-list.carousel .in {
	width: 100%;
	font-size: .75rem;
	opacity: .65
}

.lantern .status-bar {
	font-size: .75rem;
	margin-top: .875rem;
	text-align: center;
	background: #fff
}

.lantern .status-bar .grid+.grid {
	margin-top: .5rem
}

.lantern .status-bar .grid+.grid .weui_btn_primary {
	background: #fff
}

.lantern .about .card-body,.lantern .about .card-body .uploader-container span,.lantern .accept .card-body,.lantern .rules {
	color: #111
}

.lantern .prizes {
	text-align: center;
	color: #000
}

.lantern .prizes h5 b,.lantern .prizes p b {
	color: #AD0105
}

.lantern .prizes h5 {
	font-size: 1.125rem;
	margin-top: .5rem
}

.lantern .prizes p:last-child {
	margin-bottom: 0
}

.lantern .prizes .uploader-container .reverse,.lantern .prizes .uploader-container span {
	color: #000
}

.lantern .prizes .prize-desc {
	text-align: left;
	margin-top: .875rem
}

.lantern .ranking-list table th {
	color: #AD0105
}

.lantern .ranking-list table td {
	text-align: center;
	color: #000
}

.lantern .modal-join .modal-close,.lantern .ranking-list .waterfall-flow-loader {
	color: #000
}

.lantern .modal-join fieldset {
	border-width: 0
}

.lantern .modal-join fieldset label {
	padding-top: .3125rem;
	padding-right: 0;
	color: #333
}

.lantern .modal-join fieldset span {
	color: #000;
	font-size: .875rem;
	text-align: center;
	display: block
}

.lantern .modal-join fieldset input {
	font-size: 1rem;
	width: 100%;
	padding: .3rem 1rem;
	border: .0625rem solid #AD0105;
	border-radius: .3125rem
}

.lantern .modal-join fieldset input:focus {
	border-color: #cc0;
	-webkit-box-shadow: 0 0 .125rem #7a0104;
	box-shadow: 0 0 .125rem #7a0104;
	outline: 0
}

.lantern .modal-moon-vote>img {
	position: absolute;
	top: 50%;
	left: 50%;
	max-width: 320px;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%)
}

.lantern .modal-moon-vote.fade>img {
	width: 0;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}

.lantern .modal-moon-vote.in>img {
	width: 100%
}

.lantern .header .stats li {
	text-shadow: 0 0 .1rem #444
}

.lantern .header .stats li b {
	color: #AD0105
}

.lantern .footer .actions {
	display: table;
	text-align: right;
	width: 100%;
	margin-bottom: .625rem;
	opacity: .95
}

.lantern .footer .actions>a {
	width: 100px;
	font-size: 1rem;
	line-height: 1.5rem;
	padding: .5rem;
	text-align: center;
	cursor: pointer;
	border-radius: 50px;
	-webkit-box-shadow: 0 1px 0 rgba(0,0,0,.3);
	box-shadow: 0 1px 0 rgba(0,0,0,.3);
	background: #E0E0E0;
	background: -moz-linear-gradient(19% 75% 90deg,#771313,#f22b2c);
	background: -webkit-gradient(linear,left top,left bottom,from(#771313),to(#f22b2c));
	color: #4A4A4A;
	opacity: .95
}

.lantern .footer .actions>a[disabled] {
	cursor: not-allowed
}

.lantern .footer .actions>a:first-child {
	color: #fff;
	background-color: #f7f7f7
}

.lantern .footer .actions>a.open {
	background-color: #ff7169
}

.lantern .footer .actions>a>i {
	margin-right: .5rem
}

.lantern .footer .reminder .reminder-link strong {
	color: #eefb70
}

.lantern .modal-halo.in::before {
	position: absolute;
	z-index: 0;
	top: 50%;
	left: 50%;
	width: 22.5rem;
	height: 22.5rem;
	margin-top: -11.25rem;
	margin-left: -11.25rem;
	content: ' ';
	-webkit-animation: haloRotating 5s infinite linear;
	-o-animation: haloRotating 5s infinite linear;
	animation: haloRotating 5s infinite linear;
	border-radius: 50%;
	background: url(../images/lantern/halo.png) center center no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%
}

.lantern .modal-halo .modal-content {
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none
}

.lantern .modal-halo .modal-body {
	position: relative;
	margin-right: auto;
	margin-left: auto;
	width: 11.25rem;
	height: 11.25rem;
	color: #fff!important;
	background-color: #AD0105;
	border-radius: 50%;
	background: -moz-linear-gradient(linear,0 34%,0 60%,from(#AD0105),to(#da3337));
	background: -webkit-gradient(linear,0 34%,0 60%,from(#AD0105),to(#da3337));
	-webkit-box-shadow: 0 0 10px #000;
	box-shadow: 0 0 10px #000
}

.lantern .modal-halo .modal-block {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 100%;
	color: #fff;
	text-shadow: 0 0 0 #6F6565,0 0 1px rgba(0,0,0,.8);
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	text-align: center;
	font-size: 1.5rem
}

.lantern .modal-halo .modal-block>span,.lantern .modal-halo .modal-block>strong {
	display: block
}

.lantern .modal-halo .modal-block>span {
	font-size: 1.375rem
}

.lantern .modal-halo .modal-block>strong {
	font-size: 1.5rem
}

.lantern .footer .fixed {
	-webkit-box-shadow: none;
	box-shadow: none
}

@media screen and (width:414px) {
	.lantern .banner .banner-header ul li span font {
		top: 47%
	}
}

@media screen and (width:320px) {
	.lantern .banner .banner-header ul li span font {
		top: 34%;
		left: 31%
	}
}

.lantern-editor .prizes input {
	text-align: left;
	color: #000
}

.lantern-editor .prizes input[type=text].mini,.lantern-editor .prizes input[type=number] {
	width: 4rem;
	margin-left: .3125rem;
	margin-right: .3125rem;
	padding: .125rem;
	color: #CA0001
}

.lantern-editor .prizes input[type=text].mini.mini,.lantern-editor .prizes input[type=number].mini {
	width: 6rem
}

.lantern-editor .prizes input[type=text] {
	width: 15.5rem;
	color: #CA0001
}

.lantern-editor .prizes p.line-hour {
	text-align: center
}

.lantern-editor .prizes p.note {
	font-size: .75rem;
	margin-bottom: 1.125rem;
	margin-top: .75rem;
	color: #4a565d
}

.lantern-editor .card .card-body input.telphone {
	margin-top: .875rem;
	display: block;
	width: 100%;
	height: 2.5rem;
	line-height: 2.5rem;
	background: url(../images/lantern/icon-tel.png) .625rem center no-repeat;
	border-radius: .625rem;
	padding-left: 2.5rem;
	-webkit-background-size: auto 60%;
	background-size: auto 60%;
	font-size: 1rem;
	border: 1px dashed #787684;
	color: #3b384d
}

.lantern-editor .card .card-body p.note {
	font-size: .75rem;
	color: #4a565d
}

.lantern-editor .footer .actions {
	position: fixed;
	bottom: 74px
}

.mini-editor-container.lantern-uploader .image-previewer.reverse label,.mini-editor-container.lantern-uploader .uploader.reverse label,.uploader-container.lantern-uploader .image-previewer.reverse label,.uploader-container.lantern-uploader .uploader.reverse label {
	border-color: #787684
}

.mini-editor-container.lantern-uploader .image-previewer.reverse label::after,.mini-editor-container.lantern-uploader .image-previewer.reverse label::before,.mini-editor-container.lantern-uploader .uploader.reverse label::after,.mini-editor-container.lantern-uploader .uploader.reverse label::before,.uploader-container.lantern-uploader .image-previewer.reverse label::after,.uploader-container.lantern-uploader .image-previewer.reverse label::before,.uploader-container.lantern-uploader .uploader.reverse label::after,.uploader-container.lantern-uploader .uploader.reverse label::before {
	background-color: #787684
}

.mini-editor-container.lantern-uploader .image-previewer.reverse span,.mini-editor-container.lantern-uploader .uploader.reverse span,.uploader-container.lantern-uploader .image-previewer.reverse span,.uploader-container.lantern-uploader .uploader.reverse span {
	color: #3b384d
}

.mini-editor-container.lantern-uploader a.action,.uploader-container.lantern-uploader a.action {
	border: 1px dashed #787684;
	color: #3b384d
}

.mini-editor-container.lantern-uploader i.icon,.uploader-container.lantern-uploader i.icon {
	color: rgba(84,78,78,.74)
}

.join-customize-container.lantern-join-customize {
	padding: 0 .5rem
}

.join-customize-container.lantern-join-customize input.disabled {
	border-color: #ccc
}

.solitaire-editor input,.solitaire-editor textarea {
	border: 1px dashed #b3752b;
	border-radius: .5rem
}

.solitaire-editor .dashed,.solitaire-editor .dashed.reverse {
	border: 1px dashed #b3752b
}

.solitaire-editor .main .banner .date {
	color: #838500
}

.solitaire-editor .main .banner .date input,.solitaire-editor .main .banner .date time {
	color: #446100
}

.solitaire-editor .main .banner .note {
	position: absolute;
	bottom: -1rem;
	left: 22%;
	font-size: .8rem;
	color: #fff
}

.solitaire-editor .main .banner .note i::before {
	margin-right: .5rem
}

.solitaire-editor .main .prizes.editable {
	margin-top: 2rem
}

.solitaire-editor .main .prizes.editable h1.title {
	padding-top: 4rem
}

.solitaire-editor .main .prizes.editable h1.title textarea {
	padding: 1rem 1.5rem .25rem;
	border-color: #b3752b
}

.solitaire-editor .main .prizes.editable input {
	width: 3rem;
	color: #c4a453;
	text-align: center;
	padding: .8rem 0
}

.solitaire-editor .main .prizes.editable p {
	margin: 0;
	padding: 0 1rem;
	text-align: left
}

.solitaire-editor .main .prizes.editable p.line {
	padding-top: 1rem
}

.solitaire-editor .main .prizes.editable p.line-prepaid {
	padding-top: 3rem
}

.solitaire-editor .main .prizes.editable p strong {
	color: #333;
	font-weight: 700
}

.solitaire-editor .main .prizes.editable p small {
	color: #e37d33
}

.solitaire-editor .main .prizes.editable .levels {
	padding-top: 1rem
}

.solitaire-editor .main .prizes.editable .levels .level {
	margin: 0 1rem;
	height: 8.5rem;
	font-size: .6rem;
	position: relative;
	background: url(../images/solitaire/prize_level_getting.png) left top no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100%
}

.solitaire-editor .main .card p,.solitaire-editor .main .card.editable .card-body p {
	margin-bottom: 0
}

.solitaire-editor .main .card.editable .card-header .tiper i::before,.solitaire-editor .main .prizes.editable .action button i::before,.solitaire-editor .main .prizes.editable .levels .level span {
	margin-right: .5rem
}

.solitaire-editor .main .prizes.editable .levels .level:nth-of-type(1) .level-icon {
	background-position: 1px 0
}

.solitaire-editor .main .prizes.editable .levels .level:nth-of-type(2) .level-icon {
	background-position: -42px 0
}

.solitaire-editor .main .prizes.editable .levels .level:nth-of-type(3) .level-icon {
	background-position: -84px 0
}

.solitaire-editor .main .prizes.editable .levels .level:nth-of-type(4) .level-icon {
	background-position: -125px 0
}

.solitaire-editor .main .prizes.editable .levels .level:nth-of-type(5) .level-icon {
	background-position: -168px 0
}

.solitaire-editor .main .prizes.editable .levels .level .level-icon {
	width: 2.5rem;
	height: 2.5rem;
	top: 2rem;
	left: 1rem;
	background: url(../images/solitaire/prize_btns.png) no-repeat
}

.solitaire-editor .main .prizes.editable .levels .level .level-desc,.solitaire-editor .main .prizes.editable .levels .level .level-title {
	width: 78%;
	left: 4rem
}

.solitaire-editor .main .prizes.editable .levels .level .level-title {
	border-bottom: 1px solid #e88a12;
	padding: .5rem 0
}

.solitaire-editor .main .prizes.editable .levels .level .level-desc {
	top: 4rem
}

.solitaire-editor .main .prizes.editable .levels .level button {
	font-size: 1.125rem;
	line-height: 1.5rem;
	position: absolute;
	top: 10%;
	right: 0;
	width: 1.5rem;
	height: 1.5rem;
	color: #ff4136;
	border: 0;
	background-color: #fff;
	border-radius: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%)
}

.solitaire-editor .main .prizes.editable .levels .level input {
	width: 2rem;
	padding: .5rem 0
}

.solitaire-editor .main .prizes.editable .levels .level input.desc {
	text-align: left;
	width: 100%
}

.solitaire-editor .main .prizes.editable .levels input {
	color: #fff
}

.solitaire-editor .main .prizes.editable .action {
	color: #875937;
	padding-top: .5rem
}

.solitaire-editor .main .prizes.editable .action button {
	width: 90%;
	background-color: #f3e0a5;
	text-align: center
}

.solitaire-editor .main .prizes.editable .action button.dashed {
	font-size: 1rem
}

.solitaire-editor .main .prizes h1.title textarea {
	color: #c4a453
}

.solitaire-editor .main .prizes .percent .percent-line img {
	width: 0
}

.solitaire-editor .main .card.editable textarea {
	color: #748663;
	border-color: #aad383
}

.solitaire-editor .main .card.editable .card-note {
	color: #e79350;
	font-size: .8rem
}

.solitaire-editor .main .card.editable .card-body {
	padding-top: 1.5rem;
	position: relative
}

.solitaire-editor .main .card.editable .card-body.hotline i.tel {
	position: absolute;
	left: 2rem;
	top: 2.5rem;
	color: #748663
}

.solitaire-editor .main .card.editable .card-body.hotline input {
	text-indent: 1rem
}

.solitaire-editor .main .card.editable .card-body.join_customize .note {
	color: #e79350;
	padding-bottom: .5rem
}

.solitaire-editor .main .card.editable .card-body.join_customize input.disabled {
	border-color: #bba58b
}

.solitaire-editor .main .card.editable .card-header {
	position: relative
}

.solitaire-editor .main .card.editable .card-header input {
	width: 8rem
}

.solitaire-editor .main .card.editable .card-header .tiper {
	text-shadow: none;
	color: #e68b44;
	font-size: .6rem;
	position: absolute;
	top: 2.6rem;
	z-index: 1;
	left: 30%
}

.solitaire-editor .main .card.editable .card-header .tiper.down {
	left: 10%
}

.mini-editor-container.solitaire-uploader .image-previewer.reverse label,.mini-editor-container.solitaire-uploader .uploader.reverse label,.uploader-container.solitaire-uploader .image-previewer.reverse label,.uploader-container.solitaire-uploader .uploader.reverse label {
	border-color: #787684
}

.mini-editor-container.solitaire-uploader .image-previewer.reverse label::after,.mini-editor-container.solitaire-uploader .image-previewer.reverse label::before,.mini-editor-container.solitaire-uploader .uploader.reverse label::after,.mini-editor-container.solitaire-uploader .uploader.reverse label::before,.uploader-container.solitaire-uploader .image-previewer.reverse label::after,.uploader-container.solitaire-uploader .image-previewer.reverse label::before,.uploader-container.solitaire-uploader .uploader.reverse label::after,.uploader-container.solitaire-uploader .uploader.reverse label::before {
	background-color: #787684
}

.mini-editor-container.solitaire-uploader .image-previewer.reverse span,.mini-editor-container.solitaire-uploader .uploader.reverse span,.uploader-container.solitaire-uploader .image-previewer.reverse span,.uploader-container.solitaire-uploader .uploader.reverse span {
	color: #3b384d
}

.mini-editor-container.solitaire-uploader a.action,.uploader-container.solitaire-uploader a.action {
	border: 1px dashed #787684;
	color: #5c5c5c
}

.mini-editor-container.solitaire-uploader i.icon,.uploader-container.solitaire-uploader i.icon {
	color: rgba(84,78,78,.74)
}

.imager-container.solitaire-imager .imager .actions a.action {
	border: 1px solid #ff9c00;
	color: #ce8800;
	background: 0 0
}

@media screen and (width:320px) {
	.solitaire-editor .main .prizes.editable .levels .level {
		height: 7rem
	}

	.solitaire-editor .main .prizes.editable .levels .level .level-desc {
		top: 5rem
	}
}

@media screen and (width:360px) {
	.solitaire-editor .main .prizes.editable .levels .level {
		height: 7rem
	}

	.solitaire-editor .main .prizes.editable .levels .level .level-title {
		width: 82%;
		border-bottom: 0
	}

	.solitaire-editor .main .prizes.editable .levels .level span {
		margin-right: 0
	}
}

@media screen and (width:375px) {
	.solitaire.solitaire-editor .main .prizes .levels .level {
		height: 7.5rem;
		margin: 0 1rem
	}

	.solitaire.solitaire-editor .main .prizes .levels .level span {
		margin-right: .1rem
	}

	.solitaire.solitaire-editor .main .prizes.editable input.short {
		width: 2rem
	}
}

@media screen and (min-width:415px) {
	.solitaire .main .prizes.editable .levels .level {
		height: 13.5rem;
		font-size: 1rem
	}

	.solitaire .main .prizes.editable .levels .level input {
		width: 4rem
	}

	.solitaire .main .prizes.editable .levels .level .level-desc.level-desc {
		top: 5.5rem
	}
}

.solitaire .header.uneditable {
	margin-bottom: 2.3rem
}

.solitaire .header.uneditable .stats li,.solitaire .header.uneditable .stats li b {
	color: #5f5f5f;
	text-shadow: none
}

.solitaire .main {
	background-color: #87c150;
	max-width: 640px;
	margin: 0 auto
}

.solitaire .main .banner {
	height: 4.2rem;
	text-align: center;
	background: url(../images/solitaire/countdown_bg.png) left top no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100%;
	margin-top: -7%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative
}

.solitaire .main .banner .countdown {
	color: #939600;
	font-size: .8rem
}

.solitaire .main .banner .countdown b {
	color: #feffdf;
	padding: .3rem;
	background-color: #b2b601;
	border-radius: .2rem;
	margin: 0 .2rem;
	display: inline-block
}

.solitaire .main .card {
	margin: 0 1rem
}

.solitaire .main .prizes {
	text-align: center;
	margin-top: 1rem
}

.solitaire .main .prizes .prizes-header {
	height: 4.6rem;
	background: url(../images/solitaire/prizes_top_bg.png) left top no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100%
}

.solitaire .main .prizes .levels,.solitaire .main .prizes .percent,.solitaire .main .prizes .title,.solitaire .main .prizes p {
	background: url(../images/solitaire/prizes_mid_bg.png) left top repeat-y;
	-webkit-background-size: 100% 100%;
	background-size: 100%
}

.solitaire .main .prizes .prizes-footer {
	background: url(../images/solitaire/prizes_bottom_bg.png) left top no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100%;
	height: 3rem
}

.solitaire .main .prizes h1.title {
	padding: .25rem 2.5rem;
	height: 4rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 1.1rem;
	color: #b84b16;
	margin: 0
}

.solitaire .main .prizes .percent {
	position: relative
}

.solitaire .main .prizes .percent .percent-line {
	margin: 0 2rem;
	height: 2.2rem;
	background: url(../images/solitaire/prize_line_bg.png) left top no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100%;
	position: relative
}

.solitaire .main .prizes .percent .percent-line .person {
	position: absolute;
	width: 3rem;
	height: 4rem;
	background: url(../images/solitaire/runner.gif) left top no-repeat;
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
	-webkit-background-size: 100% 100%;
	background-size: 100%;
	top: -1rem;
	left: 0;
	opacity: 0
}

.solitaire .main .prizes .percent .percent-line .percent-level {
	width: 0;
	height: 100%;
	opacity: 0
}

.solitaire .main .prizes .percent .percent-tiper {
	margin: .5rem 1rem 0;
	height: 4rem;
	background: url(../images/solitaire/prize_percent_tip.png) center top no-repeat;
	-webkit-background-size: 88% 88%;
	background-size: 88%;
	color: #fff;
	line-height: 3.2rem;
	font-size: .8rem
}

.solitaire .main .prizes .percent .percent-tiper strong {
	color: #ff4136
}

.solitaire .main .prizes .levels .level {
	margin: 0 2rem;
	height: 7.5rem;
	position: relative;
	font-size: .6rem
}

.solitaire .main .prizes .levels .level .level-icon {
	width: 4.2rem;
	height: 4.3rem;
	top: 1rem;
	left: .7rem;
	background: url(../images/solitaire/prize_btns.png) no-repeat
}

.solitaire .main .prizes .levels .level .level-desc,.solitaire .main .prizes .levels .level .level-icon,.solitaire .main .prizes .levels .level .level-title {
	position: absolute
}

.solitaire .main .prizes .levels .level .level-desc,.solitaire .main .prizes .levels .level .level-title {
	width: 71%;
	text-align: left;
	left: 5rem
}

.solitaire .main .prizes .levels .level .level-title {
	padding: .5rem 0;
	text-align: left;
	top: 1rem
}

.solitaire .main .prizes .levels .level .level-desc {
	top: 3rem;
	width: 71%;
	padding-top: .5rem
}

.solitaire .main .prizes .levels .level.getting.got,.solitaire .main .prizes .levels .level.got {
	color: #b58b52;
	background: url(../images/solitaire/prize_level_got.png) left top no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100%
}

.solitaire .main .prizes .levels .level.getting.got .level-icon,.solitaire .main .prizes .levels .level.got .level-icon {
	background-position: -60px -60px
}

.solitaire .main .prizes .levels .level.getting.got .level-title,.solitaire .main .prizes .levels .level.got .level-title {
	border-bottom: 1px solid #e0ba86
}

.solitaire .main .prizes .levels .level.getting {
	background: url(../images/solitaire/prize_level_getting.png) left top no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100%;
	color: #5b3400
}

.solitaire .main .prizes .levels .level.getting .level-icon {
	background-position: 3px -60px
}

.solitaire .main .prizes .levels .level.getting .level-title {
	border-bottom: 1px solid #e88a12
}

.solitaire .main .prizes .levels .level.notget {
	background: url(../images/solitaire/prize_level_notget.png) left top no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100%;
	color: #333
}

.solitaire .main .prizes .levels .level.notget .level-icon {
	background-position: -128px -60px
}

.solitaire .main .prizes .levels .level.notget .level-title {
	border-bottom: 1px solid #828282
}

.solitaire .main .card .card-header {
	background: url(../images/solitaire/card_top.jpg) center top no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100%;
	height: 3.5rem;
	line-height: 3rem;
	text-align: center;
	font-size: 1rem;
	color: #fff;
	text-shadow: 0 1px 2px #090909
}

.solitaire .main .card .card-body,.solitaire .main .card .card-note {
	background: url(../images/solitaire/joiners_mid.jpg) center top repeat-y;
	-webkit-background-size: 100% 100%;
	background-size: 100%;
	padding: .5rem 1.5rem 0;
	font-size: 1rem;
	color: #525252
}

.solitaire .main .card .card-footer {
	background: url(../images/solitaire/joiners_top_bottom.jpg) center top no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100%;
	height: 2.5rem
}

.solitaire .main .joiners {
	margin: 0 1rem
}

.solitaire .main .joiners .joiners-header {
	background: url(../images/solitaire/joiners_top.jpg) center top no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100%;
	height: 2rem
}

.solitaire .main .joiners .joiners-body {
	background: url(../images/solitaire/joiners_mid.jpg) center top repeat-y;
	-webkit-background-size: 100% 100%;
	background-size: 100%;
	overflow: hidden;
	padding: 0 1.5rem
}

.solitaire .main .joiners .joiners-body h2 {
	color: #333;
	font-size: 1rem
}

.solitaire .main .joiners .joiners-body h2 a {
	font-size: .8rem;
	float: right;
	color: #f60
}

.solitaire .main .joiners .joiners-body ul {
	width: 100%;
	display: inline-block
}

.solitaire .main .joiners .joiners-body ul li {
	list-style: none;
	width: 15%;
	float: left;
	overflow: hidden;
	margin: .5rem .15rem;
	text-align: center;
	height: 4.5rem
}

.solitaire .main .joiners .joiners-body ul li:last-child.last {
	color: #f60
}

.solitaire .main .joiners .joiners-body ul li:last-child span {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	background: #f60;
	color: #fff
}

.solitaire .main .joiners .joiners-body ul li:last-child b {
	color: inherit
}

.solitaire .main .joiners .joiners-body ul li img,.solitaire .main .joiners .joiners-body ul li:last-child>span {
	border-radius: 50%;
	width: 2.5rem;
	height: 2.5rem;
	margin: 0 auto
}

.solitaire .main .joiners .joiners-body ul li b {
	font-weight: 400;
	color: #333;
	font-size: .8rem
}

.solitaire .main .joiners .joiners-body p.empty {
	color: #999;
	font-size: .8rem
}

.solitaire .main .joiners .joiners-body p.prepaid {
	color: #333;
	font-size: 1rem;
	font-weight: 700;
	text-align: center;
	border-top: 1px solid #d9e9c9;
	padding-top: .4rem
}

.solitaire .footer .footer-body.joined,.solitaire .modal-join .modal-header {
	padding-top: .5rem
}

.solitaire .main .joiners .joiners-body p.prepaid strong {
	font-size: 1.5rem;
	color: #ff3600;
	margin-left: .5rem
}

.solitaire .main .joiners .joiners-body a.pay {
	display: inline-block;
	width: 100%;
	height: 2.5rem;
	line-height: 2.5rem;
	color: #fff;
	background-color: #ffa800;
	border-radius: 1rem;
	text-shadow: 1px 1px 1px #2b2929;
	border-bottom: 3px solid #b69a62;
	text-align: center
}

.solitaire .main .joiners .joiners-body a.pay>i {
	margin-right: .5rem;
	color: #fff
}

.solitaire .main .joiners .joiners-footer {
	background: url(../images/solitaire/joiners_top_bottom.jpg) center top no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100%;
	height: 2.5rem
}

.solitaire .main .ranking {
	padding-bottom: 4rem
}

.solitaire .main .ranking .card-header {
	color: #f3ff6c;
	letter-spacing: .1rem
}

.solitaire .main .ranking th {
	color: #ff5a00
}

.solitaire .main .ranking td {
	color: #333;
	text-align: center;
	font-size: .8rem
}

.solitaire .main .ranking .waterfall-flow-loader {
	margin-bottom: 0
}

.solitaire .footer .footer-header {
	background: url(../images/solitaire/footer_top.png) left top no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100%;
	height: .5rem
}

.solitaire .footer .footer-body {
	background-color: #2c4a10
}

.solitaire .footer .footer-body .joined-info {
	float: right;
	color: #ffa800;
	text-decoration: underline;
	margin-right: 2rem
}

.solitaire .footer .footer-body .actions {
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.solitaire .modal-join fieldset .avator-left,.solitaire .modal-join fieldset .avator-left .mask {
	-webkit-flex-direction: column;
	text-align: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal
}

.solitaire .footer .footer-body .actions>a {
	font-size: 1.125rem;
	line-height: 1.5rem;
	display: inline-block;
	padding: .5rem;
	width: 40%;
	color: #fff;
	background-color: #ffa800;
	text-align: center;
	cursor: pointer;
	border-radius: 1rem;
	font-weight: 700;
	text-shadow: 1px 1px 1px #2b2929
}

.solitaire .footer .footer-body .actions>a.disabled {
	opacity: .4
}

.solitaire .footer .footer-body .actions>a[disabled] {
	cursor: not-allowed
}

.solitaire .footer .footer-body .actions>a:first-child {
	background-color: #64cc00;
	margin: 1rem 1rem 1rem 0
}

.solitaire .footer .footer-body .actions>a:first-child i {
	color: inherit
}

.solitaire .footer .footer-body .actions>a.open {
	background-color: #ff7169
}

.solitaire .footer .footer-body .actions>a>i {
	margin-right: .5rem;
	color: #fff
}

.solitaire .weui_btn_primary {
	background-color: #72b100
}

.solitaire .weui_btn_primary:focus {
	background-color: #517e00
}

.solitaire .modal-join .modal-close {
	color: #333
}

.solitaire .modal-join .modal-body {
	position: relative;
	overflow: hidden
}

.solitaire .modal-join .modal-body,.solitaire .modal-join .modal-footer {
	padding-top: 0
}

.solitaire .modal-join p.tiper {
	color: #fc7d00;
	font-size: .8rem;
	text-align: center
}

.solitaire .modal-join p.tiper.submit-tiper {
	color: #ff4136
}

.solitaire .modal-join p.tiper.submiting {
	-o-animation: flash 2 infinite ease;
	animation: flash 2 infinite ease;
	-webkit-animation: flash 2s infinite ease
}

.solitaire .modal-join.join fieldset {
	padding-bottom: .35rem
}

.solitaire .modal-join.my fieldset {
	color: #333;
	font-size: .8rem
}

.solitaire .modal-join.my fieldset img {
	width: 100px;
	border-radius: 50%;
	margin: 0 auto;
	height: 100px
}

.solitaire .modal-join.success fieldset {
	color: #333
}

.solitaire .modal-join.success fieldset .note {
	font-size: 1.2rem
}

.solitaire .modal-join.success fieldset img {
	width: 60%;
	border-radius: 50%;
	margin: 0 auto
}

.solitaire .modal-join fieldset {
	border-width: 0;
	position: relative
}

.solitaire .modal-join fieldset .required {
	position: absolute;
	right: 2rem;
	bottom: 1.6rem;
	font-size: .8rem;
	color: #ff4136
}

.solitaire .modal-join fieldset label {
	font-size: 1.5rem;
	padding-top: .3125rem;
	padding-right: 0
}

.solitaire .modal-join fieldset h2 {
	color: #333;
	font-size: 1.2rem;
	font-weight: 700;
	text-align: center
}

.solitaire .modal-join fieldset input {
	font-size: 1rem;
	background-color: #f6f6f6;
	border: 1px solid #ddd;
	width: 100%;
	padding: .4rem 1rem;
	border-radius: .3125rem
}

.solitaire .modal-join fieldset input:focus {
	border-color: #72b100;
	-webkit-box-shadow: 0 0 .125rem #0082b1;
	box-shadow: 0 0 .125rem #0082b1;
	outline: 0
}

.solitaire .modal-join fieldset .avator-left {
	border: 1px solid #dfdfdf;
	width: 5rem;
	height: 5rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: #9a9a9a;
	font-size: 2.5rem;
	border-radius: 50%;
	background: #f6f6f6;
	position: relative
}

.solitaire .modal-join fieldset .avator-left .file,.solitaire .modal-join fieldset .avator-left .mask,.solitaire .modal-join fieldset .avator-left img {
	position: absolute;
	top: 0;
	left: 0
}

.solitaire .modal-join fieldset .avator-left .file {
	font-size: 20px;
	opacity: 0;
	z-index: 4;
	width: 100%;
	height: 100%
}

.solitaire .modal-join fieldset .avator-left img {
	width: 100%;
	height: 100%;
	z-index: 2;
	border-radius: 50%
}

.solitaire .modal-join fieldset .avator-left .mask {
	z-index: 3;
	background: rgba(0,0,0,.57);
	width: 100%;
	height: 100%;
	border-radius: 50%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: .8rem;
	color: #fff
}

.solitaire .modal-join fieldset .avator-left .mask i::before {
	margin-right: .3rem
}

.solitaire .modal-join fieldset .avator-right {
	position: relative
}

.solitaire .modal-join fieldset .avator-right h3 {
	color: #333;
	font-size: 1rem;
	font-weight: 700
}

.solitaire .modal-join fieldset .avator-right a {
	line-height: 2rem;
	padding: .1rem .6rem;
	display: inline-block;
	border: 1px solid #08abff;
	color: #08abff;
	fonts-size: 1rem;
	border-radius: .3rem;
	font-size: .8rem;
	margin-top: .4rem
}

.solitaire .modal-join fieldset .system-avator-selector {
	position: absolute;
	bottom: 9%;
	width: 100%;
	overflow: auto;
	background: #fff;
	-o-animation: slideInRight 1s ease;
	animation: slideInRight 1s ease;
	-webkit-animation: slideInRight 1s ease;
	z-index: 5
}

.solitaire .modal-join fieldset .system-avator-selector.hide {
	-o-animation: slideOutRight 1s ease;
	animation: slideOutRight 1s ease;
	-webkit-animation: slideOutRight 1s ease
}

.solitaire .modal-join fieldset .system-avator-selector ul>li {
	list-style: none;
	float: left;
	color: #000;
	margin-right: .5rem
}

.solitaire .modal-join fieldset .system-avator-selector .imgbox {
	padding: .5rem;
	width: 100%;
	border: 1px dashed #d5d6d2;
	overflow-x: auto
}

.solitaire .modal-join fieldset .system-avator-selector .imgbox .close {
	position: absolute;
	right: 1.75rem;
	top: .4rem;
	width: 1.5rem;
	height: 1.5rem;
	border-radius: 50%;
	background-color: rgba(0,0,0,.45);
	padding: .3rem .25rem .3rem .35rem;
	color: #fff
}

.solitaire .modal-join fieldset .system-avator-selector .imgbox .pointer {
	position: absolute;
	right: 3.75rem;
	top: 2.4rem;
	color: #414141;
	-o-animation: slideInRight 1s infinite ease;
	animation: slideInRight 1s infinite ease;
	-webkit-animation: slideInRight 1s infinite ease;
	font-size: 1.5rem
}

.solitaire .modal-join fieldset .system-avator-selector .imgbox ul {
	height: 100%;
	overflow: auto
}

.solitaire .modal-join fieldset .system-avator-selector .imgbox ul li {
	max-width: 80px;
	max-height: 80px;
	overflow: hidden;
	border-radius: 5px
}

.solitaire .modal-join fieldset .system-avator-selector .imgbox ul li.cur {
	border: 2px solid #5390e3
}

@media screen and (width:320px) {
	.solitaire .main .prizes .percent .percent-line .percent-level {
		height: 64%
	}

	.solitaire .main .prizes .percent .percent-tiper {
		line-height: 2.5rem;
		margin: 0
	}

	.solitaire .main .prizes .levels .level {
		margin: 0 .8rem;
		font-size: .6rem;
		height: 6.5rem
	}

	.solitaire .main .prizes .levels .level .level-icon {
		top: 1rem;
		left: .4rem
	}

	.solitaire .main .prizes .levels .level .level-desc,.solitaire .main .prizes .levels .level .level-title {
		left: 4.5rem
	}

	.solitaire .main .prizes h1.title {
		font-size: 1rem
	}

	.solitaire .main .prizes .prizes-header {
		height: 3.6rem
	}

	.solitaire .main .banner {
		height: 3.2rem;
		margin-bottom: 1rem
	}

	.solitaire .main .banner .countdown {
		font-size: .6rem
	}

	.solitaire .main .joiners .joiners-header {
		height: 1.8rem;
		line-height: 2.5rem
	}

	.solitaire .main .card {
		margin-top: 0
	}

	.solitaire .main .card .card-header {
		height: 3rem
	}

	.solitaire .main .joiners .joiners-body ul {
		max-height: 10rem
	}

	.solitaire .main .joiners .joiners-body ul li {
		height: 4rem;
		width: 18%;
		margin: .5rem .1rem
	}

	.solitaire .main .joiners .joiners-body ul li:nth-of-type(10),.solitaire .main .joiners .joiners-body ul li:nth-of-type(11),.solitaire .main .joiners .joiners-body ul li:nth-of-type(12) {
		display: none
	}

	.solitaire .footer .footer-header {
		height: .3rem
	}
}

@media screen and (width:360px) {
	.solitaire .main .banner {
		padding-bottom: .5rem;
		margin-bottom: 1rem
	}

	.solitaire .main .prizes .percent .percent-tiper {
		line-height: 2.8rem
	}

	.solitaire .main .prizes h1.title {
		font-size: 1rem
	}

	.solitaire .main .prizes .prizes-header {
		height: 4rem
	}

	.solitaire .main .prizes .levels .level {
		margin: 0 1rem;
		font-size: .6rem;
		height: 7rem
	}

	.solitaire .main .prizes .levels .level .level-desc,.solitaire .main .prizes .levels .level .level-title {
		left: 4.5rem
	}

	.solitaire .main .prizes .levels .level .level-desc.level-title,.solitaire .main .prizes .levels .level .level-title.level-title {
		top: .7rem
	}

	.solitaire .main .prizes .levels .level .level-desc.level-desc,.solitaire .main .prizes .levels .level .level-title.level-desc {
		top: 3.5rem
	}

	.solitaire .main .card {
		margin-top: 0
	}

	.solitaire .main .card .card-header {
		height: 3.3rem
	}

	.solitaire .main .joiners .joiners-body ul {
		max-height: 10rem
	}

	.solitaire .main .joiners .joiners-body ul li {
		height: 4rem;
		margin: .5rem .1rem
	}

	.solitaire .main .joiners .joiners-body ul li:nth-of-type(12) {
		display: none
	}
}

@media screen and (width:375px) {
	.solitaire .main .prizes .percent .percent-line .percent-level {
		height: 84%
	}

	.solitaire .main .prizes .levels .level {
		margin: 0 1.5rem;
		font-size: .7rem;
		height: 7rem
	}

	.solitaire .main .banner .countdown {
		padding-bottom: .5rem
	}
}

@media screen and (min-width:375px) {
	.solitaire .main .joiners .joiners-body ul {
		max-height: 10rem
	}

	.solitaire .main .joiners .joiners-body ul li:nth-of-type(12) {
		display: none
	}
}

@media screen and (width:414px) {
	.solitaire .main .card .card-header {
		height: 3.8rem
	}
}

@media screen and (min-width:415px) {
	.solitaire .main .banner {
		height: 7.2rem
	}

	.solitaire .main .banner .countdown {
		font-size: 1.2rem
	}

	.solitaire .main .banner .countdown b {
		width: 4rem;
		padding: .5rem
	}

	.solitaire .main .prizes .percent .percent-line {
		height: 3.7rem
	}

	.solitaire .main .prizes .percent .percent-line .person {
		width: 5rem;
		height: 5rem
	}

	.solitaire .main .prizes .percent .percent-tiper {
		height: 7rem;
		line-height: 5.4rem;
		margin-top: .5rem;
		font-size: 1.4rem
	}

	.solitaire .main .prizes .prizes-header {
		height: 7.6rem
	}

	.solitaire .main .prizes .prizes-footer {
		height: 5rem
	}

	.solitaire .main .prizes .levels .level {
		height: 13rem
	}

	.solitaire .main .prizes .levels .level .level-icon {
		top: 2rem;
		left: 1.7rem
	}

	.solitaire .main .prizes .levels .level .level-desc,.solitaire .main .prizes .levels .level .level-title {
		top: 2rem;
		left: 6rem
	}

	.solitaire .main .prizes .levels .level .level-desc.level-desc,.solitaire .main .prizes .levels .level .level-title.level-desc {
		top: 4.5rem
	}

	.solitaire .main .card .card-header {
		height: 6rem;
		line-height: 6rem;
		font-size: 2rem
	}

	.solitaire .main .card .card-footer {
		height: 3.5rem
	}

	.solitaire .main .joiners .joiners-header {
		height: 3.3rem
	}

	.solitaire .main .joiners .joiners-footer {
		height: 3.5rem
	}
}

@media only screen and (min-width:476px) and (max-width:620px) {
	.solitaire .main .banner {
		height: 5.2rem
	}

	.solitaire .main .banner .countdown {
		font-size: .8rem
	}

	.solitaire .main .banner .countdown b {
		width: 3rem
	}

	.solitaire .main .prizes.editable .levels .level {
		font-size: .8rem;
		height: 9.5rem
	}

	.solitaire .main .prizes .prizes-header {
		height: 5.6rem
	}

	.solitaire .main .prizes .percent .percent-tiper {
		height: 5rem;
		line-height: 4.4rem;
		margin-top: 0;
		font-size: .8rem
	}

	.solitaire .main .prizes .levels .level {
		height: 9rem
	}

	.solitaire .main .prizes h1.title {
		font-size: 1rem
	}

	.solitaire .main .prizes .joiners .joiners-header {
		height: 2.6rem
	}

	.solitaire .main .card .card-header {
		height: 4.2rem;
		line-height: 4rem;
		font-size: 1rem
	}
}

.solitaire-settle b {
	font-weight: 400;
	margin-left: .25rem;
	margin-right: .25rem;
	color: #ff4136
}

.solitaire-settle .weui_cells_title {
	font-size: 1.125rem;
	color: #333
}

.solitaire-joiners table a {
	cursor: pointer
}

.solitaire-joiners table th {
	font-weight: 700
}

.solitaire-joiners table td,.solitaire-joiners table th {
	padding: 2px;
	word-break: keep-all;
	white-space: nowrap
}

.solitaire-joiners .main .grid {
	padding: 4rem .8rem .5rem;
	border-bottom: 1px solid #ececec
}

.solitaire-joiners .main .grid b {
	color: red
}

.solitaire-joiners .main .weui_btn {
	width: 100%
}

.solitaire-joiners .main .red {
	color: #ff4136
}

.solitaire-joiners .main .weui_navbar.nofixed {
	top: 2.8rem
}

.solitaire-joiners .main .weui_navbar .weui_navbar_item {
	background: #f5f5f5;
	color: #403e3e
}

.solitaire-joiners .main .weui_navbar .weui_navbar_item.weui_bar_item_on {
	background-color: #639CEB;
	color: #fff
}

.solitaire-joiners .main .weui_navbar .weui_navbar_item span {
	position: absolute;
	width: 10px;
	height: 10px;
	top: 8px;
	right: 15px;
	background: #DA0909;
	border-radius: 50%
}

.solitaire-joiners .main .weui_tab_bd {
	padding: 0
}

.solitaire-joiners .main span.tiper {
	font-size: .75rem;
	text-align: center;
	display: block;
	height: 30px;
	overflow: hidden;
	line-height: 30px
}

.solitaire-joiners .main .weui_icon_info_circle::before {
	font-size: 1rem;
	margin-right: 5px
}

.solitaire-joiners .main .table-box {
	overflow-x: auto;
	width: 100%
}

.solitaire-joiners .exchanged {
	color: #c3c3c3
}

.solitaire-joiners .exchanged a {
	color: #79adda
}

.solitaire-joiners .weui_actionsheet_cell {
	display: block;
	font-size: .875rem
}

.solitaire-joiners .weui_actionsheet_cell i {
	padding-right: 5px
}

.solitaire-joiners .doubleeleven-notes {
	line-height: 1.5rem;
	font-size: .75rem;
	padding: 0 .625rem;
	margin: 0
}

.solitaire-joiners .doubleeleven-notes:first-of-type {
	padding-top: .625rem
}

.solitaire-joiners .doubleeleven-notes:last-of-type {
	padding-bottom: .625rem
}

.solitaire-joiners a.action {
	padding-left: 5px
}

.solitaire-joiners a.disabled {
	color: #96b8d6
}

.tree dd,.tree dl,.tree dt,.tree li,.tree ol,.tree ul {
	list-style: none
}

.tree .fl {
	float: left
}

.tree .fr {
	float: right
}

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

.tree .v-hidden {
	visibility: hidden
}

.tree .v-visible {
	visibility: visible
}

.tree .main {
	max-width: 640px;
	margin: 0 auto;
	overflow: hidden
}

.tree .main input,.tree .main textarea {
	border: 1px dashed #DB928F;
	background: 0 0
}

.tree .main .main-header {
	background-image: url(../images/tree/bg.jpg);
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: 0 0;
	overflow: hidden;
	display: block
}

.tree .main .main-header .header-bottom {
	padding-top: 16%
}

.tree .main .main-header .header-bottom.preview {
	padding-top: 59%
}

.tree .main .theme-text {
	color: #168700;
	text-align: center;
	font-weight: 700;
	font-size: 1.5rem;
	margin: 12.75% 6.25% 3.36875%
}

.tree .main .theme-text.preview {
	margin-top: 27%
}

.tree .main .theme-text textarea {
	resize: none;
	width: 100%;
	height: 8rem;
	text-align: center;
	padding: 1.25rem;
	font-size: 1.25rem;
	line-height: 2.5rem;
	background: 0 0;
	color: #3d6c33;
	border: 1px dashed #d2e3e7;
	border-radius: .625rem;
	font-weight: 700
}

.tree .main .time-name {
	color: #8b692e;
	font-size: .875rem;
	text-align: center
}

.tree .main .time-name input {
	display: inline-block;
	width: 6.875rem;
	height: 2.5rem;
	line-height: 2.5rem;
	color: #3d6c33;
	border-radius: .625rem;
	font-size: .625rem;
	text-align: center
}

.tree .main .time-name .countdown {
	font-size: 1rem
}

.tree .main .time-name .countdown b:first-of-type {
	color: #5d9a70;
	margin-left: .1875rem;
	margin-right: .1875rem
}

.tree .main .time-name .countdown b:not(:first-of-type) {
	background-color: #409a5c;
	color: #fffc00;
	border-radius: .3125rem;
	display: inline-block;
	width: 1.875rem;
	height: 1.875rem;
	line-height: 1.875rem;
	text-align: center;
	margin-left: .1875rem;
	margin-right: .1875rem
}

.tree .main .time-name.preview {
	font-size: .875rem
}

.tree .main .vote-hour {
	color: #8b692e;
	text-align: center;
	font-size: .875rem;
	line-height: 2.5rem;
	padding-top: .625rem
}

.tree .main .vote-hour input {
	display: inline-block;
	width: 2.5rem;
	height: 2.5rem;
	line-height: 2.5rem;
	background: 0 0;
	color: #3d6c33;
	border-radius: .625rem;
	font-size: .625rem;
	text-align: center
}

.tree .main .vote-hour .note {
	color: #8e8677;
	font-size: .875rem;
	line-height: 1.125rem;
	padding: 0 8%
}

.tree .main .push-button {
	padding: 5% 0;
	overflow: hidden
}

.tree .main .push-button a {
	display: inline-block;
	opacity: 1;
	width: 80%;
	height: 3.125rem;
	line-height: 3.125rem;
	text-align: center;
	background: #57b6ff;
	border-radius: .9375rem;
	border-bottom: .3125rem solid #4995ca;
	color: #fff
}

.tree .main .push-button a:first-of-type {
	margin-left: 10%
}

.tree .main .push-button a:last-of-type {
	margin-right: 10%
}

.tree .main .push-button.preview button {
	opacity: .7
}

.tree .main .prize-info {
	padding: 1.25rem;
	background: #8b692e
}

.tree .main .prize-info.editable .myinfo {
	color: #fff;
	font-size: 1rem
}

.tree .main .prize-info.editable .myinfo .note {
	color: rgba(255,255,255,.76);
	font-size: .8rem;
	padding-top: 3.4rem
}

.tree .main .prize-info.editable .myinfo .info .cell-12 {
	font-size: 1rem
}

.tree .main .prize-info.editable .myinfo input {
	border: 1px dashed #9e7220;
	color: #f6ff00;
	text-align: center;
	padding: .3rem;
	width: 2.5rem;
	border-radius: .375rem
}

.tree .main .prize-info .myinfo {
	padding: 1rem .5rem 3rem;
	color: #563706;
	background: #cb901d;
	border-radius: .625rem;
	border-bottom: .3125rem solid #75500f
}

.tree .main .prize-info .myinfo .title {
	text-align: center;
	font-size: 1rem;
	padding-bottom: 1.5rem;
	border-bottom: 1px solid #75500f;
	color: #fff;
	background: url(../images/tree/my_info_bg.jpg) left top no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto
}

.tree .main .prize-info .myinfo .info {
	padding: .5rem
}

.tree .main .prize-info .myinfo .info .cell-4 {
	text-align: left;
	color: #fcff00
}

.tree .main .prize-info .myinfo .info .cell-8 {
	text-align: right
}

.tree .main .prize-info .myinfo .info .cell-12 {
	font-size: .8rem;
	text-align: center;
	padding-top: .5rem
}

.tree .main .prize-info .myinfo .info .cell-12 b {
	font-size: .8rem
}

.tree .main .prize-info .myinfo b {
	color: #fcff00
}

.tree .main .prize-info .ladder {
	padding-top: 1rem
}

.tree .main .prize-info .ladder ul {
	display: block
}

.tree .main .prize-info .ladder ul li {
	display: block;
	position: relative;
	margin-bottom: 1rem
}

.tree .main .prize-info .ladder ul li>button {
	position: absolute;
	z-index: 3;
	right: .9375rem;
	top: .3125rem;
	background: 0 0;
	border: 0;
	width: 2rem;
	height: 2rem;
	line-height: 1rem;
	color: #fdfdfd;
	background-color: rgba(35,42,32,.64);
	font-weight: 700;
	text-align: center;
	border-radius: 50%;
	overflow: hidden;
	opacity: .9
}

.tree .main .prize-info .ladder ul li .info {
	height: 100%;
	padding: 0 3% .5rem;
	background: url(../images/tree/level_bg.jpg) left top no-repeat #f1ed8b;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	border-radius: .9375rem;
	border-bottom: 3px solid #c2be54
}

.tree .main .prize-info .ladder ul li .info>span {
	display: block;
	width: 100%;
	height: 3rem;
	font-size: 1.1rem;
	letter-spacing: .25rem;
	color: #25790d;
	font-weight: 700;
	overflow: hidden;
	text-align: center;
	text-indent: 1rem
}

.tree .main .prize-info .ladder ul li .info .text {
	font-size: 1.125rem;
	color: #2d9610;
	font-weight: 700;
	padding: 1%;
	text-align: center;
	border-radius: 25px;
	margin: 0 auto 3%;
	width: 92%
}

.tree .main .prize-info .ladder ul li .info .detail {
	height: 100%;
	text-align: center
}

.tree .main .prize-info .ladder ul li .info .detail h2 {
	height: 1.5rem;
	color: #2d9610;
	font-size: .75rem
}

.tree .main .prize-info .ladder ul li .info .detail h2 span {
	font-size: .875rem;
	color: #ff6c00;
	font-weight: 700
}

.tree .main .prize-info .ladder ul li .info .detail h2 span input {
	width: 3.75rem;
	background: 0 0;
	border: 1px dashed #C8B439;
	border-radius: .625rem;
	text-align: center;
	font-size: 1.125rem;
	color: #E53000
}

.tree .main .prize-info .ladder ul li .info .detail h2 span.val {
	color: #ff6c00
}

.tree .main .prize-info .ladder ul li .info .detail h2 span.help_value {
	color: #ff6c00;
	padding-left: 1%
}

.tree .main .prize-info .ladder ul li .info .detail h2 span.sock {
	width: 28px;
	height: 22px;
	background: url(../images/tree/level_tree.jpg) bottom no-repeat;
	-webkit-background-size: 66% 66%;
	background-size: 66%;
	display: inline-block
}

.tree .main .prize-info .ladder ul li .info .detail p {
	height: 1.5rem;
	color: #775f59;
	font-size: 1rem;
	text-align: left
}

.tree .main .prize-info .ladder ul li .info .detail p button {
	width: 5rem;
	height: 2rem;
	background: #ff8400;
	border: 0;
	color: #fff;
	font-size: .875rem;
	border-radius: .375rem;
	margin-right: .875rem;
	border-bottom: 2px solid #e57100
}

.tree .main .prize-info .ladder ul li .info .detail p b {
	color: #ff6c00
}

.tree .main .prize-info .ladder ul li .info .detail p.line-stock {
	font-size: .75rem;
	margin: 4% 2%;
	color: #2d9610
}

.tree .main .prize-info .ladder>button {
	display: block;
	width: 90%;
	height: 3.75rem;
	text-align: center;
	background: 0 0;
	border: 1px dashed #fff;
	color: #fff;
	margin: 1.5rem auto 0;
	border-radius: .625rem;
	font-size: 1rem
}

.tree .main .prize-info .ladder>button span {
	font-size: 1rem;
	display: inline-block;
	width: 1.25rem;
	height: 1.25rem;
	vertical-align: -.1875rem;
	position: relative;
	z-index: 1;
	margin-right: .3125rem
}

.tree .main .prize-info .ladder>button span::after,.tree .main .prize-info .ladder>button span::before {
	display: block;
	content: '';
	position: absolute;
	left: 50%;
	top: 50%
}

.tree .main .prize-info .ladder>button span::before {
	margin-left: -.125rem;
	margin-top: -.625rem;
	width: .25rem;
	height: 1.25rem;
	background-color: #fff
}

.tree .main .prize-info .ladder>button span::after {
	margin-top: -.125rem;
	margin-left: -.625rem;
	height: .25rem;
	width: 1.25rem;
	background-color: #fff
}

.tree .main .prize-info .ladder input {
	width: 1.875rem;
	text-align: center;
	font-size: .875rem;
	border: 1px dashed #4a2779;
	background: 0 0;
	color: #2d9610;
	height: 1.875rem;
	border-radius: .3125rem
}

.tree .main .prize-info .ladder .line-text {
	text-align: center;
	padding: 2% 5%
}

.tree .main .prize-info .ladder .line-text input {
	width: 80%
}

.tree .main .prize-info .ladder .line-price,.tree .main .prize-info .ladder .line-stock {
	padding: 1% 2%
}

.tree .main .prize-info .ladder .line-price font {
	padding-right: 3px
}

.tree .main .card,.tree .main .ranking-list {
	padding-bottom: 1.25rem;
	position: relative;
	background: #c6de00
}

.tree .main .card.card:nth-child(odd),.tree .main .ranking-list.card:nth-child(odd) {
	background: #e2f5b5
}

.tree .main .card.card:nth-child(odd) .card-body summary,.tree .main .card.card:nth-child(odd) .info summary,.tree .main .ranking-list.card:nth-child(odd) .card-body summary,.tree .main .ranking-list.card:nth-child(odd) .info summary {
	color: #375916
}

.tree .main .card.ranking-list,.tree .main .ranking-list.ranking-list {
	background: #e2f5b5;
	padding-bottom: 6rem
}

.tree .main .card.tel-info,.tree .main .ranking-list.tel-info {
	padding-bottom: 6rem
}

.tree .main .card.tel-info .info.edit,.tree .main .ranking-list.tel-info .info.edit {
	padding: 5rem 1.5rem 0
}

.tree .main .card.tel-info .info.edit input,.tree .main .ranking-list.tel-info .info.edit input {
	width: 90%
}

.tree .main .card h2,.tree .main .card h6,.tree .main .ranking-list h2,.tree .main .ranking-list h6 {
	display: block;
	width: 40%;
	height: 3rem;
	line-height: 3.5rem;
	background: url(../images/tree/block_bg.png) left top no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100%;
	text-align: center;
	font-size: 1rem;
	color: #efffd5;
	font-weight: 700;
	letter-spacing: .1rem;
	position: absolute;
	top: 1rem;
	left: .95rem
}

.tree .main .card h2 input,.tree .main .card h6 input,.tree .main .ranking-list h2 input,.tree .main .ranking-list h6 input {
	width: 6rem;
	height: 2rem;
	line-height: 2rem;
	text-align: center;
	color: #fff
}

.tree .main .card .editable-tip,.tree .main .ranking-list .editable-tip {
	position: absolute;
	top: 2rem;
	left: 10.2rem;
	color: #6e8220;
	font-size: .875rem
}

.tree .main .card .editable-tip i,.tree .main .ranking-list .editable-tip i {
	padding-right: .375rem
}

.tree .main .card h6.ranking-title,.tree .main .ranking-list h6.ranking-title {
	top: .3rem;
	left: 30%
}

.tree .main .card .info.edit,.tree .main .ranking-list .info.edit {
	padding-top: 4.375rem
}

.tree .main .card .info.edit .line-tip,.tree .main .ranking-list .info.edit .line-tip {
	font-size: .625rem;
	color: #6c7923
}

.tree .main .card .card-body,.tree .main .card .info,.tree .main .ranking-list .card-body,.tree .main .ranking-list .info {
	padding: .425rem;
	word-break: break-all
}

.tree .main .card .card-body summary,.tree .main .card .info summary,.tree .main .ranking-list .card-body summary,.tree .main .ranking-list .info summary {
	color: #375916;
	border-radius: 1rem;
	padding: 4.5rem .8rem .8rem
}

.tree .main .card .card-body summary img,.tree .main .card .info summary img,.tree .main .ranking-list .card-body summary img,.tree .main .ranking-list .info summary img {
	border: 3px solid #fff
}

.tree .main .card .card-body summary.ranking-summary,.tree .main .card .info summary.ranking-summary,.tree .main .ranking-list .card-body summary.ranking-summary,.tree .main .ranking-list .info summary.ranking-summary {
	padding-top: 3rem
}

.tree .main .card .card-body textarea,.tree .main .card .info textarea,.tree .main .ranking-list .card-body textarea,.tree .main .ranking-list .info textarea {
	display: block;
	width: 100%;
	min-height: 7.5rem;
	background: 0 0;
	resize: none;
	border: 1px dashed #869037;
	color: #375916;
	padding: .625rem;
	border-radius: .3125rem;
	margin-top: .5rem
}

.tree .main .card .card-body input.telphone,.tree .main .card .info input.telphone,.tree .main .ranking-list .card-body input.telphone,.tree .main .ranking-list .info input.telphone {
	display: block;
	width: 100%;
	height: 2.5rem;
	line-height: 2.5rem;
	background: url(../images/tree/icon-tel.png) .625rem center no-repeat;
	border: 1px dashed #869037;
	border-radius: .625rem;
	padding-left: 2.5rem;
	-webkit-background-size: auto 60%;
	background-size: auto 60%;
	color: #515b00;
	font-size: 1rem
}

.tree .main .card .card-body p,.tree .main .card .info p,.tree .main .ranking-list .card-body p,.tree .main .ranking-list .info p {
	margin-top: .625rem;
	color: #375916;
	line-height: 1.25rem
}

.tree .main .card table,.tree .main .ranking-list table {
	width: 100%;
	text-align: center
}

.tree .main .card table thead th,.tree .main .ranking-list table thead th {
	color: #2e5a06;
	height: 2.5rem;
	font-size: .875rem
}

.tree .main .card table tbody td,.tree .main .ranking-list table tbody td {
	color: #515c47;
	font-size: .75rem
}

.tree .main .card .waterfall-flow-loader,.tree .main .ranking-list .waterfall-flow-loader {
	color: #9cb981
}

.tree .main .tel {
	font-size: .875rem;
	background-color: #82d037;
	color: #fbff8b
}

.tree .main .tel span {
	font-size: 1rem
}

.tree .main .tel a {
	display: block;
	width: 6.25rem;
	height: 2.5rem;
	line-height: 2.5rem;
	border-radius: .375rem;
	background-color: #ff5a00;
	color: #fcea00;
	text-align: center;
	text-indent: 1.5625rem;
	background-image: url(../images/tree/icon-tel2.png);
	-webkit-background-size: 20% auto;
	background-size: 20% auto;
	background-position: 15% center;
	background-repeat: no-repeat
}

.tree footer,.tree footer .content {
	background-color: #fff
}

.tree .main .tel.preview {
	height: 2.5rem;
	line-height: 2.5rem;
	padding: .625rem .625rem 7rem
}

.tree footer .content {
	position: fixed;
	z-index: 1011;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	hheight: 3.75rem;
	padding: .625rem 1.25rem
}

.tree footer .content button {
	width: 45%;
	height: 2.5rem;
	text-align: center;
	font-size: 1rem;
	border-radius: .3125rem
}

.tree footer .content button:first-of-type {
	background: #f7f7f7;
	border: 1px solid #D2D2D2
}

.tree footer .content button:last-of-type {
	background: #0f9b00;
	color: #fff;
	border: 1px solid #368f2a
}

.mini-editor-container.tree-uploader .weui_btn_plain_primary,.uploader-container.tree-uploader .weui_btn_plain_primary {
	border: 1px dashed #869037;
	color: #4a4a4a
}

.mini-editor-container.tree-uploader .reverse label,.uploader-container.tree-uploader .reverse label {
	border-color: #869037;
	border-radius: .5rem
}

.mini-editor-container.tree-uploader .reverse label::after,.mini-editor-container.tree-uploader .reverse label::before,.uploader-container.tree-uploader .reverse label::after,.uploader-container.tree-uploader .reverse label::before {
	background-color: #727272
}

.mini-editor-container.tree-uploader .reverse label span,.uploader-container.tree-uploader .reverse label span {
	color: #4a4a4a
}

.join-customize-container.tree-join-customize {
	padding: 4.5rem .5rem 0
}

.join-customize-container.tree-join-customize .note {
	color: #6c7923
}

.join-customize-container.tree-join-customize input {
	color: #515b00;
	border: 1px dashed #acba6b
}

.join-customize-container.tree-join-customize .weui_cells_checkbox .weui_check:checked+.weui_icon_checked:before {
	color: #0083de
}

@media screen and (width:320px) {
	.tree-editor .main .theme-text {
		margin-top: 11.75%
	}

	.tree-editor .main .main-header .header-bottom {
		padding-top: 0
	}

	.tree-editor .main .main-header .header-bottom.preview {
		padding-top: 35.5%
	}

	.tree-editor .main .card .info,.tree-editor .main .ranking-list .info {
		padding-top: 3.375rem
	}

	.tree-editor .main .card h2,.tree-editor .main .card h6,.tree-editor .main .ranking-list h2,.tree-editor .main .ranking-list h6 {
		line-height: 3rem
	}

	.tree-editor .main .card .editable-tip,.tree-editor .main .ranking-list .editable-tip {
		left: 9.2rem
	}

	.tree-editor .main .card .card-body summary,.tree-editor .main .card .info summary,.tree-editor .main .ranking-list .card-body summary,.tree-editor .main .ranking-list .info summary {
		padding-top: 1rem
	}

	.join-customize-container.tree-join-customize {
		padding-top: 1.5rem
	}
}

@media screen and (width:360px) {
	.tree-editor .main .main-header .header-bottom {
		padding-top: 12%
	}

	.tree-editor .main .main-header .header-bottom.preview {
		padding-top: 57.5%
	}
}

@media screen and (width:414px) {
	.tree .main .card h2,.tree .main .card h6,.tree .main .ranking-list h2,.tree .main .ranking-list h6 {
		height: 3.5rem;
		line-height: 3.8rem
	}

	.tree-editor .main .main-header .header-bottom {
		padding-top: 25%
	}

	.tree-editor .main .main-header .header-bottom.preview {
		padding-top: 72.5%
	}

	.tree-editor .main .card .editable-tip,.tree-editor .main .ranking-list .editable-tip {
		left: 12rem
	}
}

@media only screen and (min-width:476px) and (max-width:640px) {
	.tree-editor .main .main-header .header-bottom {
		padding-top: 38%
	}

	.tree-editor .main .main-header .header-bottom.preview {
		padding-top: 75%
	}

	.tree-editor .main .prize-info .ladder input {
		width: 2.875rem
	}

	.tree-editor .main .card .editable-tip,.tree-editor .main .ranking-list .editable-tip {
		left: 13.2rem
	}
}

.tree-index .header>.stats>li {
	color: #60ad75;
	text-shadow: none
}

.tree-index .header>.stats>li b {
	color: #db9422
}

.tree-index .weui_btn_primary {
	background-color: #ff8400;
	color: #fff
}

.tree-index .weui_btn_primary:active,.tree-index .weui_btn_primary:focus {
	background-color: #ff8400
}

.tree-index .weui_btn_primary.weui_btn::after {
	border: 0
}

.tree-index .main .push-button {
	padding: 0
}

.tree-index .main .main-header {
	position: relative
}

.tree-index .main .main-header .header-bottom {
	padding-top: 42.5%
}

.tree-index .main .main-header .tree-grow {
	position: absolute;
	height: 0
}

.tree-index .main .main-header .tree-grow.young {
	width: 12.26%;
	left: 46%;
	bottom: 24%;
	background: url(../images/tree/tree-young.png) center center no-repeat;
	-webkit-background-size: contain;
	background-size: contain
}

.tree-index .main .main-header .tree-grow.older {
	width: 54%;
	left: 24%;
	bottom: 24%;
	background: url(../images/tree/tree-older.png) center center no-repeat;
	-webkit-background-size: contain;
	background-size: contain
}

.tree-index .main .main-header .bird {
	position: absolute;
	height: 3rem;
	width: 3rem;
	left: 100%;
	bottom: 30%;
	background: url(../images/tree/bird.gif) center center no-repeat;
	-webkit-background-size: contain;
	background-size: contain
}

.tree-index .main .main-header .gift {
	position: absolute;
	bottom: 24%;
	-o-animation: tada 2.5s infinite ease;
	animation: tada 2.5s infinite ease;
	-webkit-animation: tada 2.5s infinite ease
}

.tree-index .main .main-header .gift.gift3 {
	width: 8.085%;
	height: 5.715%;
	left: 24.87%;
	background: url(../images/tree/gift1.png) center center no-repeat;
	-webkit-background-size: contain;
	background-size: contain
}

.tree-index .main .main-header .gift.gift1 {
	width: 6.555%;
	height: 5.55%;
	left: 35.15%;
	background: url(../images/tree/gift2.png) center center no-repeat;
	-webkit-background-size: contain;
	background-size: contain
}

.tree-index .main .main-header .gift.gift2 {
	width: 14.175%;
	height: 5.55%;
	left: 56.25%;
	background: url(../images/tree/gift3.png) center center no-repeat;
	-webkit-background-size: contain;
	background-size: contain
}

.tree-index .main .main-header .gift.gift4 {
	width: 8.085%;
	height: 5.715%;
	left: 67%;
	background: url(../images/tree/gift4.png) center center no-repeat;
	-webkit-background-size: contain;
	background-size: contain
}

.tree-index .main .main-header .gift.gift5 {
	width: 8.085%;
	height: 5.715%;
	left: 77.62%;
	background: url(../images/tree/gift5.png) center center no-repeat;
	-webkit-background-size: contain;
	background-size: contain
}

.tree-index .main .time-name {
	color: #5d9b70
}

.tree-index .main .theme-text {
	margin: 23.75% 6.25% 9.375%
}

.tree-index .main .prize-info .ladder ul li .got-masker {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: url(../images/tree/got-icon.png) center center no-repeat #a7de00;
	-webkit-background-size: 30% 30%;
	background-size: 30%;
	opacity: .6;
	z-index: 3;
	border-radius: .8rem
}

.tree-index .main .prize-info .ladder ul li .info .detail h2 b {
	background: 0 0;
	text-align: center;
	font-size: 1.125rem;
	color: #E53000
}

.tree-index .main .prize-info .ladder ul li .info .detail h2 i {
	font-style: normal;
	font-size: .75rem
}

.tree-index .main .prize-info .ladder ul li .info .detail h2 span.val {
	padding-right: 6%
}

.tree-index .main .prize-info .ladder ul li .info .detail>p {
	line-height: 2.25rem;
	font-size: .75rem;
	color: #2d9610
}

.tree-index .main .prize-info .ladder ul li .info .detail>p span:first-of-type {
	vertical-align: -.125rem
}

.tree-index .main .prize-info .ladder ul li .info .detail>p>button {
	width: 4rem;
	line-height: 2rem;
	position: relative
}

.tree-index .main .prize-info .ladder ul li .info .detail>p>button.got {
	font-size: 1.5rem
}

.tree-index .main .prize-info .ladder ul li .info .detail .level-process {
	display: inline-block;
	width: 7rem;
	height: 1.125rem;
	background-color: #549b10;
	border-radius: 1rem;
	position: relative;
	border: 1px solid #428800;
	z-index: 1;
	margin-left: 1.25rem
}

.tree-index .main .prize-info .ladder ul li .info .detail .level-process i {
	display: block;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	border-radius: 1rem;
	background-image: url(../images/tree/icon-process.png);
	-webkit-background-size: auto 100%;
	background-size: auto 100%;
	background-position: 0 0;
	background-repeat: repeat-x
}

.tree-index .intro .info p {
	margin-bottom: 1rem
}

.tree-index .intro .info p img {
	display: block;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto
}

.tree-index .intro .info p:last-of-type {
	margin-bottom: .5rem
}

.tree-index .tel {
	height: auto;
	background: 0 0
}

.tree-index .tel .info {
	position: fixed;
	z-index: 99;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	line-height: 2.5rem;
	background-color: #82d037;
	color: #fbff8b;
	font-size: .875rem;
	padding: .625rem
}

.tree-index .tel .info span {
	font-size: 1rem
}

.tree-index .tel .info span>a {
	display: inline;
	background: 0 0;
	color: #EB300F;
	text-indent: 0
}

.tree-index .tel .info>a {
	display: block;
	width: 6.25rem;
	height: 2.5rem;
	line-height: 2.5rem;
	border-radius: .375rem;
	background-color: #ff5a00;
	color: #fcea00;
	text-align: center;
	text-indent: 1.5625rem;
	background-image: url(../images/tree/icon-tel2.png);
	-webkit-background-size: 20% auto;
	background-size: 20% auto;
	background-position: 15% center;
	background-repeat: no-repeat
}

.tree-index .tel .info .action-bar {
	display: none
}

.tree-index .tel .info .reminder {
	height: 1.875rem;
	line-height: 1.875rem;
	background-color: rgba(0,0,0,.7);
	position: relative;
	margin: .625rem -.625rem -.625rem
}

.tree-index .tel .info .reminder a {
	display: inline-block;
	width: auto;
	line-height: 1.875rem;
	color: #fff;
	background: 0 0
}

.tree-index .tel .info .reminder i {
	color: #fff;
	font-style: normal
}

.tree-index .tel .info .reminder strong {
	color: #ffdc00
}

.tree-index .tel .info .reminder .reminder-close {
	font-size: 1.5rem;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	display: block;
	min-width: 2.5rem;
	color: #fff;
	text-align: center;
	cursor: pointer
}

.tree-index .modal-close {
	color: #333
}

.tree-index fieldset {
	border: 0
}

.tree-index fieldset label {
	font-size: 1.5rem;
	padding-top: .3125rem;
	padding-right: 0;
	color: #333
}

.tree-index fieldset span {
	color: #827e7e;
	font-size: .875rem;
	text-align: center;
	display: block
}

.tree-index .modal-body input {
	font-size: 1rem;
	width: 100%;
	padding: .6875rem 1rem;
	border: .0625rem solid #da0042;
	border-radius: .3125rem
}

.tree-index .modal-footer button.double-primary {
	background-color: #D41F1A;
	color: #fff
}

.tree-index .modal-join .modal-content {
	background: url(../images/tree/join-modal-bg.png) center top no-repeat #71c31d;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	border-radius: 1rem
}

.tree-index .modal-join .modal-body {
	margin: 5rem 1rem 1rem;
	background: #fff;
	border-radius: .5rem
}

.tree-index .modal-join .modal-footer {
	padding: 0 1.4rem;
	margin-bottom: 5rem
}

.tree-index .modal-join .modal-close {
	color: #fff
}

.tree-index .modal-join fieldset {
	border-width: 0
}

.tree-index .modal-join fieldset label {
	padding-top: .3125rem;
	padding-right: 0;
	color: #333
}

.tree-index .modal-join fieldset span {
	color: #ff4853;
	font-size: .875rem;
	text-align: center;
	display: block
}

.tree-index .modal-join fieldset input {
	font-size: 1rem;
	width: 100%;
	padding: .25rem 1rem;
	border: .0625rem solid #ddd;
	border-radius: .3125rem
}

.tree-index .modal-join fieldset input:focus {
	border-color: #ffba00;
	-webkit-box-shadow: 0 0 .125rem #271e0e;
	box-shadow: 0 0 .125rem #271e0e;
	outline: 0
}

.tree-index .modal-vote .modal-content {
	background: url(../images/tree/vote-modal-bg.png) center top no-repeat #c88500;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	border-radius: 1rem
}

.tree-index .modal-vote .modal-body {
	margin: 2rem 1rem 1rem;
	border-radius: .5rem
}

.tree-index .modal-vote .modal-body span {
	color: #fff
}

.tree-index .modal-vote .modal-body .cell-4 {
	text-align: center;
	border-radius: .5rem;
	padding: 15% 0;
	margin-right: 2%;
	width: 31%;
	margin-top: 3%
}

.tree-index .modal-vote .modal-body .cell-4:nth-child(1) {
	background: url(../images/tree/tree-01.png) center center no-repeat #fffbd7;
	-webkit-background-size: contain;
	background-size: contain
}

.tree-index .modal-vote .modal-body .cell-4:nth-child(2) {
	background: url(../images/tree/tree-02.png) center center no-repeat #fffbd7;
	-webkit-background-size: contain;
	background-size: contain
}

.tree-index .modal-vote .modal-body .cell-4:nth-child(3) {
	background: url(../images/tree/tree-03.png) center center no-repeat #fffbd7;
	-webkit-background-size: contain;
	background-size: contain
}

.tree-index .modal-vote .modal-body .cell-4:nth-child(4) {
	background: url(../images/tree/tree-04.png) center center no-repeat #fffbd7;
	-webkit-background-size: contain;
	background-size: contain
}

.tree-index .modal-vote .modal-body .cell-4:nth-child(5) {
	background: url(../images/tree/tree-05.png) center center no-repeat #fffbd7;
	-webkit-background-size: contain;
	background-size: contain
}

.tree-index .modal-vote .modal-body .cell-4:nth-child(6) {
	background: url(../images/tree/tree-06.png) center center no-repeat #fffbd7;
	-webkit-background-size: contain;
	background-size: contain
}

.tree-index .modal-vote .modal-body .cell-4:nth-child(7) {
	background: url(../images/tree/tree-07.png) center center no-repeat #fffbd7;
	-webkit-background-size: contain;
	background-size: contain
}

.tree-index .modal-vote .modal-body .cell-4:nth-child(8) {
	background: url(../images/tree/tree-08.png) center center no-repeat #fffbd7;
	-webkit-background-size: contain;
	background-size: contain
}

.tree-index .modal-vote .modal-body .cell-4:nth-child(9) {
	background: url(../images/tree/tree-09.png) center center no-repeat #fffbd7;
	-webkit-background-size: contain;
	background-size: contain
}

.tree-index .modal-vote.in {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

.tree-index .modal-vote.in .modal-content {
	-o-animation: bounceInDown 1s ease;
	animation: bounceInDown 1s ease;
	-webkit-animation: bounceInDown 1s ease
}

.child .modal-halo.in::before,.tree-index .modal-halo.in::before {
	content: ' ';
	-o-animation: haloRotating 5s infinite linear
}

.tree-index .modal-vote.out {
	display: none
}

.tree-index .modal-halo.in::before {
	position: absolute;
	z-index: 0;
	top: 50%;
	left: 50%;
	width: 22.5rem;
	height: 22.5rem;
	margin-top: -11.25rem;
	margin-left: -11.25rem;
	-webkit-animation: haloRotating 5s infinite linear;
	animation: haloRotating 5s infinite linear;
	border-radius: 50%;
	background: url(../images/tree/halo.png) center center no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%
}

.tree-index .modal-halo .modal-content {
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none
}

.tree-index .modal-halo .modal-body {
	position: relative;
	margin-right: auto;
	margin-left: auto;
	width: 11.25rem;
	height: 11.25rem;
	color: #fff!important
}

.tree-index .modal-halo .modal-body img {
	width: 50%;
	margin: 0 auto
}

.tree-index .modal-halo .modal-block {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 100%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	text-align: center
}

.tree-index .modal-halo .modal-block>span,.tree-index .modal-halo .modal-block>strong {
	display: block
}

.tree-index .sharer .weui_btn_primary {
	background-color: #0f9b00
}

.tree-index .completed-list {
	display: block;
	height: 1.875rem;
	line-height: 1.875rem;
	color: #008d27;
	text-align: center;
	width: 93%;
	margin: 0 auto;
	visibility: hidden
}

.tree-index .completed-list.show {
	visibility: visible
}

.tree-index .completed-list li {
	display: block;
	width: 100%;
	font-size: 1rem
}

.tree-index .completed-list li b,.tree-index .completed-list li span {
	color: #fffd02
}

.tree-index.sample .tel {
	height: 4.75rem
}

.tree-index.sample .tel .info {
	padding-left: 0;
	padding-right: 0;
	text-indent: .625rem
}

.tree-index.sample .tel .info>span {
	text-indent: 0
}

.tree-index.sample .tel .info>a {
	text-indent: 1.5625rem;
	margin-right: .625rem
}

.tree-index.sample .tel .info .reminder {
	display: none
}

.tree-index.sample .tel .info .action-bar {
	display: block;
	width: 100%;
	background-color: #04be02;
	margin-bottom: -.625rem;
	text-indent: 0
}

.tree-index.sample .tel .info .action-bar a {
	display: block;
	width: 100%;
	background: #04be02;
	color: #fff;
	text-indent: 0;
	margin-bottom: -.625rem;
	margin-top: .625rem;
	margin-right: -.625rem
}

@media screen and (width:320px) {
	.tree-index .main .main-header .header-bottom {
		padding-top: 37.7%
	}

	.tree-index .main .main-header .gift {
		bottom: 25%
	}

	.tree-index .main .completed-list li,.tree-index .main .time-name .countdown {
		font-size: .8rem
	}

	.tree-index .main .completed-list {
		line-height: 2.875rem
	}

	.tree-index .main .prize-info .myinfo {
		padding-bottom: 3rem
	}

	.tree-index .main .prize-info .ladder ul li .info .detail .level-process {
		margin-left: .25rem
	}

	.tree-index .main .theme-text {
		font-size: 1.34rem
	}

	.tree-index .main .card h2,.tree-index .main .card h6,.tree-index .main .ranking-list h2,.tree-index .main .ranking-list h6 {
		line-height: 3rem
	}

	.tree-index .main .card .card-body summary,.tree-index .main .card .info summary,.tree-index .main .ranking-list .card-body summary,.tree-index .main .ranking-list .info summary {
		padding-top: 4rem
	}

	.tree-index .modal-join .modal-body {
		margin-top: 4rem
	}

	.tree-index .modal-join .modal-body fieldset input {
		font-size: .8rem;
		padding: .2rem 1rem
	}
}

@media screen and (width:360px) {
	.tree-index .main .main-header .header-bottom {
		padding-top: 42%
	}

	.tree-index .main .completed-list li {
		font-size: .8rem
	}
}

@media screen and (min-width:410px) and (max-width:414px) {
	.tree-index .main .main-header .header-bottom {
		padding-top: 49.8%
	}

	.tree-index .main .theme-text {
		height: 4.5rem
	}
}

@media only screen and (min-width:450px) and (max-width:640px) {
	.tree-index .main .main-header .header-bottom {
		padding-top: 62.5%
	}

	.tree-index .main .prize-info .ladder ul li .info .text {
		padding-top: 6%
	}

	.tree-index .main .prize-info .ladder ul li .info span {
		line-height: 3.5rem
	}

	.tree-index .main .theme-text {
		height: 2.5rem
	}

	.tree-index .main .card h2,.tree-index .main .card h6,.tree-index .main .ranking-list h2,.tree-index .main .ranking-list h6 {
		height: 5rem;
		line-height: 4.5rem
	}

	.tree-index .main .card .card-body summary,.tree-index .main .card .info summary,.tree-index .main .ranking-list .card-body summary,.tree-index .main .ranking-list .info summary {
		padding-top: 6.5rem
	}

	.tree-index .main .card .card-body summary.ranking-summary,.tree-index .main .card .info summary.ranking-summary,.tree-index .main .ranking-list .card-body summary.ranking-summary,.tree-index .main .ranking-list .info summary.ranking-summary {
		padding-top: 5rem
	}
}

.earth-editor.earth {
	color: #603813
}

.earth-editor.earth input[type=number],.earth-editor.earth input[type=number].dashed {
	width: 4rem;
	height: 2.25rem;
	text-align: center;
	padding: .625rem;
	border-color: #603813;
	color: #f24f64
}

.earth-editor.earth .main {
	padding-bottom: 0
}

.earth-editor.earth .banner .title textarea {
	color: #fddb12
}

.earth-editor.earth .banner .banner-countdown {
	top: 15rem
}

.earth-editor.earth .banner input,.earth-editor.earth .banner textarea {
	border-color: #fff;
	background: #5e6196
}

.earth-editor.earth .prizes.editable input {
	text-align: center;
	color: #f24f64
}

.earth-editor.earth .prizes.editable input[type=text] {
	width: 15.5rem
}

.earth-editor.earth .prizes.editable p {
	font-size: .875rem
}

.earth-editor.earth .prizes.editable p.line {
	padding-top: 5px
}

.earth-editor.earth .prizes.editable p.note {
	font-size: .875rem;
	color: #c18387
}

.earth-editor.earth .card.normal .card-body {
	padding-top: .5rem;
	text-align: center
}

.earth-editor.earth .card.prizes>.card-body {
	background: #fff;
	padding-top: 2rem;
	line-height: 1.5rem
}

.earth-editor.earth .card.prize-info>.card-body {
	text-align: left
}

.earth-editor.earth .card .card-body input.telphone {
	margin-top: .875rem;
	display: block;
	width: 100%;
	height: 2.5rem;
	line-height: 2.5rem;
	background: url(../images/earth/icon-tel-editor.png) .625rem center no-repeat;
	border-radius: .625rem;
	padding-left: 2.5rem;
	-webkit-background-size: auto 60%;
	background-size: auto 60%;
	font-size: 1rem;
	color: #603813
}

.earth .main,.earth .modal {
	margin: 0 auto;
	max-width: 640px
}

.earth-editor.earth .card .card-body p.note {
	font-size: .875rem;
	color: #7c7c7c
}

.earth-editor.earth .footer .actions {
	position: fixed;
	bottom: 74px
}

.earth-editor.earth .tel .info {
	position: relative;
	z-index: 0
}

.earth-uploader .image-previewer.reverse label,.earth-uploader .uploader.reverse label,.mini-editor-container.earth-uploader .image-previewer.reverse label,.mini-editor-container.earth-uploader .uploader.reverse label {
	border-color: #603813
}

.earth-uploader .image-previewer.reverse label::after,.earth-uploader .image-previewer.reverse label::before,.earth-uploader .uploader.reverse label::after,.earth-uploader .uploader.reverse label::before,.mini-editor-container.earth-uploader .image-previewer.reverse label::after,.mini-editor-container.earth-uploader .image-previewer.reverse label::before,.mini-editor-container.earth-uploader .uploader.reverse label::after,.mini-editor-container.earth-uploader .uploader.reverse label::before {
	background-color: #603813
}

.earth-uploader .image-previewer.reverse span,.earth-uploader .uploader.reverse span,.mini-editor-container.earth-uploader .image-previewer.reverse span,.mini-editor-container.earth-uploader .uploader.reverse span {
	color: #603813
}

.earth-uploader a.action,.mini-editor-container.earth-uploader a.action {
	border: 1px dashed #603813;
	color: #603813
}

.earth-uploader i.icon,.mini-editor-container.earth-uploader i.icon {
	color: #9e9b9b
}

.join-customize-container.earth-join-customize {
	padding: 0 .5rem;
	color: #4a565d
}

.join-customize-container.earth-join-customize input.disabled {
	border-color: #ccc
}

@media screen and (width:320px) {
	.earth-editor .banner .banner-title {
		top: 2.3rem
	}

	.earth-editor .banner-countdown {
		top: 10rem
	}
}

.earth {
	color: #4d3a1b;
	position: relative
}

.earth .header .stats li {
	color: #fff;
	text-shadow: none
}

.earth .header .stats li b {
	color: #fddb12
}

.earth .main {
	background: #f8cd11;
	padding-bottom: 6.5rem
}

.earth .dashed,.earth .dashed.reverse {
	color: #603813;
	border: 1px dashed #603813;
	border-radius: 6px
}

.earth input {
	border: 1px dashed #603813;
	border-radius: 6px
}

.earth b {
	font-weight: 400;
	margin-left: .125rem;
	margin-right: .125rem;
	color: #f24f64
}

.earth .weui_btn_primary {
	background-color: #fbb03b;
	color: #fff
}

.earth .card {
	margin: 1rem;
	padding: .7rem;
	border-radius: 1rem;
	position: relative;
	background: url(../images/earth/card-bottom.png) center bottom no-repeat #fff;
	-webkit-background-size: 100% 100%;
	background-size: 100%
}

.earth .card.myinfo .vote_count {
	text-align: right
}

.earth .card.myinfo p {
	font-size: .8rem;
	text-align: center
}

.earth .card .card-header {
	position: absolute;
	top: .2rem;
	left: 0;
	width: 100%;
	padding: 10px;
	z-index: 0;
	height: 3rem;
	font-size: 1rem;
	background: url(../images/earth/card-title.png) center top no-repeat;
	-webkit-background-size: 60% auto;
	background-size: 60% auto;
	text-align: center
}

.earth .card .card-title {
	font-size: 1.125rem;
	color: #603813;
	font-weight: 700
}

.earth .card .card-title h5 {
	font-weight: 700
}

.earth .card .card-title input {
	width: 6.75rem;
	height: 1rem;
	text-align: center;
	color: inherit;
	padding: .875rem 0
}

.earth .card .card-title .tiper {
	position: absolute;
	top: 3rem;
	left: 5rem;
	width: 13rem;
	color: #7c7c7c;
	font-size: .875rem;
	text-shadow: none
}

.earth .card .card-title .tiper i {
	padding-right: .375rem
}

.earth .card .card-body {
	border: 2px solid #f7c900;
	border-radius: 10px;
	padding: 3rem .5rem .5rem;
	color: #6a4422
}

.earth .banner {
	position: relative;
	overflow: hidden;
	text-align: center;
	background: url(../images/earth/banner-bg.png) top center no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	padding: 57% 0
}

.earth .banner .banner-completed,.earth .banner .banner-countdown,.earth .banner .banner-footer,.earth .banner .banner-smile,.earth .banner .banner-title {
	position: absolute;
	right: 0;
	left: 0
}

.earth .banner .banner-title {
	top: 5.25rem;
	color: #fddb12;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 1rem;
	z-index: 0
}

.earth .banner .banner-title .title {
	font-size: 1.5rem;
	line-height: 1.3
}

.earth .banner .banner-countdown {
	top: 12.75rem;
	color: #fff;
	z-index: 1;
	letter-spacing: .1rem
}

.earth .banner .banner-countdown b {
	color: #31345e;
	padding: .1875rem;
	background: #fff;
	border-radius: .3125rem;
	width: 2rem;
	display: inline-block
}

.earth .banner .banner-countdown b:nth-of-type(1) {
	padding: 0;
	background: 0 0;
	width: auto;
	color: #fddb12
}

.earth .banner .banner-completed {
	top: 16rem;
	color: #fff
}

.earth .banner .banner-completed b {
	color: #ffea00
}

.earth .banner .banner-completed .completed-list {
	font-size: .875rem;
	line-height: 1.25rem;
	overflow: hidden;
	height: 1.25rem;
	list-style: none;
	text-align: center
}

.earth .banner .banner-completed .completed-list.carousel,.earth .banner .banner-completed .completed-list.carousel .in {
	width: 100%
}

.earth .banner .banner-smile {
	bottom: 0;
	height: 11rem;
	background: url(../images/earth/smile1.png) center no-repeat;
	-webkit-background-size: contain;
	background-size: contain
}

.earth .banner .banner-smile.smile2 {
	background-image: url(../images/earth/smile2.png)
}

.earth .banner .banner-smile.smile3 {
	background-image: url(../images/earth/smile3.png)
}

.earth .banner .banner-footer {
	bottom: 0;
	height: 9rem;
	background: url(../images/earth/banner-footer.png) center no-repeat;
	-webkit-background-size: contain;
	background-size: contain
}

.earth .card-action {
	margin: .5rem;
	padding: 1rem
}

.earth .card-action a {
	background: #5dbae8;
	border-radius: 1.6rem;
	border-bottom: .3rem solid #2585af;
	color: #fff;
	width: 90%;
	font-weight: 700;
	letter-spacing: .1rem
}

.earth .about .card-body,.earth .about .card-body .uploader-container span,.earth .accept .card-body {
	color: #4d3a1b
}

.earth .card.prizes {
	background: url(../images/earth/prize-bg.png);
	-webkit-background-size: 5% 5%;
	background-size: 5%;
	color: #603813;
	text-align: center;
	border-bottom: 3px solid #fbb03b;
	margin-bottom: 0;
	margin-top: 0
}

.earth .card.prizes.about {
	text-align: left
}

.earth .card.prizes.about .prize-img {
	text-align: center
}

.earth .card.prizes.about .card-header {
	top: .3rem
}

.earth .card.prizes .card-header {
	width: 40%;
	background: #fbb03b;
	border-radius: 1.5rem;
	border: 4px solid #ffde19;
	left: 30%;
	top: -.5rem
}

.earth .card.prizes .card-header .card-title {
	color: #603813
}

.earth .card.prizes .card-body {
	background: #fdf7e6;
	color: inherit;
	padding-top: 2.5rem
}

.earth .card.prizes p {
	margin: 0
}

.earth .card.prizes p b {
	color: #f24f64;
	margin-bottom: 0
}

.earth .card.prizes p.prizes-name b {
	font-size: 1.03125rem
}

.earth .card.prizes .uploader-container .reverse,.earth .card.prizes .uploader-container span {
	color: #111
}

.earth .prize-transition {
	overflow: hidden
}

.earth .prize-transition .separated-line {
	height: 1.2rem;
	width: .7rem;
	background: #fff;
	border: 2px solid #fbb03b;
	margin: 0 auto;
	border-top: 0;
	border-bottom: 0
}

.earth .ranking-list table th {
	color: #f24f64
}

.earth .ranking-list table td {
	text-align: center;
	color: #4d3a1b
}

.earth .ranking-list .waterfall-flow-loader {
	color: #4d3a1b
}

.earth .tel {
	height: auto;
	background: 0 0
}

.earth .tel .info {
	position: fixed;
	z-index: 99;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	line-height: 2.5rem;
	background-color: #31345e;
	color: #fff;
	font-size: .875rem;
	padding: .625rem
}

.earth .tel .info span {
	font-size: 1rem
}

.earth .tel .info span>a {
	display: inline;
	background: 0 0;
	color: #EB300F;
	text-indent: 0
}

.earth .tel .info>a {
	display: block;
	width: 6.25rem;
	height: 2.5rem;
	line-height: 2.5rem;
	border-radius: .375rem;
	background-color: #5dbae8;
	color: #fff;
	text-align: center;
	text-indent: 1.5625rem;
	background-image: url(../images/earth/icon-tel.png);
	-webkit-background-size: 20% auto;
	background-size: 20% auto;
	background-position: 15% center;
	background-repeat: no-repeat;
	float: right;
	-webkit-animation: tada 3s infinite linear;
	-o-animation: tada 3s infinite linear;
	animation: tada 3s infinite linear
}

.earth .tel .info .action-bar {
	display: none
}

.earth .tel .info .reminder {
	height: 1.875rem;
	line-height: 1.875rem;
	background-color: rgba(0,0,0,.7);
	position: relative;
	margin: .625rem -.625rem -.625rem
}

.earth .tel .info .reminder a {
	display: inline-block;
	width: auto;
	line-height: 1.875rem;
	color: #fff;
	background: 0 0;
	padding-left: 10px
}

.earth .tel .info .reminder i {
	color: #fff;
	font-style: normal;
	margin: 0 5px
}

.earth .tel .info .reminder strong {
	color: #ffdc00
}

.earth .tel .info .reminder .reminder-close {
	font-size: 1.5rem;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	display: block;
	min-width: 2.5rem;
	color: #fff;
	text-align: center;
	cursor: pointer
}

.earth .modal-join .modal-content {
	background: url(../images/earth/join-modal-bg.jpg) center top no-repeat #fff;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	border-radius: .8rem
}

.earth .modal-join .modal-body {
	padding-top: 8rem
}

.earth .modal-join .modal-close {
	color: #fff
}

.earth .modal-join fieldset {
	border-width: 0
}

.earth .modal-join fieldset label {
	padding-top: .3125rem;
	padding-right: 0;
	color: #333
}

.earth .modal-join fieldset span {
	color: #ff4853;
	font-size: .875rem;
	text-align: center;
	display: block
}

.earth .modal-join fieldset input {
	font-size: 1rem;
	width: 100%;
	padding: .3rem 1rem;
	border: .0625rem solid #ddd;
	border-radius: .3125rem;
	background: #f6f6f6
}

.earth .modal-join fieldset input:focus {
	border-color: #5ab8e8;
	outline: 0
}

.earth .modal-vote .modal-content {
	background: #6f718f;
	border-radius: 1rem;
	padding: 0 1rem 1rem;
	opacity: .95;
	position: relative
}

.earth .modal-vote .modal-content .modal-content-layer {
	border-radius: inherit;
	background: #9a9cb1
}

.earth .modal-vote .modal-content .modal-title {
	position: absolute;
	top: -1.2rem;
	left: 0;
	width: 100%;
	padding: 10px;
	z-index: 0;
	height: 4rem;
	font-size: .8rem;
	background: url(../images/earth/vote-title.png) center top no-repeat;
	-webkit-background-size: 90% auto;
	background-size: 90% auto;
	text-align: center;
	color: #31345e;
	line-height: 1rem
}

.earth .modal-vote .modal-body {
	margin: 1rem;
	border-radius: .5rem;
	padding: 1rem 0
}

.earth .modal-vote .modal-body fieldset {
	border: 0
}

.earth .modal-vote .modal-body .cell-4 {
	text-align: center;
	border-radius: 1rem;
	padding: 20% 0;
	margin-right: 2%;
	width: 31%;
	margin-top: 3%;
	border: 2px solid #fbb03b;
	background: #eadfb3;
	position: relative
}

.earth .modal-vote .modal-body .cell-4 span {
	background: #fbb03b;
	border-radius: .5rem;
	text-align: center;
	color: #31345e;
	width: 80%;
	display: inline-block;
	position: absolute;
	bottom: 5%;
	left: 10%;
	font-size: .8rem
}

.earth .modal-vote .modal-body .cell-4 span.img {
	top: 10%;
	height: 60%
}

.earth .modal-vote .modal-body .cell-4:nth-child(1)>span.img {
	background: url(../images/earth/e-0.png) center top no-repeat;
	-webkit-background-size: contain;
	background-size: contain
}

.earth .modal-vote .modal-body .cell-4:nth-child(2)>span.img {
	background: url(../images/earth/e-1.png) center top no-repeat;
	-webkit-background-size: contain;
	background-size: contain
}

.earth .modal-vote .modal-body .cell-4:nth-child(3)>span.img {
	background: url(../images/earth/e-2.png) center top no-repeat;
	-webkit-background-size: contain;
	background-size: contain
}

.earth .modal-vote .modal-body .cell-4:nth-child(4)>span.img {
	background: url(../images/earth/e-3.png) center top no-repeat;
	-webkit-background-size: contain;
	background-size: contain
}

.earth .modal-vote .modal-body .cell-4:nth-child(5)>span.img {
	background: url(../images/earth/e-4.png) center center no-repeat;
	-webkit-background-size: contain;
	background-size: contain
}

.earth .modal-vote .modal-body .cell-4:nth-child(6)>span.img {
	background: url(../images/earth/e-5.png) center top no-repeat;
	-webkit-background-size: contain;
	background-size: contain
}

.earth .modal-vote .modal-body .cell-4:nth-child(7)>span.img {
	background: url(../images/earth/e-6.png) center top no-repeat;
	-webkit-background-size: contain;
	background-size: contain
}

.earth .modal-vote .modal-body .cell-4:nth-child(8)>span.img {
	background: url(../images/earth/e-7.png) center top no-repeat;
	-webkit-background-size: contain;
	background-size: contain
}

.earth .modal-vote .modal-body .cell-4:nth-child(9)>span.img {
	background: url(../images/earth/e-8.png) center top no-repeat;
	-webkit-background-size: contain;
	background-size: contain
}

.earth .modal-vote.in {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

.earth .modal-vote.in .modal-content {
	-o-animation: bounceInDown 1s ease;
	animation: bounceInDown 1s ease;
	-webkit-animation: bounceInDown 1s ease
}

.earth .modal-vote.out {
	display: none
}

.earth .modal-halo {
	z-index: -1;
	background-color: rgba(0,0,0,.75)
}

.earth .modal-halo.modal {
	-webkit-box-align: inherit;
	-webkit-align-items: inherit;
	-ms-flex-align: inherit;
	align-items: inherit
}

.earth .modal-halo .modal-content {
	margin: 0;
	background: 0 0
}

.earth .modal-halo .modal-body {
	font-size: .8rem;
	position: relative
}

.earth .modal-halo .modal-body .selected {
	width: 80%;
	height: 15rem;
	margin: 0 auto;
	background: url(../images/earth/selected_bg.png) center no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100%;
	-webkit-animation: uniformRotate 3s infinite linear;
	-o-animation: uniformRotate 3s infinite linear;
	animation: uniformRotate 3s infinite linear
}

.earth .modal-halo .modal-body img {
	position: absolute;
	width: 4rem
}

.earth .modal-halo .modal-body img.img1 {
	top: 25%;
	width: 6rem;
	left: 37%
}

.earth .modal-halo .modal-body img.img2 {
	top: 24%;
	width: 4rem;
	left: 41%
}

.earth .modal-halo .modal-body img.img3 {
	top: 22%;
	width: 2.6rem;
	left: 44%
}

.earth .modal-halo .modal-body img.img4 {
	top: 26%;
	width: 4rem;
	left: 43%
}

.earth .modal-halo .modal-body img.img5 {
	top: 26%;
	width: 5.8rem;
	left: 38%
}

.earth .modal-halo .modal-body img.img6 {
	top: 20%;
	width: 3.2rem;
	left: 43%
}

.earth .modal-halo .modal-body img.img7,.earth .modal-halo .modal-body img.img8,.earth .modal-halo .modal-body img.img9 {
	top: 23%;
	width: 3.2rem;
	left: 43%
}

.earth .modal-halo .modal-body img.img9 {
	top: 23%;
	width: 4rem;
	left: 42%
}

.earth .modal-halo .modal-body .tiper {
	width: 90%;
	height: 5rem;
	background: url(../images/earth/vote-title.png) center no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100%;
	color: #34355d;
	line-height: 4.2rem;
	text-align: center;
	margin: 0 auto
}

.earth .modal-halo .modal-body .tiper b {
	color: #f3565e
}

.earth .modal-halo .modal-body .note {
	width: 90%;
	color: #fff;
	margin: 1rem auto 0;
	font-size: 1rem
}

.earth .modal-halo .modal-body .note p {
	margin-bottom: .5rem
}

.earth .modal-halo.in {
	z-index: 1020;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

.earth .modal-halo.out {
	display: none
}

@media screen and (width:320px) {
	.earth .banner .banner-title {
		top: 4.3rem
	}

	.earth .banner .banner-countdown {
		top: 10.9rem;
		font-size: .8rem
	}

	.earth .banner .banner-footer {
		height: 7rem
	}

	.earth .card.prizes .card-header {
		padding: 10px
	}

	.earth .card .card-header {
		padding: 6px
	}

	.earth .modal-halo .modal-body .selected {
		-webkit-background-size: 117% 117%;
		background-size: 117%
	}
}

@media screen and (width:360px) {
	.earth .banner .banner-footer {
		height: 8rem
	}
}

@media screen and (width:414px) {
	.earth .banner .banner-footer {
		height: 10rem
	}

	.earth .banner .banner-smile {
		height: 13rem
	}

	.earth .modal-halo .modal-body .selected {
		height: 18rem
	}
}

@media only screen and (min-width:476px) {
	.earth .banner .banner-footer {
		height: 13rem
	}

	.earth .banner .banner-smile {
		height: 15rem
	}

	.earth .card .card-header {
		padding: 20px;
		height: 5rem
	}

	.earth .card .card-body,.earth .card.prizes>.card-body {
		padding-top: 5rem
	}

	.earth .modal-join .modal-body {
		padding-top: 12rem
	}

	.earth .modal-vote .modal-content .modal-title {
		top: -3.2rem;
		height: 8rem;
		padding: 25px;
		font-size: 1rem
	}

	.earth .modal-halo .modal-body .selected {
		height: 30rem
	}

	.earth .modal-halo .modal-body img.img1 {
		width: 11rem
	}

	.earth .modal-halo .modal-body img.img2 {
		width: 8rem
	}

	.earth .modal-halo .modal-body img.img3 {
		width: 5.6rem
	}

	.earth .modal-halo .modal-body img.img4 {
		top: 30%;
		width: 8rem;
		left: 41%
	}

	.earth .modal-halo .modal-body img.img5 {
		top: 29%;
		width: 9.8rem
	}

	.earth .modal-halo .modal-body img.img6 {
		top: 23%;
		width: 6.2rem
	}

	.earth .modal-halo .modal-body img.img7,.earth .modal-halo .modal-body img.img8 {
		top: 26%;
		width: 6.2rem
	}

	.earth .modal-halo .modal-body img.img9 {
		top: 27%;
		width: 8rem
	}
}

.lottery.lottery-editor input[type=text],.lottery.lottery-editor input[type=number],.lottery.lottery-editor textarea {
	border: 1px dashed #d22a09;
	border-radius: .2rem
}

.lottery.lottery-editor .dashed,.lottery.lottery-editor .dashed.reverse {
	border: 1px dashed #d22a09
}

.lottery.lottery-editor .main {
	background: #db4325;
	max-width: 640px;
	margin: 0 auto;
	padding-bottom: 1.5rem
}

.lottery.lottery-editor .main .card .note i::before,.lottery.lottery-editor .main .card .tiper i::before {
	margin-right: .5rem
}

.lottery.lottery-editor .main.uneditable {
	padding-bottom: 0
}

.lottery.lottery-editor .main .banner {
	width: 100%;
	background: url(../images/lottery/banner-bg.jpg) no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	position: relative;
	padding: 75% 49%
}

.lottery.lottery-editor .main .banner .banner-action-shadow {
	top: 50%
}

.lottery.lottery-editor .main .banner .banner-title {
	top: 58.054%;
	left: 5%;
	width: 90%;
	height: 20.6%;
	background: url(../images/lottery/banner-title-bg.png) no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	color: #d22a09;
	font-size: 1.2rem;
	padding: 2.5rem 1rem
}

.lottery.lottery-editor .main .banner .banner-title textarea {
	color: inherit;
	padding: .3rem;
	line-height: 1.3
}

.lottery.lottery-editor .main .banner .banner-title-tiper {
	top: 79.5%;
	left: 5%;
	text-align: center;
	color: #ffeab0;
	width: 90%;
	font-size: .8rem
}

.lottery.lottery-editor .main .banner .banner-countdown {
	top: 85.2%;
	left: 0;
	text-align: center;
	color: #fff;
	font-size: .8rem;
	width: 100%
}

.lottery.lottery-editor .main .banner .banner-countdown input {
	background: #ffcbc5;
	color: #63180c;
	width: 8rem;
	padding: .5rem
}

.lottery.lottery-editor .main .card .tiper {
	font-size: .8rem;
	position: absolute;
	top: 2rem;
	left: 35%;
	color: #ababab
}

.lottery.lottery-editor .main .card .note {
	color: #ababab;
	font-size: .8rem;
	margin-bottom: .5rem
}

.lottery.lottery-editor .main .card .note.fl {
	text-align: left
}

.lottery.lottery-editor .main .card .card-note {
	padding-top: 0;
	position: relative;
	color: #ababab
}

.lottery.lottery-editor .main .card .hotline {
	font-size: .8rem
}

.lottery.lottery-editor .main .card .hotline i.tel {
	position: absolute;
	left: 2rem;
	top: 3.5rem;
	color: #d22a09
}

.lottery.lottery-editor .main .card .hotline input {
	padding-left: 2.5rem
}

.lottery.lottery-editor .main .card .card-body.uneditable {
	padding-top: 2.5rem
}

.lottery.lottery-editor .main .card.accept .card-body {
	padding-top: 3.5rem
}

.lottery.lottery-editor .main .card.accept .card-body.uneditable {
	padding-top: 2.5rem
}

.lottery.lottery-editor .main .card.rule-setting .card-body {
	text-align: center;
	color: #333
}

.lottery.lottery-editor .main .card.rule-setting input[type=text],.lottery.lottery-editor .main .card.rule-setting input[type=number] {
	width: 4rem;
	text-align: center;
	padding: .3rem;
	margin: 0 .5rem
}

.lottery.lottery-editor .main .card.rule-setting .password {
	margin-top: 1rem;
	margin-bottom: .5rem;
	color: #d22a09
}

.lottery.lottery-editor .main .card.rule-setting .password input {
	width: 8rem
}

.lottery.lottery-editor .main .card.prizes-setting .card-body {
	color: #333
}

.lottery.lottery-editor .main .card.prizes-setting .action {
	color: #d22a09;
	padding-top: .5rem
}

.lottery.lottery-editor .main .card.prizes-setting .action button {
	width: 90%;
	background: 0 0;
	text-align: center
}

.lottery.lottery-editor .main .card.prizes-setting .action button.dashed {
	font-size: 1rem
}

.lottery.lottery-editor .main .card.prizes-setting .action button i::before {
	margin-right: .5rem
}

.lottery.lottery-editor .main .card.prizes-setting .levels {
	margin-top: 2rem
}

.lottery.lottery-editor .main .card.prizes-setting .levels .level {
	margin-top: 1.7rem;
	background: #f6eab2;
	border-radius: 2rem;
	position: relative;
	padding: .5rem;
	font-size: .8rem
}

.lottery.lottery-editor .main .card.prizes-setting .levels .level input {
	padding: .3rem;
	width: 3rem;
	margin: 0 .2rem;
	color: #d22a09
}

.lottery.lottery-editor .main .card.prizes-setting .levels .level button {
	font-size: 1.125rem;
	line-height: 1.5rem;
	position: absolute;
	top: 10%;
	right: 0;
	width: 1.5rem;
	height: 1.5rem;
	color: #fff215;
	border: 0;
	background-color: #a8812e;
	border-radius: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%)
}

.lottery.lottery-editor .main .card.prizes-setting .levels .level .level-layer {
	text-align: center;
	border: 2px dashed #fbac23;
	border-radius: inherit;
	padding: 2.5rem .5rem 1rem;
	overflow: hidden
}

.lottery.lottery-editor .main .card.prizes-setting .levels .level .level-layer .level-body {
	overflow: inherit
}

.lottery.lottery-editor .main .card.prizes-setting .levels .level .level-layer .cell {
	padding: 0
}

.lottery.lottery-editor .main .card.prizes-setting .levels .level .level-layer .cell.cell-3 {
	padding: 0 .5rem
}

.lottery.lottery-editor .main .card.prizes-setting .levels .level .level-layer .cell.cell-5,.lottery.lottery-editor .main .card.prizes-setting .levels .level .level-layer .cell.cell-7.empty {
	padding-top: 10%
}

.lottery.lottery-editor .main .card.prizes-setting .levels .level .level-layer .level-title {
	position: absolute;
	background: url(../images/lottery/level-title.png) center top no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100%;
	height: 3rem;
	line-height: 3rem;
	text-align: center;
	font-size: 1rem;
	color: #fff;
	font-weight: 700;
	width: 60%;
	left: 20%;
	top: -1rem
}

.lottery.lottery-editor .main .card.prizes-setting .levels .level .level-layer input.prize-name {
	width: 4rem
}

.lottery.lottery-editor .main .card.prizes-setting .levels .level .level-layer .prize-img {
	border-radius: 50%;
	border: 2px solid #fbac23;
	background: #fff;
	padding: 50%;
	position: relative
}

.lottery.lottery-editor .main .card.prizes-setting .levels .level .level-layer .prize-img .file,.lottery.lottery-editor .main .card.prizes-setting .levels .level .level-layer .prize-img .mask,.lottery.lottery-editor .main .card.prizes-setting .levels .level .level-layer .prize-img img {
	position: absolute;
	top: 0;
	left: 0
}

.lottery.lottery-editor .main .card.prizes-setting .levels .level .level-layer .prize-img .file {
	font-size: 20px;
	opacity: 0;
	z-index: 4;
	width: 100%;
	height: 100%
}

.lottery.lottery-editor .main .card.prizes-setting .levels .level .level-layer .prize-img img {
	width: 100%;
	height: 100%;
	z-index: 2;
	border-radius: 50%;
	padding: 5%
}

.lottery.lottery-editor .footer .footer-body.joined,.lottery.lottery-editor .main .card.prizes-setting .levels .level .level-layer .level-bottom {
	padding-top: .5rem
}

.lottery.lottery-editor .main .card.prizes-setting .levels .level .level-layer .prize-img .mask {
	z-index: 3;
	background: rgba(0,0,0,.57);
	width: 100%;
	height: 100%;
	border-radius: 50%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
	font-size: .8rem;
	color: #fff
}

.lottery.lottery-editor .main .card.prizes-setting .levels .level .level-layer .prize-img .mask i::before {
	margin-right: .3rem
}

.lottery.lottery-editor .main .card.prizes-setting .levels .level .level-layer .level-bottom .prize-text {
	width: 80%;
	margin: 0
}

.lottery.lottery-editor .main .tel .info {
	position: relative;
	z-index: 0
}

.lottery.lottery-editor .footer {
	min-height: 5rem
}

.lottery.lottery-editor .footer .footer-header {
	background: url(../images/lottery/footer_top.png) left top no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100%;
	height: .5rem
}

.lottery.lottery-editor .footer .footer-body {
	background-color: #2c4a10
}

.lottery.lottery-editor .footer .footer-body .joined-info {
	float: right;
	color: #ffa800;
	text-decoration: underline;
	margin-right: 2rem
}

.lottery.lottery-editor .footer .footer-body .actions {
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.lottery.lottery-editor .footer .footer-body .actions>a {
	font-size: 1.125rem;
	line-height: 1.5rem;
	display: inline-block;
	padding: .5rem;
	width: 40%;
	color: #fff;
	background-color: #ffa800;
	text-align: center;
	cursor: pointer;
	border-radius: 1rem;
	font-weight: 700;
	text-shadow: 1px 1px 1px #2b2929
}

.lottery.lottery-editor .footer .footer-body .actions>a.disabled {
	opacity: .4
}

.lottery.lottery-editor .footer .footer-body .actions>a[disabled] {
	cursor: not-allowed
}

.lottery.lottery-editor .footer .footer-body .actions>a:first-child {
	background-color: #64cc00;
	margin: 1rem 1rem 1rem 0
}

.lottery.lottery-editor .footer .footer-body .actions>a:first-child i {
	color: inherit
}

.lottery.lottery-editor .footer .footer-body .actions>a.open {
	background-color: #ff7169
}

.lottery.lottery-editor .footer .footer-body .actions>a>i {
	margin-right: .5rem;
	color: #fff
}

.lottery .main,.lottery .modal {
	margin: 0 auto;
	max-width: 640px
}

.mini-editor-container.lottery-uploader .image-previewer.reverse label,.mini-editor-container.lottery-uploader .uploader.reverse label,.uploader-container.lottery-uploader .image-previewer.reverse label,.uploader-container.lottery-uploader .uploader.reverse label {
	border-color: #d22a09
}

.mini-editor-container.lottery-uploader .image-previewer.reverse label::after,.mini-editor-container.lottery-uploader .image-previewer.reverse label::before,.mini-editor-container.lottery-uploader .uploader.reverse label::after,.mini-editor-container.lottery-uploader .uploader.reverse label::before,.uploader-container.lottery-uploader .image-previewer.reverse label::after,.uploader-container.lottery-uploader .image-previewer.reverse label::before,.uploader-container.lottery-uploader .uploader.reverse label::after,.uploader-container.lottery-uploader .uploader.reverse label::before {
	background-color: #d22a09
}

.mini-editor-container.lottery-uploader .image-previewer.reverse span,.mini-editor-container.lottery-uploader .uploader.reverse span,.uploader-container.lottery-uploader .image-previewer.reverse span,.uploader-container.lottery-uploader .uploader.reverse span {
	color: #b21e01
}

.mini-editor-container.lottery-uploader a.action,.uploader-container.lottery-uploader a.action {
	border: 1px dashed #d22a09;
	color: #b21e01
}

.mini-editor-container.lottery-uploader i.icon,.uploader-container.lottery-uploader i.icon {
	color: rgba(84,78,78,.74)
}

.imager-container.lottery-imager .imager .actions {
	bottom: 0;
	height: 4rem;
	padding: .5rem 1rem
}

.imager-container.lottery-imager .imager .actions a.action {
	border: 1px solid #ff9c00;
	color: #fcac24;
	background: 0 0
}

.imager-container.lottery-imager .imager .tiper {
	bottom: .2rem
}

.imager-container.lottery-imager .imager .imager-selector {
	bottom: 0
}

.join-customize-container.lottery-join-customize .note {
	opacity: .8
}

.join-customize-container.lottery-join-customize font {
	color: #333
}

.join-customize-container.lottery-join-customize input.disabled {
	border-color: #e47f6b
}

.join-customize-container.lottery-join-customize .lock {
	color: rgba(210,42,9,.75)
}

@media screen and (width:320px) {
	.lottery.lottery-editor .main .banner .banner-countdown.uneditable {
		left: 1.5%
	}

	.lottery.lottery-editor .main .card .card-body,.lottery.lottery-editor .main .card .card-note {
		font-size: .8rem
	}

	.lottery.lottery-editor .main .card.prizes-setting .levels .level .level-layer .level-title {
		line-height: 2rem
	}
}

@media screen and (width:360px) {
	.lottery.lottery-editor .main .card.prizes-setting .levels .level .level-layer .level-title {
		line-height: 2.5rem
	}
}

.lottery .weui_btn_primary {
	background-color: #ff8400
}

.lottery .weui_btn_primary:active,.lottery .weui_btn_primary:focus {
	background-color: #f99223
}

.lottery .main {
	background: #db4325;
	padding-bottom: 5rem
}

.lottery .main .banner {
	width: 100%;
	background: url(../images/lottery/banner-bg-index.jpg) no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	position: relative;
	padding: 86.5% 50%
}

.lottery .main .banner .banner-title-box {
	top: 55%;
	font-size: 1.5rem;
	color: #f9f9f9;
	width: 96%;
	left: 2%;
	text-align: center
}

.lottery .main .banner .banner-countdown-box {
	top: 67%;
	font-size: .8rem;
	color: #fff;
	width: 96%;
	left: 2%;
	text-align: center;
	background: url(../images/lottery/countdown-bg.jpg) center no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	padding: 2rem 0;
	letter-spacing: .1rem
}

.lottery .main .banner .banner-countdown-box b {
	color: #31345e;
	padding: .1875rem;
	background: #fff;
	border-radius: .3125rem;
	width: 2rem;
	display: inline-block;
	margin: 0 .15rem
}

.lottery .main .banner .banner-countdown-box b:nth-of-type(1) {
	padding: 0;
	background: 0 0;
	width: auto;
	color: #f2b51e
}

.lottery .main .banner .banner-winning-box {
	top: 82%;
	width: 80%;
	left: 10%;
	border: 3px dashed #f9f9f9;
	border-radius: .5rem;
	background: #feb9aa;
	padding: .5rem
}

.lottery .main .banner .banner-winning-box .winning-box-inner {
	background: #ffd5cf;
	border-radius: inherit;
	padding: 2.5rem .5rem;
	position: relative;
	font-size: .8rem;
	overflow: hidden
}

.lottery .main .banner .banner-winning-box .winning-box-inner .empty {
	font-size: 1.5rem;
	width: 90%;
	height: 80%;
	left: 5%;
	top: 10%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	position: absolute;
	color: #d1aca5
}

.lottery .main .banner .banner-winning-box .winning-box-inner span {
	display: inline-block;
	position: absolute;
	width: 14rem;
	top: 0;
	line-height: 2.5;
	height: 1rem;
	text-align: right
}

.lottery .main .banner .banner-winning-box .winning-box-inner span b {
	color: #db4c30;
	float: left
}

.lottery .main .banner .banner-winning-box .winning-box-inner span b.name {
	display: inline-block;
	width: 4rem;
	height: 2rem;
	text-overflow: ellipsis;
	overflow: hidden
}

.lottery .main .banner .banner-winning-box .winning-box-inner span strong {
	color: #332b29;
	padding: 0 .1rem;
	float: left;
	display: inline-block
}

.lottery .main .banner .banner-winning-box .winning-box-inner span img {
	width: 2rem;
	height: 2rem;
	border-radius: 50%;
	float: left
}

.lottery .main .banner .banner-action,.lottery .main .banner .banner-action-shadow,.lottery .main .banner .banner-countdown,.lottery .main .banner .banner-countdown-box,.lottery .main .banner .banner-title,.lottery .main .banner .banner-title-box,.lottery .main .banner .banner-title-tiper,.lottery .main .banner .banner-winning-box {
	position: absolute
}

.lottery .main .banner .banner-action-shadow {
	z-index: 0;
	width: 70%;
	height: 4rem;
	top: 43%;
	left: 15%;
	border-radius: 100%;
	margin: auto;
	opacity: .05;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	background: #000
}

.lottery .main .banner .banner-action {
	top: 5.5%;
	left: 3%;
	width: 300px;
	height: 300px;
	background: url(../images/lottery/prize-bg-01.png) no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	z-index: 1
}

.lottery .main .banner .banner-action.lighter {
	background: url(../images/lottery/prize-bg-02.png) no-repeat;
	-webkit-background-size: contain;
	background-size: contain
}

.lottery .main .banner .banner-action .action-point {
	position: absolute;
	left: 33%;
	top: 34%;
	width: 35%;
	height: 35%;
	background: url(../images/lottery/point.png?t=0620) center no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	z-index: 3
}

.lottery .main .banner .banner-action .action-point.doing {
	background: url(../images/lottery/point-doing.png?t=0620) center no-repeat;
	-webkit-background-size: contain;
	background-size: contain
}

.lottery .main .banner .banner-action .action-layer {
	overflow: hidden;
	width: 100%;
	height: 100%;
	position: relative
}

.lottery .main .banner .banner-action .action-layer ul li {
	list-style: none
}

.lottery .main .banner .banner-action .action-layer .wheel-line,.lottery .main .banner .banner-action .action-layer .wheel-list {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	overflow: hidden
}

.lottery .main .banner .banner-action .action-layer .wheel-line {
	z-index: 1;
	border-radius: 50%
}

.lottery .main .banner .banner-action .action-layer .wheel-line .wheel-litem {
	position: absolute;
	left: 151px;
	top: 24px;
	width: 1px;
	height: 7rem;
	background-color: #fabe97;
	overflow: hidden;
	-webkit-transform-origin: 50% 7.8rem;
	-ms-transform-origin: 50% 7.8rem;
	-o-transform-origin: 50% 7.8rem;
	transform-origin: 50% 7.8rem
}

.lottery .main .banner .banner-action .action-layer .wheel-list {
	z-index: 2
}

.lottery .main .banner .banner-action .action-layer .wheel-list .wheel-item {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	color: #e4370e;
	font-weight: 700;
	text-shadow: 0 1px 1px rgba(255,255,255,.6)
}

.lottery .main .banner .banner-action .action-layer .wheel-list .wheel-item .wheel-content {
	width:300px;
	position: absolute;
	left:50%;
	margin-left:-150px;
	top:0;
	display: block;
	padding-top: 2.2rem;
	text-align: center;
	-webkit-transform-origin: 50% 9.4rem;
	-ms-transform-origin: 50% 9.4rem;
	-o-transform-origin: 50% 9.4rem;
	transform-origin: 50% 9.4rem
}

.lottery .main .banner .banner-action .action-layer .wheel-list .wheel-item .wheel-content p {
	margin: 0;
	padding: 0
}

.lottery .main .banner .banner-action .action-layer .wheel-list .wheel-item .wheel-content .wheel-img img {
	width: 3rem;
	height: 3rem;
	border-radius: 50%;
	border: 2px solid #fbac23;
	margin: 0 auto;
	padding: .1rem
}

.lottery .main .banner .banner-action .action-layer .wheel-list .wheel-item .wheel-content .wheel-text {
	font-size: .75rem;
	font-weight: lighter
}

.lottery .main .prize {
	margin: 0 1rem 1rem;
	color: #d22a09;
	overflow: hidden;
	font-size: .8rem
}

.lottery .main .prize .prize-item {
	margin: 1rem 0;
	overflow: hidden
}

.lottery .main .prize .prize-item .cell-2 {
	margin-top: 5%
}

.lottery .main .prize .prize-item .prize-left {
	background: #f6eab2;
	border-radius: 1rem;
	padding: .5rem
}

.lottery .main .prize .prize-item .prize-left .cell-12,.lottery .main .prize .prize-item .prize-left .cell-8 {
	padding-left: 0
}

.lottery .main .prize .prize-item .prize-layer {
	border: 2px dashed #fbac23;
	padding: .5rem;
	border-radius: inherit
}

.lottery .main .prize .prize-item .prize-name {
	height: 30%
}

.lottery .main .prize .prize-item .prize-name .counter {
	background: #fbac23;
	border-radius: .3rem;
	display: inline-block;
	padding: .3rem;
	color: #fff
}

.lottery .main .prize .prize-item .prize-name .cell-4 {
	padding: 0;
	text-align: right
}

.lottery .main .prize .prize-item .prize-img {
	border-radius: 50%;
	border: 2px solid #f6eab2;
	background: #fff;
	padding: 50%;
	position: relative
}

.lottery .main .prize .prize-item .prize-img img {
	width: 100%;
	height: 100%;
	z-index: 2;
	border-radius: 50%;
	padding: 5%;
	position: absolute;
	top: 0;
	left: 0
}

.lottery .main .tabs {
	width: 100%;
	height: 4.5rem;
	overflow: hidden;
	position: relative;
	background: url(../images/lottery/tab-left.jpg) center top no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100%;
	margin-top: -.12rem
}

.lottery .main .tabs .tab {
	position: absolute;
	font-size: 1.2rem
}

.lottery .main .tabs .tab:nth-of-type(1) {
	color: #fff;
	left: 16%;
	top: 22%
}

.lottery .main .tabs .tab:nth-of-type(2) {
	color: #db4325;
	right: 16%;
	top: 27%
}

.lottery .main .tabs.right {
	background: url(../images/lottery/tab-right.jpg) center top no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100%
}

.lottery .main .tabs.right .tab:nth-of-type(1) {
	color: #db4325;
	left: 16%;
	top: 26%
}

.lottery .main .tabs.right .tab:nth-of-type(2) {
	color: #fff;
	right: 19%;
	top: 26%
}

.lottery .main .card {
	border: 5px solid #ffa676;
	border-radius: 1rem;
	background: #fff;
	position: relative;
	margin: 1rem 1rem 1.5rem
}

.lottery .main .card .card-header {
	position: absolute;
	background: url(../images/lottery/card-title.png) center top no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100%;
	height: 3.5rem;
	line-height: 2.5rem;
	text-align: center;
	font-size: 1rem;
	color: #d22a09;
	font-weight: 700;
	width: 70%;
	left: 15%;
	top: -1rem
}

.lottery .main .card .card-header input {
	width: 7rem;
	height: 1rem
}

.lottery .main .card .card-body,.lottery .main .card .card-note {
	padding: 2.5rem 1rem 1rem;
	font-size: 1rem;
	color: #d8462a
}

.lottery .main .card.ranking table {
	color: #d22a09
}

.lottery .main .card.ranking table td {
	font-size: .8rem
}

.lottery .main .card.ranking table td.time {
	color: #333
}

.lottery .main .card.my-winning .winning-item {
	border-bottom: 1px solid #ffa676;
	color: #000;
	overflow: hidden;
	padding: .5rem 0;
	text-align: left;
	font-size: .8rem
}

.lottery .main .card.my-winning .winning-item .cell-12,.lottery .main .card.my-winning .winning-item .cell-2 {
	padding: 0
}

.lottery .main .card.my-winning .winning-item p {
	margin: 0
}

.lottery .main .card.my-winning .winning-item .time {
	color: #9e957d
}

.lottery .main .card.my-winning .winning-item a {
	border-radius: 1rem;
	padding: .2rem;
	background: #db4325;
	color: #fff;
	display: inline-block;
	width: 100%;
	text-align: center
}

.lottery .main .card.my-winning .winning-item a.exchanged {
	background: #a0a0a0
}

.lottery .main .myinfo {
	margin: 2rem 1rem;
	position: relative
}

.lottery .main .myinfo .myinfo-header {
	width: 105%;
	height: 3rem;
	background: url(../images/lottery/myinfo-header.png) center top no-repeat;
	-webkit-background-size: 101% 101%;
	background-size: 101%;
	position: absolute;
	top: -2rem;
	left: -2%
}

.lottery .main .myinfo .myinfo-body {
	background: url(../images/lottery/myinfo-bg.png);
	overflow: hidden;
	border: 2px solid #ffd614;
	border-radius: 0 0 1rem 1rem;
	padding: .5rem;
	font-size: .8rem
}

.lottery .main .myinfo .myinfo-body strong {
	color: #d22a09
}

.lottery .main .myinfo .myinfo-body .left-count {
	color: #9c9a9a;
	text-align: center
}

.lottery .main .myinfo .myinfo-body .right {
	text-align: right
}

.lottery .join-action {
	padding: .5rem .5rem 2rem;
	text-align: center;
	overflow: hidden
}

.lottery .join-action a {
	border-radius: 2rem;
	background: #f3e145;
	border-style: solid;
	border-color: #861b06;
	width: 80%;
	display: inline-block;
	height: 3rem;
	line-height: 2.5rem;
	color: #d22a09;
	margin-bottom: .5rem;
	border-width: 1px 2px 5px
}

.lottery .join-action .note {
	color: #fff
}

.lottery .tel {
	height: auto;
	background: 0 0
}

.lottery .tel .info {
	width: 100%;
	line-height: 2.5rem;
	background-color: #fff;
	color: #d22a09;
	font-size: .875rem;
	padding: .625rem;
	overflow:hidden;
}

.lottery .tel .info span {
	font-size: 1rem
}

.lottery .tel .info span>a {
	display: inline;
	background: 0 0;
	color: #EB300F;
	text-indent: 0
}

.lottery .tel .info>a {
	display: block;
	width: 6.25rem;
	height: 2.5rem;
	line-height: 2.5rem;
	border-radius: .375rem;
	color: #fff;
	text-align: center;
	text-indent: 1.5625rem;
	background: url(../images/lottery/icon-tel.png) 15% center no-repeat #ff8400;
	-webkit-background-size: 20% auto;
	background-size: 20% auto;
	float: right;
	-webkit-animation: tada 3s infinite linear;
	-o-animation: tada 3s infinite linear;
	animation: tada 3s infinite linear
}

.lottery .tel .info .action-bar {
	display: none
}


.lottery .modal-join .modal-content {
	background: url(../images/lottery/join-modal-bg.jpg) center top no-repeat #fff;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	border-radius: 1.2rem
}

.lottery .modal-join .modal-body {
	padding-top: 7rem
}

.lottery .modal-join .modal-close {
	color: #fff
}

.lottery .modal-join fieldset {
	border-width: 0
}

.lottery .modal-join fieldset p.iwjoin {
	font-size: 1.5rem;
	text-align: center;
	color: #f75028;
	margin-bottom: .5rem
}

.lottery .modal-join fieldset label {
	padding-top: .3125rem;
	padding-right: 0;
	color: #333
}

.lottery .modal-join fieldset span {
	color: #ff4853;
	font-size: .875rem;
	text-align: center;
	display: block
}

.lottery .modal-join fieldset input {
	font-size: 1rem;
	width: 100%;
	padding: .3rem 1rem;
	border: .0625rem solid #ddd;
	border-radius: .3125rem;
	background: #f6f6f6
}

.lottery .modal-join fieldset input:focus {
	border-color: #5ab8e8;
	outline: 0
}

.lottery .modal-exchange,.lottery .modal-winning {
	max-width: 640px;
	position: absolute;
	z-index: 1030;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%
}

.lottery .modal-exchange .modal-dialog,.lottery .modal-winning .modal-dialog {
	max-width: inherit;
	position: fixed;
	z-index: 5000;
	width: 90%;
	top: 0;
	left: 5%;
	text-align: center;
	overflow: hidden;
	-o-animation: bounceInDown 1s linear;
	animation: bounceInDown 1s linear;
	-webkit-animation: bounceInDown 1s linear
}

.lottery .modal-exchange .modal-dialog.hiding,.lottery .modal-winning .modal-dialog.hiding {
	-o-animation: bounceOutDown 1s linear;
	animation: bounceOutDown 1s linear;
	-webkit-animation: bounceOutDown 1s linear
}

.lottery .modal-exchange .modal-dialog.hidden,.lottery .modal-winning .modal-dialog.hidden {
	display: none
}

.lottery .modal-exchange .modal-dialog .winning-dialog-header,.lottery .modal-winning .modal-dialog .winning-dialog-header {
	overflow: hidden;
	width: 100%;
	padding-top: 82%;
	background: url(../images/lottery/winning-dialog-header.png) center top no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	color: #fff;
	position: relative
}

.lottery .modal-exchange .modal-dialog .winning-dialog-header h4,.lottery .modal-winning .modal-dialog .winning-dialog-header h4 {
	position: absolute;
	bottom: 9%;
	width: 100%;
	height: 2rem;
	font-size: 1rem;
	line-height: 2rem
}

.lottery .modal-exchange .modal-dialog .winning-dialog-content,.lottery .modal-winning .modal-dialog .winning-dialog-content {
	width: 83%;
	margin: -2rem auto 0 11%;
	padding: 1.5rem 1rem 1rem;
	color: #f17555;
	background: #fff;
	overflow: hidden;
	border-radius: 1rem
}

.lottery .modal-exchange .modal-dialog .winning-dialog-content .note,.lottery .modal-winning .modal-dialog .winning-dialog-content .note {
	color: silver;
	font-size: .8rem
}

.lottery .modal-exchange .modal-dialog a,.lottery .modal-winning .modal-dialog a {
	width: 40%;
	margin: 0 auto;
	height: 2.5rem;
	line-height: 2.5rem;
	background: #f3e145;
	border-radius: 1rem;
	border-bottom: 5px solid #f0c80d;
	color: #ed522a;
	display: inline-block;
	font-weight: 700
}

.lottery .modal-exchange.modal-exchange .modal-exchange-header,.lottery .modal-winning.modal-exchange .modal-exchange-header {
	position: fixed;
	z-index: 5001;
	top: 5rem;
	width: 100%;
	height: 6rem;
	text-align: center;
	line-height: 5rem;
	background: url(../images/lottery/exchange-header.png) center top no-repeat;
	-webkit-background-size: 53% auto;
	background-size: 53% auto;
	color: #fff
}

.lottery .modal-exchange.modal-exchange .modal-exchange-line,.lottery .modal-winning.modal-exchange .modal-exchange-line {
	position: fixed;
	z-index: 5001;
	top: 12.8%;
	right: 15%;
	width: 3px;
	background: #fff;
	height: 3rem
}

.lottery .modal-exchange.modal-exchange .modal-exchange-close,.lottery .modal-winning.modal-exchange .modal-exchange-close {
	position: fixed;
	z-index: 5001;
	top: 10%;
	width: 1.5rem;
	right: 12%;
	height: 1.5rem;
	border-radius: 50%;
	color: rgba(102,73,3,.87);
	background: #fff;
	display: inline-block;
	font-size: 1.5rem;
	text-align: center;
	line-height: 1.5rem
}

.lottery .modal-exchange.modal-exchange .modal-dialog,.lottery .modal-winning.modal-exchange .modal-dialog {
	top: 20%;
	left: 10%;
	width: 80%;
	-o-animation: none;
	animation: none;
	-webkit-animation: none
}

.lottery .modal-exchange.modal-exchange .modal-dialog .modal-exchange-body,.lottery .modal-winning.modal-exchange .modal-dialog .modal-exchange-body {
	background: #fff;
	border-radius: 1rem;
	border: 2px solid #ffd300;
	padding: 2.5rem 1rem 1rem;
	overflow: hidden;
	color: #a3a3a2
}

.lottery .modal-exchange.modal-exchange .modal-dialog .modal-exchange-body input,.lottery .modal-winning.modal-exchange .modal-dialog .modal-exchange-body input {
	width: 10rem;
	height: 2rem;
	line-height: 1.5rem;
	background: #eee;
	border: 1px solid #e3e3e3;
	text-align: center;
	overflow: hidden
}

.lottery .modal-exchange.modal-exchange .modal-dialog .modal-exchange-body p.password,.lottery .modal-winning.modal-exchange .modal-dialog .modal-exchange-body p.password {
	overflow: hidden
}

.lottery .modal-exchange.modal-exchange .modal-dialog .modal-exchange-body a,.lottery .modal-winning.modal-exchange .modal-dialog .modal-exchange-body a {
	border: none;
	color: #fff;
	background: #db4325
}

.lottery.sample .tel {
	height: 4.75rem
}

.lottery.sample .tel .info {
	padding-left: 0;
	padding-right: 0;
	text-indent: .625rem
}

.lottery.sample .tel .info>span {
	text-indent: 0
}

.lottery.sample .tel .info>a {
	text-indent: 1.5625rem;
	margin-right: .625rem
}

.lottery.sample .tel .info .reminder {
	display: none
}

.lottery.sample .tel .info .action-bar {
	display: block;
	width: 100%;
	background-color: #04be02;
	margin-bottom: -.625rem;
	text-indent: 0;
	text-align: center
}

.lottery.sample .tel .info .action-bar a {
	display: block;
	width: 100%;
	background: #04be02;
	color: #fff;
	text-indent: 0;
	margin-bottom: -.625rem;
	margin-top: .625rem;
	margin-right: -.625rem
}

@media screen and (width:320px) {
	.lottery .main .myinfo .myinfo-header {
		top: -1.8rem
	}

	.lottery .main .banner .banner-countdown-box {
		font-size: .75rem
	}

	.lottery .main .banner .banner-winning-box {
		top: 81%
	}

	.lottery .main .card .card-header {
		line-height: 2rem
	}

	.lottery .main .tabs {
		margin-top: -.15rem
	}

	.lottery .main .tabs .tab:nth-of-type(2) {
		top: 20%
	}

	.lottery .main .tabs.right .tab:nth-of-type(1) {
		top: 17%
	}
}

@media screen and (width:360px) {
	.lottery .main .banner .banner-action-shadow {
		top: 44%
	}

	.lottery .main .tabs {
		margin-top: -.15rem
	}
}

@media only screen and (min-width:476px) {
	.lottery .main .myinfo .myinfo-header {
		top: -2.5rem
	}

	.lottery .main .banner .banner-action-shadow {
		top: 44%
	}

	.lottery .main .tabs {
		margin-top: -.5rem;
		height: 6.5rem
	}

	.lottery .main .card .card-header {
		line-height: 3rem
	}

	.lottery .main .card .card-body,.lottery .main .card .card-note {
		padding-top: 3rem
	}
}

@media only screen and (min-width:490px) {
	.lottery .main .banner .banner-action-shadow {
		display: none
	}
}

.lottery-joiners table a {
	cursor: pointer
}

.lottery-joiners table th {
	font-weight: 700
}

.lottery-joiners table td,.lottery-joiners table th {
	padding: 2px;
	word-break: keep-all;
	white-space: nowrap
}

.lottery-joiners .table-box {
	overflow-x: auto;
	width: 100%;
	padding-bottom: 1rem
}

.lottery-joiners .main .weui_loadmore_line {
	border-top: 1px solid #E5E5E5;
	margin-top: 2.4rem
}

.lottery-joiners .main .weui_loadmore_line .weui_loadmore__tips {
	position: relative;
	top: -.9rem;
	padding: 0 .55rem;
	background-color: #FFF;
	color: #0059a6;
	display: inline-block;
	vertical-align: middle
}

.lottery-joiners .main .weui_loadmore {
	width: 65%;
	margin: 1.5rem auto 0;
	line-height: 1.6rem;
	font-size: 14px;
	text-align: center
}

.lottery-joiners .main .edit-amount {
	padding-top: .5rem;
	text-align: center
}

.lottery-joiners .main .weui_navbar.nofixed {
	top: 2.8rem
}

.lottery-joiners .main .weui_navbar .weui_navbar_item {
	background: #f5f5f5;
	color: #403e3e
}

.lottery-joiners .main .weui_navbar .weui_navbar_item.weui_bar_item_on {
	background-color: #639CEB;
	color: #fff
}

.lottery-joiners .main .line {
	padding-top: 3rem
}

.lottery-joiners .exchanged {
	color: #c3c3c3
}

.lottery-joiners .exchanged a {
	color: #79adda
}

.lottery-joiners .weui_actionsheet_cell {
	display: block;
	font-size: .875rem
}

.lottery-joiners .weui_actionsheet_cell i {
	padding-right: 5px
}

.lottery-joiners .notes {
	line-height: 1.5rem;
	font-size: .75rem;
	padding: 0 .625rem;
	margin: 0
}

.lottery-joiners .notes:first-of-type {
	padding-top: .625rem
}

.lottery-joiners .notes:last-of-type {
	padding-bottom: .625rem
}

.labourday-editor.labourday {
	color: #e50112
}

.labourday-editor.labourday input[type=number],.labourday-editor.labourday input[type=number].dashed {
	width: 4rem;
	height: 2.25rem;
	text-align: center;
	padding: .625rem;
	border-color: #e50112;
	color: #e50112
}

.labourday-editor.labourday .main {
	padding-bottom: 0
}

.labourday-editor.labourday .banner.skin1 textarea {
	top: 57.47%
}

.labourday-editor.labourday .banner.skin1 input,.labourday-editor.labourday .banner.skin1 textarea {
	border-color: #f5edb5;
	color: #f5edb5
}

.labourday-editor.labourday .banner.skin2 input,.labourday-editor.labourday .banner.skin2 textarea,.labourday-editor.labourday .banner.skin3 input,.labourday-editor.labourday .banner.skin3 textarea {
	border-color: #a10201;
	color: #a10201
}

.labourday-editor.labourday .banner.skin1 .banner-countdown {
	top: 83%
}

.labourday-editor.labourday .banner.skin2 textarea {
	top: 61.3%
}

.labourday-editor.labourday .banner.skin2 .banner-countdown {
	top: 86.85%
}

.labourday-editor.labourday .banner.skin3 textarea {
	top: 44.7%
}

.labourday-editor.labourday .banner.skin3 .banner-countdown {
	top: 69.6%
}

.labourday-editor.labourday .banner.skin4 textarea {
	top: 61.3%
}

.labourday-editor.labourday .banner.skin4 input,.labourday-editor.labourday .banner.skin4 textarea {
	border-color: #fff;
	color: #fff
}

.labourday-editor.labourday .banner.skin4 .banner-countdown {
	top: 85.57%
}

.labourday-editor.labourday .banner.skin5 textarea {
	border-color: #c00016;
	color: #c00016
}

.labourday-editor.labourday .banner.skin5 input {
	color: #ca641f;
	border-color: #ca641f
}

.labourday-editor.labourday .banner.skin5 .banner-countdown {
	color: #fff;
	top: 60.98%
}

.labourday-editor.labourday .prizes.editable input {
	text-align: center;
	color: #f24f64
}

.labourday-editor.labourday .prizes.editable input[type=text] {
	width: 15.5rem
}

.labourday-editor.labourday .prizes.editable p {
	font-size: .875rem
}

.labourday-editor.labourday .prizes.editable p.line {
	padding-top: 5px
}

.labourday-editor.labourday .prizes.editable p.note {
	font-size: .875rem;
	color: #a78f90
}

.labourday-editor.labourday .card.prizes {
	text-align: center
}

.labourday-editor.labourday .card .card-title input {
	border-color: #fff
}

.labourday-editor.labourday .card .card-body input.telphone {
	margin-top: .875rem;
	display: block;
	width: 100%;
	height: 2.5rem;
	line-height: 2.5rem;
	background: url(../images/labourday/icon-tel-editor.png) .625rem center no-repeat;
	border-radius: .625rem;
	padding-left: 2.5rem;
	-webkit-background-size: auto 60%;
	background-size: auto 60%;
	font-size: 1rem;
	color: #e50112
}

.labourday-editor.labourday .card .card-body p.note {
	font-size: .875rem;
	color: #7c7c7c
}

.labourday-editor.labourday .prizes-box {
	position: relative
}

.labourday-editor.labourday .prizes-box .separated {
	position: absolute;
	width: 1.2rem;
	height: 4rem;
	background: url(../images/labourday/separated.png) left top no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	top: 33%
}

.labourday-editor.labourday .prizes-box .separated.left {
	left: 15%
}

.labourday-editor.labourday .prizes-box .separated.right {
	right: 15%
}

.labourday-editor.labourday .footer .actions {
	position: fixed;
	bottom: 74px
}

.labourday-editor.labourday .tel .info {
	position: relative;
	z-index: 0
}

.labourday-uploader,.mini-editor-container.labourday-uploader {
	margin-top: .5rem
}

.labourday .main,.labourday .modal {
	max-width: 640px;
	margin: 0 auto
}

.labourday-uploader .image-previewer.reverse label,.labourday-uploader .uploader.reverse label,.mini-editor-container.labourday-uploader .image-previewer.reverse label,.mini-editor-container.labourday-uploader .uploader.reverse label {
	border-color: #e50112
}

.labourday-uploader .image-previewer.reverse label::after,.labourday-uploader .image-previewer.reverse label::before,.labourday-uploader .uploader.reverse label::after,.labourday-uploader .uploader.reverse label::before,.mini-editor-container.labourday-uploader .image-previewer.reverse label::after,.mini-editor-container.labourday-uploader .image-previewer.reverse label::before,.mini-editor-container.labourday-uploader .uploader.reverse label::after,.mini-editor-container.labourday-uploader .uploader.reverse label::before {
	background-color: #e50112
}

.labourday-uploader .image-previewer.reverse span,.labourday-uploader .uploader.reverse span,.mini-editor-container.labourday-uploader .image-previewer.reverse span,.mini-editor-container.labourday-uploader .uploader.reverse span {
	color: #e50112
}

.labourday-uploader a.action,.mini-editor-container.labourday-uploader a.action {
	border: 1px dashed #e50112;
	color: #e50112
}

.labourday-uploader i.icon,.mini-editor-container.labourday-uploader i.icon {
	color: #9e9b9b
}

.join-customize-container.labourday-join-customize {
	padding: 0 .5rem;
	color: #484848
}

.join-customize-container.labourday-join-customize input.disabled {
	border-color: #f2645f
}

.join-customize-container.labourday-join-customize .weui_cells_checkbox .weui_check:checked+.weui_icon_checked:before {
	color: #f10315
}

.labourday {
	color: #272727;
	position: relative
}

.labourday .header .stats li {
	color: #622d1f;
	text-shadow: none
}

.labourday .header .stats li b {
	color: #33b5ff
}

.labourday .main {
	padding-bottom: 5.5rem;
	background: url(../images/labourday/body-bg.jpg) #eda129;
	-webkit-background-size: contain;
	background-size: contain
}

.labourday .dashed,.labourday .dashed.reverse {
	color: #343434;
	border: 1px dashed #e50212;
	border-radius: 6px
}

.labourday input {
	border: 1px dashed #e50212;
	border-radius: 6px
}

.labourday b {
	font-weight: 400;
	margin-left: .125rem;
	margin-right: .125rem;
	color: #e50112
}

.labourday .weui_btn::after {
	border: 0
}

.labourday .weui_btn_primary {
	background-color: #e53339;
	color: #fff
}

.labourday .weui_btn_primary:active,.labourday .weui_btn_primary:focus {
	background-color: #f0252c
}

.labourday .card {
	margin: 3.2rem 1rem 1rem;
	padding: .5rem;
	border-radius: 1rem;
	position: relative;
	background: #d0aa76;
	border: 3px solid #8b0212;
	border-top: none
}

.labourday .card.myinfo .vote_count {
	text-align: right
}

.labourday .card.myinfo p {
	font-size: .8rem;
	text-align: center
}

.labourday .card .card-header {
	position: absolute;
	top: -2.6rem;
	left: 0;
	width: 100%;
	padding: 10px;
	z-index: 0;
	height: 2.5rem;
	font-size: 1rem;
	background: url(../images/labourday/card-title.png) center top no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	text-align: center
}

.labourday .card .card-title {
	font-size: 1.125rem;
	color: #fff100;
	font-weight: 700
}

.labourday .card .card-title h5 {
	font-weight: 700
}

.labourday .card .card-title input {
	width: 6.75rem;
	height: 1rem;
	text-align: center;
	color: inherit;
	padding: .875rem 0
}

.labourday .card .card-title .tiper {
	position: absolute;
	top: 3rem;
	left: 5rem;
	width: 13rem;
	color: #464646;
	font-size: .875rem;
	text-shadow: none
}

.labourday .card .card-title .tiper i {
	padding-right: .375rem
}

.labourday .card .card-body {
	border-radius: inherit;
	padding: .8rem;
	color: #111;
	background: #fdd691
}

.labourday .banner {
	position: relative;
	overflow: hidden;
	text-align: center;
	-webkit-background-size: contain;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top center;
	padding: 61.5% 0
}

.labourday .banner .banner-completed,.labourday .banner .banner-countdown,.labourday .banner .banner-title {
	position: absolute;
	left: 0;
	text-align: center;
	width: 100%
}

.labourday .banner .banner-title {
	font-size: 1.4rem;
	font-weight: 700;
	padding: 0 .5rem
}

.labourday .banner .banner-countdown {
	letter-spacing: .1rem;
	font-size: 1rem
}

.labourday .banner .banner-countdown b {
	color: #31345e;
	padding: .1875rem;
	background: #fff;
	border-radius: .3125rem;
	width: 2rem;
	display: inline-block
}

.labourday .banner .banner-countdown b:nth-of-type(1) {
	padding: 0;
	background: 0 0;
	width: auto;
	color: #fddb12
}

.labourday .banner .banner-completed {
	font-size: 1rem
}

.labourday .banner .banner-completed .completed-list {
	font-size: .875rem;
	line-height: 1.25rem;
	overflow: hidden;
	height: 1.25rem;
	list-style: none;
	text-align: center
}

.labourday .banner .banner-completed .completed-list.carousel,.labourday .banner .banner-completed .completed-list.carousel .in {
	width: 100%
}

.labourday .banner.skin1 .banner-title {
	top: 60.66%;
	color: #f5edb5
}

.labourday .banner.skin1 .banner-countdown {
	top: 80.14%;
	color: #fff
}

.labourday .banner.skin1 .banner-countdown b {
	color: #be2a2a;
	background: #fdd691
}

.labourday .banner.skin1 .banner-countdown .date>time,.labourday .banner.skin1 .banner-countdown b:nth-of-type(1) {
	color: #f5edb5;
	background: 0 0
}

.labourday .banner.skin1 .banner-completed {
	top: 90.35%;
	color: #fff
}

.labourday .banner.skin1 .banner-completed b {
	color: #ffea00
}

.labourday .banner.skin2 .banner-title {
	top: 68%;
	color: #a10201
}

.labourday .banner.skin2 .banner-countdown {
	top: 83.97%;
	color: #000
}

.labourday .banner.skin2 .banner-countdown b {
	color: #a10201;
	background: #fdd691
}

.labourday .banner.skin2 .banner-countdown b:nth-of-type(1) {
	background: 0 0
}

.labourday .banner.skin2 .banner-countdown .date>time {
	color: #a10201
}

.labourday .banner.skin2 .banner-completed {
	top: 91%;
	color: #010101
}

.labourday .banner.skin2 .banner-completed b {
	color: #a10201
}

.labourday .banner.skin3 .banner-title {
	top: 45.98%;
	color: #a10201
}

.labourday .banner.skin3 .banner-countdown {
	top: 61.94%;
	color: #000
}

.labourday .banner.skin3 .banner-countdown b {
	color: #be2a2a;
	background: #fdd691
}

.labourday .banner.skin3 .banner-countdown b:nth-of-type(1) {
	background: 0 0
}

.labourday .banner.skin3 .banner-countdown .date>time {
	color: #be2a2a
}

.labourday .banner.skin3 .banner-completed {
	top: 71.52%;
	color: #010101
}

.labourday .banner.skin3 .banner-completed b {
	color: #a10201
}

.labourday .banner.skin4 .banner-title {
	top: 63.22%;
	color: #fff
}

.labourday .banner.skin4 .banner-countdown {
	top: 81%;
	color: #fff
}

.labourday .banner.skin4 .banner-countdown b {
	color: #be2a2a;
	background: #fdd691
}

.labourday .banner.skin4 .banner-countdown b:nth-of-type(1) {
	color: #ffea00;
	background: 0 0
}

.labourday .banner.skin4 .banner-countdown .date>time {
	color: #fff
}

.labourday .banner.skin4 .banner-completed {
	top: 90.5%;
	color: #fff
}

.labourday .banner.skin4 .banner-completed b {
	color: #ffea00
}

.labourday .banner.skin5 .banner-title {
	top: 32.24%;
	color: #c00016
}

.labourday .banner.skin5 .banner-countdown {
	top: 47.25%;
	color: #000
}

.labourday .banner.skin5 .banner-countdown b {
	color: #be2a2a;
	background: #fdd691
}

.labourday .banner.skin5 .banner-countdown b:nth-of-type(1) {
	background: 0 0
}

.labourday .banner.skin5 .banner-countdown .date>time {
	color: #fff
}

.labourday .banner.skin5 .banner-completed {
	top: 56.83%;
	color: #ff9600
}

.labourday .banner.skin5 .banner-completed b {
	color: #000
}

.labourday .card-separated {
	background: url(../images/labourday/card-separated.png) top center no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100%;
	height: 3rem;
	margin-top: -1.5rem;
	width: 100%;
	position: relative
}

.labourday .card-action {
	margin: 0 .5rem;
	padding: 0 1rem 1rem
}

.labourday .card-action a {
	background: url(../images/labourday/join-button.png) top center no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	color: #fff;
	width: 100%;
	font-weight: 700;
	outline: 0;
	border: 0;
	height: 3.9rem;
	line-height: 3.5rem;
	letter-spacing: .1rem
}

.labourday .card-action a:active,.labourday .card-action a:focus {
	background: inherit;
	-webkit-background-size: inherit inherit;
	background-size: inherit
}

.labourday .about .card-body,.labourday .about .card-body .uploader-container span,.labourday .accept .card-body {
	color: #272727
}

.labourday .card.prizes {
	margin-top: 1rem
}

.labourday .card.prizes .card-header {
	background: url(../images/labourday/card-prize-bg.png) center top no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	top: -1rem
}

.labourday .card.prizes .card-body {
	padding-top: 1.5rem;
	color: #000
}

.labourday .card.prizes p {
	text-align: center;
	margin: 0
}

.labourday .card.prizes p b {
	color: #e50112;
	margin-bottom: 0
}

.labourday .card.prizes .uploader-container .reverse,.labourday .card.prizes .uploader-container span {
	color: #111
}

.labourday .ranking-list table th {
	color: #e50112
}

.labourday .ranking-list table td {
	text-align: center;
	color: #272727
}

.labourday .ranking-list .waterfall-flow-loader {
	color: #272727
}

.labourday .tel {
	height: auto;
	background: 0 0
}

.labourday .tel .info {
	position: fixed;
	z-index: 99;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	line-height: 2.5rem;
	background-color: #fff;
	color: #be2a2a;
	font-size: .875rem;
	padding: .625rem
}

.labourday .tel .info span {
	font-size: 1rem
}

.labourday .tel .info span>a {
	display: inline;
	background: 0 0;
	color: #EB300F;
	text-indent: 0
}

.labourday .tel .info>a {
	display: block;
	width: 6.25rem;
	height: 2.5rem;
	line-height: 2.5rem;
	border-radius: .375rem;
	background-color: #e53339;
	color: #fff;
	text-align: center;
	text-indent: 1.5625rem;
	background-image: url(../images/labourday/icon-tel.png);
	-webkit-background-size: 20% auto;
	background-size: 20% auto;
	background-position: 15% center;
	background-repeat: no-repeat;
	float: right;
	-webkit-animation: tada 3s infinite linear;
	-o-animation: tada 3s infinite linear;
	animation: tada 3s infinite linear
}

.labourday .tel .info .action-bar {
	display: none
}

.labourday .tel .info .reminder {
	height: 1.875rem;
	line-height: 1.875rem;
	background-color: rgba(0,0,0,.7);
	position: relative;
	margin: .625rem -.625rem -.625rem
}

.labourday .tel .info .reminder a {
	display: inline-block;
	width: auto;
	line-height: 1.875rem;
	color: #fff;
	background: 0 0;
	padding-left: 10px
}

.labourday .tel .info .reminder i {
	color: #fff;
	font-style: normal;
	margin: 0 5px
}

.labourday .tel .info .reminder strong {
	color: #ffdc00
}

.labourday .tel .info .reminder .reminder-close {
	font-size: 1.5rem;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	display: block;
	min-width: 2.5rem;
	color: #fff;
	text-align: center;
	cursor: pointer
}

.labourday .modal-join .modal-content {
	background: url(../images/labourday/join-modal-bg.jpg) center top no-repeat #fff;
	-webkit-background-size: 101% auto;
	background-size: 101% auto;
	border-radius: .8rem
}

.labourday .modal-join .modal-body {
	padding-top: 36%
}

.labourday .modal-join .modal-close {
	color: #656060
}

.labourday .modal-join fieldset {
	border-width: 0
}

.labourday .modal-join fieldset label {
	padding-top: .3125rem;
	padding-right: 0;
	color: #333
}

.labourday .modal-join fieldset h4,.labourday .modal-join fieldset span {
	text-align: center;
	display: block;
	color: #ff4853
}

.labourday .modal-join fieldset span {
	font-size: .875rem
}

.labourday .modal-join fieldset input {
	font-size: 1rem;
	width: 100%;
	padding: .3rem 1rem;
	border: .0625rem solid #ddd;
	border-radius: .3125rem;
	background: #f6f6f6
}

.labourday .modal-join fieldset input:focus {
	border-color: #5ab8e8;
	outline: 0
}

.labourday .modal-halo {
	z-index: -1;
	background-color: rgba(0,0,0,.75)
}

.labourday .modal-halo.modal {
	-webkit-box-align: inherit;
	-webkit-align-items: inherit;
	-ms-flex-align: inherit;
	align-items: inherit
}

.labourday .modal-halo .modal-content {
	margin: 0;
	background: 0 0
}

.labourday .modal-halo .modal-body {
	font-size: .75rem;
	color: #fff;
	position: relative;
	background: url(../images/labourday/modal-halo.png) center top no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	padding: 43%
}

.labourday .modal-halo .modal-body .tiper {
	position: absolute;
	bottom: 4%;
	width: 100%;
	text-align: center;
	left: 0
}

.labourday .modal-halo .modal-body .tiper b {
	color: #edef2e
}

.labourday .modal-halo.in {
	z-index: 1020;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

.labourday .modal-halo.out,.labourday.sample .tel .info .reminder {
	display: none
}

.labourday.sample .tel {
	height: 4.75rem
}

.labourday.sample .tel .info {
	padding-left: 0;
	padding-right: 0;
	text-indent: .625rem
}

.labourday.sample .tel .info>span {
	text-indent: 0
}

.labourday.sample .tel .info>a {
	text-indent: 1.5625rem;
	margin-right: .625rem
}

.labourday.sample .tel .info .action-bar {
	display: block;
	width: 100%;
	background-color: #04be02;
	margin-bottom: -.625rem;
	text-indent: 0;
	text-align: center
}

.labourday.sample .tel .info .action-bar a {
	display: block;
	width: 100%;
	background: #04be02;
	color: #fff;
	text-indent: 0;
	margin-bottom: -.625rem;
	margin-top: .625rem;
	margin-right: -.625rem
}

.form .main,.form .modal,.zongzi .modal {
	margin: 0 auto;
	max-width: 640px
}

@media screen and (width:320px) {
	.labourday .banner .banner-title {
		font-size: 1.2rem
	}

	.labourday .banner .banner-countdown {
		font-size: .8rem
	}

	.labourday .card-action a {
		line-height: 3rem
	}
}

.form.form-editor input,.form.form-editor textarea {
	border: 1px dashed #f76868;
	border-radius: .5rem;
	color: #4d3a1b
}

.form.form-editor input.short,.form.form-editor textarea.short {
	width: 8rem
}

.form.form-editor input[type=number] {
	width: 2.5rem;
	padding: .5rem;
	text-align: center
}

.form.form-editor .dashed,.form.form-editor .dashed.reverse {
	border: 1px dashed #f76868;
	color: #f96033
}

.form.form-editor .main .note {
	color: #c1bab9;
	text-align: center;
	font-size: .8rem;
	line-height: 2.5
}

.form.form-editor .main .date,.form.form-editor .main time {
	color: #594729;
	text-align: center;
	font-size: 1.2rem
}

.form.form-editor .main .date>input,.form.form-editor .main time>input {
	color: #f96033;
	font-size: 1rem;
	width: 10.5rem
}

.form.form-editor .main .card .card-body {
	padding: 1.5rem .5rem 1rem
}

.form.form-editor .main .card .card-body.hotline i.tel {
	position: absolute;
	left: 2rem;
	top: 2.6rem;
	color: #f76868
}

.form.form-editor .main .card .card-body.hotline input {
	text-indent: 2rem
}

.form.form-editor .main .card .card-body.hotline .note {
	text-align: left;
	line-height: 2;
	padding-top: .5rem
}

.form.form-editor .main .card .card-body.join_customize .note {
	color: #e79350;
	line-height: 1.5;
	text-align: left
}

.form.form-editor .main .card .card-body.join_customize input.disabled {
	border-color: #f39494
}

.form.form-editor .main .card .card-body.join_customize .weui_cells_checkbox .weui_check:checked+.weui_icon_checked:before {
	color: #f76868
}

.form.form-editor .main .card .card-body.rules {
	font-size: .8rem;
	color: #f76868;
	line-height: 1.5
}

.form.form-editor .main .card .card-body.rules label {
	color: #f96033
}

.form.form-editor .main .card .card-body.rules strong {
	color: #4d3a1b
}

.form.form-editor .main .card .card-body.rules .fee {
	border-radius: .5rem
}

.form.form-editor .main .card .card-body.rules .fee .tiper {
	color: #c1bab9;
	font-size: .8rem
}

.mini-editor-container.form-uploader .image-previewer.reverse label,.mini-editor-container.form-uploader .uploader.reverse label,.uploader-container.form-uploader .image-previewer.reverse label,.uploader-container.form-uploader .uploader.reverse label {
	border-color: #f76868
}

.mini-editor-container.form-uploader .image-previewer.reverse label::after,.mini-editor-container.form-uploader .image-previewer.reverse label::before,.mini-editor-container.form-uploader .uploader.reverse label::after,.mini-editor-container.form-uploader .uploader.reverse label::before,.uploader-container.form-uploader .image-previewer.reverse label::after,.uploader-container.form-uploader .image-previewer.reverse label::before,.uploader-container.form-uploader .uploader.reverse label::after,.uploader-container.form-uploader .uploader.reverse label::before {
	background-color: #f76868
}

.mini-editor-container.form-uploader .image-previewer.reverse span,.mini-editor-container.form-uploader .uploader.reverse span,.uploader-container.form-uploader .image-previewer.reverse span,.uploader-container.form-uploader .uploader.reverse span {
	color: #3b384d
}

.mini-editor-container.form-uploader a.action,.uploader-container.form-uploader a.action {
	border: 1px dashed #f76868;
	color: #f76868;
	background: #fff
}

.mini-editor-container.form-uploader i.icon,.uploader-container.form-uploader i.icon {
	color: rgba(84,78,78,.74)
}

.imager-container.form-imager .imager .actions {
	bottom: 0
}

.imager-container.form-imager .imager .actions a.action {
	border: 1px solid #f76868;
	color: #e97c7c;
	background: 0 0
}

.imager-container.form-imager .imager .tiper {
	bottom: .7rem
}

.imager-container.form-imager .imager .imager-selector {
	bottom: 0
}

@media screen and (width:320px) {
	.mini-editor-container.form-uploader a.action,.uploader-container.form-uploader a.action {
		font-size: .7rem
	}
}

.form .header.uneditable .menu {
	z-index: 2
}

.form .header.uneditable .stats {
	top: 0;
	left: 0;
	background: rgba(255,255,255,.69);
	width: 100%;
	padding: .2rem 1rem;
	z-index: 1
}

.form .header.uneditable .stats li {
	color: #622d1f;
	text-shadow: none
}

.form .header.uneditable .stats li b {
	color: #f96033
}

.form .main {
	background: url(../images/form/bg.png) repeat-y #fffdf4
}

.form .main .line {
	width: 100%;
	height: 1.3rem;
	background: url(../images/form/line.png) left top no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100%;
	margin-top: -1rem;
	position: relative
}

.form .main h1.title {
	text-align: center;
	font-size: 1.8rem;
	line-height: 1.4;
	color: #f96033;
	padding: 0 1.5rem;
	font-weight: 700
}

.form .main .countdown {
	color: #4d3a1b;
	font-size: 1rem;
	text-align: center;
	padding: 1rem 0
}

.form .main .countdown b {
	color: #fcae93;
	background-color: #eee;
	border-radius: .3rem;
	margin: 0 .1rem;
	display: inline-block;
	width: 2rem
}

.form .main .countdown b:first-child {
	background: 0 0
}

.form .main .fee-stat {
	background: url(../images/form/stat_bg.png) center top no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100%;
	font-size: .7rem;
	position: relative;
	padding: 6% 0;
	line-height: 0;
	color: #4d3a1b;
	text-align: center
}

.form .main .fee-stat b {
	color: #f96033
}

.form .main .card {
	margin: 3.5rem 1.5rem 0;
	position: relative
}

.form .main .card .card-header {
	background: url(../images/form/card_top.png) center top no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	padding: 7%;
	text-align: center;
	font-size: 1rem;
	color: #93781c;
	font-weight: 700;
	position: absolute;
	top: -3rem;
	width: 100%
}

.form .main .card .card-body {
	background: #fce5df;
	padding: 2.5rem 3% 3%;
	border: 3px solid #f3a995;
	border-radius: .5rem;
	font-size: 1rem;
	color: #4d3a1b;
	min-height: 7rem
}

.form .main .card .card-body img {
	border-radius: .3rem;
	-webkit-box-shadow: 6px 2px 2px #f8e2dc;
	box-shadow: 6px 2px 2px #f8e2dc
}

.form .main .card .card-body p {
	word-break: break-all;
	word-wrap: break-word
}

.form .main .ranking {
	padding-bottom: 4rem
}

.form .main .ranking th {
	color: #f24f64
}

.form .main .ranking td {
	color: #705c42;
	text-align: center;
	font-size: .8rem
}

.form .main .ranking .waterfall-flow-loader {
	margin-bottom: 0
}

.form .footer {
	min-height: 5rem
}

.form .footer .footer-body {
	background-color: rgba(249,96,51,.9)
}

.form .footer .footer-body .joined-info {
	float: right;
	color: #ffa800;
	text-decoration: underline;
	margin-right: 2rem
}

.form .footer .footer-body .actions {
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.child .banner .banner-title,.zongzi .banner .banner-title {
	-webkit-flex-direction: column;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal
}

.form .footer .footer-body .actions>a {
	font-size: 1rem;
	line-height: 1.5rem;
	display: inline-block;
	padding: .5rem;
	width: 40%;
	color: #fff;
	background-color: #ffa800;
	text-align: center;
	cursor: pointer;
	border-radius: 4rem
}

.form .footer .footer-body .actions>a.disabled {
	opacity: .4
}

.form .footer .footer-body .actions>a[disabled] {
	cursor: not-allowed
}

.form .footer .footer-body .actions>a:first-child {
	background-color: #f8e046;
	margin: 1rem 1rem 1rem 0;
	color: #4d3a1b
}

.form .footer .footer-body .actions>a:first-child i {
	color: inherit
}

.form .footer .footer-body .actions>a:nth-of-type(2) {
	color: #4d3a1b;
	background: #84ffe6
}

.form .footer .footer-body .actions>a:nth-of-type(2) i {
	color: inherit
}

.form .footer .footer-body .actions>a.open {
	background-color: #ff7169
}

.form .footer .footer-body .actions>a>i {
	margin-right: .5rem;
	color: #fff
}

.form .weui_btn_primary {
	background-color: #f76868
}

.form .weui_btn_primary:focus {
	background-color: #f57878
}

.form .modal-join .modal-close {
	color: #333;
	z-index: 2
}

.form .modal-join .modal-header {
	padding: 0 1rem
}

.form .modal-join .modal-body {
	padding-top: 40%;
	border-top-left-radius: 1.2rem;
	background: #fff;
	border-top-right-radius: 1.2rem
}

.form .modal-join .modal-layer {
	position: absolute;
	top: 0;
	width: 100%;
	left: 0;
	z-index: 1;
	padding-top: 40%;
	background: url(../images/form/join-banner.jpg) center top no-repeat #fff;
	-webkit-background-size: 101% auto;
	background-size: 101% auto;
	border-radius: 1.2rem 1.2rem 50% 50%
}

.form .modal-join .modal-footer {
	background: #fff;
	padding-top: 0;
	border-bottom-left-radius: 1.2rem;
	border-bottom-right-radius: 1.2rem
}

.form .modal-join .modal-content {
	background: 0 0;
	-webkit-box-shadow: none;
	box-shadow: none
}

.form .modal-join p.tiper {
	color: #f76868;
	font-size: .8rem;
	text-align: center
}

.form .modal-join p.tiper.submit-tiper {
	color: #ff4136
}

.form .modal-join p.tiper.submiting {
	-o-animation: flash 2 infinite ease;
	animation: flash 2 infinite ease;
	-webkit-animation: flash 2s infinite ease
}

.form .modal-join.join fieldset {
	padding-bottom: .35rem
}

.form .modal-join.my .modal-content {
	position: relative;
	height: 60%
}

.form .modal-join.my .modal-content .my-header {
	position: absolute;
	top: 0;
	height: 22.8%;
	line-height: 3;
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 1.6rem
}

.form .modal-join.my .modal-content .my-body {
	position: absolute;
	top: 38.22%;
	left: 10%;
	width: 84%
}

.form .modal-join.my .modal-content .my-footer {
	position: absolute;
	bottom: 7%;
	left: 19%;
	width: 60%
}

.form .modal-join.my .modal-content .my-footer .weui_btn_primary {
	border-radius: 2rem;
	line-height: 2;
	font-size: 1rem
}

.form .modal-join.my fieldset {
	color: #4d3a1b;
	font-size: .8rem;
	padding-bottom: .2rem
}

.form .modal-join fieldset {
	border-width: 0;
	position: relative
}

.form .modal-join fieldset label {
	font-size: 1.5rem;
	padding-top: .3125rem;
	padding-right: 0
}

.form .modal-join fieldset h2 {
	color: #f76868;
	font-size: 1.4rem;
	font-weight: 700;
	text-align: center;
	line-height: 1.8
}

.form .modal-join fieldset input {
	font-size: 1rem;
	background-color: #f6f6f6;
	border: 1px solid #ddd;
	width: 100%;
	padding: .4rem 1rem;
	border-radius: .3125rem
}

.form .modal-join fieldset input:focus {
	border-color: #f89393;
	-webkit-box-shadow: 0 0 .125rem #0082b1;
	box-shadow: 0 0 .125rem #0082b1;
	outline: 0
}

@media screen and (width:320px) {
	.form .main .line {
		margin-top: -.8rem
	}

	.form .main .countdown {
		font-size: .8rem
	}

	.form .main .card .card-header {
		top: -2rem
	}
}

@media only screen and (min-width:375px) {
	.form .main .fee-stat {
		font-size: .8rem
	}
}

.form-settle b {
	font-weight: 400;
	margin-left: .25rem;
	margin-right: .25rem;
	color: #ff4136
}

.form-settle .weui_cells_title {
	font-size: 1.125rem;
	color: #333
}

.form-joiners table a {
	cursor: pointer
}

.form-joiners table th {
	font-weight: 700
}

.form-joiners table td,.form-joiners table th {
	padding: 2px;
	word-break: keep-all;
	white-space: nowrap
}

.form-joiners .main .grid {
	padding: 4rem .8rem .5rem;
	border-bottom: 1px solid #ececec
}

.form-joiners .main .grid b {
	color: red
}

.form-joiners .main .weui_btn {
	width: 100%
}

.form-joiners .main .red {
	color: #ff4136
}

.form-joiners .main .weui_navbar.nofixed {
	top: 2.8rem
}

.form-joiners .main .weui_navbar .weui_navbar_item {
	background: #f5f5f5;
	color: #403e3e
}

.form-joiners .main .weui_navbar .weui_navbar_item.weui_bar_item_on {
	background-color: #639CEB;
	color: #fff
}

.form-joiners .main .weui_navbar .weui_navbar_item span {
	position: absolute;
	width: 10px;
	height: 10px;
	top: 8px;
	right: 15px;
	background: #DA0909;
	border-radius: 50%
}

.form-joiners .main .weui_tab_bd {
	padding: 0
}

.form-joiners .main span.tiper {
	font-size: .75rem;
	text-align: center;
	display: block;
	height: 30px;
	overflow: hidden;
	line-height: 30px
}

.form-joiners .main .weui_icon_info_circle::before {
	font-size: 1rem;
	margin-right: 5px
}

.form-joiners .main .table-box {
	overflow-x: auto;
	width: 100%
}

.form-joiners .exchanged {
	color: #c3c3c3
}

.form-joiners .exchanged a {
	color: #79adda
}

.form-joiners .weui_actionsheet_cell {
	display: block;
	font-size: .875rem
}

.form-joiners .weui_actionsheet_cell i {
	padding-right: 5px
}

.form-joiners .notes {
	line-height: 1.5rem;
	font-size: .75rem;
	padding: 0 .625rem;
	margin: 0
}

.form-joiners .notes:first-of-type {
	padding-top: .625rem
}

.form-joiners .notes:last-of-type {
	padding-bottom: .625rem
}

.form-joiners a.action {
	padding-left: 5px
}

.form-joiners a.disabled {
	color: #96b8d6
}

.zongzi-editor.zongzi {
	color: #cb4b35
}

.zongzi-editor.zongzi input[type=number],.zongzi-editor.zongzi input[type=number].dashed {
	width: 4rem;
	height: 2.25rem;
	text-align: center;
	padding: .625rem;
	border-color: #cb4b35;
	color: #c84b34
}

.zongzi-editor.zongzi .banner .banner-title textarea {
	color: #fff
}

.zongzi-editor.zongzi .banner .banner-countdown {
	letter-spacing: 0
}

.zongzi-editor.zongzi .banner .banner-countdown.editable {
	background: 0 0
}

.zongzi-editor.zongzi .banner input,.zongzi-editor.zongzi .banner textarea {
	border-color: #f5db60;
	background: 0 0
}

.zongzi-editor.zongzi .myinfo input,.zongzi-editor.zongzi .prizes.editable input {
	text-align: center;
	color: #cb4b35
}

.zongzi-editor.zongzi .myinfo input[type=text],.zongzi-editor.zongzi .prizes.editable input[type=text] {
	width: 15.5rem
}

.zongzi-editor.zongzi .myinfo p,.zongzi-editor.zongzi .prizes.editable p {
	font-size: .875rem
}

.zongzi-editor.zongzi .myinfo p.lines,.zongzi-editor.zongzi .prizes.editable p.lines {
	padding-top: 5px;
	color: #5e5d5d
}

.zongzi-editor.zongzi .myinfo p.note,.zongzi-editor.zongzi .prizes.editable p.note {
	font-size: .875rem;
	color: rgba(124,124,124,.71);
	margin-bottom: .5rem
}

.zongzi-editor.zongzi .card.myinfo {
	margin-top: .5rem
}

.zongzi-editor.zongzi .card.prizes>.card-body {
	padding-top: 0;
	line-height: 1.5rem
}

.zongzi-editor.zongzi .card.prize-info>.card-body {
	text-align: left
}

.zongzi-editor.zongzi .card .card-body input.telphone {
	margin-top: .875rem;
	display: block;
	width: 100%;
	height: 2.5rem;
	line-height: 2.5rem;
	background: url(../images/zongzi/icon-tel-editor.png) .625rem center no-repeat;
	border-radius: .625rem;
	padding-left: 2.5rem;
	-webkit-background-size: auto 60%;
	background-size: auto 60%;
	font-size: 1rem;
	color: #cb4b35
}

.mini-editor-container.zongzi-uploader .image-previewer.reverse label,.mini-editor-container.zongzi-uploader .uploader.reverse label,.zongzi-uploader .image-previewer.reverse label,.zongzi-uploader .uploader.reverse label {
	border-color: #603813
}

.mini-editor-container.zongzi-uploader .image-previewer.reverse label::after,.mini-editor-container.zongzi-uploader .image-previewer.reverse label::before,.mini-editor-container.zongzi-uploader .uploader.reverse label::after,.mini-editor-container.zongzi-uploader .uploader.reverse label::before,.zongzi-uploader .image-previewer.reverse label::after,.zongzi-uploader .image-previewer.reverse label::before,.zongzi-uploader .uploader.reverse label::after,.zongzi-uploader .uploader.reverse label::before {
	background-color: #603813
}

.mini-editor-container.zongzi-uploader .image-previewer.reverse span,.mini-editor-container.zongzi-uploader .uploader.reverse span,.zongzi-uploader .image-previewer.reverse span,.zongzi-uploader .uploader.reverse span {
	color: #603813
}

.mini-editor-container.zongzi-uploader a.action,.zongzi-uploader a.action {
	border: 1px dashed #603813;
	color: #603813
}

.mini-editor-container.zongzi-uploader i.icon,.zongzi-uploader i.icon {
	color: #9e9b9b
}

.imager-container.zongzi-imager .imager .actions {
	bottom: 0
}

.imager-container.zongzi-imager .imager .actions a.action {
	border: 1px solid #f76868;
	color: #e97c7c;
	background: 0 0
}

.imager-container.zongzi-imager .imager .tiper {
	bottom: .7rem
}

.imager-container.zongzi-imager .imager .imager-selector {
	bottom: 0
}

.join-customize-container.zongzi-join-customize {
	padding: 0 .5rem;
	color: rgba(200,75,52,.79)
}

.join-customize-container.zongzi-join-customize input.disabled {
	border-color: rgba(200,75,52,.72)
}

.zongzi {
	color: #000;
	position: relative
}

.zongzi .header .menu a.contacts {
	position: fixed;
	right: .2rem;
	top: 15%;
	width: 3rem;
	height: 3rem;
	font-size: .7rem;
	border-radius: 50%;
	color: #dd4c35;
	background: url(../images/zongzi/contacts.png) left top no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	display: inline-block;
	line-height: 1.2;
	padding: .6rem;
	font-weight: 700;
	-o-animation: swing 2s infiswingnite linear;
	animation: swing 2s infiswingnite linear;
	-webkit-animation: swing 2s infinite linear
}

.zongzi .header.uneditable .menu {
	z-index: 2
}

.zongzi .header.uneditable .menu a.qrcode {
	font-size: .75rem;
	line-height: normal
}

.zongzi .header.uneditable .stats {
	top: 0;
	left: 0;
	background: rgba(255,255,255,.69);
	width: 100%;
	padding: .2rem 1rem;
	z-index: 1
}

.zongzi .header.uneditable .stats li {
	color: #505050;
	text-shadow: none
}

.zongzi .header.uneditable .stats li b {
	color: #dd4c35
}

.zongzi .dashed,.zongzi .dashed.reverse {
	color: #c84b34;
	border: 1px dashed #c84b34;
	border-radius: 6px
}

.zongzi input {
	border: 1px dashed #c84b34;
	border-radius: 6px
}

.zongzi input.title {
	border-color: #fff
}

.zongzi b {
	font-weight: 400;
	margin-left: .125rem;
	margin-right: .125rem;
	color: #c84b34
}

.zongzi .weui_btn_primary {
	background-color: #68ded2;
	color: #fff
}

.zongzi .weui_btn_primary:active,.zongzi .weui_btn_primary:focus {
	background-color: #27decb
}

.zongzi .main {
	max-width: 640px;
	background: url(../images/zongzi/bg.jpg) #6cc3f1;
	margin: 0 auto;
	padding-bottom: 1rem
}

.zongzi .footer-bg {
	background: url(../images/zongzi/footer_bg.png) center bottom no-repeat;
	padding-bottom: 4rem;
	width: 100%;
	-webkit-background-size: contain;
	background-size: contain
}

.zongzi .card {
	margin: 3.5rem 1rem 1rem;
	padding: .7rem;
	border-radius: 1rem;
	border: 6px solid #c84b34;
	position: relative;
	background: #fefdf1;
	min-height: 8rem
}

.zongzi .card .card-header {
	position: absolute;
	z-index: 0;
	top: -3.2rem;
	left: 0;
	width: 53%;
	height: 4rem;
	line-height: 3rem;
	background: url(../images/zongzi/card-title.png) left top no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	font-size: 1rem;
	font-weight: 700;
	color: #fff;
	text-align: center;
	text-indent: 2em
}

.zongzi .card .card-header input {
	width: 6.75rem;
	height: 1rem;
	text-align: center;
	color: inherit;
	padding: .875rem 0
}

.zongzi .card .card-header .tiper {
	position: absolute;
	top: 3rem;
	left: -3rem;
	width: 20rem;
	color: rgba(124,124,124,.96);
	font-size: .875rem;
	text-shadow: none
}

.zongzi .card .card-header .tiper i {
	padding-right: .375rem
}

.zongzi .card .card-body {
	border-radius: 10px;
	padding: 12px 10px;
	color: #c84b34
}

.zongzi .card.prizes {
	text-align: center;
	margin-bottom: 0;
	margin-top: 0
}

.zongzi .card.prizes.p-info {
	margin-top: 8rem
}

.zongzi .card.prizes.p-info span {
	color: #868582
}

.zongzi .card.prizes.about {
	padding-bottom: 2rem;
	text-align: left
}

.zongzi .card.prizes.about .prize-img {
	text-align: center
}

.zongzi .card.prizes.about .card-header {
	top: .3rem
}

.zongzi .card.prizes.about .footer {
	background: url(../images/zongzi/prize-footer.png) center bottom no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	height: 3rem;
	width: 100%;
	position: absolute;
	bottom: -.5rem;
	left: 0
}

.zongzi .card.prizes .card-header {
	top: -7rem;
	z-index: 2;
	background: url(../images/zongzi/prize-title.png) center top no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	width: 100%;
	line-height: 4.5;
	font-size: 1.2rem;
	color: #dd4c35;
	height: 6rem;
	text-indent: 0;
	padding: 0
}

.zongzi .card.prizes span {
	color: #868582;
	display: inline-block;
	margin: 0
}

.zongzi .card.prizes span b {
	color: #c84b34;
	margin-bottom: 0
}

.zongzi .card.prizes span.prizes-name b {
	font-size: 1.03125rem
}

.zongzi .card.myinfo .card-header,.zongzi .card.myinfo table td {
	font-size: .8rem
}

.zongzi .card.prizes .uploader-container .reverse,.zongzi .card.prizes .uploader-container span {
	color: #111
}

.zongzi .card.about .card-body .uploader-container span,.zongzi .card.myinfo .vote_count,.zongzi .card.myinfo p {
	color: #000
}

.zongzi .card.myinfo p {
	text-align: center
}

.zongzi .card.myinfo .vote_count b,.zongzi .card.myinfo p b {
	color: #c84b34
}

.zongzi .card.myinfo .vote_count {
	padding-bottom: .5rem
}

.zongzi .card.myinfo .helpers {
	color: #4a0b06;
	height: 3rem;
	line-height: 2.5rem;
	background: url(../images/zongzi/prize-who.png) center top no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	font-weight: 700
}

.zongzi .card.myinfo table {
	text-align: center
}

.zongzi .card.myinfo .more {
	display: inline-block;
	text-align: center;
	width: 100%;
	margin-top: .5rem;
	font-size: .8rem
}

.zongzi .card.myinfo .more a {
	color: #000
}

.zongzi .banner {
	position: relative;
	overflow: hidden;
	text-align: center
}

.zongzi .banner .banner-title {
	color: #fff;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 1rem;
	z-index: 0;
	font-size: 1.5rem;
	line-height: 1.3;
	text-shadow: 1px 1px 1px #474747;
	font-weight: 700
}

.zongzi .banner .banner-countdown {
	color: #fff;
	letter-spacing: .1rem;
	background: url(../images/zongzi/countdown-bg.png) left top no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100%;
	padding: 2%;
	height: 5rem;
	font-size: .8rem
}

.zongzi .banner .banner-countdown b {
	color: #31345e;
	padding: .1875rem;
	background: #fff;
	border-radius: .3125rem;
	width: 2rem;
	display: inline-block
}

.zongzi .banner .banner-countdown b:nth-of-type(1) {
	padding: 0;
	background: 0 0;
	width: auto;
	color: #fddb12
}

.zongzi .banner .banner-completed {
	margin-bottom: 1rem;
	color: #fff
}

.zongzi .banner .banner-completed b {
	color: #ffea00
}

.zongzi .banner .banner-completed .completed-list {
	font-size: 1rem;
	line-height: 1.25rem;
	overflow: hidden;
	height: 1.25rem;
	list-style: none;
	text-align: center
}

.zongzi .banner .banner-completed .completed-list.carousel,.zongzi .banner .banner-completed .completed-list.carousel .in {
	width: 100%
}

.zongzi .card-action .grid {
	margin: 0
}

.zongzi .card-action a {
	background: #f5db61;
	border-radius: .6rem;
	border-bottom: .3rem solid #a27315;
	border-top: .3rem solid #f8f0ce;
	color: #dd4c35;
	width: 60%;
	font-weight: 700;
	letter-spacing: .1rem
}

.child .modal-join fieldset,.zongzi .modal-join fieldset {
	border-width: 0
}

.zongzi .card-action a:active,.zongzi .card-action a:focus {
	background-color: #e6d482
}

.zongzi .prize-transition {
	overflow: hidden;
	position: absolute;
	top: -3.4rem;
	width: 100%;
	z-index: 1
}

.zongzi .prize-transition.outer {
	position: relative;
	padding: 0 .7rem;
	top: inherit
}

.zongzi .prize-transition.outer .cell-6.pad {
	padding-left: 2.2rem
}

.zongzi .prize-transition.outer .separated-line {
	height: 2rem
}

.zongzi .prize-transition .separated-line {
	height: 3rem;
	width: .5rem;
	margin: 0 auto;
	background: url(../images/zongzi/separated.png) center top repeat-y;
	-webkit-background-size: 100% 100%;
	background-size: 100%
}

.zongzi .ranking-list table th {
	color: #c84b34
}

.zongzi .ranking-list table td {
	text-align: center;
	color: #000
}

.zongzi .ranking-list .waterfall-flow-loader {
	color: #000
}

.zongzi .tel {
	height: auto;
	background: 0 0
}

.zongzi .tel .info {
	position: fixed;
	z-index: 99;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	color: #fff;
	font-size: .875rem;
	padding: .625rem
}

.zongzi .tel .info span {
	font-size: 1rem
}

.zongzi .tel .info span>a {
	display: inline;
	background: 0 0;
	color: #EB300F;
	text-indent: 0
}

.zongzi .tel .info .action-bar {
	display: none
}

.zongzi .tel .info .reminder {
	height: 1.875rem;
	line-height: 1.875rem;
	background-color: rgba(0,0,0,.7);
	position: relative;
	margin: .625rem -.625rem -.625rem
}

.zongzi .tel .info .reminder a {
	display: inline-block;
	width: auto;
	line-height: 1.875rem;
	color: #fff;
	background: 0 0;
	padding-left: 10px
}

.zongzi .tel .info .reminder i {
	color: #fff;
	font-style: normal;
	margin: 0 5px
}

.zongzi .tel .info .reminder strong {
	color: #ffdc00
}

.zongzi .tel .info .reminder .reminder-close {
	font-size: 1.5rem;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	display: block;
	min-width: 2.5rem;
	color: #fff;
	text-align: center;
	cursor: pointer
}

.zongzi .modal-join .modal-content {
	background: url(../images/zongzi/join-modal-bg.jpg) center top no-repeat #fff;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	border-radius: .8rem
}

.zongzi .modal-join .modal-body {
	padding-top: 8rem
}

.zongzi .modal-join .modal-close {
	color: #fff
}

.zongzi .modal-join fieldset label {
	padding-top: .3125rem;
	padding-right: 0;
	color: #333
}

.zongzi .modal-join fieldset span {
	color: #ff4853;
	font-size: .875rem;
	text-align: center;
	display: block
}

.zongzi .modal-join fieldset input {
	font-size: 1rem;
	width: 100%;
	padding: .3rem 1rem;
	border: .0625rem solid #ddd;
	border-radius: .3125rem;
	background: #f6f6f6
}

.zongzi .modal-join fieldset input:focus {
	border-color: #5ab8e8;
	outline: 0
}

.zongzi .modal-vote {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
	background: #fff
}

.zongzi .modal-vote .modal-container {
	width: 100%;
	height: 100%;
	border: 1px solid #fff;
	position: relative;
	margin: 0 auto;
	background: url(../images/zongzi/ani-bg.png) center bottom no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	font-weight: 700
}

.zongzi .modal-vote .modal-container .ani-counter {
	position: absolute;
	top: 1.76%;
	left: 0;
	text-align: center;
	color: #f47734;
	font-size: 1.4rem;
	width: 100%
}

.zongzi .modal-vote .modal-container .ani-zongzi {
	position: absolute;
	top: 52.76%;
	right: 5%;
	color: #f47734;
	font-size: 1.4rem
}

.zongzi .modal-vote .modal-container .img-zongzi {
	position: absolute;
	top: 52.76%;
	right: 18%;
	width: 25px
}

.zongzi .modal-vote .modal-container .ani-ready {
	position: absolute;
	top: 62%;
	left: 21.875%;
	width: 61.25%;
	height: 15.23%;
	background: url(../images/zongzi/ani-ready.png) center bottom no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	-o-animation: tada 1.5s infinite linear;
	animation: tada 1.5s infinite linear;
	-webkit-animation: tada 1.5s infinite linear
}

.zongzi .modal-vote .modal-container .ani-button {
	position: absolute;
	top: 80.8%;
	left: 7%;
	width: 33.28%;
	height: 18.75%;
	background: center bottom no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	display: inline-block
}

.zongzi .modal-vote .modal-container .ani-button.left {
	background-image: url(../images/zongzi/ani-button-left-up.png)
}

.zongzi .modal-vote .modal-container .ani-button.left:active,.zongzi .modal-vote .modal-container .ani-button.left:focus {
	background-image: url(../images/zongzi/ani-button-left-down.png)
}

.zongzi .modal-vote .modal-container .ani-button.right {
	left: 61.72%;
	background-image: url(../images/zongzi/ani-button-right-up.png)
}

.zongzi .modal-vote .modal-container .ani-button.right:active,.zongzi .modal-vote .modal-container .ani-button.right:focus {
	background-image: url(../images/zongzi/ani-button-right-down.png)
}

.zongzi .modal-vote .modal-container .ani-mouse {
	position: absolute;
	background: center bottom no-repeat;
	-webkit-background-size: contain;
	background-size: contain
}

.zongzi .modal-vote .modal-container .ani-mouse.ready {
	top: 48.32%;
	left: 42.5%;
	width: 16.72%;
	height: 5.9%;
	background-image: url(../images/zongzi/ani-mouse-ready.png)
}

.zongzi .modal-vote .modal-container .ani-mouse.open {
	top: 46.59%;
	left: 43.03%;
	width: 15.66%;
	height: 8.19%;
	background-image: url(../images/zongzi/ani-mouse-open.png)
}

.zongzi .modal-vote .modal-container .ani-mouse.eating {
	top: 51.55%;
	left: 41.09%;
	width: 18.28%;
	height: 2.48%;
	background-image: url(../images/zongzi/ani-mouse-eating.png)
}

.zongzi .modal-vote .modal-container .ani-mouse.full {
	top: 50.264%;
	left: 40.125%;
	width: 21.8125%;
	height: 5.3%;
	background-image: url(../images/zongzi/ani-mouse-done.png)
}

.zongzi .modal-vote .modal-container .ani-hand {
	position: absolute;
	background: center bottom no-repeat;
	-webkit-background-size: contain;
	background-size: contain
}

.zongzi .modal-vote .modal-container .ani-hand.step1 {
	top: 51.05%;
	left: 0;
	width: 57.656%;
	height: 22.71%;
	background-image: url(../images/zongzi/ani-hand-1.png)
}

.zongzi .modal-vote .modal-container .ani-hand.step2 {
	top: 52.55%;
	left: 0;
	width: 57.97%;
	height: 21.3%;
	background-image: url(../images/zongzi/ani-hand-2.png)
}

.zongzi .modal-vote .modal-container .ani-hand.step3 {
	top: 48.145%;
	right: 0;
	width: 62.5%;
	height: 22.8%;
	background-image: url(../images/zongzi/ani-hand-3.png)
}

.zongzi .modal-vote .modal-container .ani-hand.step4 {
	top: 52.64%;
	right: 0;
	width: 55.47%;
	height: 23.41%;
	background-image: url(../images/zongzi/ani-hand-4.png)
}

.zongzi .modal-vote .modal-container .ani-hand.step5 {
	top: 52.64%;
	left: 0;
	width: 53.59%;
	height: 22.8%;
	background-image: url(../images/zongzi/ani-hand-5.png)
}

.zongzi .modal-vote .modal-container .ani-hand.step6 {
	top: 53.433%;
	left: 0;
	width: 51.093%;
	height: 22.27%;
	background-image: url(../images/zongzi/ani-hand-6.png)
}

.zongzi .modal-vote .modal-container .ani-hand.step7 {
	top: 53.433%;
	right: 0;
	width: 52.5%;
	height: 22.62%;
	background-image: url(../images/zongzi/ani-hand-7.png)
}

.zongzi .modal-vote .modal-container .ani-hand.step8 {
	top: 53.87%;
	right: 0;
	width: 51.25%;
	height: 21.48%;
	background-image: url(../images/zongzi/ani-hand-8.png)
}

.zongzi .modal-vote .modal-container .ani-hand.step9 {
	top: 53.785%;
	left: 0;
	width: 49.22%;
	height: 20.774%;
	background-image: url(../images/zongzi/ani-hand-9.png)
}

.zongzi .modal-vote .modal-container .ani-hand.step10 {
	top: 54.049%;
	left: 0;
	width: 48.6%;
	height: 20.42%;
	background-image: url(../images/zongzi/ani-hand-10.png)
}

.zongzi .modal-vote .ani-done-tip {
	position: absolute;
	top: 17.6%;
	left: 52.343%;
	width: 43.125%;
	height: 21.127%;
	background: url(../images/zongzi/ani-done-tip.png) center bottom no-repeat;
	-webkit-background-size: contain;
	background-size: contain
}

.zongzi .modal-vote.in {
	display: block
}

.zongzi .modal-vote.out {
	display: none
}

@media screen and (width:320px) {
	.zongzi .card {
		font-size: .8rem
	}

	.zongzi .card .card-header {
		line-height: 2.5rem;
		font-size: .8rem
	}

	.zongzi .card.myinfo .helpers {
		height: 2rem;
		line-height: 2rem
	}

	.zongzi .card.prizes .card-header {
		line-height: 3.5
	}

	.zongzi .prize-transition {
		top: -3.8rem
	}

	.zongzi .prize-transition .separated-line {
		height: 3.5rem
	}
}

@media only screen and (min-width:476px) {
	.zongzi .banner .banner-countdown {
		height: 9rem
	}
}

.child-editor.child {
	color: #cb4b35
}

.child-editor.child input[type=number],.child-editor.child input[type=number].dashed {
	width: 4rem;
	height: 2.25rem;
	text-align: center;
	padding: .625rem;
	border-color: #556fb5;
	color: #e1614c
}

.child-editor.child .banner .banner-countdown input,.child-editor.child .banner .banner-title textarea {
	color: #fff
}

.child-editor.child .banner .banner-countdown {
	letter-spacing: 0
}

.child-editor.child .banner .banner-countdown.editable {
	background: 0 0
}

.child-editor.child .banner input,.child-editor.child .banner textarea {
	border-color: #556fb5;
	background: 0 0
}

.child-editor.child .myinfo input,.child-editor.child .prizes.editable input {
	text-align: center;
	color: #cb4b35
}

.child-editor.child .myinfo input[type=text],.child-editor.child .prizes.editable input[type=text] {
	width: 15.5rem
}

.child-editor.child .myinfo p,.child-editor.child .prizes.editable p {
	font-size: .875rem
}

.child-editor.child .myinfo p.lines,.child-editor.child .prizes.editable p.lines {
	padding-top: 5px;
	color: #5e5d5d
}

.child-editor.child .myinfo p.note,.child-editor.child .prizes.editable p.note {
	font-size: .875rem;
	color: rgba(124,124,124,.71);
	margin-bottom: .5rem
}

.child-editor.child .card.myinfo {
	margin-top: .5rem
}

.child-editor.child .card.prizes>.card-body {
	padding-top: 0;
	line-height: 1.5rem
}

.child-editor.child .card.prize-info>.card-body {
	text-align: left
}

.child-editor.child .card .card-body input.telphone {
	margin-top: .875rem;
	display: block;
	width: 100%;
	height: 2.5rem;
	line-height: 2.5rem;
	background: url(../images/child/icon-tel-editor.png) .625rem center no-repeat;
	border-radius: .625rem;
	padding-left: 2.5rem;
	-webkit-background-size: auto 60%;
	background-size: auto 60%;
	font-size: 1rem;
	color: #cb4b35
}

.child-uploader .image-previewer.reverse label,.child-uploader .uploader.reverse label,.mini-editor-container.child-uploader .image-previewer.reverse label,.mini-editor-container.child-uploader .uploader.reverse label {
	border-color: #603813
}

.child-uploader .image-previewer.reverse label::after,.child-uploader .image-previewer.reverse label::before,.child-uploader .uploader.reverse label::after,.child-uploader .uploader.reverse label::before,.mini-editor-container.child-uploader .image-previewer.reverse label::after,.mini-editor-container.child-uploader .image-previewer.reverse label::before,.mini-editor-container.child-uploader .uploader.reverse label::after,.mini-editor-container.child-uploader .uploader.reverse label::before {
	background-color: #603813
}

.child-uploader .image-previewer.reverse span,.child-uploader .uploader.reverse span,.mini-editor-container.child-uploader .image-previewer.reverse span,.mini-editor-container.child-uploader .uploader.reverse span {
	color: #603813
}

.child-uploader a.action,.mini-editor-container.child-uploader a.action {
	border: 1px dashed #603813;
	color: #603813
}

.child-uploader i.icon,.mini-editor-container.child-uploader i.icon {
	color: #9e9b9b
}

.imager-container.child-imager .imager .actions {
	bottom: 0
}

.imager-container.child-imager .imager .actions a.action {
	border: 1px solid #009fff;
	color: #009fff;
	background: 0 0
}

.imager-container.child-imager .imager .tiper {
	bottom: .7rem
}

.imager-container.child-imager .imager .imager-selector {
	bottom: 0
}

.join-customize-container.child-join-customize {
	padding: 0 .5rem
}

.join-customize-container.child-join-customize input.disabled {
	border-color: #95a9df
}

.child {
	color: #000;
	position: relative
}

.child .header .menu a.contacts {
	position: fixed;
	right: .2rem;
	top: 15%;
	width: 3rem;
	height: 3rem;
	font-size: .7rem;
	border-radius: 50%;
	color: #dd4c35;
	background: url(../images/child/contacts.png) left top no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	display: inline-block;
	line-height: 1.2;
	padding: .6rem;
	font-weight: 700;
	-o-animation: swing 2s infiswingnite linear;
	animation: swing 2s infiswingnite linear;
	-webkit-animation: swing 2s infinite linear
}

.child .header.uneditable .menu {
	z-index: 2
}

.child .header.uneditable .menu a.qrcode {
	font-size: .75rem;
	line-height: normal
}

.child .header.uneditable .stats {
	top: 0;
	left: 0;
	background: rgba(255,255,255,.69);
	width: 100%;
	padding: .2rem 1rem;
	z-index: 1
}

.child .header.uneditable .stats li {
	color: #505050;
	text-shadow: none
}

.child .header.uneditable .stats li b {
	color: #dd4c35
}

.child .modal {
	max-width: 640px;
	margin: 0 auto
}

.child .dashed,.child .dashed.reverse {
	color: #000;
	border: 1px dashed #556fb5;
	border-radius: 6px
}

.child input {
	border: 1px dashed #556fb5;
	border-radius: 6px
}

.child b {
	font-weight: 400;
	margin-left: .125rem;
	margin-right: .125rem;
	color: #cd533e
}

.child .weui_btn_primary {
	background-color: #dfb406;
	color: #fff
}

.child .weui_btn_primary:active,.child .weui_btn_primary:focus {
	background-color: #f2c81e
}

.child .main {
	max-width: 640px;
	background: url(../images/child/bg.jpg) #eccd4f;
	margin: 0 auto
}

.child .main .line-img {
	width: 100%;
	height: 4.2rem;
	background: url(../images/child/line.png) center top no-repeat
}

.child .main .candy {
	width: 2rem;
	height: 1.2rem;
	background: url(../images/child/candy.png) center top no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	display: inline-block
}

.child .footer-bg {
	background: url(../images/child/footer.png) right bottom no-repeat;
	padding-bottom: 8rem;
	width: 100%;
	-webkit-background-size: 44% 44%;
	background-size: 44%
}

.child .card {
	margin: 5.5rem 1rem 1rem;
	padding: .7rem;
	border-radius: 1rem;
	border: 6px solid #bc933f;
	position: relative;
	background: #fefdf1;
	min-height: 8rem
}

.child .card .card-header {
	position: absolute;
	z-index: 0;
	top: -5.1rem;
	left: 0;
	width: 200px;
	height: 7rem;
	line-height: 9.5;
	background: url(../images/child/card-title.png) left top no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	font-weight: 700;
	color: #644f23;
	text-align: center;
	text-indent: 1.5em
}

.child .card .card-header input {
	width: 6.75rem;
	height: 1rem;
	text-align: center;
	color: inherit;
	padding: .875rem 0
}

.child .card .card-header .tiper {
	position: absolute;
	top: 6.3rem;
	left: -3rem;
	width: 20rem;
	color: rgba(124,124,124,.96);
	font-size: .875rem;
	text-shadow: none;
	z-index: 0;
	line-height: 0
}

.child .card .card-header .tiper i {
	padding-right: .375rem
}

.child .card .card-body {
	border-radius: 10px;
	padding: 22px 10px;
	color: #000
}

.child .card.prizes {
	text-align: center;
	margin-bottom: 0;
	margin-top: 0;
	border: 3px solid #463617;
	background: #fff
}

.child .card.prizes.p-info {
	margin-top: 8rem
}

.child .card.prizes.p-info span {
	color: #000
}

.child .card.prizes.about {
	text-align: left
}

.child .card.prizes.about .prize-img {
	text-align: center
}

.child .card.prizes.about .card-header {
	top: .3rem
}

.child .card.prizes .card-header {
	top: -7.5rem;
	z-index: 2;
	background: url(../images/child/prize-title.png) center top no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	background-position-x: 57%;
	width: 100%;
	font-size: 1.2rem;
	color: #78a83e;
	height: 6rem;
	text-align: center;
	line-height: 7.5
}

.child .card.prizes span {
	color: #868582;
	display: inline-block;
	margin: 0
}

.child .card.prizes span b {
	color: #cd533e;
	margin-bottom: 0
}

.child .card.prizes span.prizes-name b {
	font-size: 1.03125rem
}

.child .card.prizes .uploader-container .reverse,.child .card.prizes .uploader-container span {
	color: #111
}

.child .card.about .card-body .uploader-container span,.child .card.myinfo .vote_count,.child .card.myinfo p {
	color: #000
}

.child .card.myinfo p {
	text-align: center;
	font-size: .8rem
}

.child .card.myinfo .vote_count b,.child .card.myinfo p b {
	color: #c84b34
}

.child .card.myinfo .vote_count {
	padding-bottom: .5rem
}

.child .banner {
	position: relative;
	overflow: hidden;
	text-align: center
}

.child .banner .banner-title {
	color: #fff;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 1rem;
	z-index: 0;
	font-size: 1.5rem;
	line-height: 1.3;
	text-shadow: 1px 1px 1px #474747;
	font-weight: 700
}

.child .banner .banner-countdown {
	color: #030303;
	letter-spacing: .1rem;
	background: url(../images/child/countdown-bg.png) left top no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100%;
	padding: 6% 2%;
	height: 5.5rem;
	font-size: .8rem;
	margin: 0 2%
}

.child .banner .banner-countdown b {
	color: #fff;
	padding: .1875rem;
	background: #89d4f8;
	border-radius: .3125rem;
	width: 2rem;
	display: inline-block
}

.child .banner .banner-countdown b:nth-of-type(1) {
	padding: 0;
	background: 0 0;
	width: auto;
	color: #d91239
}

.child .banner .banner-completed {
	margin-bottom: 1rem;
	color: #fff
}

.child .banner .banner-completed b {
	color: #eb134a
}

.child .banner .banner-completed .completed-list {
	font-size: 1rem;
	line-height: 1.25rem;
	overflow: hidden;
	height: 1.25rem;
	list-style: none;
	text-align: center
}

.child .banner .banner-completed .completed-list.carousel,.child .banner .banner-completed .completed-list.carousel .in {
	width: 100%
}

.child .card-action .grid {
	margin: 0
}

.child .card-action a {
	background: url(../images/child/button.png) left top no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100%;
	color: #fff;
	width: 68%;
	font-weight: 700;
	letter-spacing: .1rem;
	height: 6rem;
	padding: 4% 0;
	text-shadow: 1px 1px 1px #4f4f4f
}

.child .card-action a:active,.child .card-action a:focus {
	color: #fbf8f8
}

.child .card-action a::after {
	border: none
}

.child .prize-transition {
	overflow: hidden;
	position: absolute;
	top: -3rem;
	width: 100%;
	z-index: 1
}

.child .prize-transition.outer {
	position: relative;
	top: inherit
}

.child .prize-transition.outer .cell-6 {
	padding-left: .5rem;
	padding-right: .5rem
}

.child .prize-transition.outer .cell-6.pad {
	padding-left: 2.8rem
}

.child .prize-transition.outer .separated-line {
	height: 1.5rem
}

.child .prize-transition .separated-line {
	height: 3rem;
	width: .2rem;
	margin: 0 auto;
	background: #463617
}

.child .ranking-list table th {
	color: #83724c
}

.child .ranking-list table td {
	text-align: center;
	color: #000
}

.child .ranking-list .waterfall-flow-loader {
	color: #000
}

.child .tel {
	height: auto;
	background: 0 0
}

.child .tel .info {
	position: fixed;
	z-index: 99;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	color: #fff;
	font-size: .875rem;
	padding: .625rem
}

.child .tel .info span {
	font-size: 1rem
}

.child .tel .info span>a {
	display: inline;
	background: 0 0;
	color: #EB300F;
	text-indent: 0
}

.child .tel .info .action-bar {
	display: none
}

.child .tel .info .reminder {
	height: 1.875rem;
	line-height: 1.875rem;
	background-color: rgba(0,0,0,.7);
	position: relative;
	margin: .625rem -.625rem -.625rem
}

.child .tel .info .reminder a {
	display: inline-block;
	width: auto;
	line-height: 1.875rem;
	color: #fff;
	background: 0 0;
	padding-left: 10px
}

.child .tel .info .reminder i {
	color: #fff;
	font-style: normal;
	margin: 0 5px
}

.child .tel .info .reminder strong {
	color: #ffdc00
}

.child .tel .info .reminder .reminder-close {
	font-size: 1.5rem;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	display: block;
	min-width: 2.5rem;
	color: #fff;
	text-align: center;
	cursor: pointer
}

.child .modal-join .modal-close {
	color: #3c3c3c
}

.child .modal-join .modal-content {
	background: url(../images/child/join-modal-bg.jpg) center top no-repeat #fff;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	border-radius: .8rem
}

.child .modal-join .modal-body {
	padding-top: 8rem
}

.child .modal-join fieldset label {
	padding-top: .3125rem;
	padding-right: 0;
	color: #333
}

.child .modal-join fieldset span {
	color: #ff4853;
	font-size: .875rem;
	text-align: center;
	display: block
}

.child .modal-join fieldset input {
	font-size: 1rem;
	width: 100%;
	padding: .3rem 1rem;
	border: .0625rem solid #ddd;
	border-radius: .3125rem;
	background: #f6f6f6
}

.child .modal-join fieldset input:focus {
	border-color: #5ab8e8;
	outline: 0
}

.child .modal-halo {
	background-color: rgba(0,0,0,.8)
}

@keyframes haloRotating {
	0% {
		-webkit-transform: rotate(0);
		-o-transform: rotate(0);
		transform: rotate(0)
	}

	100% {
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

.child .modal-halo.in::before {
	position: absolute;
	z-index: 0;
	top: 50%;
	left: 50%;
	width: 22.5rem;
	height: 22.5rem;
	margin-top: -11.25rem;
	margin-left: -11.25rem;
	-webkit-animation: haloRotating 5s infinite linear;
	animation: haloRotating 5s infinite linear;
	border-radius: 50%;
	background: url(../images/child/halo.png) center center no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%
}

.child .modal-halo .modal-content {
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none
}

.child .modal-halo .modal-body {
	position: relative;
	margin-right: auto;
	margin-left: auto;
	width: 15rem;
	height: 15rem;
	color: #fff!important;
	background: url(../images/child/vote-modal.png) center top no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto
}

.child .modal-halo .modal-candy {
	position: absolute;
	top: 20%;
	left: 26%;
	width: 50%;
	height: 50%;
	background: url(../images/child/candy-middle.png) center top no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	-o-animation: tada 2s infinite linear;
	animation: tada 2s infinite linear;
	-webkit-animation: tada 2s infinite linear
}

.child .modal-halo .modal-block {
	position: absolute;
	bottom: 15%;
	width: 100%;
	text-align: center;
	color: #fff;
	left: 0
}

.sample .tel {
	height: 4.75rem
}

.sample .tel .info {
	padding-left: 0;
	padding-right: 0;
	text-indent: .625rem
}

.sample .tel .info>span {
	text-indent: 0
}

.sample .tel .info>a {
	text-indent: 1.5625rem;
	margin-right: .625rem
}

.sample .tel .info .reminder {
	display: none
}

.sample .tel .info .action-bar {
	display: block;
	width: 100%;
	background-color: #04be02;
	margin-bottom: -.625rem;
	text-indent: 0;
	text-align: center
}

.sample .tel .info .action-bar a {
	display: block;
	width: 100%;
	background: #04be02;
	color: #fff;
	text-indent: 0;
	margin-bottom: -.625rem;
	margin-top: .625rem;
	margin-right: -.625rem;
	padding: .5rem
}

@media screen and (width:320px) {
	.child .card-action a {
		height: 5rem;
		padding: 3% 0
	}
}

@media only screen and (min-width:500px) {
	.child .banner .banner-countdown {
		padding: 6% 2%;
		height: 8.5rem
	}

	.child .card-action a {
		height: 9rem;
		padding: 6% 0
	}

	.child .footer-bg {
		padding-bottom: 11.5rem
	}
}

.photovote-editor.photovote .dashed,.photovote-editor.photovote .dashed.reverse,.photovote-editor.photovote input,.photovote-editor.photovote textarea {
	border: 1px dashed #fc558a;
	border-radius: .5rem;
	color: #404040
}

.photovote-editor.photovote .dashed.reverse.short,.photovote-editor.photovote .dashed.short,.photovote-editor.photovote input.short,.photovote-editor.photovote textarea.short {
	width: 3rem
}

.photovote-editor.photovote .dashed {
	padding: .6rem
}

.photovote-editor.photovote .main .note {
	font-size: .85rem;
	color: #939393
}

.photovote-editor.photovote .main h1.title textarea {
	color: #fc558a
}

.photovote-editor.photovote .main h1.title .note {
	padding-top: .5rem;
	color: #939393
}

.photovote-editor.photovote .main .date {
	font-size: .7rem;
	font-weight: 700;
	padding: 0 3%
}

.photovote-editor.photovote .main .date input {
	width: 8rem
}

.photovote-editor.photovote .main .vote_count {
	text-align: center;
	font-weight: 700
}

.photovote-editor.photovote .main .vote_count input {
	padding-right: 0;
	padding-left: 0
}

.photovote-editor.photovote .main .vote_count .note {
	padding: 1rem
}

.photovote-editor.photovote .main .card .card-body input {
	text-align: left
}

.photovote-editor.photovote .main .card.hotline i.tel {
	position: absolute;
	left: 2rem;
	top: 3.9rem;
	color: #f76868
}

.photovote-editor.photovote .main .card.hotline input {
	text-indent: 2rem;
	text-align: left
}

.photovote-editor.photovote .main .card.hotline .note {
	text-align: left;
	line-height: 2;
	padding-top: .5rem
}

.photovote-editor.photovote .main .card.hotline .card-body {
	padding-top: 3rem
}

.photovote-editor.photovote .main .card.join_customize .card-body {
	padding-top: 3.5rem
}

.imager-container.photovote-imager .imager .actions {
	bottom: 0
}

.imager-container.photovote-imager .imager .actions a.action {
	border: 1px solid #48cdb2;
	color: #48cdb2;
	background: 0 0
}

.imager-container.photovote-imager .imager .tiper {
	bottom: .7rem
}

.imager-container.photovote-imager .imager .imager-selector {
	bottom: 0
}

.mini-editor-container.photovote-uploader .image-previewer.reverse label,.mini-editor-container.photovote-uploader .uploader.reverse label,.uploader-container.photovote-uploader .image-previewer.reverse label,.uploader-container.photovote-uploader .uploader.reverse label {
	border-color: #fc558a
}

.mini-editor-container.photovote-uploader .image-previewer.reverse label::after,.mini-editor-container.photovote-uploader .image-previewer.reverse label::before,.mini-editor-container.photovote-uploader .uploader.reverse label::after,.mini-editor-container.photovote-uploader .uploader.reverse label::before,.uploader-container.photovote-uploader .image-previewer.reverse label::after,.uploader-container.photovote-uploader .image-previewer.reverse label::before,.uploader-container.photovote-uploader .uploader.reverse label::after,.uploader-container.photovote-uploader .uploader.reverse label::before {
	background-color: #fc558a
}

.mini-editor-container.photovote-uploader .image-previewer.reverse span,.mini-editor-container.photovote-uploader .uploader.reverse span,.uploader-container.photovote-uploader .image-previewer.reverse span,.uploader-container.photovote-uploader .uploader.reverse span {
	color: #3b384d
}

.mini-editor-container.photovote-uploader a.action,.uploader-container.photovote-uploader a.action {
	border: 1px dashed #fc558a;
	color: #fc558a
}

.mini-editor-container.photovote-uploader i.icon,.uploader-container.photovote-uploader i.icon {
	color: rgba(84,78,78,.74)
}

.photovote {
	background: url(../images/photovote/bg.jpg) #fffdf4
}

.photovote .modal {
	max-width: 640px;
	margin: 0 auto
}

.photovote .weui_btn_primary,.photovote .weui_btn_primary:focus {
	background-color: #f76868
}

.photovote .main {
	max-width: 640px;
	margin: 0 auto
}

.photovote .main h1.title {
	text-align: center;
	font-size: 1.8rem;
	line-height: 1.4;
	color: #fc558a;
	padding: 0 1.5rem;
	font-weight: 700
}

.photovote .main a.btn-join {
	width: 60%;
	height: 4rem;
	line-height: 4rem;
	text-align: center;
	display: block;
	color: #fff;
	font-weight: 700;
	background: url(../images/photovote/join-button.png) center no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	margin: 0 auto
}

.photovote .main .countdown {
	width: 100%;
	height: 4rem;
	line-height: 3rem;
	background: url(../images/photovote/countdown-bg.png) left top no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	text-align: center;
	color: #000;
	margin-top: -6%;
	position: relative;
	font-size: .95rem
}

.photovote .main .search {
	width: 100%;
	position: relative;
	margin: .5rem 0
}

.photovote .main .search input {
	width: 80%;
	height: 3rem;
	border: 1px solid #4c4648;
	color: #010101;
	margin: 0 auto;
	border-radius: 2rem;
	display: block;
	text-indent: 1rem
}

.photovote .main .search .search-icon {
	position: absolute;
	top: 10%;
	right: 13%;
	width: 2rem;
	height: 2rem;
	background: url(../images/photovote/search.png) left top no-repeat;
	-webkit-background-size: contain;
	background-size: contain
}

.photovote .main .joiner-stat {
	overflow: hidden;
	margin: 1rem 0;
	width: 100%
}

.photovote .main .joiner-stat li,.photovote .main .menu-list li {
	width: 33%;
	font-weight: 700;
	float: left;
	list-style: none
}

.photovote .main .joiner-stat li {
	border-right: 1px solid #000;
	text-align: center
}

.photovote .main .joiner-stat li:nth-of-type(3) {
	border-right: 0
}

.photovote .main .menu-list {
	overflow: hidden
}

.photovote .main .menu-list li a {
	width: 80%;
	height: 3rem;
	line-height: 3rem;
	text-align: center;
	display: block;
	border: 1px solid #f8a9c2;
	color: #000;
	border-radius: 1.5rem;
	margin: 0 auto
}

.photovote .main .menu-list li a.cur {
	background: #fc558a;
	color: #fff
}

.photovote .main .sort-list {
	overflow: hidden;
	margin: 2rem auto 0;
	width: 50%;
	height: 2rem;
	line-height: 2rem;
	border-bottom: 2px solid #fc558a;
	color: #fc558a
}

.photovote .main .sort-list li {
	list-style: none;
	width: 50%;
	text-align: center;
	float: left
}

.photovote .main .sort-list li.cur {
	color: #fff;
	border-radius: .5rem .5rem 0 0;
	background: #fc558a
}

.photovote .main .card {
	margin: 2rem 1rem 1rem;
	position: relative
}

.photovote .main .card .card-header {
	position: absolute;
	left: -12px;
	top: -15px;
	width: 8.2rem;
	height: 4rem;
	line-height: 3rem;
	background: url(../images/photovote/card-title.png) left top no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	text-align: center;
	color: #fff;
	font-weight: 700
}

.photovote .main .card .card-body {
	text-align: left;
	border: 3px solid #3a3a3a;
	padding: 2.5rem 1rem 1rem;
	color: #000;
	background: #fff;
	border-radius: 2.5rem
}

.photovote .main .card.detail {
	margin-bottom: 7rem
}

.photovote .main .lempty {
	margin-bottom: 6rem
}

.photovote .main .joiners {
	margin: 1rem;
	overflow: hidden
}

.photovote .main .joiners ul li {
	width: 48%;
	background: url(../images/photovote/card-info.png) left top no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	display: block;
	position: relative;
	float: left;
	margin: 1rem 0 1rem 2%;
	padding: 1rem;
	height: 15.5rem
}

.photovote .main .joiners ul li span {
	position: absolute;
	display: inline-block
}

.photovote .main .joiners ul li .uuid {
	top: 0;
	left: 0;
	width: 5rem;
	height: 2rem;
	line-height: 2rem;
	color: #fff;
	text-align: center;
	background: rgba(0,0,0,.76);
	font-size: .75rem
}

.photovote .main .joiners ul li .avator {
	width: 100%;
	height: 66%;
	border-radius: .3rem
}

.photovote .main .joiners ul li .vote_count {
	text-align: right
}

.photovote .main .joiners ul li .name,.photovote .main .joiners ul li .vote_count {
	margin-top: 1rem;
	font-weight: 700;
	font-size: .7rem;
	padding: 0
}

.photovote .main .joiners ul li .rank {
	top: .1rem;
	right: 3%;
	width: 2rem;
	height: 4rem;
	padding: 1.5rem .7rem;
	font-weight: 700
}

.photovote .main .joiners ul li .rank .num {
	padding-top: 1rem;
	color: #000
}

.photovote .main .joiners ul li .rank.rank1 {
	background: url(../images/photovote/rank1.png) left top no-repeat;
	-webkit-background-size: contain;
	background-size: contain
}

.photovote .main .joiners ul li .rank.rank2 {
	background: url(../images/photovote/rank2.png) left top no-repeat;
	-webkit-background-size: contain;
	background-size: contain
}

.photovote .main .joiners ul li .rank.rank3 {
	background: url(../images/photovote/rank3.png) left top no-repeat;
	-webkit-background-size: contain;
	background-size: contain
}

.photovote .main .joiners ul li .vote {
	left: 10%;
	width: 80%;
	height: 3rem;
	line-height: 2.5rem;
	color: #fff;
	background: url(../images/photovote/vote.png) center no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	display: block;
	position: absolute;
	text-align: center;
	font-weight: 700;
	bottom: -5%
}

.photovote .main .waterfall-flow-loader {
	margin-bottom: 7rem
}

.photovote .main .joiners-tables {
	margin: 1rem 1rem 6rem
}

.photovote .main .joiners-tables th {
	color: #fc558a
}

.photovote .main .joiners-tables td {
	color: #000;
	text-align: center
}

.photovote .main p.more {
	text-align: center;
	margin-bottom: 7rem
}

.photovote .main .modal-join {
	color: #0c0c0c
}

.photovote .main .modal-join .modal-close {
	color: #000
}

.xiuphotovote .modal-body,.xiuphotovote .modal-footer,.xiuphotovote .modal-header {
	padding: .2rem 1rem
}

.xiuphotovote .modal-header {
	background: url(../images/photovote/bg.jpg);
	border-top-left-radius: .5rem;
	border-top-right-radius: .5rem;
	padding-bottom: 0
}

.xiuphotovote .modal-body {
	background: url(../images/photovote/bg.jpg);
	border-bottom-left-radius: .5rem;
	padding-top: 0;
	border-bottom-right-radius: .5rem
}

.xiuphotovote p {
	margin: 0
}

.xiuphotovote .avator-upload {
	width: 6rem;
	height: 6rem;
	background: url(../images/fullphotovote/camera1.png) center no-repeat;
	-webkit-background-size: 50% 50%;
	background-size: 50%;
	margin: 0 auto;
	display: block;
	border: 1px dashed #000;
	padding: 2rem;
	border-radius: .5rem;
	position: relative
}

.xiuphotovote .avator-upload .file,.xiuphotovote .avator-upload .mask,.xiuphotovote .avator-upload img {
	position: absolute;
	top: 0;
	left: 0
}

.xiuphotovote .avator-upload .file {
	font-size: 20px;
	opacity: 0;
	z-index: 4;
	width: 100%;
	height: 100%
}

.xiuphotovote .avator-upload img {
	width: 100%;
	height: 100%;
	z-index: 2
}

.xiuphotovote .avator-upload .mask {
	z-index: 3;
	background: rgba(0,0,0,.57);
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
	font-size: .8rem;
	color: #fff
}

.xiuphotovote .avator-upload .mask i::before {
	margin-right: .3rem
}

.xiuphotovote input,.xiuphotovote textarea {
	border: 1px solid #0c0c0c;
	border-radius: .5rem;
	height: 2rem;
	margin: 0 auto;
	text-indent: 1rem;
	width: 100%
}

.xiuphotovote textarea {
	padding-top: .5rem;
	height: 5rem
}

.xiuphotovote fieldset {
	border: none
}

.xiuphotovote .modal-footer button {
	width: 50%;
	height: 3rem;
	background: url(../images/photovote/vote.png) center no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	color: #fff;
	text-align: center;
	margin: 0 auto;
	padding-bottom: .5rem
}

.xiuphotovote .weui_btn:after {
	border: 0
}

.photovote .main .fixed-footer {
	width: 100%;
	position: fixed;
	left: 0;
	bottom: 0;
	height: 3rem;
	color: #fff;
	background: #fc558a
}

.photovote .main .fixed-footer ul li {
	list-style: none;
	width: 33%;
	float: left;
	font-weight: 700;
	text-align: center;
	padding: .8rem 0;
	font-size: 1rem;
	line-height: 1.2;
	border-right: 1px solid rgba(246,246,246,.16)
}

.photovote .main .fixed-footer ul li:nth-of-type(3) {
	border: none
}

.photovote .main .fixed-footer ul li a {
	display: inline-block;
	width: 1.2rem;
	height: 1.2rem;
	margin: 0 auto;
	vertical-align: middle;
	padding-right: 1.5rem
}

.photovote .main .fixed-footer ul li a.index {
	background: url(../images/photovote/home.png) left top no-repeat;
	-webkit-background-size: contain;
	background-size: contain
}

.photovote .main .fixed-footer ul li a.contacts {
	background: url(../images/photovote/tel.png) left top no-repeat;
	-webkit-background-size: contain;
	background-size: contain
}

.photovote .main .fixed-footer ul li a.join {
	background: url(../images/photovote/join-icon.png) left top no-repeat;
	-webkit-background-size: contain;
	background-size: contain
}

.photovote.reminded .fixed-footer,.photovote.sample .fixed-footer {
	bottom: 40px
}

@media screen and (width:320px) {
	.photovote .main .countdown {
		font-size: .8rem;
		line-height: 2.5rem
	}

	.photovote .main a.btn-join {
		line-height: 3.5rem
	}

	.photovote .main .joiners ul li {
		height: 11.5rem;
		width: 47%
	}

	.photovote .main .joiners ul li .vote {
		bottom: -13%;
		line-height: 2.8rem
	}
}

@media screen and (width:360px) {
	.photovote .main .joiners ul li {
		height: 13rem
	}

	.photovote .main .joiners ul li .vote {
		bottom: -11%
	}
}

@media screen and (width:375px) {
	.photovote .main .joiners ul li {
		height: 13.7rem
	}

	.photovote .main .joiners ul li .vote {
		bottom: -9%
	}
}

@media screen and (min-width:476px) {
	.photovote .main .joiners ul li {
		height: 17.5rem
	}
}

@media screen and (min-width:500px) {
	.photovote .main .countdown {
		height: 5rem
	}

	.photovote .main .joiners ul li {
		padding: 2rem;
		height: 24.5rem
	}

	.photovote .main .joiners ul li .vote {
		bottom: -2%
	}
}

.photovote.photovote-joiner .joiner-info {
	width: 80%;
	background: url(../images/photovote/card-info.png) left top no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	display: block;
	position: relative;
	float: left;
	margin: 12% auto 5rem 9%;
	padding: 1rem;
	height: 27.5rem
}

.photovote.photovote-joiner .joiner-info span {
	position: absolute;
	display: inline-block
}

.photovote.photovote-joiner .joiner-info .name {
	top: -2%;
	left: 2%;
	width: 100%;
	height: 3rem;
	line-height: 3rem;
	color: #fff;
	text-align: center;
	background: url(../images/photovote/card-name.png) center top no-repeat;
	-webkit-background-size: 50% 50%;
	background-size: 50%
}

.photovote.photovote-joiner .joiner-info .uuid {
	top: 13%;
	left: 3%;
	width: 6rem;
	height: 2.5rem;
	line-height: 2.5rem;
	color: #fff;
	text-align: center;
	background: rgba(0,0,0,.76);
	font-size: .75rem
}

.photovote.photovote-joiner .joiner-info .avator {
	width: 100%;
	height: 66%;
	border-radius: .3rem;
	margin-top: 2rem
}

.photovote.photovote-joiner .joiner-info .vote_count {
	text-align: left
}

.photovote.photovote-joiner .joiner-info .rank-num {
	text-align: right
}

.photovote.photovote-joiner .joiner-info .rank-num,.photovote.photovote-joiner .joiner-info .vote_count {
	font-weight: 700;
	color: #fff
}

.photovote.photovote-joiner .joiner-info p {
	margin-bottom: 0;
	font-size: .8rem
}

.photovote.photovote-joiner .joiner-info .diff {
	margin-top: .5rem
}

.photovote.photovote-joiner .joiner-info .stat {
	left: 4.8%;
	width: 90%;
	top: 61%;
	height: 3rem;
	line-height: 3rem;
	background: rgba(0,0,0,.83)
}

.photovote.photovote-joiner .joiner-info .stat strong {
	color: red
}

.photovote.photovote-joiner .joiner-info .vote {
	left: 10%;
	width: 80%;
	height: 3rem;
	line-height: 2.2rem;
	color: #fff;
	background: url(../images/photovote/vote.png) center no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	display: block;
	position: absolute;
	text-align: center;
	font-weight: 700;
	bottom: -3%
}

@media screen and (width:320px) {
	.photovote.photovote-joiner .joiner-info {
		margin-left: 6%;
		width: 88%;
		height: 23.5rem
	}

	.photovote.photovote-joiner .joiner-info .avator {
		height: 56%
	}

	.photovote.photovote-joiner .joiner-info .stat {
		top: 52%
	}

	.photovote.photovote-joiner .joiner-info .vote {
		line-height: 2.5rem
	}
}

@media screen and (width:360px) {
	.photovote.photovote-joiner .joiner-info {
		width: 89%;
		margin-left: 5.5%
	}
}

@media screen and (width:375px) {
	.photovote.photovote-joiner .joiner-info {
		margin-left: 6%;
		width: 88%
	}
}

@media screen and (min-width:476px) {
	.photovote.photovote-joiner .joiner-info {
		height: 31.5rem
	}
}

@media screen and (min-width:550px) {
	.photovote.photovote-joiner .joiner-info {
		width: 80%;
		height: 42.5rem
	}

	.photovote.photovote-joiner .joiner-info .uuid {
		top: 8%
	}

	.photovote.photovote-joiner .joiner-info .avator {
		height: 63%
	}

	.photovote.photovote-joiner .joiner-info .stat {
		left: 3%;
		width: 94%;
		top: 60%
	}

	.photovote.photovote-joiner .joiner-info .vote {
		bottom: -1%
	}
}

.photovote-joiners table a {
	cursor: pointer
}

.photovote-joiners table th {
	font-weight: 700
}

.photovote-joiners table td,.photovote-joiners table th {
	padding: 2px;
	word-break: keep-all;
	white-space: nowrap
}

.photovote-joiners .exchanged {
	color: #c3c3c3
}

.photovote-joiners .exchanged a {
	color: #79adda
}

.photovote-joiners .weui_actionsheet_cell {
	display: block;
	font-size: .875rem
}

.photovote-joiners .weui_actionsheet_cell i {
	padding-right: 5px
}

.photovote-joiners .notes {
	line-height: 1.5rem;
	font-size: .75rem;
	padding: 0 .625rem;
	margin: 0
}

.photovote-joiners .notes:first-of-type {
	padding-top: .625rem
}

.photovote-joiners .notes:last-of-type {
	padding-bottom: .625rem
}

.photovote-joiners a.action {
	padding-left: 5px
}

.photovote-joiners a.disabled {
	color: #96b8d6
}

.photovote-joiners .table-box {
	overflow-x: auto;
	width: 100%;
	padding-bottom: 1rem
}

.fullphotovote-editor.fullphotovote .dashed,.fullphotovote-editor.fullphotovote .dashed.reverse,.fullphotovote-editor.fullphotovote input,.fullphotovote-editor.fullphotovote textarea {
	border: 1px dashed #19907f;
	border-radius: .5rem;
	color: #404040
}

.fullphotovote-editor.fullphotovote .dashed.reverse.short,.fullphotovote-editor.fullphotovote .dashed.short,.fullphotovote-editor.fullphotovote input.short,.fullphotovote-editor.fullphotovote textarea.short {
	width: 3rem
}

.fullphotovote-editor.fullphotovote .dashed {
	padding: .6rem
}

.fullphotovote-editor.fullphotovote .main .note {
	font-size: .85rem;
	color: #939393
}

.fullphotovote-editor.fullphotovote .main h1.title textarea {
	color: #323c3e
}

.fullphotovote-editor.fullphotovote .main h1.title .note {
	padding-top: .5rem;
	color: #939393
}

.fullphotovote-editor.fullphotovote .main .notice {
	width: 86%;
	margin: 0 auto;
	height: 5rem;
	background: url(../images/fullphotovote/tiper.png) center no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	padding: 1rem 1.5rem;
	color: #fff
}

.fullphotovote-editor.fullphotovote .main .date {
	font-size: .7rem;
	font-weight: 700;
	text-align: center;
	padding: 0 3%
}

.fullphotovote-editor.fullphotovote .main .date input {
	width: 8rem
}

.fullphotovote-editor.fullphotovote .main .vote_count {
	text-align: center;
	font-weight: 700
}

.fullphotovote-editor.fullphotovote .main .vote_count input {
	padding-right: 0;
	padding-left: 0
}

.fullphotovote-editor.fullphotovote .main .vote_count .note {
	padding: 1rem
}

.fullphotovote-editor.fullphotovote .main .detail-title {
	margin: 2rem 1rem 1rem;
	height: 1.5rem
}

.fullphotovote-editor.fullphotovote .main .detail-title .bg {
	background: url(../images/fullphotovote/detail-sp.png) bottom right no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	height: 100%
}

.fullphotovote-editor.fullphotovote .main .detail-title .bg.right {
	background: url(../images/fullphotovote/detail-sp.png) bottom left no-repeat;
	-webkit-background-size: contain;
	background-size: contain
}

.fullphotovote-editor.fullphotovote .main .detail-title .title {
	color: #38a396;
	font-weight: 700;
	text-align: center
}

.fullphotovote-editor.fullphotovote .main .card .card-body input {
	text-align: left
}

.fullphotovote-editor.fullphotovote .main .card .hotline {
	position: relative
}

.fullphotovote-editor.fullphotovote .main .card .hotline i.tel {
	position: absolute;
	left: 1rem;
	top: 3.6rem;
	color: #353535
}

.fullphotovote-editor.fullphotovote .main .card .hotline input {
	text-indent: 2rem;
	text-align: left
}

.fullphotovote-editor.fullphotovote .main .card .hotline .note {
	text-align: left;
	line-height: 2;
	padding-top: .5rem
}

.fullphotovote-editor.fullphotovote .main .card .hotline .title {
	color: #37a192;
	font-size: 1rem;
	font-weight: 700;
	padding-top: 1rem;
	margin-bottom: .5rem
}

.fullphotovote .main,.fullphotovote .modal {
	max-width: 640px;
	margin: 0 auto
}

.fullphotovote-editor.fullphotovote .main .card.join_customize .card-body {
	padding-top: 3.5rem
}

.imager-container.fullphotovote-imager .imager .actions {
	bottom: 0
}

.imager-container.fullphotovote-imager .imager .actions a.action {
	border: 1px solid #48cdb2;
	color: #48cdb2;
	background: 0 0
}

.imager-container.fullphotovote-imager .imager .tiper {
	bottom: .7rem
}

.imager-container.fullphotovote-imager .imager .imager-selector {
	bottom: 0
}

.mini-editor-container.fullphotovote-uploader .image-previewer.reverse label,.mini-editor-container.fullphotovote-uploader .uploader.reverse label,.uploader-container.fullphotovote-uploader .image-previewer.reverse label,.uploader-container.fullphotovote-uploader .uploader.reverse label {
	border-color: #1a9382
}

.mini-editor-container.fullphotovote-uploader .image-previewer.reverse label::after,.mini-editor-container.fullphotovote-uploader .image-previewer.reverse label::before,.mini-editor-container.fullphotovote-uploader .uploader.reverse label::after,.mini-editor-container.fullphotovote-uploader .uploader.reverse label::before,.uploader-container.fullphotovote-uploader .image-previewer.reverse label::after,.uploader-container.fullphotovote-uploader .image-previewer.reverse label::before,.uploader-container.fullphotovote-uploader .uploader.reverse label::after,.uploader-container.fullphotovote-uploader .uploader.reverse label::before {
	background-color: #1a9382
}

.mini-editor-container.fullphotovote-uploader .image-previewer.reverse span,.mini-editor-container.fullphotovote-uploader .uploader.reverse span,.uploader-container.fullphotovote-uploader .image-previewer.reverse span,.uploader-container.fullphotovote-uploader .uploader.reverse span {
	color: #1a9382
}

.mini-editor-container.fullphotovote-uploader a.action,.uploader-container.fullphotovote-uploader a.action {
	border: 1px dashed #1a9382;
	color: #1a9382
}

.mini-editor-container.fullphotovote-uploader i.icon,.uploader-container.fullphotovote-uploader i.icon {
	color: rgba(84,78,78,.74)
}

.fullphotovote {
	background: #c8f0f8
}

.fullphotovote .weui_btn_primary {
	background-color: #1a9382
}

.fullphotovote .weui_btn_primary:focus {
	background-color: #32b2a0
}

.fullphotovote .main h1.title {
	text-align: center;
	font-size: 1.5rem;
	line-height: 1.4;
	color: #2f2f2f;
	padding: 0 1.5rem;
	font-weight: 700;
	margin-bottom: 2rem
}

.fullphotovote .main a.btn-join {
	width: 60%;
	height: 4rem;
	line-height: 4rem;
	text-align: center;
	display: block;
	color: #fff;
	font-weight: 700;
	background: url(../images/fullphotovote/join-button.png) center no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	margin: 0 auto
}

.fullphotovote .main .countdown {
	width: 100%;
	height: 4rem;
	line-height: 2.5rem;
	background: url(../images/fullphotovote/countdown-bg.png) left top no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	text-align: center;
	color: #000;
	position: relative;
	font-size: .95rem
}

.fullphotovote .main .countdown b {
	color: #fff;
	padding: .1rem;
	background: #000;
	border-radius: .3125rem;
	width: 2rem;
	display: inline-block;
	line-height: 1.7
}

.fullphotovote .main .countdown b:nth-of-type(1) {
	padding: 0;
	background: 0 0;
	width: auto;
	color: #000
}

.fullphotovote .main .search,.fullphotovote .main .search-layer {
	width: 100%;
	position: relative;
	margin: .5rem 0
}

.fullphotovote .main .search input,.fullphotovote .main .search-layer input {
	width: 80%;
	height: 3rem;
	border: 1px solid #4c4648;
	color: #010101;
	margin: 0 auto;
	border-radius: 2rem;
	display: block;
	text-indent: 1rem
}

.fullphotovote .main .search .search-icon,.fullphotovote .main .search-layer .search-icon {
	position: absolute;
	top: 10%;
	right: 13%;
	width: 2rem;
	height: 2rem;
	background: url(../images/fullphotovote/search.png) left top no-repeat;
	-webkit-background-size: contain;
	background-size: contain
}

.fullphotovote .main .search-layer.search-layer,.fullphotovote .main .search.search-layer {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 9998;
	margin: 0
}

.fullphotovote .main .search-layer.search-layer .masker,.fullphotovote .main .search.search-layer .masker {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(0,0,0,.78)
}

.fullphotovote .main .search-layer.search-layer input,.fullphotovote .main .search.search-layer input {
	width: 100%;
	margin: inherit
}

.fullphotovote .main .search-layer.search-layer .search-btn,.fullphotovote .main .search.search-layer .search-btn {
	width: 100%;
	height: 3rem;
	line-height: 3rem;
	color: #fff;
	background: url(../images/fullphotovote/vote.png) center no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	display: block;
	text-align: center;
	font-weight: 700
}

.fullphotovote .main .search-layer.search-layer .search-box,.fullphotovote .main .search.search-layer .search-box {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9999;
	width: 100%;
	background: #C8F0F8;
	padding: 1rem;
	overflow: hidden
}

.fullphotovote .main .joiner-stat {
	overflow: hidden;
	margin: 1rem 0;
	width: 100%
}

.fullphotovote .main .joiner-stat li {
	list-style: none;
	width: 33%;
	float: left;
	border-right: 1px solid #000;
	font-weight: 700;
	text-align: center
}

.fullphotovote .main .joiner-stat li:nth-of-type(3) {
	border-right: 0
}

.fullphotovote .main .menu-list {
	overflow: hidden;
	position: relative;
	height: 3rem;
	margin: 0 auto
}

.fullphotovote .main .menu-list .bar {
	position: absolute;
	left: 5%;
	top: 30%;
	height: 30%;
	background: #1a9382;
	width: 90%;
	border-radius: .5rem
}

.fullphotovote .main .menu-list .item {
	list-style: none;
	width: 33%;
	font-weight: 700;
	position: absolute;
	top: 10%
}

.fullphotovote .main .menu-list .item:nth-of-type(2) {
	left: 3%
}

.fullphotovote .main .menu-list .item:nth-of-type(3) {
	left: 33%
}

.fullphotovote .main .menu-list .item:nth-of-type(4) {
	left: 64%
}

.fullphotovote .main .menu-list .item a {
	width: 75%;
	height: 2rem;
	line-height: 2rem;
	text-align: center;
	display: block;
	color: #1a9382;
	border-radius: .5rem;
	margin: 0 auto;
	background: #fff
}

.fullphotovote .main .menu-list .item a.cur {
	background: #1a9382;
	color: #fff
}

.fullphotovote .main .sort-list {
	overflow: hidden;
	margin: 2rem auto 0;
	width: 50%;
	height: 2rem;
	line-height: 2rem;
	border-bottom: 2px solid #1a9382;
	color: #1a9382
}

.fullphotovote .main .sort-list li {
	list-style: none;
	width: 50%;
	text-align: center;
	float: left
}

.fullphotovote .main .sort-list li.cur {
	color: #fff;
	border-radius: .5rem .5rem 0 0;
	background: #1a9382
}

.fullphotovote .main .card {
	margin: 1rem;
	padding-top: 2rem;
	position: relative;
	background: url(../images/fullphotovote/detail-top.png) left top no-repeat;
	-webkit-background-size: contain;
	background-size: contain
}

.fullphotovote .main .card .card-body {
	text-align: left;
	padding: 1rem;
	color: #000;
	background: #fff
}

.fullphotovote .main .card.detail {
	margin-bottom: 7rem
}

.fullphotovote .main .card .card-footer {
	background: url(../images/fullphotovote/detail-bottom.png) top no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	height: 3rem
}

.fullphotovote .main .lempty {
	margin-bottom: 1rem
}

.fullphotovote .main .joiners {
	margin: 1rem;
	overflow: hidden
}

.fullphotovote .main .joiners ul li {
	width: 48%;
	background: url(../images/fullphotovote/card-info.png) left top no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	display: block;
	position: relative;
	float: left;
	margin: 1rem 0 1rem 2%;
	padding: 1rem 1rem 17rem;
	border-radius: 1rem;
	height: 15.5rem;
	opacity: .95
}

.fullphotovote .main .joiners ul li span {
	position: absolute;
	display: inline-block
}

.fullphotovote .main .joiners ul li .uuid {
	top: 4%;
	left: 0;
	width: 8rem;
	height: 3rem;
	line-height: 3rem;
	color: #fff;
	text-align: center;
	background: url(../images/fullphotovote/rank-bg.png) left top no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	font-size: .75rem
}

.fullphotovote .main .joiners ul li .uuid.index {
	height: 3rem;
	line-height: 1.5rem;
	top: 9%
}

.fullphotovote .main .joiners ul li .avator {
	width:auto;
	max-width: 100%;
	border-radius: .3rem;
	margin: 2.5rem auto 0;
	max-height: 7rem !important;
}

.fullphotovote .main .joiners ul li .avator.size3 {
	width: 68%
}

.fullphotovote .main .joiners ul li .vote_count {
	text-align: right
}

.fullphotovote .main .joiners ul li .name,.fullphotovote .main .joiners ul li .vote_count {
	margin-top:.5rem;
	font-weight: 700;
	font-size: .7rem;
	padding: 0
}

.fullphotovote .main .joiners ul li .rank {
	top: 1.1rem;
	right: 1%;
	width: 4rem;
	height: 4rem;
	padding: 1.5rem .7rem;
	font-weight: 700
}

.fullphotovote .main .joiners ul li .rank .num {
	padding-top: 1rem;
	color: #000
}

.fullphotovote .main .joiners ul li .rank.rank1 {
	background: url(../images/fullphotovote/rank1.png) left top no-repeat;
	-webkit-background-size: contain;
	background-size: contain
}

.fullphotovote .main .joiners ul li .rank.rank2 {
	background: url(../images/fullphotovote/rank2.png) left top no-repeat;
	-webkit-background-size: contain;
	background-size: contain
}

.fullphotovote .main .joiners ul li .rank.rank3 {
	background: url(../images/fullphotovote/rank3.png) left top no-repeat;
	-webkit-background-size: contain;
	background-size: contain
}

.fullphotovote .main .joiners ul li .vote {
	left: 17%;
	width: 70%;
	height: 3rem;
	line-height: 3rem;
	color: #fff;
	background: url(../images/fullphotovote/vote.png) center no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	display: block;
	position: absolute;
	text-align: center;
	font-weight: 700;
	bottom: 8%
}

.fullphotovote .main .waterfall-flow-loader {
	margin-bottom: 7rem
}

.fullphotovote .main .joiners-tables {
	margin: 1rem 1rem 2rem
}

.fullphotovote .main .joiners-tables th {
	color: #006d5e
}

.fullphotovote .main .joiners-tables td {
	color: #000;
	text-align: center
}

.fullphotovote .main p.more {
	text-align: center;
	margin-bottom: 7rem
}

.fullphotovote .main .fixed-footer {
	width: 100%;
	position: fixed;
	left: 0;
	bottom: 2.5rem;
	height: 3rem;
	color: #fff;
	background: #38a396
}

.fullphotovote .main .fixed-footer ul li {
	list-style: none;
	width: 33%;
	float: left;
	font-weight: 700;
	text-align: center;
	padding: .8rem 0;
	font-size: 1rem;
	line-height: 1.2;
	border-right: 1px solid rgba(246,246,246,.16)
}

.fullphotovote .main .fixed-footer ul li:nth-of-type(3) {
	border: none
}

.fullphotovote .main .fixed-footer ul li a {
	display: inline-block;
	width: 1.2rem;
	height: 1.2rem;
	margin: 0 auto;
	vertical-align: middle;
	padding-right: 1.5rem
}

.fullphotovote .main .fixed-footer ul li a.index {
	background: url(../images/fullphotovote/home.png) left top no-repeat;
	-webkit-background-size: contain;
	background-size: contain
}

.fullphotovote .main .fixed-footer ul li a.contacts {
	background: url(../images/fullphotovote/tel.png) left top no-repeat;
	-webkit-background-size: contain;
	background-size: contain
}

.fullphotovote .main .fixed-footer ul li a.search {
	background: url(../images/fullphotovote/search-icon.png) left top no-repeat;
	-webkit-background-size: contain;
	background-size: contain
}

.fullphotovote.reminded .fixed-footer,.fullphotovote.sample .fixed-footer {
	bottom: 40px
}

@media screen and (width:320px) {
	.fullphotovote .main .countdown {
		font-size: .8rem;
		line-height: 2.5rem
	}

	.fullphotovote .main a.btn-join {
		line-height: 3.5rem
	}

	.fullphotovote .main .joiners ul li {
		height: 16.5rem;
		width: 47%;
		padding-bottom: 12rem
	}

	.fullphotovote .main .joiners ul li .vote {
		bottom: 3%;
		line-height: 2.8rem
	}
}

@media screen and (width:360px) {
	.fullphotovote .main .joiners ul li {
		height: 13rem;
		padding-bottom: 14rem
	}

	.fullphotovote .main .joiners ul li .vote {
		bottom: 4%
	}
}

@media screen and (width:375px) {
	.fullphotovote .main .joiners ul li {
		height: 13.7rem;
		padding-bottom: 15rem
	}

	.fullphotovote .main .joiners ul li .vote {
		bottom: 5%
	}
}

@media screen and (min-width:476px) {
	.fullphotovote .main .joiners ul li {
		height: 17.5rem
	}
}

@media screen and (min-width:500px) {
	.fullphotovote .main .countdown {
		height: 5rem
	}

	.fullphotovote .main .joiners ul li {
		padding: 2rem;
		height: 24.5rem
	}

	.fullphotovote .main .joiners ul li .vote {
		bottom: 2%
	}
}

.fullphotovote.fullphotovote-joiner .joiner-info {
	width: 80%;
	border-radius: 1.5rem;
	background: #fff;
	display: block;
	position: relative;
	margin: 12% auto 1rem 9%;
	padding: 1rem
}

.fullphotovote.fullphotovote-joiner .joiner-info span {
	position: absolute;
	display: inline-block
}

.fullphotovote.fullphotovote-joiner .joiner-info .name {
	top: -2%;
	left: 2%;
	width: 100%;
	height: 3rem;
	line-height: 2rem;
	color: #fff;
	text-align: center;
	background: url(../images/fullphotovote/card-top.png) left top no-repeat;
	-webkit-background-size: contain;
	background-size: contain
}

.fullphotovote.fullphotovote-joiner .joiner-info .uuid {
	top: 7%;
	left: 1%;
	width: 10rem;
	height: 2rem;
	line-height: 2rem;
	color: #fff;
	text-align: center;
	background: url(../images/fullphotovote/rank-bg.png) left top no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	font-size: .75rem;
	z-index: 10;
	opacity: .9
}

.fullphotovote.fullphotovote-joiner .joiner-info .avator {
	width: 80%;
	border-radius: .3rem;
	margin: 2rem auto 0
}

.fullphotovote.fullphotovote-joiner .joiner-info .vote_count {
	text-align: left
}

.fullphotovote.fullphotovote-joiner .joiner-info .vote_count strong {
	color: red
}

.fullphotovote.fullphotovote-joiner .joiner-info .rank-num {
	text-align: right
}

.fullphotovote.fullphotovote-joiner .joiner-info .rank-num,.fullphotovote.fullphotovote-joiner .joiner-info .vote_count {
	font-weight: 700;
	color: #000;
	margin-top: .5rem
}

.fullphotovote.fullphotovote-joiner .joiner-info .diff strong,.fullphotovote.fullphotovote-joiner .joiner-info .rank-num strong,.fullphotovote.fullphotovote-joiner .joiner-info .vote_count strong {
	color: red
}

.fullphotovote.fullphotovote-joiner .joiner-info p {
	margin-top: .5rem;
	font-size: .9rem
}

.fullphotovote.fullphotovote-joiner .joiner-info .diff {
	margin-top: .5rem
}

.fullphotovote.fullphotovote-joiner .joiner-info .pname {
	font-size: 1rem;
	margin-bottom: 0
}

.fullphotovote.fullphotovote-joiner .joiner-info .vote {
	width: 60%;
	height: 3rem;
	line-height: 3rem;
	color: #fff;
	background: url(../images/fullphotovote/vote.png) center no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	display: block;
	text-align: center;
	font-weight: 700;
	margin: 0 auto
}

.fullphotovote.fullphotovote-joiner .swiper-layer {
	padding: 1rem;
	background: #C1E4DE;
	border-radius: 1rem;
	margin-top: 2rem;
	overflow: hidden
}

.fullphotovote.fullphotovote-joiner .swiper-container.size1,.fullphotovote.fullphotovote-joiner .swiper-slide.size1 {
	width: 260px;
	height: 173px
}

.fullphotovote.fullphotovote-joiner .swiper-container.size2,.fullphotovote.fullphotovote-joiner .swiper-slide.size2 {
	width: 260px;
	height: 260px
}

.fullphotovote.fullphotovote-joiner .swiper-container.size3,.fullphotovote.fullphotovote-joiner .swiper-slide.size3 {
	width: 200px;
	height: 300px
}

@media screen and (width:320px) {
	.fullphotovote.fullphotovote-joiner .joiner-info {
		margin-left: 6%;
		width: 88%;
		height: 23.5rem;
		padding-bottom: 27rem
	}

	.fullphotovote.fullphotovote-joiner .joiner-info .avator.size1 {
		width: 200px;
		height: 173px
	}

	.fullphotovote.fullphotovote-joiner .joiner-info .avator.size2 {
		width: 200px;
		height: 200px
	}

	.fullphotovote.fullphotovote-joiner .joiner-info .avator.size3 {
		width: 160px;
		height: 240px
	}

	.fullphotovote.fullphotovote-joiner .joiner-info .stat {
		top: 52%
	}

	.fullphotovote.fullphotovote-joiner .joiner-info .vote {
		line-height: 2.5rem;
		bottom: 5%
	}
}

@media screen and (width:360px) {
	.fullphotovote.fullphotovote-joiner .joiner-info {
		width: 89%;
		margin-left: 5.5%
	}

	.fullphotovote.fullphotovote-joiner .joiner-info .vote {
		bottom: 5%
	}
}

@media screen and (width:375px) {
	.fullphotovote.fullphotovote-joiner .joiner-info {
		margin-left: 6%;
		width: 88%
	}
}

@media screen and (min-width:476px) {
	.fullphotovote.fullphotovote-joiner .joiner-info {
		height: 31.5rem
	}
}

@media screen and (min-width:550px) {
	.fullphotovote.fullphotovote-joiner .joiner-info {
		width: 80%;
		height: 42.5rem
	}

	.fullphotovote.fullphotovote-joiner .joiner-info .uuid {
		top: 8%
	}

	.fullphotovote.fullphotovote-joiner .joiner-info .avator {
		height: 63%
	}

	.fullphotovote.fullphotovote-joiner .joiner-info .stat {
		left: 3%;
		width: 94%;
		top: 60%
	}

	.fullphotovote.fullphotovote-joiner .joiner-info .vote {
		bottom: -1%
	}
}

.fullphotovote-joiners table a {
	cursor: pointer
}

.fullphotovote-joiners table th {
	font-weight: 700
}

.fullphotovote-joiners table td,.fullphotovote-joiners table th {
	padding: 2px;
	word-break: keep-all;
	white-space: nowrap
}

.fullphotovote-joiners .exchanged {
	color: #c3c3c3
}

.fullphotovote-joiners .exchanged a {
	color: #79adda
}

.fullphotovote-joiners .weui_actionsheet_cell {
	display: block;
	font-size: .875rem
}

.fullphotovote-joiners .weui_actionsheet_cell i {
	padding-right: 5px
}

.fullphotovote-joiners .notes {
	line-height: 1.5rem;
	font-size: .75rem;
	padding: 0 .625rem;
	margin: 0
}

.fullphotovote-joiners .notes:first-of-type {
	padding-top: .625rem
}

.fullphotovote-joiners .notes:last-of-type {
	padding-bottom: .625rem
}

.fullphotovote-joiners a.action {
	padding-left: 5px
}

.fullphotovote-joiners a.disabled {
	color: #96b8d6
}

.fullphotovote-joiners .table-box {
	overflow-x: auto;
	width: 100%;
	padding-bottom: 1rem
}

.fullphotovote-joiners button.options {
	width: 60%;
	margin: 1rem auto
}

.fullphotovote-joiners .modal-join {
	color: #0c0c0c
}

.fullphotovote-joiners .modal-join.out {
	display: none
}

.fullphotovote-joiners .modal-join.in {
	display: block
}

.fullphotovote-joiners .modal-join .modal-close {
	color: #000
}

.fullphotovote-joiners .modal-join .modal-body,.fullphotovote-joiners .modal-join .modal-footer,.fullphotovote-joiners .modal-join .modal-header {
	padding: 1rem
}

.fullphotovote-joiners .modal-join .modal-header {
	border-top-left-radius: .5rem;
	border-top-right-radius: .5rem;
	padding-bottom: 0;
	margin-bottom: 1rem;
	text-align: center;
	font-weight: 700
}

.fullphotovote-joiners .modal-join .modal-body {
	border-bottom-left-radius: .5rem;
	padding-top: 0;
	border-bottom-right-radius: .5rem;
	padding-bottom: 0
}

.fullphotovote-joiners .modal-join p {
	margin: 0
}

.fullphotovote-joiners .modal-join .fr {
	float: right
}

.fullphotovote-joiners .modal-join .photosize-box img {
	width: 100%
}

.fullphotovote-joiners .modal-join .avator-upload {
	width: 6rem;
	height: 6rem;
	background: url(../images/fullphotovote/camera.png) center no-repeat;
	-webkit-background-size: 50% 50%;
	background-size: 50%;
	margin: 0 auto;
	display: block;
	border: 1px dashed #000;
	padding: 2rem;
	border-radius: .5rem;
	position: relative
}

.fullphotovote-joiners .modal-join .avator-upload .file,.fullphotovote-joiners .modal-join .avator-upload .mask,.fullphotovote-joiners .modal-join .avator-upload img {
	position: absolute;
	top: 0;
	left: 0
}

.fullphotovote-joiners .modal-join .avator-upload .file {
	font-size: 20px;
	opacity: 0;
	z-index: 4;
	width: 100%;
	height: 100%
}

.fullphotovote-joiners .modal-join .avator-upload img {
	width: 100%;
	height: 100%;
	z-index: 2
}

.fullphotovote-joiners .modal-join .avator-upload .mask {
	z-index: 3;
	background: rgba(0,0,0,.57);
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
	font-size: .8rem;
	color: #fff
}

.fullphotovote-joiners .modal-join .avator-upload .mask i::before {
	margin-right: .3rem
}

.fullphotovote-joiners .modal-join .avator-box .item {
	position: relative;
	text-align: center
}

.fullphotovote-joiners .modal-join .avator-box .item img {
	width: 2rem
}

.fullphotovote-joiners .modal-join .avator-box .item .close {
	position: absolute;
	right: 12px;
	top: 3px;
	color: rgba(86,85,85,.74);
	font-size: 1.4rem
}

.fullphotovote-joiners .modal-join input,.fullphotovote-joiners .modal-join textarea {
	border: 1px solid #0c0c0c;
	border-radius: .5rem;
	height: 2rem;
	margin: 0 auto;
	text-indent: 1rem;
	width: 100%
}

.fullphotovote-joiners .modal-join input.radio,.fullphotovote-joiners .modal-join textarea.radio {
	width: 60%
}

.fullphotovote-joiners .modal-join input.setidx,.fullphotovote-joiners .modal-join textarea.setidx {
	width: 19%;
	vertical-align: middle
}

.fullphotovote-joiners .modal-join textarea {
	padding-top: .5rem;
	height: 5rem
}

.fullphotovote-joiners .modal-join fieldset {
	border: none;
	padding-bottom: 0
}

.fullphotovote-joiners .modal-join .modal-footer {
	padding-bottom: 4rem
}

.fullphotovote-joiners .modal-join .modal-footer.submit {
	padding-bottom: 1rem;
	padding-top: 0
}

.fullphotovote-joiners .modal-join .modal-footer.submit button {
	float: none
}

.fullphotovote-joiners .modal-join .modal-footer button {
	width: 50%;
	height: 3rem;
	background: url(../images/fullphotovote/vote.png) center no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	color: #fff;
	text-align: center;
	margin: 0 auto;
	padding-bottom: .5rem;
	float: left
}

.fullphotovote-joiners .modal-join .modal-footer button.cancel {
	background: url(../images/fullphotovote/voted.png) center no-repeat;
	-webkit-background-size: contain;
	background-size: contain
}

.fullphotovote-joiners .modal-join .weui_btn:after {
	border: 0
}

.fullphotovote-joiners .modal-join .note {
	text-align: left
}

.joiners table a {
	cursor: pointer
}

.joiners table th {
	font-weight: 700
}

.joiners table td,.joiners table th {
	padding: 2px;
	word-break: keep-all;
	white-space: nowrap
}

.joiners .exchanged {
	color: #c3c3c3
}

.joiners .exchanged a {
	color: #79adda
}

.joiners .weui_actionsheet_cell {
	display: block;
	font-size: .875rem
}

.joiners .weui_actionsheet_cell i {
	padding-right: 5px
}

.joiners .doubleeleven-notes {
	line-height: 1.5rem;
	font-size: .75rem;
	padding: 0 .625rem;
	margin: 0
}

.flyer-categories .note i::before,.flyer-category .note i::before {
	margin-right: .5rem
}

.flyer-categories .masker-box:nth-of-type(even),.flyer-category .masker-box:nth-of-type(even) {
	margin-left: 2%
}

.joiners .doubleeleven-notes:first-of-type {
	padding-top: .625rem
}

.joiners .doubleeleven-notes:last-of-type {
	padding-bottom: .625rem
}

.joiners a.action {
	padding-left: 5px
}

.joiners a.disabled {
	color: #96b8d6
}

.joiners .table-box {
	overflow-x: auto;
	width: 100%;
	padding-bottom: 1rem
}

.statistics .statistics-list {
	display: table;
	width: 100%
}

.statistics .statistics-item {
	display: table-cell;
	padding: 2rem 1rem;
	text-align: center
}

.statistics .statistics-item>strong {
	display: block;
	font-size: 1.5rem;
	font-weight: 400
}

.statistics table>thead>tr>th {
	width: 33.33333333%
}

.flyer-categories {
	margin-bottom: 1rem;
	padding: 1rem;
	background-color: #fff
}

.flyer-categories .note {
	text-align: center;
	margin-bottom: 1rem
}

.flyer-categories .note i {
	font-weight: 700
}

.flyer-categories .masker-box {
	border-radius: 2px;
	position: relative;
	width: 49%;
	padding: 0;
	margin-bottom: 1rem
}

.flyer-categories .masker-box .masker-img {
	padding-bottom: 80%;
	display: block;
	position: relative;
	max-width: 100%;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center top;
	cursor: pointer;
	border-radius: 2px
}

.flyer-categories .masker-box .masker {
	background-color: rgba(0,0,0,.3);
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	top: 0;
	border-radius: inherit
}

.flyer-categories .masker-box .masker .masker-title,.flyer-category .masker-box .masker .masker-title {
	color: #fff;
	top: 50%;
	letter-spacing: .2rem;
	left: 0;
	text-align: center;
	right: 0;
	font-weight: 700;
	text-shadow: 0 0 2px rgba(0,0,0,.5)
}

.flyer-categories .masker-box .masker .masker-title {
	font-size: 2rem;
	position: absolute;
	width: 100%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%)
}

.flyer-category {
	margin-bottom: 1rem;
	padding: 1rem;
	background-color: #fff
}

.flyer-category .note {
	text-align: center;
	margin-bottom: 1rem
}

.flyer-category .note i {
	font-weight: 700
}

.flyer-category .masker-box {
	border-radius: 2px;
	position: relative;
	width: 49%;
	padding: 0;
	margin-bottom: 1rem
}

.flyer-category .masker-box .masker-img {
	padding-bottom: 150%;
	display: block;
	position: relative;
	max-width: 100%;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center top;
	cursor: pointer;
	border-radius: 2px
}

.flyer-category .masker-box .masker {
	background-color: rgba(0,0,0,.7);
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 2rem
}

.flyer-category .masker-box .masker .masker-title {
	font-size: 1rem;
	position: absolute;
	width: 100%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%)
}

.flyer-flyers .header {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
	height: 3rem;
	z-index: 1000
}

.flyer-flyers .header .weui_cell.nav {
	background: #fff;
	font-size: .875rem
}

.flyer-flyers .header .weui_cell.nav .cell-6:nth-of-type(1) {
	padding-left: 0
}

.flyer-flyers .header .weui_cell.nav .cell-6:nth-of-type(2) {
	text-align: center;
	padding: 0
}

.flyer-flyers .header .weui_cell.nav .cell-6:nth-of-type(3) {
	padding-right: 0;
	text-align: right
}

.flyer-flyers .header .weui_cell.nav i::before {
	margin-right: .2rem
}

.flyer-flyers .flyer-list {
	margin-top: 2.6rem
}

.flyer-flyers .weui_panel_ft {
	display: table;
	width: 100%;
	text-align: center
}

.flyer-flyers .weui_panel_ft>a {
	display: table-cell;
	text-align: center
}

.flyer-flyers .weui_panel_ft>a i {
	padding-right: 5px
}

.flyer-flyers .weui_media_hd {
	background-color: #f6f6f6
}

.flyer-flyers .weui_media_hd .weui_media_appmsg_thumb {
	-webkit-box-shadow: 1px 1px 3px rgba(86,86,86,.21);
	box-shadow: 1px 1px 3px rgba(86,86,86,.21);
	border-radius: 5%
}

.flyer-flyers .weui_media_bd small {
	color: #aaa
}

.flyer-flyers .weui_media_title {
	margin-bottom: .25rem
}

.flyer-flyers .weui_media_title i::before {
	margin-left: .5rem
}

.flyer-flyers .weui_media_desc {
	margin-bottom: 0;
	-webkit-line-clamp: 1
}

.flyer-flyers .footer {
	min-height: 6.25rem
}

.flyer-editor {
	font-family: "Hiragino Sans GB","Microsoft YaHei","micro yahei","Helvetica Neue",Helvetica,Arial,sans-serif;
	width: 100%;
	height: 100%;
	overflow: hidden
}

.flyer-editor .content-box {
	width: 100%;
	margin: 0 auto;
	height: 100%;
	position: relative;
	background: #D0CFD8
}

.flyer-editor .content-box.editable,.flyer-editor .content-box.editable .actions {
	max-width: 640px
}

.flyer-editor .content-box .actions {
	position: fixed;
	z-index: 100;
	width: 100%
}

.flyer-editor .content-box .actions i.fa::before {
	margin-right: .4rem
}

.flyer-editor .content-box .actions .action {
	position: absolute;
	width: 6rem;
	height: 2rem;
	line-height: 1rem;
	padding: .5rem;
	background-color: rgba(62,69,77,.9);
	color: #fff;
	font-size: .8rem;
	border-radius: 5px;
	text-align: center
}

.flyer-editor .content-box .actions .action.disabled,.flyer-editor .content-box .actions.header .action.submitting {
	color: rgba(255,255,255,.61)
}

.flyer-editor .content-box .actions.header {
	top: 1rem
}

.flyer-editor .content-box .actions.header .header-layer {
	position: relative
}

.flyer-editor .content-box .actions.header .action {
	left: 5%
}

.flyer-editor .content-box .actions.header .action.download {
	margin-left: 7rem
}

.flyer-editor .content-box .actions.pager {
	right: 0;
	top: 34%;
	width: 5rem
}

.flyer-editor .content-box .actions.pager .action {
	display: inline-block;
	position: relative;
	border-radius: 50%;
	height: 4rem;
	width: 4rem;
	font-size: .9rem;
	line-height: 3rem;
	text-align: center
}

.flyer-editor .content-box .actions.pager .action i.fa::before {
	margin-right: 0;
	display: block;
	margin-bottom: .5rem;
	margin-top: .5rem
}

.flyer-editor .content-box .actions.pager .action.cur i.fa {
	font-weight: 700
}

.flyer-editor .content-box .actions.pager .action.down {
	margin-top: 1rem
}

.flyer-editor .content-box .actions.nav {
	bottom: 3.5rem;
	right: 5%;
	width: 3rem
}

.flyer-editor .content-box .actions.nav.nav-wrapper.active {
	opacity: 1;
	display: block
}

.flyer-editor .content-box .actions.nav.nav-wrapper.active .action {
	font-size: .8rem
}

.flyer-editor .content-box .actions.nav.nav-wrapper.active .action:nth-child(1) {
	-o-animation: zoomIn .3s ease;
	animation: zoomIn .3s ease;
	-webkit-animation: zoomIn .3s ease
}

.flyer-editor .content-box .actions.nav .action {
	position: relative;
	border-radius: 50%;
	height: 3rem;
	width: 3rem;
	font-size: 1.25rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center
}

.flyer-editor .content-box .actions.nav .action.active>i {
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-webkit-transform: rotate(135deg)
}

.flyer-editor .content-box .actions.nav .action i {
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	display: block
}

.flyer-editor .content-box .actions.nav .action i::before {
	margin-right: 0
}

.flyer-editor .content-box .actions.footer {
	bottom: 0;
	height: 3rem;
	line-height: 2rem;
	padding: .5rem;
	background-color: #3E454D
}

.flyer-editor .content-box .actions.footer .action {
	width: 100%;
	display: inline-block;
	position: relative;
	border: 1px dashed #fdfdfd;
	background: 0 0
}

.flyer-editor .content-box .wrapper {
	width: 100%;
	height: 100%;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}

.flyer-editor .content-box .wrapper .pager-box {
	width: 100%;
	height: 100%;
	background: #F8F8F8;
	background: -webkit-gradient(linear,0 0,0 100%,from(#F8F8F8),to(#E8E8E8),color-stop(.5,#F8F8F8));
	overflow: hidden;
	position: relative
}

.flyer-editor .content-box .wrapper .pager-box .page-bg {
	width: 100%;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	background-repeat: no-repeat;
	position: relative;
	margin: 0 auto
}

.flyer-editor .content-box .wrapper .pager-box .page-bg.hide {
	display: none
}

.flyer-editor .content-box .wrapper .pager-box .page-bg.in {
	-o-animation: zoomIn 1.5s ease;
	animation: zoomIn 1.5s ease;
	-webkit-animation: zoomIn 1.5s ease
}

.flyer-editor .content-box .wrapper .pager-box .target {
	position: absolute;
	padding: 0;
	margin: 0;
	font-weight: 400;
	line-height: 1;
	overflow: hidden
}

.flyer-editor .content-box .wrapper .pager-box .target.texter {
	word-wrap: break-word;
	word-break: normal
}

.flyer-editor .content-box .wrapper.uneditable .pager-box {
	position: relative;
	width: 100%;
	height: auto;
	overflow: auto
}

.flyer-editor .selector-box {
	position: fixed;
	bottom: 0;
	width: 100%;
	overflow: auto;
	background: #fff;
	z-index: 101;
	-o-animation: slideInUp 1s ease;
	animation: slideInUp 1s ease;
	-webkit-animation: slideInUp 1s ease
}

.flyer-editor .selector-box.activities-selector {
	z-index: 102
}

.flyer-editor .selector-box.activities-selector .selected {
	border: 1px dashed rgba(51,51,51,.35)
}

.flyer-editor .selector-box.activities-selector img {
	border-radius: 5px
}

.flyer-editor .selector-box.activities-selector .weui_panel .weui_panel_layer {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 1
}

.flyer-editor .selector-box.hide {
	-o-animation: slideOutDown .6s ease-out;
	animation: slideOutDown .6s ease-out;
	-webkit-animation: slideOutDown .6s ease-out
}

.flyer-editor .selector-box ul>li {
	list-style: none;
	float: left;
	color: #000;
	margin-right: .5rem
}

.flyer-editor .selector-box .categories {
	padding: .2rem;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #f8f8f8;
	height: 20%;
	overflow: hidden;
	position: relative
}

.flyer-editor .selector-box .categories.empty {
	border-bottom: 0;
	height: 2rem
}

.flyer-editor .selector-box .categories .cell-12 {
	text-align: center
}

.flyer-editor .selector-box .categories ul {
	height: 100%;
	width: 100%
}

.flyer-editor .selector-box .categories ul li {
	padding: .25rem
}

.flyer-editor .selector-box .categories ul li a {
	font-size: .875rem;
	padding: .25rem;
	color: #333
}

.flyer-editor .selector-box .categories ul li a.cur,.flyer-editor .selector-box .categories ul li a:active,.flyer-editor .selector-box .categories ul li a:focus,.flyer-editor .selector-box .categories ul li a:hover {
	border: 1px solid #04be02;
	border-radius: 10px;
	color: #04be02
}

.flyer-editor .selector-box .categories .close {
	position: absolute;
	right: .75rem;
	top: .4rem;
	width: 1.5rem;
	height: 1.5rem;
	border-radius: 50%;
	background-color: rgba(0,0,0,.45);
	padding: .3rem .25rem .3rem .35rem;
	color: #fff
}

.flyer-editor .selector-box .imgbox ul li img,.flyer-editor .selector-box .textbox .weui_cells .weui_cell__bd {
	width: 100%
}

.flyer-editor .selector-box .categories .close::before,.flyer-editor .selector-box .categories .confirm::before {
	padding-right: .1rem
}

.flyer-editor .selector-box .categories .confirm {
	position: absolute;
	right: .6rem;
	top: .4rem;
	color: #0059a6;
	font-size: .9rem
}

.flyer-editor .selector-box .imgbox {
	padding: .5rem;
	width: 100%;
	overflow-x: auto
}

.flyer-editor .selector-box .imgbox ul {
	height: 100%;
	overflow: auto
}

.flyer-editor .selector-box .imgbox ul li {
	max-width: 80px;
	max-height: 80px;
	overflow: hidden;
	border: 1px solid #b0b0b0;
	-webkit-box-shadow: 1px 1px 3px rgba(86,86,86,.21);
	box-shadow: 1px 1px 3px rgba(86,86,86,.21);
	border-radius: 5px
}

.flyer-editor .selector-box .imgbox ul li.cur {
	border: 2px solid #5390e3
}

.flyer-editor .selector-box .textbox {
	overflow: auto;
	opacity: .98
}

.container.message-detail .page,.container.messages .page {
	overflow-y: auto;
	-webkit-overflow-scrolling: touch
}

.flyer-editor .selector-box .textbox .weui_cells {
	font-size: .8rem
}

.flyer-editor .selector-box .textbox .weui_cells::before {
	border-top: 0
}

.flyer-editor .selector-box .textbox .weui_cells .weui_cell__bd .weui_textarea_counter.noline {
	line-height: .7
}

.flyer-editor .selector-box .textbox .weui_cells .weui_cell__bd .weui_textarea_counter span.linecount {
	padding-left: .5rem
}

.flyer-editor .selector-box .textbox .weui_cells .weui_cell__bd .weui_uploader .weui_uploader_input_box {
	float: left;
	position: relative;
	margin-right: 9px;
	margin-bottom: 9px;
	width: 50px;
	height: 50px;
	border: 1px solid #D9D9D9;
	-webkit-background-size: cover;
	background-size: cover
}

.container.message-detail .page .fr,.container.messages .page .fr {
	float: right
}

.flyer-editor .selector-box .textbox .weui_cells .weui_cell__bd .weui_uploader .weui_uploader_input_box::before {
	width: 2px;
	height: 39.5px
}

.flyer-editor .selector-box .textbox .weui_cells .weui_cell__bd .weui_uploader .weui_uploader_input_box::after {
	width: 39.5px;
	height: 2px
}

.flyer-editor .selector-box .textbox .weui_cells .weui_cell__bd .weui_uploader .weui_uploader_input_box::after,.flyer-editor .selector-box .textbox .weui_cells .weui_cell__bd .weui_uploader .weui_uploader_input_box::before {
	content: " ";
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	background-color: #D9D9D9
}

.flyer-editor .selector-box .textbox .weui_cells .weui_cell__bd .weui_uploader .weui_uploader_input_box:active {
	border-color: #999
}

.flyer-editor .selector-box .textbox .weui_cells .weui_cell__bd .weui_uploader .weui_uploader_input_box:active:after,.flyer-editor .selector-box .textbox .weui_cells .weui_cell__bd .weui_uploader .weui_uploader_input_box:active:before {
	background-color: #999
}

.flyer-editor .selector-box .textbox .weui_cells .weui_cell__bd .weui_uploader .weui_uploader_input_box input {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	-webkit-tap-highlight-color: transparent
}

.flyer-editor .selector-box .textbox .weui_cells .weui_cell__bd .weui_uploader .weui_uploader_tiper {
	font-size: .8rem;
	color: #ada4a4
}

.flyer-editor .screen-locker .masker {
	position: absolute;
	z-index: 102;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	-webkit-opacity: .9;
	opacity: .9
}

.flyer-editor .screen-locker .rotate_phone {
	position: absolute;
	width: 100%;
	height: auto;
	left: 0;
	top: 50%;
	margin-top: -2.5rem;
	z-index: 111;
	text-align: center
}

.container.message-detail,.container.messages {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.flyer-editor .screen-locker .rotate_phone .icon_phone {
	height: 2.5rem;
	width: 2.5rem;
	background: url(../images/flyer/rotate_phone.gif) center center no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	margin: 0 auto
}

.flyer-editor .screen-locker .rotate_phone .rotate_text {
	color: #fff;
	font-size: 14px;
	width: 100%;
	padding-top: .5rem
}

.container.page-not-found-why .main {
	padding: 10px 5px
}

.container.messages {
	background-color: #f8f8f8
}

.container.messages .page .hd {
	padding: 1.5rem 2rem 1rem
}

.container.messages .page .hd h1.title {
	text-align: left;
	font-size: 20px;
	font-weight: 400
}

.container.messages .page .hd p.desc {
	margin-top: .625rem;
	color: #888;
	text-align: left;
	font-size: .75rem
}

.container.messages .page .weui_media_title a {
	color: #333
}

.container.message-detail {
	background-color: #fff
}

.container.message-detail .page .hd {
	padding: 1.5rem 2rem 0
}

.container.message-detail .page .hd h1.title {
	text-align: left;
	font-size: 20px;
	font-weight: 400
}

.container.message-detail .page .hd p.desc {
	margin-top: .625rem;
	color: #888;
	text-align: left;
	font-size: .75rem
}

.container.message-detail .post {
	border-top: 1px solid rgba(222,222,222,.6);
	background-color: #f8f8f8
}

.container.message-detail .post h2 {
	padding: .625rem 1.25rem 0;
	font-size: 1rem;
	display: inline-block;
	color: #505050;
	font-weight: 400
}

.container.message-detail .post .weui_cells {
	margin-top: 0
}

.container.message-detail .post .weui_cells .weui_cell_bd {
	width: 100%
}

.container.message-detail .post-content {
	background: #fff;
	padding-top: 16px;
	padding-bottom: 16px;
	position: relative;
	word-wrap: break-word;
	font-size: 0;
	border-bottom: 1px solid rgba(222,222,222,.6)
}

.container.message-detail .post-content .avatar {
	border: none;
	position: absolute;
	left: 0;
	border-radius: 32px;
	overflow: hidden;
	height: 32px;
	width: 32px
}

.container.message-detail .post-content .avatar img {
	width: 32px;
	height: 32px;
	display: block;
	background: url(../images/ucenter/message/head.png) 50% no-repeat #fff;
	-webkit-background-size: 100% 100%;
	background-size: 100%;
	overflow: hidden;
	border: none
}

.container.message-detail .post-content .name {
	padding-left: 42px
}

.container.message-detail .post-content .name a {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #999;
	font-size: 14px;
	display: inline-block
}

.container.message-detail .post-content .name a font.time {
	font-size: 12px
}

.container.message-detail .post-content .content {
	padding-top: 5px
}

.container.message-detail .post-content .content a {
	padding-left: 42px;
	color: #505050;
	font-size: 16px;
	line-height: 23px;
	display: inline-block;
	max-height: 100%
}

.container.message-detail .post-content .content a .text {
	word-wrap: break-word;
	word-break: break-all;
	overflow: hidden
}

.container.message-detail .post-content .action-pane {
	right: 20px;
	position: absolute;
	text-align: left;
	top: 8px
}

.container.message-detail .post-content .action-pane a {
	display: inline-block;
	padding-left: 21px;
	font-size: 11px;
	line-height: 32px;
	min-width: 24px
}

.container.message-detail .post-content .action-pane a i {
	color: #736464
}

.container.message-detail .post-content.in {
	-o-animation: fadeInDown .8s linear;
	animation: fadeInDown .8s linear;
	-webkit-animation: fadeInDown .8s linear
}

.ucenter {
	background: #f3f3f3
}

.ucenter ul {
	list-style: none
}

.ucenter .fl {
	float: left
}

.ucenter .fr {
	float: right
}

.ucenter .header {
	background: -webkit-gradient(linear,left top,right bottom,from(#05a503),to(#04be02));
	background: -webkit-linear-gradient(top left,#05a503 0,#04be02 100%);
	background: -o-linear-gradient(top left,#05a503 0,#04be02 100%);
	background: linear-gradient(to bottom right,#05a503 0,#04be02 100%);
	background: -webkit-linear-gradient(to bottom right,#05a503 0,#04be02 100%);
	color: #fff;
	overflow: hidden
}

.ucenter .header .nav {
	padding: 1rem 1.5rem
}

.ucenter .header .nav a {
	color: #fff;
	font-size: 1rem
}

.ucenter .header .nav .message-bell {
	display: none;
	position: relative
}

.ucenter .header .nav .message-bell i {
	font-size: 1.125rem
}

.ucenter .header .nav .message-bell .rock {
	-o-animation: tada 1s infinite ease-in-out;
	animation: tada 1s infinite ease-in-out;
	-webkit-animation: tada 1s infinite ease-in-out
}

.ucenter .header .nav .message-bell .message-count {
	position: absolute;
	top: -.3em;
	right: -10px;
	display: inline-block;
	padding: .15em .4em;
	min-width: 8px;
	border-radius: 18px;
	background-color: #F43530;
	color: #fff;
	line-height: 1.2;
	text-align: center;
	font-size: 12px;
	vertical-align: middle;
	-o-animation: bounceIn .8s linear;
	animation: bounceIn .8s linear;
	-webkit-animation: bounceIn .8s linear
}

.ucenter .header .nav .message-bell.show {
	display: block
}

.ucenter .header .avator-box {
	padding: .5rem;
	text-align: center;
	font-size: 1.125rem
}

.ucenter .header .avator-box .avator {
	border-radius: 50%;
	border: 2px solid #c2d3ea;
	padding: 1%;
	width: 100px;
	height: 100px;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
	background: url(../images/ucenter/index/loading.gif) center center no-repeat;
	-webkit-background-size: contain;
	background-size: contain
}

.ucenter .header .avator-box .avator img {
	border: none;
	width: 100%;
	height: 100%;
	border-radius: 50%
}

.ucenter .header .avator-box .avator input {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 100px;
	opacity: 0
}

.ucenter .header .avator-box .name {
	padding-top: .625rem
}

.ucenter .header .bg-bubbles {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1
}

.ucenter .header .bg-bubbles li {
	position: absolute;
	list-style: none;
	display: block;
	width: 40px;
	height: 40px;
	background-color: rgba(255,255,255,.15);
	bottom: -160px;
	-webkit-animation: square 25s infinite;
	-o-animation: square 25s infinite;
	animation: square 25s infinite;
	-webkit-transition-timing-function: linear;
	-o-transition-timing-function: linear;
	transition-timing-function: linear
}

.ucenter .header .bg-bubbles li:nth-child(1) {
	left: 10%
}

.ucenter .header .bg-bubbles li:nth-child(2) {
	left: 20%;
	width: 80px;
	height: 80px;
	-webkit-animation-delay: 1s;
	-o-animation-delay: 1s;
	animation-delay: 1s;
	-webkit-animation-duration: 17s;
	-o-animation-duration: 17s;
	animation-duration: 17s
}

.ucenter .header .bg-bubbles li:nth-child(3) {
	left: 25%;
	-webkit-animation-delay: 3s;
	-o-animation-delay: 3s;
	animation-delay: 3s
}

.ucenter .header .bg-bubbles li:nth-child(4) {
	left: 40%;
	width: 60px;
	height: 60px;
	-webkit-animation-duration: 22s;
	-o-animation-duration: 22s;
	animation-duration: 22s;
	background-color: rgba(255,255,255,.25)
}

.ucenter .header .bg-bubbles li:nth-child(5) {
	left: 70%
}

.ucenter .header .bg-bubbles li:nth-child(6) {
	left: 80%;
	width: 120px;
	height: 120px;
	-webkit-animation-delay: 3s;
	-o-animation-delay: 3s;
	animation-delay: 3s;
	background-color: rgba(255,255,255,.2)
}

.ucenter .header .bg-bubbles li:nth-child(7) {
	left: 32%;
	width: 160px;
	height: 160px;
	-webkit-animation-delay: 7s;
	-o-animation-delay: 7s;
	animation-delay: 7s
}

.ucenter .header .bg-bubbles li:nth-child(8) {
	left: 55%;
	width: 20px;
	height: 20px;
	-webkit-animation-delay: 15s;
	-o-animation-delay: 15s;
	animation-delay: 15s;
	-webkit-animation-duration: 40s;
	-o-animation-duration: 40s;
	animation-duration: 40s
}

.ucenter .header .bg-bubbles li:nth-child(9) {
	left: 25%;
	width: 10px;
	height: 10px;
	-webkit-animation-delay: 2s;
	-o-animation-delay: 2s;
	animation-delay: 2s;
	-webkit-animation-duration: 40s;
	-o-animation-duration: 40s;
	animation-duration: 40s;
	background-color: rgba(255,255,255,.3)
}

.ucenter .header .bg-bubbles li:nth-child(10) {
	left: 90%;
	width: 160px;
	height: 160px;
	-webkit-animation-delay: 11s;
	-o-animation-delay: 11s;
	animation-delay: 11s
}

@-webkit-keyframes square {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	100% {
		-webkit-transform: translateY(-700px) rotate(600deg);
		transform: translateY(-700px) rotate(600deg)
	}
}

@-o-keyframes square {
	0% {
		-webkit-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0)
	}

	100% {
		-webkit-transform: translateY(-700px) rotate(600deg);
		-o-transform: translateY(-700px) rotate(600deg);
		transform: translateY(-700px) rotate(600deg)
	}
}

@keyframes square {
	0% {
		-webkit-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0)
	}

	100% {
		-webkit-transform: translateY(-700px) rotate(600deg);
		-o-transform: translateY(-700px) rotate(600deg);
		transform: translateY(-700px) rotate(600deg)
	}
}

.ucenter .expire {
	background: #fff;
	text-align: center;
	padding: 1rem;
	border-bottom: 1px solid #e4e4e4
}

.ucenter .expire h2 {
	color: #7b7b7b;
	font-size: 1.3rem
}

.ucenter .expire h2 b {
	color: #ff3c00
}

.ucenter .expire h2 span.q-mark {
	font-size: .625rem;
	padding: 4px;
	color: #fff;
	border-radius: 4px;
	text-align: center;
	background: -moz-linear-gradient(19% 75% 90deg,#04be02,#04a702);
	background: -webkit-gradient(linear,left top,left bottom,from(#04be02),to(#04a702));
	margin-left: 5px
}

.ucenter .expire .tip {
	font-size: .75rem;
	color: #c3c3c3
}

.ucenter .actions {
	margin: 1rem 0;
	background: #fff;
	font-size: .875rem;
	border-top: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
	overflow: hidden
}

.ucenter .actions.menus ul li {
	width: 50%
}

.ucenter .actions.menus ul li a {
	color: #7b7b7b
}

.ucenter .actions.menus ul li span {
	height: 4rem;
	width: 4rem;
	border-radius: 50%;
	padding: 1rem;
	margin: 0 auto .5rem;
	display: block;
	-o-animation: rotateIn .8s ease;
	animation: rotateIn .8s ease;
	-webkit-animation: rotateIn .8s ease
}

.ucenter .actions.menus ul li span.invite {
	background: url(../images/ucenter/index/icon_invite.png) center center no-repeat #f3f3f3;
	-webkit-background-size: 50% 50%;
	background-size: 50%
}

.ucenter .actions.menus ul li span.account {
	background: url(../images/ucenter/index/icon_account.png) center center no-repeat #f3f3f3;
	-webkit-background-size: 50% 50%;
	background-size: 50%
}

.ucenter .actions ul li {
	width: 33.3%;
	border-right: 1px solid #f3f3f3;
	padding: .75rem;
	color: #333;
	display: inline-block;
	text-align: center;
	border-bottom: 1px solid #f3f3f3;
	float: left
}

.ucenter .actions ul li span {
	display: inline-block;
	width: 100%;
	height: 1.6rem
}

.ucenter .actions ul li span.password {
	background: url(../images/ucenter/index/icon_password.png) center center no-repeat;
	-webkit-background-size: contain;
	background-size: contain
}

.ucenter .actions ul li span.service {
	background: url(../images/ucenter/index/icon_service.png) center center no-repeat;
	-webkit-background-size: contain;
	background-size: contain
}

.ucenter .actions ul li span.fee {
	background: url(../images/ucenter/index/icon_fee.png) center center no-repeat;
	-webkit-background-size: contain;
	background-size: contain
}

.ucenter .actions ul li span.study {
	background: url(../images/ucenter/index/icon_study.png) center center no-repeat;
	-webkit-background-size: contain;
	background-size: contain
}

.ucenter .actions ul li span.cases {
	background: url(../images/ucenter/index/icon_cases.png) center center no-repeat;
	-webkit-background-size: contain;
	background-size: contain
}

.ucenter .actions ul li span.faq {
	background: url(../images/ucenter/index/icon_faq.png) center center no-repeat;
	-webkit-background-size: contain;
	background-size: contain
}

.ucenter .actions ul li a {
	color: #333
}

.ucenter .functions {
	overflow: hidden;
	margin-bottom: 5rem
}

.ucenter .functions ul li {
	width: 45.5%;
	height: 5rem;
	padding: .9375rem;
	font-size: 1.25rem;
	background: #04be02;
	float: left;
	border-bottom: 3px solid #04ab02;
	border-radius: 5px;
	-webkit-box-shadow: 2px 2px 2px #efefef;
	box-shadow: 2px 2px 2px #efefef;
	font-weight: 700;
	position: relative;
	color: #fff;
	margin: 0 2% 5%
}

.ucenter .functions ul li a {
	color: #fff;
	text-shadow: #4f6685 0 1px 1px
}

.ucenter .functions ul li .note {
	font-size: .75rem
}

.ucenter .functions ul li .point {
	font-size: 2rem;
	float: right
}

.ucenter .functions ul li.disabled {
	color: #c8c8c8;
	background: #fff;
	border-bottom: none
}

.ucenter .functions ul li.disabled a {
	color: #c8c8c8;
	text-shadow: none
}

.ucenter .footer {
	text-align: center;
	font-size: .75rem;
	color: #c8c8c8;
	padding: 1rem
}

.ucenter .fix-menu-wrapper {
	position: fixed;
	bottom: 8px;
	width: 60%;
	left: 28%;
	height: 8rem;
	display: none;
	opacity: 0
}

.ucenter .fix-menu-wrapper ul li {
	list-style: none;
	width: 4rem;
	height: 4rem;
	border-radius: 50%;
	margin-right: 8%;
	float: left;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	box-shadow: 0 1px 2px rgba(20,19,19,.25);
	-moz-box-shadow: 0 1px 2px rgba(20,19,19,.25);
	-webkit-box-shadow: 0 1px 2px rgba(20,19,19,.25)
}

.my-account b,.ucenter-withdraw b {
	margin-right: .25rem;
	font-weight: 400;
	margin-left: .25rem
}

.ucenter .fix-menu-wrapper ul li a {
	color: #fff
}

.ucenter .fix-menu-wrapper ul li:nth-child(1) {
	background: #4A9CF0
}

.ucenter .fix-menu-wrapper ul li:nth-child(2) {
	background: #F15834
}

.ucenter .fix-menu,.ucenter .fixed-service {
	bottom: 20px;
	background: #04be02;
	padding: 10px;
	text-align: center;
	color: #fff;
	position: fixed
}

.ucenter .fix-menu-wrapper.active {
	opacity: 1;
	display: block
}

.ucenter .fix-menu-wrapper.active ul li:nth-child(1) {
	-o-animation: bounceInUp .8s linear;
	animation: bounceInUp .8s linear;
	-webkit-animation: bounceInUp .8s linear
}

.ucenter .fix-menu-wrapper.active ul li:nth-child(2) {
	-o-animation: bounceInUp .9s linear;
	animation: bounceInUp .9s linear;
	-webkit-animation: bounceInUp .9s linear
}

.ucenter .fix-menu {
	left: 41%;
	line-height: 25px;
	font-size: 30px;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	display: block;
	border: 2px solid #fff;
	box-shadow: 0 1px 2px rgba(20,19,19,.25);
	-moz-box-shadow: 0 1px 2px rgba(20,19,19,.25);
	-webkit-box-shadow: 0 1px 2px rgba(20,19,19,.25)
}

.ucenter .fix-menu.animate {
	-o-animation: uniformRotate 2s infinite linear;
	animation: uniformRotate 2s infinite linear;
	-webkit-animation: uniformRotate 2s infinite linear
}

.ucenter .fix-menu a {
	color: #fff
}

.ucenter .fix-menu a.active>i {
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-webkit-transform: rotate(135deg)
}

.ucenter .fix-menu i {
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	display: block
}

.ucenter .fixed-service {
	right: -2px;
	width: 106px;
	height: 38px;
	border-radius:5px;
	line-height: 18px;
	-o-animation: fadeInRight 1s ease-in-out;
	animation: fadeInRight 1s ease-in-out;
	-webkit-animation: fadeInRight 1s ease-in-out
}

.ucenter .fixed-service a {
	color: #fff
}

.ucenter .guide-step-1 {
	position: fixed;
	top: 11rem;
	left: 2rem;
	width: 20rem;
	height: 8rem;
	border-radius: 5rem;
	display: none
}

@media screen and (width:320px) {
	.ucenter .functions {
		margin-bottom: 6.25rem
	}
}

.ucenter-withdraw b {
	color: #ff4136
}

.ucenter-withdraw .weui_cells_title {
	font-size: 1.125rem;
	color: #333
}

.ucenter-withdraw .red {
	color: #ff4136
}

.ucenter-withdraw .coin {
	font-size: 14px;
	width: 4rem;
	text-align: left
}

.ucenter-withdraw .amount {
	width: 8rem
}

.ucenter-withdraw .actions {
	padding: 10% 10% 0
}

.ucenter-withdraw .actions .weui_btn {
	color: #333
}

.ucenter-withdraw .actions .weui_btn.weui_btn_primary {
	color: #fff
}

.ucenter-withdraw .empty {
	padding: 6%;
	text-align: center;
	line-height: 2
}

.signup .protocol {
	margin-top: .625rem;
	margin-bottom: .3125rem
}

.signup .protocol font {
	color: #3076d7
}

.signup .protocol .weui_cell_bd {
	line-height: 2rem;
	height: 2rem;
	font-size: 1rem
}

.signup .weui_cells_checkbox .weui_check:checked+.weui_icon_checked:before {
	content: '\EA06';
	color: #88b3ec
}

.my-account b {
	color: #ff4136
}

.my-account .header {
	padding: 1rem;
	background-color: #fff
}

.my-account .header .weui_btn {
	float: right;
	width: 100%;
	padding: .3rem 0
}

.my-account .header .cell-6 {
	padding: 5%
}

.my-account .weui_panel {
	margin-top: 3rem
}

.my-account .weui_panel .weui_media_box {
	padding-bottom: 0;
	position: relative
}

.my-account .weui_panel .weui_media_box font {
	display: inline-block;
	margin-right: .5rem
}

.my-account .weui_panel .weui_media_box font.large {
	font-size: 1rem
}

.my-account .weui_panel .weui_media_box font.time {
	color: #999
}

.my-account .weui_panel .weui_media_box b {
	position: absolute;
	right: 0;
	top: 35%;
	font-size: 1.2rem
}

.my-account .weui_panel .weui_media_box .weui_media_title {
	font-size: .8rem
}

.my-account .weui_panel .weui_media_box .weui_media_desc {
	color: #5d5d5d;
	font-size: .9rem;
	line-height: 1.7rem;
	width: 70%;
	height: 1.5rem;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	overflow: hidden
}

.account-bind .menu,.my-invite .menu {
	position: fixed;
	top: .5rem;
	right: .5rem;
	line-height: 1rem;
	display: block;
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 50%;
	z-index: 1;
	text-align: center
}

.account-bind {
	margin-top: 5%
}

.account-bind .menu {
	font-size: .75rem;
	padding: .25rem;
	color: #fff;
	background-color: rgba(0,0,0,.5)
}

.account-bind b {
	font-weight: 400;
	margin-left: .25rem;
	margin-right: .25rem;
	color: #ff4136
}

.account-bind .weui_cells_title {
	font-size: 1.125rem;
	color: #333
}

.account-bind .red {
	color: #ff4136
}

.account-bind .actions {
	padding: 10% 10% 0
}

.account-bind .actions .weui_btn {
	color: #333
}

.account-bind .actions .weui_btn.weui_btn_primary {
	color: #fff
}

.my-invite {
	background: #fff
}

.my-invite .menu {
	font-size: .75rem;
	padding: .25rem;
	color: #fff;
	background-color: rgba(0,0,0,.5)
}

.my-invite .header {
	width: 100%;
	background: url(../images/ucenter/invite/header_bg.jpg) top center no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	position: relative;
	padding: 48%
}

.my-invite .header .action-invite {
	background: url(../images/ucenter/invite/goinvite.png) center center no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	position: absolute;
	width: 69.77%;
	height: 12.46%;
	top: 70.03%;
	left: 16.4%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	color: #ff2a40;
	font-weight: 700;
	-webkit-animation: tada 3s infinite linear 2s;
	-o-animation: tada 3s infinite linear 2s;
	animation: tada 3s infinite linear 2s
}

.my-invite .main .card,.my-invite .main .nav {
	padding: 0 1.5rem 1.5rem
}

.my-invite .main .hide {
	display: none
}

.my-invite .main .nav {
	margin: 0
}

.my-invite .main .nav .cell-6 {
	background: #e5e5e5;
	color: #403e3e;
	text-align: center;
	padding: 1rem 0
}

.my-invite .main .nav .cell-6:nth-of-type(1) {
	-webkit-border-top-left-radius: 2em;
	-webkit-border-bottom-left-radius: 2em;
	-moz-border-radius-topleft: 2em;
	-moz-border-radius-bottomleft: 2em;
	border-top-left-radius: 2em;
	border-bottom-left-radius: 2em
}

.my-invite .main .nav .cell-6:nth-of-type(2) {
	-webkit-border-top-right-radius: 2em;
	-webkit-border-bottom-right-radius: 2em;
	-moz-border-radius-topright: 2em;
	-moz-border-radius-bottomright: 2em;
	border-top-right-radius: 2em;
	border-bottom-right-radius: 2em
}

.my-invite .main .nav .cell-6.cur {
	background: #639ceb;
	color: #fff
}

.my-invite .main .card {
	padding-bottom: .8rem;
	font-size: .8rem
}

.my-invite .main .card.content {
	font-size: .9rem
}

.my-invite .main .card .time {
	font-size: .75rem
}

.my-invite .main .card .title {
	border: 1px solid #639ceb;
	border-top: .5rem solid #639ceb;
	border-bottom: 1px dashed #639ceb;
	color: #639ceb;
	padding: 1rem .5rem;
	-webkit-border-top-left-radius: .5rem;
	-webkit-border-top-right-radius: .5rem;
	-moz-border-radius-topleft: .5rem;
	-moz-border-radius-topright: .5rem;
	border-top-left-radius: .5rem;
	border-top-right-radius: .5rem;
	overflow: hidden
}

.my-invite .main .card .title.full {
	background: #639ceb;
	color: #fff;
	text-align: center;
	padding: .5rem 0;
	border-top: 0;
	border-bottom-color: #fff
}

.my-invite .main .card .title.full .strong {
	font-weight: 700
}

.my-invite .main .card .title small {
	display: inline-block
}

.my-invite .main .card .title span {
	display: block;
	height: 1.5rem;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	overflow: hidden
}

.my-invite .main .card .title i::before {
	margin-right: .3rem
}

.my-invite .main .card .title .cell-6:nth-of-type(2) {
	text-align: right
}

.my-invite .main .card .card-body {
	border: 1px solid #639ceb;
	border-top: 0;
	padding: 1rem .5rem;
	overflow: hidden;
	-webkit-border-bottom-right-radius: .5rem;
	-webkit-border-bottom-left-radius: .5rem;
	-moz-border-radius-bottomright: .5rem;
	-moz-border-radius-bottomleft: .5rem;
	border-bottom-right-radius: .5rem;
	border-bottom-left-radius: .5rem
}

.my-invite .main .card .card-body p {
	word-break: break-all;
	word-wrap: break-word;
	text-indent: 1rem;
	margin-bottom: .5rem
}

.my-invite .main .card .card-body strong {
	color: #403e3e
}

.my-invite .main .card .card-body strong.red {
	color: red
}

.my-invite .main .card .card-body b {
	color: #ff2a40
}

.my-invite .main .card .card-body .cell-12 {
	color: #818181;
	text-align: center;
	padding-bottom: .5rem
}

.my-invite .main .card .card-body .cell-6 {
	text-align: center;
	padding-bottom: 1rem
}

.invite-detail {
	background: #ff5857
}

.invite-detail .main {
	width: 100%;
	background: url(../images/ucenter/invite/bg.jpg) top center no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	position: relative;
	padding: 190% 0;
	margin-bottom: 2rem
}

.invite-detail .main .button {
	background: url(../images/ucenter/invite/button.png) center center no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	position: fixed;
	width: 80%;
	height: 3rem;
	bottom: 2px;
	left: 8%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	color: #ff2a40;
	font-weight: 700;
	-webkit-animation: tada 3s infinite linear 2s;
	-o-animation: tada 3s infinite linear 2s;
	animation: tada 3s infinite linear 2s
}

.invite-detail .main .tip {
	position: absolute;
	left: 0;
	width: 100%;
	text-align: center;
	top: 29.55%;
	color: #fff
}

.invite-detail .main .share-masker {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: rgba(0,0,0,.6);
	z-index: 2
}

.invite-detail .main .share-tip {
	background: url(../images/ucenter/invite/share_tip.png) right center no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	top: 0;
	right: 0;
	width: 100%;
	height: 10rem;
	position: fixed;
	z-index: 3
}

.weui_dialog_container,.weui_loading_container {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0
}

.weui_dialog_container {
	z-index: 1030
}

.weui_dialog_container .weui_dialog {
	-webkit-animation: anim-dialog-open .3s ease;
	-o-animation: anim-dialog-open .3s ease;
	animation: anim-dialog-open .3s ease
}

@-webkit-keyframes anim-dialog-open {
	0% {
		opacity: 0;
		-webkit-transform: translate(-50%,-50%) scale(1.5);
		transform: translate(-50%,-50%) scale(1.5)!important
	}

	100% {
		opacity: 1;
		-webkit-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%)!important
	}
}

@-o-keyframes anim-dialog-open {
	0% {
		opacity: 0;
		-webkit-transform: translate(-50%,-50%) scale(1.5);
		-o-transform: translate(-50%,-50%) scale(1.5)!important;
		transform: translate(-50%,-50%) scale(1.5)!important
	}

	100% {
		opacity: 1;
		-webkit-transform: translate(-50%,-50%);
		-o-transform: translate(-50%,-50%)!important;
		transform: translate(-50%,-50%)!important
	}
}

@keyframes anim-dialog-open {
	0% {
		opacity: 0;
		-webkit-transform: translate(-50%,-50%) scale(1.5);
		-o-transform: translate(-50%,-50%) scale(1.5)!important;
		transform: translate(-50%,-50%) scale(1.5)!important
	}

	100% {
		opacity: 1;
		-webkit-transform: translate(-50%,-50%);
		-o-transform: translate(-50%,-50%)!important;
		transform: translate(-50%,-50%)!important
	}
}

.weui_dialog_container .weui_dialog.noeffect {
	-webkit-animation: none;
	-o-animation: none;
	animation: none
}

.weui_dialog_container a.title_colse {
	float: right;
	font-size: 1.5rem;
	color: #949494;
	line-height: 1
}

.weui_dialog_container input[type=text] {
	border: none;
	border-bottom: 1px dashed #aaa;
	padding: .5rem;
	line-height: 1.1;
	font-size: 16px
}

.weui_loading_container {
	z-index: 1100
}

.weui_msg_container {
	position: relative;
	z-index: 1000;
	background: -webkit-gradient(linear,left top,left bottom,from(#cdf1fb),to(#fbf9fe));
	background: -o-linear-gradient(top,#cdf1fb,#fbf9fe);
	background: linear-gradient(to bottom,#cdf1fb,#fbf9fe);
	background: -webkit-linear-gradient(top,#cdf1fb,#fbf9fe);
	background: -moz-linear-gradient(top,#cdf1fb,#fbf9fe)
}

.weui_msg_container .skyman {
	width: 100px;
	height: 142px;
	margin: 0 auto;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	background-image: url(../images/activity-common/skyman.png);
	background-repeat: no-repeat;
	background-position: center center;
	-o-animation: slideInDown 1.5s linear;
	animation: slideInDown 1.5s linear;
	-webkit-animation: slideInDown 1.5s linear
}

.weui_msg_container .skyman.locked {
	width: 9rem;
	height: 10rem;
	background-image: url(../images/activity-common/lockman.png);
	-o-animation: fadeIn 1.5s linear;
	animation: fadeIn 1.5s linear;
	-webkit-animation: fadeIn 1.5s linear
}

.weui_searchbar_container {
	position: relative;
	z-index: 100
}

.weui_search_text {
	line-height: 1.5rem
}

.sharer .modal-title {
	color: #999;
	margin-bottom: 1rem
}

.sharer .modal-body {
	padding-top: 0;
	border-bottom: 1px solid #ececec
}

.sharer .share-title>input {
	width: 100%;
	padding: .5rem;
	border: 1px dashed #ececec
}

.sharer .share-image-box {
	text-align: center;
	position: relative
}

.sharer .share-image-box .remove {
	position: absolute;
	top: 5%;
	right: 5%;
	color: rgba(255,255,255,.84);
	font-size: 1.2rem
}

.sharer .share-image {
	position: relative;
	display: block;
	width: 80px;
	height: 80px;
	border: 1px dashed #ececec;
	background-color: #eee;
	cursor: pointer
}

.sharer .share-image>img {
	width: 100%;
	max-height: 100%
}

.sharer .share-image>span {
	font-size: .75rem;
	line-height: 1;
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	padding: .25rem;
	color: #fff;
	background-color: rgba(0,0,0,.5);
	text-align: center
}

.sharer .share-content>textarea {
	width: 100%;
	padding: .5rem;
	border: 1px dashed #ececec;
	resize: none
}

.sharer.shared {
	background: url(../images/paper-plane.png) center top no-repeat rgba(0,0,0,.5);
	-webkit-background-size: 100% auto;
	background-size: 100% auto
}

.sharer.shared .modal-content {
	display: none
}

.snackbar {
	position: fixed;
	z-index: 1040;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-transition: -webkit-transform .3s ease;
	-o-transition: -o-transform .3s ease;
	transition: transform .3s ease;
	transition: transform .3s ease,-webkit-transform .3s ease,-o-transform .3s ease;
	-webkit-transform: translate(0,100%);
	-ms-transform: translate(0,100%);
	-o-transform: translate(0,100%);
	transform: translate(0,100%);
	color: #fff;
	background-color: #111;
	will-change: transform
}

.snackbar--primary {
	background-color: #0074d9
}

.snackbar--accent {
	background-color: #ff4136
}

.snackbar--active {
	-webkit-transform: translate(0,0);
	-ms-transform: translate(0,0);
	-o-transform: translate(0,0);
	transform: translate(0,0)
}

@media (min-width:768px) {
	.snackbar {
		left: 50%;
		min-width: 320px;
		max-width: 640px;
		border-top-left-radius: .3125rem;
		border-top-right-radius: .3125rem;
		-webkit-transform: translate(-50%,100%);
		-ms-transform: translate(-50%,100%);
		-o-transform: translate(-50%,100%);
		transform: translate(-50%,100%)
	}

	.snackbar--active {
		-webkit-transform: translate(-50%,0);
		-ms-transform: translate(-50%,0);
		-o-transform: translate(-50%,0);
		transform: translate(-50%,0)
	}
}

.snackbar__text {
	padding: 1rem;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1
}

.snackbar__action {
	font-size: 1.5rem;
	line-height: 1;
	padding: 1rem;
	color: #ffdc00;
	background: 0 0;
	border: 0;
	cursor: pointer;
	outline: 0
}

.uploader>button,.uploader>span {
	color: #fff;
	background-color: rgba(0,0,0,.5)
}

.snackbar__action[aria-hidden=true] {
	display: none
}

.uploader {
	position: relative
}

.uploader+.uploader {
	margin-top: 1rem
}

.uploader>img {
	display: block;
	max-width: 100%
}

.uploader>span {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.uploader>span>span {
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align: center
}

.uploader>span .fa {
	margin-right: .3125rem
}

.uploader>button {
	font-size: 1.125rem;
	line-height: 2rem;
	position: absolute;
	top: 8px;
	right: 8px;
	width: 2rem;
	height: 2rem;
	border: 0;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 .1875rem rgba(170,170,170,.5);
	box-shadow: 0 0 .1875rem rgba(170,170,170,.5);
	cursor: pointer
}

.uploader>label {
	position: relative;
	display: block;
	min-height: 9.375rem;
	border: 1px dashed #aaa;
	cursor: pointer
}

.uploader>label::after,.uploader>label::before {
	position: absolute;
	top: 50%;
	left: 50%;
	content: " ";
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	background-color: #aaa
}

.uploader.mini,.uploader.reverse>label::after,.uploader.reverse>label::before {
	background-color: #fff
}

.uploader>label::before {
	width: .5rem;
	height: 3rem
}

.uploader>label::after {
	width: 3rem;
	height: .5rem
}

.uploader>label>span {
	font-size: .75rem;
	line-height: 1;
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 1rem;
	color: #aaa;
	text-align: center
}

.uploader.reverse>label {
	border-color: #fff
}

.uploader.reverse>label>span {
	color: #f6f6f6
}

.uploader .button-file,.uploader.mini>label {
	position: absolute;
	background-color: rgba(0,0,0,.5)
}

.uploader.mini>label {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	min-height: 0
}

.uploader.mini>label::before {
	width: 2px;
	height: 50%
}

.uploader.mini>label::after {
	width: 50%;
	height: 2px
}

.uploader .button-file {
	top: 8px;
	right: 50px;
	height: 2rem;
	border-radius: 5px;
	padding: 6px;
	text-align: center;
	color: #fff;
	font-size: .9rem
}

.uploader .button-file i::before {
	margin-right: .4rem
}

.uploader .button-file .button-file-layer {
	position: relative
}

.uploader .button-file .mini-visuallyhidden {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 10px;
	opacity: 0;
	width: 100%;
	height: 100%
}

.waterfall-flow-loader {
	font-size: .875rem;
	padding: .5rem 1rem;
	margin-top: .5rem;
	margin-bottom: .5rem;
	color: #aaa;
	text-align: center
}

.waterfall-flow-loader .fa {
	margin-right: .3125rem
}

.weui_navbar_container {
	height: 3rem
}

.weui_navbar_container>.page {
	z-index: 1
}

.weui_navbar_container>.page.js_show {
	opacity: 1
}

.weui_navbar_container>.page__hd {
	padding: 40px;
	height: 100%
}

.weui_navbar_container>.weui_navbar {
	position: relative
}

.user-guide .main {
	margin-bottom: .625rem
}

.user-guide .main h3 {
	color: #504646
}

.user-guide .weui_cells {
	font-size: .875rem
}

.user-guide .weui_cell_hd>i {
	font-size: .875rem;
	line-height: 1.5rem;
	font-style: normal;
	display: inline-block;
	width: 1.5rem;
	height: 1.5rem;
	margin-right: .5rem;
	color: #fff;
	background-color: #04be02;
	border-radius: 50%;
	text-align: center;
	vertical-align: middle
}

.user-guide .weui_article {
	font-size: .75rem;
	color: #3c3a3a;
	text-indent: 20px;
	line-height: .8125rem;
	overflow-y: hidden;
	overflow-x: hidden;
	background-color: #fff
}

.user-guide .weui_article h1 {
	font-size: 1rem;
	text-align: center;
	font-weight: 800
}

.user-guide .weui_article h3 {
	font-size: .75rem;
	line-height: 1.125rem
}

.user-guide .weui_article h6 {
	font-size: .75rem;
	margin-bottom: .25rem;
	font-weight: 500
}

.user-guide .weui_article h6.highlight {
	color: red
}

.user-guide .weui_article p {
	margin-bottom: .75rem
}

.user-guide .footer {
	min-height: 4.6875rem
}

.user-guide .footer .fixed {
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 1rem;
	border-top: 1px solid #ececec;
	background-color: #fff;
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,.1);
	box-shadow: 0 0 3px rgba(0,0,0,.1)
}

.user-guide .footer .fixed a {
	color: #454545
}

.user-guide .footer .fixed a.weui_btn {
	font-size: .875rem
}

.user-guide p.teaminfo {
	color: #3c3a3a;
	text-align: right;
	padding-right: 1.5rem;
	font-size: .875rem
}

.user-guide.container {
	z-index: 1050;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	right: 0;
	bottom: 0;
	background: #fff
}

.mini-editor-container button,.mini-editor-container span.mask {
	background-color: rgba(0,0,0,.5)
}

.user-guide.container.in {
	-webkit-animation: anim-guide-open .4s forwards cubic-bezier(.6,0,.4,1);
	-o-animation: anim-guide-open .3s forwards cubic-bezier(.6,0,.4,1);
	animation: anim-guide-open .3s forwards cubic-bezier(.6,0,.4,1)
}

.user-guide.container.out {
	opacity: 0;
	display: none
}

@-webkit-keyframes anim-guide-open {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.6,.6,1)
	}

	100% {
		opacity: 1;
		-webkit-transform: scale3d(1,1,1)
	}
}

@-o-keyframes anim-guide-open {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.6,.6,1);
		transform: scale3d(.6,.6,1)
	}

	100% {
		opacity: 1;
		-webkit-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1)
	}
}

@keyframes anim-guide-open {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.6,.6,1);
		transform: scale3d(.6,.6,1)
	}

	100% {
		opacity: 1;
		-webkit-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1)
	}
}

.mini-editor-container {
	position: relative
}

.mini-editor-container .image-previewer {
	position: relative;
	margin-top: 1rem
}

.mini-editor-container .image-previewer .button-file {
	position: absolute;
	top: 8px;
	right: 50px;
	z-index: 1;
	height: 2rem;
	border-radius: 5px;
	padding: 6px;
	background-color: rgba(0,0,0,.5);
	text-align: center;
	color: #fff;
	font-size: .9rem
}

.mini-editor-container .image-previewer .button-file i::before {
	margin-right: .4rem
}

.mini-editor-container .image-previewer .button-file .button-file-layer {
	position: relative
}

.mini-editor-container .image-previewer .button-file .mini-visuallyhidden {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 10px;
	opacity: 0;
	width: 100%;
	height: 100%
}

.mini-editor-container img {
	display: block;
	max-width: 100%
}

.mini-editor-container span {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	color: #fff
}

.mini-editor-container span.mask.uploading {
	z-index: 2
}

.mini-editor-container span span {
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align: center
}

.mini-editor-container span .fa {
	margin-right: .3125rem
}

.mini-editor-container button {
	font-size: 1.125rem;
	line-height: 2rem;
	position: absolute;
	top: 8px;
	right: 8px;
	z-index: 1;
	width: 2rem;
	height: 2rem;
	color: #fff;
	border: 0;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 .1875rem rgba(170,170,170,.5);
	box-shadow: 0 0 .1875rem rgba(170,170,170,.5);
	cursor: pointer
}

.mini-editor-container i.icon {
	position: absolute;
	bottom: 1rem;
	right: 1rem;
	width: .55rem;
	height: .55rem;
	color: rgba(255,255,255,.74)
}

.mini-editor-container label {
	position: relative;
	display: block;
	min-height: 9.375rem;
	margin-top: 1.125rem;
	border: 1px dashed #aaa;
	cursor: pointer
}

.mini-editor-container label::after,.mini-editor-container label::before {
	position: absolute;
	top: 50%;
	left: 50%;
	content: " ";
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	background-color: #aaa
}

.mini-editor-container .mini,.mini-editor-container .reverse label::after,.mini-editor-container .reverse label::before {
	background-color: #fff
}

.mini-editor-container label::before {
	width: .5rem;
	height: 3rem
}

.mini-editor-container label::after {
	width: 3rem;
	height: .5rem
}

.mini-editor-container label span {
	font-size: .75rem;
	line-height: 1;
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 1rem;
	color: #aaa;
	text-align: center;
	margin: 100px auto
}

.mini-editor-container .reverse label {
	border-color: #fff
}

.mini-editor-container .reverse label span {
	color: #f6f6f6
}

.mini-editor-container .mini label {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	min-height: 0;
	background-color: rgba(0,0,0,.5)
}

.mini-editor-container .mini label::before {
	width: 2px;
	height: 50%
}

.mini-editor-container .mini label::after {
	width: 50%;
	height: 2px
}

.mini-editor-container .text-previewer,.mini-editor-container .video-previewer {
	position: relative;
	margin-top: 1.125rem
}

.mini-editor-container .weui_btn_plain_primary {
	border: 1px dashed #fff;
	color: #fff;
	font-size: .875rem;
	line-height: 3rem;
	margin-top: 1.125rem
}

.mini-editor-container .weui_btn_plain_primary::before {
	padding-right: 5px
}

.mini-editor-container textarea {
	font-size: .875rem;
	line-height: 1.1;
	width: 100%;
	padding: .5rem;
	color: inherit;
	background-color: transparent;
	border: 1px dashed #aaa;
	text-align: inherit;
	transition: all .6s ease-in;
	-moz-transition: all .6s ease-in;
	-webkit-transition: all .6s ease-in;
	-o-transition: all .6s ease-in;
	min-height: 50px
}

.mini-editor-container textarea.none {
	display: none
}

#mini-editor-texter-setting {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	-o-animation: slideInDown .5s ease;
	animation: slideInDown .5s ease;
	-webkit-animation: slideInDown .5s ease;
	z-index: 1050;
	background: rgba(255,255,255,.98);
	border-bottom: 1px solid #dbdbdb;
	font-size: .8rem
}

#mini-editor-texter-setting.hide {
	-o-animation: slideOutUp .6s ease;
	animation: slideOutUp .6s ease;
	-webkit-animation: slideOutUp .6s ease
}

#mini-editor-texter-setting .title {
	height: 2rem;
	line-height: 2rem;
	border-bottom: 1px solid #eee;
	text-align: center;
	color: #41464b
}

#mini-editor-texter-setting .title i {
	color: #61676c
}

#mini-editor-texter-setting .title i::before {
	margin-right: .2rem
}

#mini-editor-texter-setting .title .clean {
	float: left;
	margin-left: 5%;
	line-height: 2.5
}

#mini-editor-texter-setting .title .clean::before {
	font-size: .8rem
}

#mini-editor-texter-setting .title .more {
	float: right;
	margin-right: 5%
}

#mini-editor-texter-setting .title .more::before {
	font-size: 1.5rem
}

#mini-editor-texter-setting .items {
	position: relative;
	width: inherit
}

#mini-editor-texter-setting .items .item {
	border-bottom: 1px dashed #eee;
	overflow: hidden
}

#mini-editor-texter-setting .items ul {
	width: inherit
}

#mini-editor-texter-setting .items ul.normal li {
	text-align: center;
	color: #888;
	line-height: 2;
	font-size: 1.2rem
}

#mini-editor-texter-setting .items ul.normal li:nth-of-type(1) {
	font-weight: 700
}

#mini-editor-texter-setting .items ul.normal li:nth-of-type(2) {
	font-style: italic
}

#mini-editor-texter-setting .items ul.normal li .selected {
	color: #111
}

#mini-editor-texter-setting .items .color-item,#mini-editor-texter-setting .items .font-item {
	color: #666;
	line-height: 2.5;
	overflow: hidden
}

#mini-editor-texter-setting .items .color-item .title .cell-9,#mini-editor-texter-setting .items .font-item .title .cell-9 {
	text-align: right
}

#mini-editor-texter-setting .items .color-item .mini-color,#mini-editor-texter-setting .items .font-item .mini-color {
	transition: all 1s ease-in;
	-moz-transition: all 1s ease-in;
	-webkit-transition: all 1s ease-in;
	-o-transition: all 1s ease-in
}

#mini-editor-texter-setting .items .font-item .mini-fontsize {
	padding-right: .3rem
}

#mini-editor-texter-setting .items .font-item ul li {
	text-align: center;
	color: #888
}

#mini-editor-texter-setting .items .font-item ul li.selected {
	color: #2d2d00;
	font-weight: 700
}

#mini-editor-texter-setting .items .color-item .flexbox {
	width: 100%;
	text-align: left;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	box-align: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

#mini-editor-texter-setting .items .color-item span {
	display: inline-block;
	text-align: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	width: 20px;
	line-height: 20px;
	height: 20px;
	border-radius: 50%;
	-o-animation: zoomIn .6s ease;
	animation: zoomIn .6s ease;
	-webkit-animation: zoomIn .6s ease;
	border: 1px solid #ccc
}

#mini-editor-texter-setting .items .color-item span i::before {
	color: #fff
}

#mini-editor-texter-setting .items .color-item span.clean_color {
	border: none
}

.foreground-container .foreground:nth-of-type(2),.musician .music:nth-of-type(2) {
	border-top: 1px dashed #5c5959
}

#mini-editor-texter-setting .items .color-item span.clean_color i::before {
	color: #939393
}

#mini-editor-texter-setting .items .color-item .title {
	position: relative
}

#mini-editor-texter-setting .items .color-item .title i {
	position: absolute;
	right: 8px;
	top: 28%
}

#mini-editor-texter-setting .items .color-item .title span {
	margin-top: 7px;
	margin-right: 22px
}

#mini-editor-texter-setting .items .color-item ul {
	font-size: 0;
	min-height: 3.5rem
}

.foreground-container .foreground,.musician .music {
	font-size: .75rem;
	line-height: .9375rem;
	text-align: center
}

#mini-editor-texter-setting .items .color-item ul li {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-webkit-flex: 1;
	min-width: 20px;
	width: 0;
	text-align: center
}

#mini-editor-texter-setting .items .color-item ul li:first-child {
	margin-left: 0!important;
	margin-top: 0!important
}

#mini-editor-texter-setting .items .color-item ul li .selected {
	color: #2d2d00
}

.musician {
	position: fixed;
	left: .5rem;
	top: 24px;
	z-index: 1010
}

.musician .music {
	width: 100%;
	height: 100%;
	display: block;
	padding: .25rem;
	color: #fff
}

.musician .music i {
	padding-right: .3rem
}

.musician .music i.notice {
	-o-animation: uniformRotate 2s linear 0s infinite both;
	animation: uniformRotate 2s linear 0s infinite both;
	-webkit-animation: uniformRotate 2s linear 0s infinite both
}

.musician .on {
	-webkit-animation: rotating 1.2s linear infinite;
	-o-animation: rotating 1.2s linear infinite;
	animation: rotating 1.2s linear infinite;
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	-o-transform-origin: center center;
	transform-origin: center center
}

.musician .audio {
	display: none
}

.musician.uneditable {
	width: 2rem;
	height: 2rem;
	top: 1.75rem
}

.musician.uneditable .music {
	border-radius: 50%;
	background-color: rgba(0,0,0,.55);
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	background-image: url(../images/activity-common/music-off.png)
}

.foreground-container.editable,.musician.editable {
	width: 3.125rem;
	height: auto;
	background-color: rgba(0,0,0,.55);
	border-radius: 10%
}

@-webkit-keyframes rotating {
	from {
		-webkit-transform: rotate(0)
	}

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

@-o-keyframes rotating {
	from {
		-o-transform: rotate(0);
		transform: rotate(0)
	}

	to {
		-o-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes rotating {
	from {
		-webkit-transform: rotate(0);
		-o-transform: rotate(0);
		transform: rotate(0)
	}

	to {
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

.foreground-container.editable {
	position: fixed;
	left: 3.9375rem;
	top: .5rem;
	z-index: 1010
}

.foreground-container .foreground {
	display: block;
	padding: .25rem;
	color: #fff;
	width: 100%
}

.foreground-container .piece.hide,.mini-login-container.inactive {
	display: none
}

.foreground-container .foreground i {
	margin-right: .3rem
}

.foreground-container .foreground i.notice {
	-o-animation: uniformRotate 2s linear 0s infinite both;
	animation: uniformRotate 2s linear 0s infinite both;
	-webkit-animation: uniformRotate 2s linear 0s infinite both
}

.foreground-container .piece {
	position: fixed;
	z-index: 1009;
	max-width: 100px;
	max-height: 100px;
	-webkit-animation-iteration-count: infinite,infinite;
	-webkit-animation-direction: normal,normal;
	-webkit-animation-timing-function: linear,ease-in;
	-moz-animation-iteration-count: infinite,infinite;
	-moz-animation-direction: normal,normal;
	-moz-animation-timing-function: linear,ease-in
}

.foreground-container .piece img {
	z-index: 1;
	max-width: 60px;
	opacity: .9;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-transform-origin: 50% -100%;
	-moz-animation-iteration-count: infinite;
	-moz-animation-direction: alternate;
	-moz-animation-timing-function: ease-in-out;
	-moz-transform-origin: 50% -100%
}

@-webkit-keyframes clockwiseSpin {
	0% {
		-webkit-transform: rotate(-50deg)
	}

	100% {
		-webkit-transform: rotate(50deg)
	}
}

@-o-keyframes clockwiseSpin {
	0% {
		-o-transform: rotate(-50deg);
		transform: rotate(-50deg);
		-webkit-transform: rotate(-50deg)
	}

	100% {
		-o-transform: rotate(50deg);
		transform: rotate(50deg);
		-webkit-transform: rotate(50deg)
	}
}

@keyframes clockwiseSpin {
	0% {
		-o-transform: rotate(-50deg);
		transform: rotate(-50deg);
		-webkit-transform: rotate(-50deg)
	}

	100% {
		-o-transform: rotate(50deg);
		transform: rotate(50deg);
		-webkit-transform: rotate(50deg)
	}
}

@-webkit-keyframes counterclockwiseSpinAndFlip {
	0% {
		-webkit-transform: scale(-1,1) rotate(50deg)
	}

	100% {
		-webkit-transform: scale(-1,1) rotate(-50deg)
	}
}

@-o-keyframes counterclockwiseSpinAndFlip {
	0% {
		-webkit-transform: scale(-1,1) rotate(50deg);
		-o-transform: scale(-1,1) rotate(50deg);
		transform: scale(-1,1) rotate(50deg)
	}

	100% {
		-webkit-transform: scale(-1,1) rotate(-50deg);
		-o-transform: scale(-1,1) rotate(-50deg);
		transform: scale(-1,1) rotate(-50deg)
	}
}

@keyframes counterclockwiseSpinAndFlip {
	0% {
		-webkit-transform: scale(-1,1) rotate(50deg);
		-o-transform: scale(-1,1) rotate(50deg);
		transform: scale(-1,1) rotate(50deg)
	}

	100% {
		-webkit-transform: scale(-1,1) rotate(-50deg);
		-o-transform: scale(-1,1) rotate(-50deg);
		transform: scale(-1,1) rotate(-50deg)
	}
}

.mini-login-container {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	right: 0;
	bottom: 0;
	overflow: hidden;
	z-index: 1020;
	-webkit-animation: vanishIn 1s ease;
	-o-animation: vanishIn 1s ease;
	animation: vanishIn 1s ease
}

.mini-login-container *,.mini-login-container :after,.mini-login-container :before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0
}

.mini-login-container button,.mini-login-container input {
	outline: 0;
	border: none
}

@-webkit-keyframes animatePath {
	to {
		stroke-dashoffset: 0
	}
}

@-o-keyframes animatePath {
	to {
		stroke-dashoffset: 0
	}
}

@keyframes animatePath {
	to {
		stroke-dashoffset: 0
	}
}

@-webkit-keyframes animRipple {
	to {
		-webkit-transform: scale(3.5);
		transform: scale(3.5);
		opacity: 0
	}
}

@-o-keyframes animRipple {
	to {
		-webkit-transform: scale(3.5);
		-o-transform: scale(3.5);
		transform: scale(3.5);
		opacity: 0
	}
}

@keyframes animRipple {
	to {
		-webkit-transform: scale(3.5);
		-o-transform: scale(3.5);
		transform: scale(3.5);
		opacity: 0
	}
}

@-webkit-keyframes rotate {
	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@-o-keyframes rotate {
	to {
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes rotate {
	to {
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

.mini-login-container .login {
	position: relative;
	height: 100%;
	background: -webkit-linear-gradient(top,#1f1f1f 0,rgba(17,17,17,.6) 100%);
	background: -webkit-gradient(linear,left top,left bottom,from(#1f1f1f),to(rgba(17,17,17,.6)));
	background: -o-linear-gradient(top,#1f1f1f 0,rgba(17,17,17,.6) 100%);
	background: linear-gradient(to bottom,#1f1f1f 0,rgba(17,17,17,.6) 100%);
	-webkit-transition: opacity .1s,-webkit-transform .3s cubic-bezier(.17,-.65,.665,1.25);
	-o-transition: opacity .1s,-o-transform .3s cubic-bezier(.17,-.65,.665,1.25);
	transition: opacity .1s,transform .3s cubic-bezier(.17,-.65,.665,1.25);
	transition: opacity .1s,transform .3s cubic-bezier(.17,-.65,.665,1.25),-webkit-transform .3s cubic-bezier(.17,-.65,.665,1.25),-o-transform .3s cubic-bezier(.17,-.65,.665,1.25);
	transition: opacity .1s,transform .3s cubic-bezier(.17,-.65,.665,1.25),-webkit-transform .3s cubic-bezier(.17,-.65,.665,1.25);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1)
}

.mini-login-container .login.inactive {
	opacity: 0;
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1)
}

.mini-login-container .login .login-form {
	position: absolute;
	top: 20%;
	left: 0;
	width: 100%;
	height: 50%;
	padding: 1.5rem 2.5rem;
	text-align: center
}

.mini-login-container .login .login-form .login-row {
	height: 5rem;
	padding-top: 1rem;
	border-bottom: 1px solid rgba(255,255,255,.2)
}

.mini-login-container .login .login-form .login-row svg {
	display: inline-block;
	width: 2rem;
	height: 2rem;
	overflow: visible;
	margin-bottom: -.4rem;
	margin-right: .5rem
}

.mini-login-container .login .login-form .login-row svg path {
	margin-bottom: -.4rem;
	margin-right: .5rem;
	stroke: rgba(255,255,255,.9);
	fill: none;
	stroke-width: 1
}

.mini-login-container .login .login-form .login-row svg.name>path {
	stroke-dasharray: 73.50196075439453;
	stroke-dashoffset: 73.50196075439453;
	-webkit-animation: animatePath 2s .5s forwards;
	-o-animation: animatePath 2s .5s forwards;
	animation: animatePath 2s .5s forwards
}

.mini-login-container .login .login-form .login-row svg.pass>path {
	stroke-dasharray: 92.10662841796875;
	stroke-dashoffset: 92.10662841796875;
	-webkit-animation: animatePath 2s .5s forwards;
	-o-animation: animatePath 2s .5s forwards;
	animation: animatePath 2s .5s forwards
}

.mini-login-container .login .login-form .login-row input {
	display: inline-block;
	width: 80%;
	height: 100%;
	padding-left: 1.5rem;
	font-size: 1.5rem;
	background: 0 0;
	color: #FDFCFD;
	border: none
}

.mini-login-container .login .login-form button {
	position: relative;
	width: 100%;
	height: 4rem;
	margin: 3rem 0 2.2rem;
	color: rgba(255,255,255,.8);
	background: #2162bb;
	font-size: 1.2rem;
	border-radius: 3rem;
	cursor: pointer;
	overflow: hidden;
	-webkit-transition: width .3s .15s,font-size .1s .15s;
	-o-transition: width .3s .15s,font-size .1s .15s;
	transition: width .3s .15s,font-size .1s .15s
}

.mini-login-container .login .login-form button .ripple {
	position: absolute;
	width: 15rem;
	height: 15rem;
	margin-left: -7.5rem;
	margin-top: -7.5rem;
	background: rgba(0,0,0,.4);
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-animation: animRipple .4s;
	-o-animation: animRipple .4s;
	animation: animRipple .4s;
	border-radius: 50%
}

.mini-login-container .login .login-form button::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -1.5rem;
	margin-top: -1.5rem;
	width: 3rem;
	height: 3rem;
	border: 2px dotted #fff;
	border-radius: 50%;
	border-left: none;
	border-bottom: none;
	-webkit-transition: opacity .1s .4s;
	-o-transition: opacity .1s .4s;
	transition: opacity .1s .4s;
	opacity: 0
}

.mini-login-container .login .login-form button.processing {
	width: 4rem;
	font-size: 0
}

.mini-login-container .login .login-form button.processing::after {
	opacity: 1;
	-webkit-animation: rotate .5s .4s infinite linear;
	-o-animation: rotate .5s .4s infinite linear;
	animation: rotate .5s .4s infinite linear
}

.mini-login-container .login .login-form button.success {
	-webkit-transition: opacity .1s .3s,background-color .1s .3s,-webkit-transform .3s .1s ease-out;
	-o-transition: opacity .1s .3s,background-color .1s .3s,-o-transform .3s .1s ease-out;
	transition: transform .3s .1s ease-out,opacity .1s .3s,background-color .1s .3s;
	transition: transform .3s .1s ease-out,opacity .1s .3s,background-color .1s .3s,-webkit-transform .3s .1s ease-out,-o-transform .3s .1s ease-out;
	transition: transform .3s .1s ease-out,opacity .1s .3s,background-color .1s .3s,-webkit-transform .3s .1s ease-out;
	-webkit-transform: scale(30);
	-ms-transform: scale(30);
	-o-transform: scale(30);
	transform: scale(30);
	opacity: .9
}

.mini-login-container .login .login-form button.success::after {
	-webkit-transition: opacity .1s 0s;
	-o-transition: opacity .1s 0s;
	transition: opacity .1s 0s;
	opacity: 0;
	-webkit-animation: none;
	-o-animation: none;
	animation: none
}

.imager-container * {
	padding: 0;
	margin: 0
}

.imager-container .imager {
	max-width: 640px;
	max-height: 360px;
	text-align: center;
	overflow: hidden;
	position: relative;
	margin: 0 auto
}

.imager-container .imager i.fa::before {
	padding-right: .5rem
}

.imager-container .imager font,.imager-container .imager textarea.editable {
	position: absolute;
	top: 20%;
	left: 10%;
	display: inline-block;
	width: 80%;
	height: 6.5625rem;
	font-size: 1.5rem;
	word-wrap: break-word;
	word-break: normal;
	letter-spacing: .05rem
}

.imager-container .imager font.editable,.imager-container .imager textarea.editable.editable {
	top: 17.5%
}

.imager-container .imager font.title,.imager-container .imager textarea.editable.title {
	font-size: .8rem;
	line-height: .65rem
}

.imager-container .imager font {
	top: 27.5%
}

.imager-container .imager .actions {
	position: absolute;
	bottom: 2rem;
	padding: 1rem;
	width: 100%;
	background-color: rgba(0,0,0,.55);
	height: 5rem
}

.imager-container .imager .actions .action-layer {
	position: relative
}

.imager-container .imager .actions a.action {
	position: absolute;
	width: 6rem;
	height: 2rem;
	line-height: 1rem;
	padding: .5rem;
	background-color: rgba(0,0,0,.55);
	color: #fff;
	font-size: 1rem;
	border-radius: 5px;
	z-index: 1
}

.imager-container .imager .actions a.action:nth-of-type(1) {
	left: 20%
}

.imager-container .imager .actions a.action:nth-of-type(2) {
	right: 20%
}

.imager-container .imager .actions a.action:nth-of-type(2) .upload-layer {
	position: relative
}

.imager-container .imager .actions a.action:nth-of-type(2) .upload-hidden {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 50px;
	opacity: 0
}

.imager-container .imager .tiper {
	position: absolute;
	bottom: 2.5rem;
	right: 13%;
	font-size: .75rem;
	color: rgba(255,255,255,.89)
}

.imager-container .imager .tiper i::before {
	-o-animation: fadeInUp 2s infinite linear;
	animation: fadeInUp 2s infinite linear;
	-webkit-animation: fadeInUp 2s infinite linear
}

.imager-container .imager .imager-selector {
	display:none;
	position: absolute;
	bottom: 2rem;
	width: 100%;
	overflow: auto;
	background: #fff;
	z-index: 2;
	-o-animation: slideInUp 1s ease;
	animation: slideInUp 1s ease;
	-webkit-animation: slideInUp 1s ease
}

.imager-container .imager .imager-selector.hide {
	-o-animation: slideOutDown .6s ease-out;
	animation: slideOutDown .6s ease-out;
	-webkit-animation: slideOutDown .6s ease-out
}

.imager-container .imager .imager-selector ul>li {
	list-style: none;
	color: #000;
	margin-right: .3rem
}

.imager-container .imager .imager-selector .categories {
	padding: .2rem;
	border-top: 1px solid #ccc;
	background: #fbf9fe;
	height: 32px;
	overflow: hidden;
	position: relative
}

.imager-container .imager .imager-selector .categories.empty {
	border-bottom: 0;
	height: 2rem
}

.imager-container .imager .imager-selector .categories ul {
	height: 100%;
	width: 100%
}

.imager-container .imager .imager-selector .categories ul li {
	padding: .25rem
}

.imager-container .imager .imager-selector .categories ul li a {
	font-size: .875rem;
	padding: .25rem;
	color: #333
}

.imager-container .imager .imager-selector .categories ul li a.cur,.imager-container .imager .imager-selector .categories ul li a:active,.imager-container .imager .imager-selector .categories ul li a:focus,.imager-container .imager .imager-selector .categories ul li a:hover {
	border: 1px solid #04be02;
	border-radius: 10px;
	color: #04be02
}

.imager-container .imager .imager-selector .categories .close {
	position: absolute;
	right: .75rem;
	top: .3rem;
	width: 1.5rem;
	height: 1.5rem;
	border-radius: 50%;
	background-color: rgba(0,0,0,.45);
	padding: .3rem .25rem .3rem .35rem;
	color: #fff
}

.imager-container .imager .imager-selector .categories .close::before {
	padding-right: .1rem
}

.imager-container .imager .imager-selector .imgbox {
	padding: .5rem;
	width: 100%;
	overflow-y:hidden;overflow-x:scroll;-webkit-overflow-scrolling:touch;-moz-overflow-scrolling:touch;
}

.imager-container .imager .imager-selector .imgbox ul {
	height: 100%;
	overflow: auto;
	white-space: nowrap;
	-webkit-tap-highlight-color: rgba(0,0,0,0); -moz-tap-highlight-color: rgba(0,0,0,0); -webkit-user-select: none; text-decoration: none;
}

.imager-container .imager .imager-selector .imgbox ul li {
	max-width: 80px;
	max-height: 80px;
	overflow: hidden;
	display:inline-block;
	border: 1px solid #b0b0b0;
	-webkit-box-shadow: 1px 1px 3px rgba(86,86,86,.21);
	box-shadow: 1px 1px 3px rgba(86,86,86,.21);
	border-radius: 5px
}

.imager-container .imager .imager-selector .imgbox ul li.cur {
	border: 2px solid #5390e3
}

@media screen and (width:320px) {
	.imager-container .imager .actions a.action:nth-of-type(1) {
		left: 10%
	}

	.imager-container .imager .actions a.action:nth-of-type(2) {
		right: 10%
	}

	.imager-container .imager .tiper {
		right: 7%
	}
}

@media screen and (min-width:415px) {
	.imager-container .imager .actions {
		bottom: 4rem
	}

	.imager-container .imager .tiper {
		bottom: 4.5rem;
		right: 16%;
		font-size: .8rem
	}
}

.cropper-container {
	font-size: 0;
	line-height: 0;
	position: relative;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	direction: ltr!important
}

.cropper-container img {
	display: block;
	width: 100%;
	min-width: 0!important;
	max-width: none!important;
	height: 100%;
	min-height: 0!important;
	max-height: none!important;
	image-orientation: 0deg!important
}

.cropper-canvas,.cropper-crop-box,.cropper-drag-box,.cropper-modal,.cropper-wrap-box {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.cropper-wrap-box {
	overflow: hidden
}

.cropper-drag-box {
	opacity: 0;
	background-color: #fff;
	filter: alpha(opacity=0)
}

.cropper-dashed,.cropper-modal {
	opacity: .5;
	filter: alpha(opacity=50)
}

.cropper-modal {
	background-color: #000
}

.cropper-view-box {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 100%;
	outline: #39f solid 1px;
	outline-color: rgba(51,153,255,.75)
}

.cropper-dashed {
	position: absolute;
	display: block;
	border: 0 dashed #eee
}

.cropper-dashed.dashed-h {
	top: 33.33333%;
	left: 0;
	width: 100%;
	height: 33.33333%;
	border-top-width: 1px;
	border-bottom-width: 1px
}

.cropper-dashed.dashed-v {
	top: 0;
	left: 33.33333%;
	width: 33.33333%;
	height: 100%;
	border-right-width: 1px;
	border-left-width: 1px
}

.cropper-center {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 0;
	height: 0;
	opacity: .75;
	filter: alpha(opacity=75)
}

.cropper-center:after,.cropper-center:before {
	position: absolute;
	display: block;
	content: ' ';
	background-color: #eee
}

.cropper-center:before {
	top: 0;
	left: -3px;
	width: 7px;
	height: 1px
}

.cropper-center:after {
	top: -3px;
	left: 0;
	width: 1px;
	height: 7px
}

.cropper-face,.cropper-line,.cropper-point {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	opacity: .1;
	filter: alpha(opacity=10)
}

.cropper-face {
	top: 0;
	left: 0;
	background-color: #fff
}

.cropper-line,.cropper-point {
	background-color: #39f
}

.cropper-line.line-e {
	top: 0;
	right: -3px;
	width: 5px;
	cursor: e-resize
}

.cropper-line.line-n {
	top: -3px;
	left: 0;
	height: 5px;
	cursor: n-resize
}

.cropper-line.line-w {
	top: 0;
	left: -3px;
	width: 5px;
	cursor: w-resize
}

.cropper-line.line-s {
	bottom: -3px;
	left: 0;
	height: 5px;
	cursor: s-resize
}

.cropper-point {
	width: 5px;
	height: 5px;
	opacity: .75;
	filter: alpha(opacity=75)
}

.cropper-point.point-e {
	top: 50%;
	right: -3px;
	margin-top: -3px;
	cursor: e-resize
}

.cropper-point.point-n {
	top: -3px;
	left: 50%;
	margin-left: -3px;
	cursor: n-resize
}

.cropper-point.point-w {
	top: 50%;
	left: -3px;
	margin-top: -3px;
	cursor: w-resize
}

.cropper-point.point-s {
	bottom: -3px;
	left: 50%;
	margin-left: -3px;
	cursor: s-resize
}

.cropper-point.point-ne {
	top: -3px;
	right: -3px;
	cursor: ne-resize
}

.cropper-point.point-nw {
	top: -3px;
	left: -3px;
	cursor: nw-resize
}

.cropper-point.point-sw {
	bottom: -3px;
	left: -3px;
	cursor: sw-resize
}

.cropper-point.point-se {
	right: -3px;
	bottom: -3px;
	width: 20px;
	height: 20px;
	cursor: se-resize;
	opacity: 1;
	filter: alpha(opacity=100)
}

.cropper-point.point-se:before {
	position: absolute;
	right: -50%;
	bottom: -50%;
	display: block;
	width: 200%;
	height: 200%;
	content: ' ';
	opacity: 0;
	background-color: #39f;
	filter: alpha(opacity=0)
}

@media (min-width:768px) {
	.cropper-point.point-se {
		width: 15px;
		height: 15px
	}
}

@media (min-width:992px) {
	.cropper-point.point-se {
		width: 10px;
		height: 10px
	}
}

@media (min-width:1200px) {
	.cropper-point.point-se {
		width: 5px;
		height: 5px;
		opacity: .75;
		filter: alpha(opacity=75)
	}
}

.cropper-invisible {
	opacity: 0;
	filter: alpha(opacity=0)
}

.cropper-bg {
	background-image: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)
}

.cropper-hide {
	position: absolute;
	display: block;
	width: 0;
	height: 0
}

.cropper,.join-customize-container .cell-6.lock {
	position: relative
}

.cropper-hidden {
	display: none!important
}

.cropper-move {
	cursor: move
}

.cropper-crop {
	cursor: crosshair
}

.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point {
	cursor: not-allowed
}

.cropper {
	width: 100px;
	border: 1px solid red;
	height: 200px;
	background: #00f
}

.join-customize-container,.join-customize-container .note,.join-customize-container .weui_cells {
	font-size: .8rem
}

.join-customize-container i::before {
	margin-right: .5rem
}

.join-customize-container input {
	border-radius: .3125rem;
	padding: .5rem;
	width: 100%;
	background: 0 0
}

.join-customize-container input.disabled {
	border-color: #454644
}

.join-customize-container .weui_cells {
	margin-top: 0;
	background: 0 0
}

.join-customize-container .weui_cells::before {
	border-top: 0
}

.join-customize-container .weui_cells::after {
	border-bottom: 0
}

.join-customize-container .grid {
	padding-top: 1rem
}

.join-customize-container .cell-6.lock i {
	position: absolute;
	top: 1rem;
	right: 1rem
}

.join-customize-container .weui_cells_checkbox .weui_cell:active {
	background-color: transparent
}

.banner-skinner {
	position: fixed;
	left: 7.5rem;
	top: .5rem;
	z-index: 1010
}

.banner-skinner .skinner {
	font-size: .75rem;
	display: block;
	line-height: .9375rem;
	padding: .25rem;
	color: #fff;
	text-align: center;
	width: 3.125rem;
	height: auto;
	background-color: rgba(0,0,0,.55);
	border-radius: 10%
}

.banner-skinner .skinner i {
	padding-right: .3rem
}

.banner-skinner .skinner i.notice {
	-o-animation: tada 2s linear 0s infinite both;
	animation: tada 2s linear 0s infinite both;
	-webkit-animation: tada 2s linear 0s infinite both
}

.banner-skinner .skinner-selector {
	position: fixed;
	top: 0;
	left: 0;
	width: 103%;
	padding: 1rem;
	background: #fff;
	-o-animation: fadeInDown .5s ease;
	animation: fadeInDown .5s ease;
	-webkit-animation: fadeInDown .5s ease;
	text-align: center;
	-webkit-box-shadow: 0 1px 9px #6f6f6f;
	box-shadow: 0 1px 9px #6f6f6f;
	opacity: .96
}

.banner-skinner .skinner-selector.hide {
	-o-animation: bounceOutUp 2s ease-in;
	animation: bounceOutUp 2s ease-in;
	-webkit-animation: bounceOutUp 2s ease-in
}

.banner-skinner .skinner-selector .close {
	font-size: 2rem;
	color: #9f9f9f
}

.banner-skinner .skinner-selector .masker-box {
	border-radius: .5rem;
	position: relative;
	width: 49%;
	padding: 0;
	margin-bottom: 1rem
}

.banner-skinner .skinner-selector .masker-box:nth-of-type(even) {
	margin-left: 2%
}

.banner-skinner .skinner-selector .masker-box .masker-img {
	padding-bottom: 80%;
	display: block;
	position: relative;
	max-width: 100%;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center top;
	cursor: pointer;
	border-radius: .5rem
}

.banner-skinner .skinner-selector .masker-box .masker {
	background-color: rgba(0,0,0,.5);
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	top: 0;
	border-radius: inherit
}

.banner-skinner .skinner-selector .masker-box .masker .masker-title {
	color: #fff;
	text-shadow: 0 0 2px rgba(0,0,0,.5);
	font-size: 1.5rem;
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
	text-align: center;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	font-weight: 700;
	letter-spacing: .2rem
}







.cfix:after{clear:both;content:".";display:block;height:0;visibility:hidden}
.mt20{margin-top:20px;}
.tac{text-align:center;}
.layui-layer-page{min-width:260px;max-width:80%;}
.editLayer{text-align:center;padding:20px 20px 10px;}
.editLayer select{width:100%;height:36px;border:solid 1px #ccc;}
.layui-layer .layui-layer-btn{text-align:center;}

/*add */
.pb10{padding-bottom:10px;}
.LinkageSel{padding-right:15px;padding-left:0;height:30px;line-height:30px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width:90px !important;position:relative;color:#888;}
.weui_cells_title{font-size:15px;color:#666;}
.weui_cells{font-size:15px;}
.weui_btn{font-size:15px;}
.weui_textarea {height:100px;color:#888;}
.weui_input,.weui_select{color:#888;}
.weui_label{width:80px;}
.regSort .weui_check_label{width:50%;float:left;padding:5px 0;}
.regSort .weui_cell:before{display:none;}
.regSort .weui_cell_hd{padding-right:.2em;}
.regSort .weui_icon_checked:before{font-size:20px;float:left;}

.signForm {font-size:14px;}
.signForm li{list-style:none;padding:5px 0;}
.inpt{border:solid 1px #ddd;height:40px;padding:10px;width:230px;}
.uploaderImg{width:100%;border:dashed 1px #ccc;position:relative;height:100px;margin-top:10px;position:relative;}
.uploadTxt{text-align:center;padding-top:20px;}
.uploadTxt span{width:30px;height:30px;background:url(../images/solitaire/upload.png) no-repeat 0 0 / cover;display:block;margin:0 auto 10px;}
.uploadTxt p{color:#999;font-size:12px;}
.uploadFile{position:absolute;top:0;left:0;opacity: 0;width:100%;height:100%;}
.closeBtn{position:absolute;top:5px;right:5px;width:24px;height:24px;border-radius:12px;background:rgba(0,0,0,.5);font-size:20px;text-align:center;line-height:20px;color:#fff;z-index:9;}

.editAdd li{width:100%;border:dashed 1px #ccc;position:relative;line-height:20px;padding:10px;margin-top:10px;font-size:14px;border-radius:5px;list-style:none;text-align:center;}
.txtMod{margin-top:10px;position:relative;}
.weui_actionsheet_cell{font-size:14px;}

.uploadOption {max-width:92%;width:92%;}
.viewPic .cell-4{text-align:center;position:relative;padding-top:10px;}
.viewPic .cell-4 img{width:50px;height:50px;display:block;margin:0 auto;}
.viewPic .cell-4 .close{position:absolute;top:6px;right:10px;display:block;width:16px;height:16px;background:rgba(0,0,0,.3);border-radius:50%;color:#fff;font-size:14px;line-height:14px;text-align:center;font-style:normal;}


/*�չʾ*/
.actshow{background:#f2ced4;padding-bottom:100px;}
.actshow .actheader{padding:15px;text-align:center;}
.actshow .actheader .title{height:40px;line-height:40px;text-align:center;margin:0;background:#da7665 url(../images/actshow/hdTit.png) no-repeat center center / 100% 100%;border-radius:20px;font-size:16px;color:#fff;}
.actshow .coudata{background:#fff;border-radius:10px;padding:10px;margin-top:10px;position:relative;}
.actshow .coudata span.tl,.actshow .coudata span.tr{width:15px;height:38px;background:url(../images/actshow/line.png) no-repeat center center / 100% 100%;position:absolute;top:-10px;}
.actshow .coudata span.tl{left:15px;}
.actshow .coudata span.tr{right:15px;}
.actshow .countdown{font-size:13px;}
.actshow .actdata{border-radius:5px;border:dotted 2px #de7d6c;margin-top:10px;font-size:13px;padding:5px 0;}
.actshow .actdata span{color:#db6c4f;}
.showblock{padding:15px;}
.showTit {background:url(../images/actshow/module-title-bg.png) no-repeat center center / 100% 100%;padding:5px 35px;}
.showTit h3{background:#da7665 url(../images/actshow/hdTit.png) no-repeat center center / 100% 100%;height:40px;line-height:40px;color:#fff;font-size:16px;border-radius:20px;text-align:center;}
.showBd{background:#de7d6c;border-radius:10px;min-height:50px;padding:10px;color:#fff;font-size:14px;}
.actshowBt{position:relative;padding:10px;}
.actshowBt .showjoinbtn{padding-right:70px;display:block;}
.actshowBt .btserv{width:60px;height:60px;right:10px;top:50%;position:absolute;margin-top:-30px;display:block;background:url(../images/actshow/contact-btn.png) no-repeat center center / 100% 100%;}

.actshow-editor .weui_btn_primary{background:#f76868;}
.actshow-editor.activity-editor .dashed,.actshow-editor.activity-editor .uploaderImg{padding:.7rem;border-color:#fff;color:#fff;}
.actshow-editor.activity-editor .uploadTxt p{color:#fff;}
.actshow-editor.activity-editor ::-webkit-input-placeholder {color:#fff;}
.actshow-editor .main .date>input {color: #f96033;font-size: 1rem;width: 10.5rem;border: 1px dashed #f76868;}
.actshow-editor .note{text-align:center;color:#999;font-size:12px;margin-bottom:10px;}

.actshow-editor .weui_cells_checkbox .weui_check:checked+.weui_icon_checked:before{color:#fff;}

.weui_navbar{background:#fff;}
.weui_navbar .weui_navbar_item{color:#999;}
.weui_navbar .weui_bar_item_on{color:#04be02;font-weight:bold;border-bottom: solid 3px #04be02;background:none;}