body {
	line-height: 1.5;
	font-family: Arial, "", "Hiragino Sans GB", sans-serif;
	background: #fff;
	font-size: 12px;
	overflow-y: scroll
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%
}

ol,
ul {
	list-style: none
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var,
optgroup {
	font-style: normal
}

input,
button,
textarea,
select,
optgroup,
option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
	*font-size: 100%
}

fieldset,
img,
a img,
:link img,
:visited img {
	border: 0
}

a {
	text-decoration: none
}

a:hover {
	text-decoration: none
}

:focus {
	outline: 0
}

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

caption,
th {
	text-align: left
}

sup,
sub {
	font-size: 100%;
	vertical-align: baseline
}

blockquote,
q {
	quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none
}

.clear,
.clearfix:after {
	clear: both;
	height: 0;
	overflow: hidden;
	display: block
}

.clearfix:after {
	visibility: hidden;
	content: "."
}

.clearfix {
	*zoom: 1
}

object {
	display: none
}



.m-recharge-center {
	border-radius: 3px;
	background: #fff;
	box-shadow: 2px 2px 8px 0 rgba(236, 236, 236, 0.8);
	padding: 0 48px;
	margin-bottom: 24px
}

.m-recharge-center .rechargetitle {
	padding: 43px 0 30px;
	text-align: left;
	font: normal 24px/24px '', 'Hiragino Sans GB', Arial;
	color: #333;
	border-bottom: 1px solid #ddd
}

.m-recharge-center .recharge-info-list {
	padding: 30px 0 60px;
	border-bottom: 1px solid #f0f0f0
}

.m-recharge-center .recharge-info-item {
	display: inline-block;
	display: block
}

.m-recharge-center .recharge-info-item:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.m-recharge-center .recharge-info-item.account {
	margin-bottom: 26px
}

.m-recharge-center .recharge-info-item.account .recharge-info-title {
	float: left
}

.m-recharge-center .recharge-info-item.account .recharge-info-content {
	float: left;
	font: normal 14px/14px '', 'Hiragino Sans GB', Arial;
	color: #666
}

.m-recharge-center .recharge-info-item.remain {
	margin-bottom: 26px
}

.m-recharge-center .recharge-info-item.remain .recharge-info-title {
	float: left
}

.m-recharge-center .recharge-info-item.remain .recharge-info-content {
	float: left;
	font: normal 14px/14px '', 'Hiragino Sans GB', Arial;
	color: #666
}

.m-recharge-center .recharge-info-item.remain .remainnum {
	font: normal 16px/16px '', 'Hiragino Sans GB', Arial;
	color: #f65f6e;
	margin-right: 5px
}

.m-recharge-center .recharge-info-item.goods {
	margin-bottom: 10px
}

.m-recharge-center .recharge-info-item.goods .recharge-info-title {
	margin-bottom: 12px
}

.m-recharge-center .recharge-info-item.payway .recharge-info-title {
	margin-bottom: 17px
}

.m-recharge-center .recharge-info-item.payway .payway-item {
	position: relative;
	border-radius: 3px;
	background: #fff;
	box-shadow: 2px 2px 8px 0 rgba(236, 236, 236, 0.8);
	float: left;
	width: 168px;
	height: 44px;
	box-shadow: none;
	border: 1px solid #ddd;
	text-align: center;
	margin: 0 20px 0 0;
	z-index: 2;
	cursor: pointer;
	display: inline-block
}

.m-recharge-center .recharge-info-item.payway .payway-item:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.m-recharge-center .recharge-info-item.payway .payway-item.wechatpay .payicon {
	background: url(https://static.ws.126.net/f2e/products/relottery/platform/images/iconsprites.png) 0 -227px
}

.m-recharge-center .recharge-info-item.payway .payway-item.alipay .payicon {
	background: url(https://static.ws.126.net/f2e/products/relottery/platform/images/iconsprites.png) -30px -227px
}

.m-recharge-center .recharge-info-item.payway .payway-item:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.m-recharge-center .recharge-info-item.payway .payway-item:hover {
	border-color: #aaa
}

.m-recharge-center .recharge-info-item.payway .payway-item.is-select .beforebg {
	display: block
}

.m-recharge-center .recharge-info-item.payway .payway-item .beforebg {
	display: none;
	position: absolute;
	top: -3px;
	left: -3px;
	content: '';
	width: 174px;
	height: 80px;
	background: #f65f6e;
	border-radius: 3px;
	z-index: -1
}

.m-recharge-center .recharge-info-item.payway .payway-item .payway-icon {
	float: left;
	width: 48px;
	height: 30px;
	padding: 7px 0;
	font: normal 16px/16px '', 'Hiragino Sans GB', Arial;
	color: #f65f6e;
	border-right: 1px solid #eee;
	text-align: center;
	background: #fff;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	overflow: hidden
}

.m-recharge-center .recharge-info-item.payway .payway-item .payicon {
	display: inline-block;
	width: 30px;
	height: 30px
}

.m-recharge-center .recharge-info-item.payway .payway-item .payway-name {
	padding: 14px 0;
	height: 16px;
	text-align: center;
	background: #fff;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	overflow: hidden
}

.m-recharge-center .recharge-info-item.payway .payway-item .beforebg {
	height: 50px
}

.m-recharge-center .recharge-pay {
	display: inline-block;
	display: block;
	padding: 17px 0 60px
}

.m-recharge-center .recharge-pay:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.m-recharge-center .recharge-pay .agreement {
	float: left;
	font-size: 14px
}

.m-recharge-center .recharge-pay .agreement .icon {
	display: inline-block;
	width: 16px;
	height: 16px;
	border-radius: 4px;
	background-color: #fff;
	border: solid 1px #dcdcdc;
	cursor: pointer
}

.m-recharge-center .recharge-pay .agreement .icon.z-checked {
	background: url(https://static.ws.126.net/f2e/products/relottery/platform/images/index_sprites.png) -570px -90px no-repeat
}

.m-recharge-center .recharge-pay .agreement .txt {
	margin-left: 5px;
	color: #999
}

.m-recharge-center .recharge-pay .agreement .agrt-link {
	color: #ff7043
}

.m-recharge-center .recharge-pay .payinfo {
	float: right;
	text-align: right;
	margin-right: 26px
}

.m-recharge-center .recharge-pay .moneyinfo {
	padding: 4px 0 12px;
	font: normal 16px/16px '', 'Hiragino Sans GB', Arial;
	color: #333
}

.m-recharge-center .recharge-pay .paymoney {
	display: block;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: auto;
	font: normal 14px/14px '', 'Hiragino Sans GB', Arial;
	display: inline-block;
	max-width: 400px;
	width: 400px \9;
	vertical-align: middle
}

.m-recharge-center .recharge-pay .paytip {
	font: normal 12px/12px '', 'Hiragino Sans GB', Arial;
	color: #999
}

.m-recharge-center .recharge-pay .paybtn {
	float: right;
	display: inline-block;
	width: 180px;
	height: 50px;
	line-height: 50px;
	font-size: 20px;
	font-family: '', 'Hiragino Sans GB', Arial;
	color: #fff;
	background-color: #ccc;
	border-radius: 3px;
	text-align: center;
	cursor: not-allowed
}

.m-recharge-center .recharge-pay .paybtn:hover {
	background-color: #ccc
}

.m-recharge-center .recharge-pay .paybtn.is-canpay {
	display: inline-block;
	width: 180px;
	height: 50px;
	line-height: 50px;
	font-size: 20px;
	font-family: '', 'Hiragino Sans GB', Arial;
	color: #fff;
	background-color: #ff7043;
	border-radius: 3px;
	text-align: center;
	cursor: pointer
}

.m-recharge-center .recharge-pay .paybtn.is-canpay:hover {
	background-color: #ff855f
}

.m-recharge-center .b-link {
	font: normal 12px/12px '', 'Hiragino Sans GB', Arial;
	color: #999;
	text-align: left;
	padding-bottom: 25px
}

.m-recharge-center .b-link .linktip {
	margin-bottom: 6px;
	line-height: 1.5
}

.m-recharge-center .b-link .linkphone {
	margin-right: 16px
}

.m-recharge-center .goodsitem {
	position: relative;
	border-radius: 3px;
	background: #fff;
	box-shadow: 2px 2px 8px 0 rgba(236, 236, 236, 0.8);
	float: left;
	width: 160px;
	height: 74px;
	box-shadow: none;
	border: 1px solid #ddd;
	text-align: center;
	margin: 0 20px 20px 0;
	z-index: 2;
	cursor: pointer;
	display: inline-block
}

.m-recharge-center .goodsitem:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.m-recharge-center .goodsitem.fourth {
	margin-right: 0
}

.m-recharge-center .goodsitem:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.m-recharge-center .goodsitem:hover {
	border-color: #aaa
}

.m-recharge-center .goodsitem.is-select .beforebg {
	display: block
}

.m-recharge-center .goodsitem .beforebg {
	display: none;
	position: absolute;
	top: -3px;
	left: -3px;
	content: '';
	width: 174px;
	height: 80px;
	background: #f65f6e;
	border-radius: 3px;
	z-index: -1
}

.m-recharge-center .goodsitem .goodsitem-name {
	float: left;
	width: 104px;
	height: 16px;
	padding: 29px 0;
	font: normal 16px/16px '', 'Hiragino Sans GB', Arial;
	color: #f65f6e;
	border-right: 1px solid #eee;
	background: #fff;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px
}

.m-recharge-center .goodsitem .goodsitem-price {
	float: left;
	width: 55px;
	font: normal 16px/16px '', 'Hiragino Sans GB', Arial;
	color: #f65f6e;
	text-align: center;
	background: #fff;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px
}

.m-recharge-center .goodsitem .goodsitem-price.is-favourable .original-price {
	display: block;
	padding: 12px 0 18px
}

.m-recharge-center .goodsitem .goodsitem-price.is-favourable .favourable-price {
	padding: 0;
	padding-bottom: 12px
}

.m-recharge-center .goodsitem .original-price {
	display: none;
	font: normal 16px/16px '', 'Hiragino Sans GB', Arial;
	color: #ccc;
	text-decoration: line-through
}

.m-recharge-center .goodsitem .favourable-price {
	font: normal 16px/16px '', 'Hiragino Sans GB', Arial;
	color: #333;
	height: 16px;
	padding: 29px 0
}

.m-recharge-center .goodsitem.other {
	cursor: pointer
}

.m-recharge-center .goodsitem.other.is-showother .othertip {
	display: block
}

.m-recharge-center .goodsitem.other.is-showother .custom-buy {
	display: none
}

.m-recharge-center .goodsitem.other.is-showinput .othertip {
	display: none
}

.m-recharge-center .goodsitem.other.is-showinput .custom-buy {
	display: block
}

.m-recharge-center .goodsitem.other .othertip {
	height: 16px;
	padding: 29px 0;
	font: normal 16px/16px '', 'Hiragino Sans GB', Arial;
	color: #333;
	background: #fff;
	border-radius: 3px
}

.m-recharge-center .goodsitem.other .custom-buy {
	display: none;
	height: 74px;
	background: #fff;
	border-radius: 3px;
	text-align: left;
	padding-left: 26px
}

.m-recharge-center .goodsitem.other .redbean {
	color: #f65f6e;
	font: normal 15px/15px '', 'Hiragino Sans GB', Arial
}

.m-recharge-center .goodsitem.other .redbean input {
	width: 17px;
	text-align: center;
	outline: 0 none;
	border: 0;
	padding: 7px 5px;
	padding: 7px 0;
	color: #f65f6e
}

.m-recharge-center .goodsitem.other .redbean-input {
	display: inline-block;
	width: 115px;
	border-bottom: 1px solid #eee;
	text-align: right;
	line-height: 36px;
	padding-top: 1px
}

.m-recharge-center .goodsitem.other .redbean-input input {
	float: left;
	width: 70px;
	text-align: left
}

.m-recharge-center .goodsitem.other .payable-money {
	display: inline-block;
	padding: 10px 0;
	color: #333;
	font: normal 14px/14px '', 'Hiragino Sans GB', Arial;
	text-align: left
}

.m-recharge-center .goodsitem.other .moneynum {
	display: block;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
	width: auto;
	height: 14px;
	max-width: 100px;
	text-align: left;
	vertical-align: middle
}

.m-recharge-center .goodsitem.other .errortip {
	display: inline-block;
	color: #f65f6e;
	vertical-align: middle
}

.m-recharge-center .goodsitem:hover {
	border-color: #aaa
}

.m-recharge-center .goodsitem.is-select .beforebg {
	display: block
}

.m-recharge-center .goodsitem .beforebg {
	display: none;
	position: absolute;
	top: -3px;
	left: -3px;
	content: '';
	width: 166px;
	height: 80px;
	background: #f65f6e;
	border-radius: 3px;
	z-index: -1
}

.m-recharge-center .recharge-info-title {
	font: normal 14px/14px '', 'Hiragino Sans GB', Arial;
	color: #333
}

.m-recharge-center .infoitem:hover {
	border-color: #aaa
}

.m-recharge-center .infoitem.is-select .beforebg {
	display: block
}

.m-recharge-center .infoitem .beforebg {
	display: none;
	position: absolute;
	top: -3px;
	left: -3px;
	content: '';
	width: 174px;
	height: 80px;
	background: #f65f6e;
	border-radius: 3px;
	z-index: -1
}

.m-consumption {
	position: relative;
	border-radius: 3px;
	background: #fff;
	box-shadow: 2px 2px 8px 0 rgba(236, 236, 236, 0.8);
	padding: 0 48px 70px
}

.m-consumption .nodata-login {
	color: #f65f6e;
	cursor: pointer
}

.m-consumption .nodata-tip {
	font: normal 18px/18px '', 'Hiragino Sans GB', Arial;
	color: #999;
	padding: 80px 100px;
	text-align: center
}

.m-consumption .rechargetitle {
	padding: 33px 0 19px;
	font: normal 16px/16px '', 'Hiragino Sans GB', Arial;
	border-bottom: 1px solid #ddd
}

.m-consumption .consumption-info {
	width: 100%;
	text-align: left
}

.m-consumption .consumption-info td {
	padding-left: 20px
}

.m-consumption .consumption-info td.consumetitle {
	width: 300px
}

.m-consumption thead {
	color: #333
}

.m-consumption thead tr {
	height: 60px
}

.m-consumption thead td {
	color: #999
}

.m-consumption thead td.consumetitle {
	width: 300px
}

.m-consumption tbody tr {
	height: 80px
}

.m-consumption tbody tr.even {
	background: #f9f9f9
}

.m-consumption tbody td.consumetitle {
	font: normal 14px/20px '', 'Hiragino Sans GB', Arial;
	color: #333
}

.m-consumption tbody td.returnbean {
	color: #44a702
}

.m-consumption tbody td.rechargebean {
	color: #44a702
}

.m-consumption tbody td.buythread {
	color: #f36100
}

.fixed_right {
	bottom: 59px
}

.textoverflow {
	display: block;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.enlargeimg {
	animation: enlargeimg .3s linear forwards
}

.scaleimgwrap {
	transform: translateZ(0);
	overflow: hidden
}

.scaleimg {
	transform: scale(1);
	transition: transform .3s linear
}

.scaleimg:hover {
	transform: scale(1.1)
}

.enlargecollect {
	animation: enlargecollect .5s linear forwards
}

.shrinkcollect {
	animation: shrinkcollect .5s linear forwards
}

.popscale {
	animation: popscale .5s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards
}

.popenlarge {
	animation: popenlarge .3s ease-in-out
}

.shadowshow {
	animation: shadowshow .2s linear forwards
}

@keyframes popenlarge {
	0% {
		width: 0;
		height: 0
	}
	100% {
		width: 100%;
		height: 120px
	}
}

@keyframes popscale {
	0% {
		transform: scale(0)
	}
	100% {
		transform: scale(1)
	}
}

@keyframes shadowshow {
	0% {
		box-shadow: none
	}
	100% {
		box-shadow: 2px 2px 8px 0 rgba(236, 236, 236, 0.8)
	}
}

@keyframes scaleout {
	0% {
		transform: scale(0);
		opacity: 1
	}
	100% {
		transform: scale(1);
		opacity: 0
	}
}

@keyframes enlargeimg {
	0% {
		transform: scale(1)
	}
	100% {
		transform: scale(1.1)
	}
}

.schemecard-shareicon {
	width: 29px;
	height: 28px;
	background: url(https://static.ws.126.net/f2e/products/relottery/platform/images/iconsprites.png) -242px -85px no-repeat
}

.schemecard-shareicon:hover {
	background-position: -271px -85px
}

.schemecard-collecticon-new {
	width: 29px;
	height: 28px;
	background: url(https://static.ws.126.net/f2e/products/relottery/platform/images/iconsprites.png) -242px -113px no-repeat
}

.schemecard-collecticon-new:hover:before {
	background: url(https://static.ws.126.net/f2e/products/relottery/platform/images/iconsprites.png) -286px -71px no-repeat
}

.schemecard-collecticon-new .collect-text {
	display: none;
	position: absolute;
	top: 50%;
	left: -10px;
	margin-top: -6px;
	font: normal 12px/12px '', 'Hiragino Sans GB', Arial;
	color: #ec4844;
	opacity: 0;
	white-space: nowrap
}

.schemecard-collecticon-new:before {
	content: '';
	position: absolute;
	top: 5px;
	left: 6px;
	width: 14px;
	height: 14px;
	background: url(https://static.ws.126.net/f2e/products/relottery/platform/images/iconsprites.png) -272px -71px no-repeat;
	opacity: 1
}

.schemecard-collecticon-new:after {
	content: '';
	position: absolute;
	top: 5px;
	left: 6px;
	width: 14px;
	height: 14px;
	background: url(https://static.ws.126.net/f2e/products/relottery/platform/images/iconsprites.png) -244px -71px no-repeat;
	opacity: 0;
	display: none \9
}

.schemecard-collecticon-new.animate:after {
	animation: stardispear .16s linear forwards
}

.schemecard-collecticoned-new {
	position: relative;
	width: 29px;
	height: 28px;
	background: url(https://static.ws.126.net/f2e/products/relottery/platform/images/iconsprites.png) -242px -113px no-repeat
}

.schemecard-collecticoned-new .collect-text {
	display: none;
	position: absolute;
	top: 50%;
	margin-top: -6px;
	font: normal 12px/12px '', 'Hiragino Sans GB', Arial;
	white-space: nowrap;
	color: #ec4844;
	display: none \9
}

.schemecard-collecticoned-new:before {
	display: block;
	content: '';
	position: absolute;
	top: 5px;
	left: 6px;
	with: 14px;
	height: 14px;
	background: url(https://static.ws.126.net/f2e/products/relottery/platform/images/iconsprites.png) -272px -71px no-repeat;
	opacity: 0
}

.schemecard-collecticoned-new:after {
	display: block;
	content: '';
	position: absolute;
	top: 5px;
	left: 6px;
	width: 14px;
	height: 14px;
	background: url(https://static.ws.126.net/f2e/products/relottery/platform/images/iconsprites.png) -244px -71px no-repeat;
	opacity: 1
}

.schemecard-collecticoned-new.animate .collect-text {
	display: block;
	animation: cardCollectText 1.6s linear forwards
}

.schemecard-collecticoned-new.animate:before {
	animation: stardispear .16s linear forwards
}

.schemecard-collecticoned-new.animate:after {
	animation: sideStarTurn .44s ease-in-out
}

.schemecard-collecticon {
	width: 29px;
	height: 28px;
	background: url(https://static.ws.126.net/f2e/products/relottery/platform/images/iconsprites.png) -242px -113px no-repeat
}

.schemecard-collecticon:hover {
	background-position: -271px -113px
}

.schemecard-collecticon:before {
	content: '';
	position: absolute;
	top: 0;
	left: 1px;
	width: 26px;
	height: 26px;
	background: url(https://static.ws.126.net/f2e/products/relottery/platform/images/iconsprites.png) -274px -389px no-repeat;
	transition: transform .5s linear;
	transform: scale(0)
}

.schemecard-collecticon:after {
	content: '';
	position: absolute;
	top: 6px;
	left: 7px;
	width: 14px;
	height: 14px;
	background: url(https://static.ws.126.net/f2e/products/relottery/platform/images/iconsprites.png) -257px -71px no-repeat;
	transition: opacity .5s linear;
	opacity: 0
}

.schemecard-collecticoned {
	position: relative;
	width: 29px;
	height: 28px
}

.schemecard-collecticoned:before {
	display: block;
	content: '';
	position: absolute;
	top: 0;
	left: 1px;
	width: 26px;
	height: 26px;
	background: url(https://static.ws.126.net/f2e/products/relottery/platform/images/iconsprites.png) -274px -389px no-repeat;
	transition: transform .5s linear;
	transform: scale(1)
}

.schemecard-collecticoned:after {
	display: block;
	content: '';
	position: absolute;
	top: 6px;
	left: 7px;
	width: 14px;
	height: 14px;
	background: url(https://static.ws.126.net/f2e/products/relottery/platform/images/iconsprites.png) -257px -71px no-repeat;
	transition: opacity .5s linear;
	opacity: 1
}

.sidebar-shareicon {
	width: 62px;
	height: 62px;
	background: url(https://static.ws.126.net/f2e/products/relottery/platform/images/iconsprites.png) -238px -141px no-repeat
}

.sidebar-shareicon:hover {
	background-position: -238px -203px
}

@keyframes stardispear {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0
	}
}

@keyframes starturn {
	0% {
		transfrom: scale(0)
	}
	36% {
		transfrom: scale(0)
	}
	72% {
		transfrom: scale(12)
	}
	100% {
		transfrom: scale(12)
	}
}

@keyframes cardCollectText {
	0% {
		display: block;
		left: -30px;
		opacity: 0
	}
	25% {
		display: block;
		left: -30px;
		opacity: 0
	}
	50% {
		display: block;
		left: -41px;
		opacity: 1
	}
	80% {
		display: block;
		left: -41px;
		opacity: 1
	}
	100% {
		display: block;
		left: -30px;
		opacity: 0
	}
}

@keyframes sideCollectText {
	0% {
		top: 23px;
		opacity: 0
	}
	15% {
		top: 23px;
		opacity: 0
	}
	40% {
		top: -15px;
		opacity: 1
	}
	80% {
		top: -15px;
		opacity: 1
	}
	100% {
		top: 23px;
		opacity: 0
	}
}

@keyframes sideStarTurn {
	0% {
		display: block;
		transform: scale(0)
	}
	36% {
		transform: scale(0)
	}
	72% {
		display: block;
		transform: scale(1.2)
	}
	100% {
		display: block;
		transform: scale(1)
	}
}

.sidebar-collecticon-new {
	position: relative;
	width: 62px;
	height: 62px;
	background: url(https://static.ws.126.net/f2e/products/relottery/platform/images/iconsprites.png) -238px -265px no-repeat;
	cursor: pointer
}

.sidebar-collecticon-new:hover:before {
	background: url(https://static.ws.126.net/f2e/products/relottery/platform/images/iconsprites.png) -260px -51px no-repeat
}

.sidebar-collecticon-new .collect-text {
	display: none;
	position: absolute;
	top: 23px;
	left: 50%;
	margin-left: -18px;
	opacity: 0;
	z-index: -1;
	color: #ec4844
}

.sidebar-collecticon-new:before {
	content: '';
	position: absolute;
	top: 18px;
	left: 21px;
	width: 20px;
	height: 20px;
	background: url(https://static.ws.126.net/f2e/products/relottery/platform/images/iconsprites.png) -280px -51px no-repeat;
	transition: opacity .2s linear;
	opacity: 1
}

.sidebar-collecticon-new:after {
	position: absolute;
	top: 18px;
	left: 21px;
	width: 20px;
	height: 20px;
	background: url(https://static.ws.126.net/f2e/products/relottery/platform/images/iconsprites.png) -220px -51px no-repeat;
	display: none \9
}

.sidebar-collecticon-new.animate:before {
	transition: opacity .2s linear;
	opacity: 1
}

.sidebar-collecticoned-new {
	position: relative;
	width: 62px;
	height: 62px;
	cursor: pointer;
	background: url(https://static.ws.126.net/f2e/products/relottery/platform/images/iconsprites.png) -238px -265px no-repeat
}

.sidebar-collecticoned-new:hover:before {
	background: url(https://static.ws.126.net/f2e/products/relottery/platform/images/iconsprites.png) -260px -51px no-repeat
}

.sidebar-collecticoned-new .collect-text {
	display: none;
	position: relative;
	display: none \9;
	position: absolute;
	left: 50%;
	margin-left: -18px;
	z-index: -1;
	color: #ec4844
}

.sidebar-collecticoned-new:before {
	content: '';
	position: absolute;
	top: 18px;
	left: 21px;
	width: 20px;
	height: 20px;
	background: url(https://static.ws.126.net/f2e/products/relottery/platform/images/iconsprites.png) -280px -51px no-repeat;
	opacity: 0
}

.sidebar-collecticoned-new:after {
	content: '';
	position: absolute;
	top: 18px;
	left: 21px;
	width: 20px;
	height: 20px;
	background: url(https://static.ws.126.net/f2e/products/relottery/platform/images/iconsprites.png) -220px -51px no-repeat;
	opacity: 1
}

.sidebar-collecticoned-new.animate .collect-text {
	display: block;
	animation: sideCollectText 2.16s linear forwards
}

.sidebar-collecticoned-new.animate:before {
	transition: opacity .5s linear
}

.sidebar-collecticoned-new.animate:after {
	animation: sideStarTurn .44s ease-in-out forwards
}

.sidebar-collecticon {
	position: relative;
	width: 62px;
	height: 62px;
	background: url(https://static.ws.126.net/f2e/products/relottery/platform/images/iconsprites.png) -238px -265px no-repeat;
	cursor: pointer
}

.sidebar-collecticon:hover {
	background-position: -238px -327px
}

.sidebar-collecticon:before {
	content: '';
	position: absolute;
	top: 4px;
	left: 7px;
	width: 50px;
	height: 51px;
	background: url(https://static.ws.126.net/f2e/products/relottery/platform/images/iconsprites.png) -250px -415px no-repeat;
	transition: transform .5s linear;
	transform: scale(0)
}

.sidebar-collecticon:after {
	content: '';
	position: absolute;
	top: 18px;
	left: 21px;
	width: 20px;
	height: 20px;
	background: url(https://static.ws.126.net/f2e/products/relottery/platform/images/iconsprites.png) -240px -51px no-repeat;
	transition: opacity .5s linear;
	opacity: 0
}

.sidebar-collecticoned {
	position: relative;
	width: 62px;
	height: 62px;
	cursor: pointer
}

.sidebar-collecticoned:before {
	content: '';
	position: absolute;
	top: 4px;
	left: 7px;
	width: 50px;
	height: 51px;
	background: url(https://static.ws.126.net/f2e/products/relottery/platform/images/iconsprites.png) -250px -415px no-repeat;
	transition: transform .5s linear;
	transform: scale(1)
}

.sidebar-collecticoned:after {
	content: '';
	position: absolute;
	top: 18px;
	left: 21px;
	width: 20px;
	height: 20px;
	background: url(https://static.ws.126.net/f2e/products/relottery/platform/images/iconsprites.png) -240px -51px no-repeat;
	transition: opacity .5s linear;
	opacity: 1
}

.sidebar-collecticon {
	position: relative;
	width: 62px;
	height: 62px;
	background: url(https://static.ws.126.net/f2e/products/relottery/platform/images/iconsprites.png) -238px -265px no-repeat;
	cursor: pointer
}

.sidebar-collecticon:hover {
	background-position: -238px -327px
}

.sidebar-collecticon:before {
	content: '';
	position: absolute;
	top: 4px;
	left: 7px;
	width: 50px;
	height: 51px;
	background: url(https://static.ws.126.net/f2e/products/relottery/platform/images/iconsprites.png) -250px -415px no-repeat;
	transition: transform .5s linear;
	transform: scale(0)
}

.sidebar-collecticon:after {
	content: '';
	position: absolute;
	top: 18px;
	left: 21px;
	width: 20px;
	height: 20px;
	background: url(https://static.ws.126.net/f2e/products/relottery/platform/images/iconsprites.png) -240px -51px no-repeat;
	transition: opacity .5s linear;
	opacity: 0
}

.sidebar-collecticoned {
	position: relative;
	width: 62px;
	height: 62px;
	cursor: pointer
}

.sidebar-collecticoned:before {
	content: '';
	position: absolute;
	top: 4px;
	left: 7px;
	width: 50px;
	height: 51px;
	background: url(https://static.ws.126.net/f2e/products/relottery/platform/images/iconsprites.png) -250px -415px no-repeat;
	transition: transform .5s linear;
	transform: scale(1)
}

.sidebar-collecticoned:after {
	content: '';
	position: absolute;
	top: 18px;
	left: 21px;
	width: 20px;
	height: 20px;
	background: url(https://static.ws.126.net/f2e/products/relottery/platform/images/iconsprites.png) -240px -51px no-repeat;
	transition: opacity .5s linear;
	opacity: 1
}

.categoryicon {
	display: inline-block;
	width: 16px;
	height: 16px
}

.categoryicon.football {
	background: url(https://static.ws.126.net/f2e/products/relottery/platform/images/iconsprites.png) 0 -257px no-repeat
}

.categoryicon.basketball {
	background: url(https://static.ws.126.net/f2e/products/relottery/platform/images/iconsprites.png) -16px -257px no-repeat
}

.closecirclebtn {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 35px;
	height: 35px;
	border-bottom-left-radius: 100%;
	background-color: rgba(0, 0, 0, 0.1);
	cursor: pointer
}

.closecirclebtn:hover {
	background-color: rgba(0, 0, 0, 0.2)
}

.closecirclebtn:after {
	content: '';
	display: block;
	position: absolute;
	top: 8px;
	right: 8px;
	width: 14px;
	height: 14px;
	background: url(https://static.ws.126.net/f2e/products/relottery/platform/images/iconsprites.png) -286px 0 no-repeat
}

.followmoveup {
	animation: followup .2s ease-out forwards
}

.followmovedown {
	animation: followdown .2s ease-out forwards
}

.unfollowmoveup {
	animation: unfollowup .2s ease-out forwards
}

.unfollowmovedown {
	animation: unfollowdown .2s ease-out forwards
}

@keyframes followup {
	0% {
		top: 0
	}
	100% {
		top: -45px
	}
}

@keyframes followdown {
	0% {
		top: -45px
	}
	100% {
		top: 0
	}
}

@keyframes unfollowup {
	0% {
		top: 45px
	}
	100% {
		top: 0
	}
}

@keyframes unfollowdown {
	0% {
		top: 0
	}
	100% {
		top: 45px
	}
}

.footer-area {
	background: #333;
	font: normal 12px/35px '', 'Hiragino Sans GB', Arial;
	color: #fff;
	text-align: center
}

.footer-area span {
	font-family: Arial, sans-serif
}

.textoverflow {
	display: block;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.enlargeimg {
	animation: enlargeimg .3s linear forwards
}

.scaleimgwrap {
	transform: translateZ(0);
	overflow: hidden
}

.scaleimg {
	transform: scale(1);
	transition: transform .3s linear
}

.scaleimg:hover {
	transform: scale(1.1)
}

.enlargecollect {
	animation: enlargecollect .5s linear forwards
}

.shrinkcollect {
	animation: shrinkcollect .5s linear forwards
}

.popscale {
	animation: popscale .5s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards
}

.popenlarge {
	animation: popenlarge .3s ease-in-out
}

.shadowshow {
	animation: shadowshow .2s linear forwards
}

@keyframes popenlarge {
	0% {
		width: 0;
		height: 0
	}
	100% {
		width: 100%;
		height: 120px
	}
}

@keyframes popscale {
	0% {
		transform: scale(0)
	}
	100% {
		transform: scale(1)
	}
}

@keyframes shadowshow {
	0% {
		box-shadow: none
	}
	100% {
		box-shadow: 2px 2px 8px 0 rgba(236, 236, 236, 0.8)
	}
}

@keyframes scaleout {
	0% {
		transform: scale(0);
		opacity: 1
	}
	100% {
		transform: scale(1);
		opacity: 0
	}
}

@keyframes enlargeimg {
	0% {
		transform: scale(1)
	}
	100% {
		transform: scale(1.1)
	}
}

.schemecard-shareicon {
	width: 29px;
	height: 28px;
	background: url(https://static.ws.126.net/f2e/products/relottery/platform/images/iconsprites.png) -242px -85px no-repeat
}

.schemecard-shareicon:hover {
	background-position: -271px -85px
}

.schemecard-collecticon-new {
	width: 29px;
	height: 28px;
	background: url(https://static.ws.126.net/f2e/products/relottery/platform/images/iconsprites.png) -242px -113px no-repeat
}

.schemecard-collecticon-new:hover:before {
	background: url(https://static.ws.126.net/f2e/products/relottery/platform/images/iconsprites.png) -286px -71px no-repeat
}

.schemecard-collecticon-new .collect-text {
	display: none;
	position: absolute;
	top: 50%;
	left: -10px;
	margin-top: -6px;
	font: normal 12px/12px '', 'Hiragino Sans GB', Arial;
	color: #ec4844;
	opacity: 0;
	white-space: nowrap
}

.schemecard-collecticon-new:before {
	content: '';
	position: absolute;
	top: 5px;
	left: 6px;
	width: 14px;
	height: 14px;
	background: url(https://static.ws.126.net/f2e/products/relottery/platform/images/iconsprites.png) -272px -71px no-repeat;
	opacity: 1
}

.schemecard-collecticon-new:after {
	content: '';
	position: absolute;
	top: 5px;
	left: 6px;
	width: 14px;
	height: 14px;
	background: url(https://static.ws.126.net/f2e/products/relottery/platform/images/iconsprites.png) -244px -71px no-repeat;
	opacity: 0;
	display: none \9
}

.schemecard-collecticon-new.animate:after {
	animation: stardispear .16s linear forwards
}

.schemecard-collecticoned-new {
	position: relative;
	width: 29px;
	height: 28px;
	background: url(https://static.ws.126.net/f2e/products/relottery/platform/images/iconsprites.png) -242px -113px no-repeat
}

.schemecard-collecticoned-new .collect-text {
	display: none;
	position: absolute;
	top: 50%;
	margin-top: -6px;
	font: normal 12px/12px '', 'Hiragino Sans GB', Arial;
	white-space: nowrap;
	color: #ec4844;
	display: none \9
}

.schemecard-collecticoned-new:before {
	display: block;
	content: '';
	position: absolute;
	top: 5px;
	left: 6px;
	with: 14px;
	height: 14px;
	background: url(https://static.ws.126.net/f2e/products/relottery/platform/images/iconsprites.png) -272px -71px no-repeat;
	opacity: 0
}

.schemecard-collecticoned-new:after {
	display: block;
	content: '';
	position: absolute;
	top: 5px;
	left: 6px;
	width: 14px;
	height: 14px;
	background: url(https://static.ws.126.net/f2e/products/relottery/platform/images/iconsprites.png) -244px -71px no-repeat;
	opacity: 1
}

.schemecard-collecticoned-new.animate .collect-text {
	display: block;
	animation: cardCollectText 1.6s linear forwards
}

.schemecard-collecticoned-new.animate:before {
	animation: stardispear .16s linear forwards
}

.schemecard-collecticoned-new.animate:after {
	animation: sideStarTurn .44s ease-in-out
}

.schemecard-collecticon {
	width: 29px;
	height: 28px;
	background: url(https://static.ws.126.net/f2e/products/relottery/platform/images/iconsprites.png) -242px -113px no-repeat
}

.schemecard-collecticon:hover {
	background-position: -271px -113px
}

.schemecard-collecticon:before {
	content: '';
	position: absolute;
	top: 0;
	left: 1px;
	width: 26px;
	height: 26px;
	background: url(https://static.ws.126.net/f2e/products/relottery/platform/images/iconsprites.png) -274px -389px no-repeat;
	transition: transform .5s linear;
	transform: scale(0)
}

.schemecard-collecticon:after {
	content: '';
	position: absolute;
	top: 6px;
	left: 7px;
	width: 14px;
	height: 14px;
	background: url(https://static.ws.126.net/f2e/products/relottery/platform/images/iconsprites.png) -257px -71px no-repeat;
	transition: opacity .5s linear;
	opacity: 0
}

.schemecard-collecticoned {
	position: relative;
	width: 29px;
	height: 28px
}

.schemecard-collecticoned:before {
	display: block;
	content: '';
	position: absolute;
	top: 0;
	left: 1px;
	width: 26px;
	height: 26px;
	background: url(https://static.ws.126.net/f2e/products/relottery/platform/images/iconsprites.png) -274px -389px no-repeat;
	transition: transform .5s linear;
	transform: scale(1)
}

.schemecard-collecticoned:after {
	display: block;
	content: '';
	position: absolute;
	top: 6px;
	left: 7px;
	width: 14px;
	height: 14px;
	background: url(https://static.ws.126.net/f2e/products/relottery/platform/images/iconsprites.png) -257px -71px no-repeat;
	transition: opacity .5s linear;
	opacity: 1
}

.sidebar-shareicon {
	width: 62px;
	height: 62px;
	background: url(https://static.ws.126.net/f2e/products/relottery/platform/images/iconsprites.png) -238px -141px no-repeat
}

.sidebar-shareicon:hover {
	background-position: -238px -203px
}

@keyframes stardispear {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0
	}
}

@keyframes starturn {
	0% {
		transfrom: scale(0)
	}
	36% {
		transfrom: scale(0)
	}
	72% {
		transfrom: scale(12)
	}
	100% {
		transfrom: scale(12)
	}
}

@keyframes cardCollectText {
	0% {
		display: block;
		left: -30px;
		opacity: 0
	}
	25% {
		display: block;
		left: -30px;
		opacity: 0
	}
	50% {
		display: block;
		left: -41px;
		opacity: 1
	}
	80% {
		display: block;
		left: -41px;
		opacity: 1
	}
	100% {
		display: block;
		left: -30px;
		opacity: 0
	}
}

@keyframes sideCollectText {
	0% {
		top: 23px;
		opacity: 0
	}
	15% {
		top: 23px;
		opacity: 0
	}
	40% {
		top: -15px;
		opacity: 1
	}
	80% {
		top: -15px;
		opacity: 1
	}
	100% {
		top: 23px;
		opacity: 0
	}
}

@keyframes sideStarTurn {
	0% {
		display: block;
		transform: scale(0)
	}
	36% {
		transform: scale(0)
	}
	72% {
		display: block;
		transform: scale(1.2)
	}
	100% {
		display: block;
		transform: scale(1)
	}
}

.sidebar-collecticon-new {
	position: relative;
	width: 62px;
	height: 62px;
	background: url(https://static.ws.126.net/f2e/products/relottery/platform/images/iconsprites.png) -238px -265px no-repeat;
	cursor: pointer
}

.sidebar-collecticon-new:hover:before {
	background: url(https://static.ws.126.net/f2e/products/relottery/platform/images/iconsprites.png) -260px -51px no-repeat
}

.sidebar-collecticon-new .collect-text {
	display: none;
	position: absolute;
	top: 23px;
	left: 50%;
	margin-left: -18px;
	opacity: 0;
	z-index: -1;
	color: #ec4844
}

.sidebar-collecticon-new:before {
	content: '';
	position: absolute;
	top: 18px;
	left: 21px;
	width: 20px;
	height: 20px;
	background: url(https://static.ws.126.net/f2e/products/relottery/platform/images/iconsprites.png) -280px -51px no-repeat;
	transition: opacity .2s linear;
	opacity: 1
}

.sidebar-collecticon-new:after {
	position: absolute;
	top: 18px;
	left: 21px;
	width: 20px;
	height: 20px;
	background: url(https://static.ws.126.net/f2e/products/relottery/platform/images/iconsprites.png) -220px -51px no-repeat;
	display: none \9
}

.sidebar-collecticon-new.animate:before {
	transition: opacity .2s linear;
	opacity: 1
}

.sidebar-collecticoned-new {
	position: relative;
	width: 62px;
	height: 62px;
	cursor: pointer;
	background: url(https://static.ws.126.net/f2e/products/relottery/platform/images/iconsprites.png) -238px -265px no-repeat
}

.sidebar-collecticoned-new:hover:before {
	background: url(https://static.ws.126.net/f2e/products/relottery/platform/images/iconsprites.png) -260px -51px no-repeat
}

.sidebar-collecticoned-new .collect-text {
	display: none;
	position: relative;
	display: none \9;
	position: absolute;
	left: 50%;
	margin-left: -18px;
	z-index: -1;
	color: #ec4844
}

.sidebar-collecticoned-new:before {
	content: '';
	position: absolute;
	top: 18px;
	left: 21px;
	width: 20px;
	height: 20px;
	background: url(https://static.ws.126.net/f2e/products/relottery/platform/images/iconsprites.png) -280px -51px no-repeat;
	opacity: 0
}

.sidebar-collecticoned-new:after {
	content: '';
	position: absolute;
	top: 18px;
	left: 21px;
	width: 20px;
	height: 20px;
	background: url(https://static.ws.126.net/f2e/products/relottery/platform/images/iconsprites.png) -220px -51px no-repeat;
	opacity: 1
}

.sidebar-collecticoned-new.animate .collect-text {
	display: block;
	animation: sideCollectText 2.16s linear forwards
}

.sidebar-collecticoned-new.animate:before {
	transition: opacity .5s linear
}

.sidebar-collecticoned-new.animate:after {
	animation: sideStarTurn .44s ease-in-out forwards
}

.sidebar-collecticon {
	position: relative;
	width: 62px;
	height: 62px;
	background: url(https://static.ws.126.net/f2e/products/relottery/platform/images/iconsprites.png) -238px -265px no-repeat;
	cursor: pointer
}

.sidebar-collecticon:hover {
	background-position: -238px -327px
}

.sidebar-collecticon:before {
	content: '';
	position: absolute;
	top: 4px;
	left: 7px;
	width: 50px;
	height: 51px;
	background: url(https://static.ws.126.net/f2e/products/relottery/platform/images/iconsprites.png) -250px -415px no-repeat;
	transition: transform .5s linear;
	transform: scale(0)
}

.sidebar-collecticon:after {
	content: '';
	position: absolute;
	top: 18px;
	left: 21px;
	width: 20px;
	height: 20px;
	background: url(https://static.ws.126.net/f2e/products/relottery/platform/images/iconsprites.png) -240px -51px no-repeat;
	transition: opacity .5s linear;
	opacity: 0
}

.sidebar-collecticoned {
	position: relative;
	width: 62px;
	height: 62px;
	cursor: pointer
}

.sidebar-collecticoned:before {
	content: '';
	position: absolute;
	top: 4px;
	left: 7px;
	width: 50px;
	height: 51px;
	background: url(https://static.ws.126.net/f2e/products/relottery/platform/images/iconsprites.png) -250px -415px no-repeat;
	transition: transform .5s linear;
	transform: scale(1)
}

.sidebar-collecticoned:after {
	content: '';
	position: absolute;
	top: 18px;
	left: 21px;
	width: 20px;
	height: 20px;
	background: url(https://static.ws.126.net/f2e/products/relottery/platform/images/iconsprites.png) -240px -51px no-repeat;
	transition: opacity .5s linear;
	opacity: 1
}

.sidebar-collecticon {
	position: relative;
	width: 62px;
	height: 62px;
	background: url(https://static.ws.126.net/f2e/products/relottery/platform/images/iconsprites.png) -238px -265px no-repeat;
	cursor: pointer
}

.sidebar-collecticon:hover {
	background-position: -238px -327px
}

.sidebar-collecticon:before {
	content: '';
	position: absolute;
	top: 4px;
	left: 7px;
	width: 50px;
	height: 51px;
	background: url(https://static.ws.126.net/f2e/products/relottery/platform/images/iconsprites.png) -250px -415px no-repeat;
	transition: transform .5s linear;
	transform: scale(0)
}

.sidebar-collecticon:after {
	content: '';
	position: absolute;
	top: 18px;
	left: 21px;
	width: 20px;
	height: 20px;
	background: url(https://static.ws.126.net/f2e/products/relottery/platform/images/iconsprites.png) -240px -51px no-repeat;
	transition: opacity .5s linear;
	opacity: 0
}

.sidebar-collecticoned {
	position: relative;
	width: 62px;
	height: 62px;
	cursor: pointer
}

.sidebar-collecticoned:before {
	content: '';
	position: absolute;
	top: 4px;
	left: 7px;
	width: 50px;
	height: 51px;
	background: url(https://static.ws.126.net/f2e/products/relottery/platform/images/iconsprites.png) -250px -415px no-repeat;
	transition: transform .5s linear;
	transform: scale(1)
}

.sidebar-collecticoned:after {
	content: '';
	position: absolute;
	top: 18px;
	left: 21px;
	width: 20px;
	height: 20px;
	background: url(https://static.ws.126.net/f2e/products/relottery/platform/images/iconsprites.png) -240px -51px no-repeat;
	transition: opacity .5s linear;
	opacity: 1
}

.categoryicon {
	display: inline-block;
	width: 16px;
	height: 16px
}

.categoryicon.football {
	background: url(https://static.ws.126.net/f2e/products/relottery/platform/images/iconsprites.png) 0 -257px no-repeat
}

.categoryicon.basketball {
	background: url(https://static.ws.126.net/f2e/products/relottery/platform/images/iconsprites.png) -16px -257px no-repeat
}

.closecirclebtn {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 35px;
	height: 35px;
	border-bottom-left-radius: 100%;
	background-color: rgba(0, 0, 0, 0.1);
	cursor: pointer
}

.closecirclebtn:hover {
	background-color: rgba(0, 0, 0, 0.2)
}

.closecirclebtn:after {
	content: '';
	display: block;
	position: absolute;
	top: 8px;
	right: 8px;
	width: 14px;
	height: 14px;
	background: url(https://static.ws.126.net/f2e/products/relottery/platform/images/iconsprites.png) -286px 0 no-repeat
}

.followmoveup {
	animation: followup .2s ease-out forwards
}

.followmovedown {
	animation: followdown .2s ease-out forwards
}

.unfollowmoveup {
	animation: unfollowup .2s ease-out forwards
}

.unfollowmovedown {
	animation: unfollowdown .2s ease-out forwards
}

@keyframes followup {
	0% {
		top: 0
	}
	100% {
		top: -45px
	}
}

@keyframes followdown {
	0% {
		top: -45px
	}
	100% {
		top: 0
	}
}

@keyframes unfollowup {
	0% {
		top: 45px
	}
	100% {
		top: 0
	}
}

@keyframes unfollowdown {
	0% {
		top: 0
	}
	100% {
		top: 45px
	}
}

.m-modal {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 999
}

.backdrop {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.3)
}

.common-modal {
	position: absolute;
	top: 50%;
	left: 50%;
	background: #fff;
	border-radius: 3px;
	overflow: hidden;
	box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
	animation: popscale .5s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards
}

.common-modal .modal-closebtn {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 35px;
	height: 35px;
	border-bottom-left-radius: 100%;
	background-color: rgba(0, 0, 0, 0.1);
	cursor: pointer
}

.common-modal .modal-closebtn:hover {
	background-color: rgba(0, 0, 0, 0.2)
}

.common-modal .modal-closebtn:after {
	content: '';
	display: block;
	position: absolute;
	top: 8px;
	right: 8px;
	width: 14px;
	height: 14px;
	background: url(https://static.ws.126.net/f2e/products/relottery/platform/images/iconsprites.png) -286px 0 no-repeat
}

.common-modal.prompt {
	height: 446px;
	width: 480px;
	margin-left: -240px;
	margin-top: -223px
}

.common-modal.prompt .modal-footer {
	background-color: #fff
}

.common-modal.autodispear {
	width: 180px;
	height: 180px;
	margin-top: -90px;
	margin-left: -90px;
	background: #fff;
	text-align: center;
	border-radius: 3px
}

.common-modal.autodispear .main {
	display: table;
	width: 100%;
	height: 100%
}

.common-modal.autodispear .modal-body {
	display: table-cell;
	text-align: center;
	vertical-align: middle
}

.common-modal.autodispear .bodytitle {
	font: normal 20px/24px '', 'Hiragino Sans GB', Arial;
	color: #333;
	margin-bottom: 13px;
	padding: 0 20px
}

.common-modal.autodispear .bodycontent {
	font: normal 16px/16px '', 'Hiragino Sans GB', Arial;
	color: #999;
	padding: 0 20px
}

.common-modal .statusicon {
	margin: 0 auto;
	margin-bottom: 17px
}

.common-modal .statusicon.success {
	width: 57px;
	height: 39px;
	background: url(https://static.ws.126.net/f2e/products/relottery/platform/images/iconsprites.png) 0 -136px
}

.common-modal .statusicon.fail {
	width: 40px;
	height: 39px;
	background: url(https://static.ws.126.net/f2e/products/relottery/platform/images/iconsprites.png) -57px -136px
}

.common-modal.confirm {
	width: 480px;
	height: 230px;
	margin-top: -115px;
	margin-left: -240px;
	text-align: center
}

.common-modal.confirm .modal-body {
	height: 100px;
	padding-top: 60px;
	font: normal 18px/18px '', 'Hiragino Sans GB', Arial;
	color: #333
}

.common-modal.confirm .bodytitle {
	margin-bottom: 22px
}

.common-modal.confirm .mark {
	color: #e53935
}

.common-modal .modal-header {
	height: 60px;
	padding-left: 30px;
	font: normal 18px/60px '', 'Hiragino Sans GB', Arial;
	color: #333;
	background: #f0f0f0
}

.common-modal .modal-header h3 {
	font-weight: 500
}

.common-modal.statement {
	width: 700px;
	height: 600px;
	margin-top: -300px;
	margin-left: -350px;
	text-align: left
}

.common-modal.statement .modal-header {
	height: 60px;
	padding-left: 30px;
	font: normal 18px/60px '', 'Hiragino Sans GB', Arial;
	color: #333;
	background: #f0f0f0
}

.common-modal.statement .modal-body {
	width: 640px;
	height: 421px;
	padding: 15px 30px
}

.common-modal.statement .statement-wrap {
	height: 420px;
	border-bottom: 1px solid #eee;
	overflow: auto
}

.common-modal.statement .statement-main {
	padding: 15px 0
}

.common-modal.statement .bodytitle {
	font: normal 14px/24px '', 'Hiragino Sans GB', Arial
}

.common-modal.statement .bodycontent p {
	text-indent: 2em;
	font: normal 14px/24px '', 'Hiragino Sans GB', Arial;
	color: #333
}

.common-modal.statement .modal-footer {
	padding: 19px 0 30px;
	background: #fff
}

.common-modal.statement .modal-footer .btn-sure {
	margin-right: 30px
}

.common-modal.pay {
	width: 600px;
	height: 240px;
	margin-left: -300px;
	margin-top: -120px
}

.common-modal.pay .modal-body {
	display: inline-block;
	padding: 52px 0 40px;
	text-align: center
}

.common-modal.pay .modal-body:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.common-modal.pay .modal-body .paytip {
	font: normal 16px/16px '', 'Hiragino Sans GB', Arial;
	color: #333;
	margin-bottom: 20px
}

.common-modal.pay .modal-body .pay-success {
	float: left;
	width: 299px;
	height: 100px;
	border-right: 1px solid #eee
}

.common-modal.pay .modal-body .pay-fail {
	float: left;
	width: 300px
}

.common-modal.pay .modal-body .btn-sure {
	display: inline-block;
	width: 155px;
	height: 40px;
	line-height: 40px;
	font-size: 20px;
	font-family: '', 'Hiragino Sans GB', Arial;
	color: #fff;
	background-color: #ff7043;
	border-radius: 3px;
	text-align: center;
	cursor: pointer
}

.common-modal.pay .modal-body .btn-sure:hover {
	background-color: #ff855f
}

.common-modal.pay .modal-body .btn-cancel {
	padding: 0;
	border: 0 none;
	display: inline-block;
	width: 155px;
	height: 40px;
	line-height: 40px;
	font-size: 20px;
	font-family: '', 'Hiragino Sans GB', Arial;
	color: #fff;
	background-color: #ff7043;
	border-radius: 3px;
	text-align: center;
	cursor: pointer
}

.common-modal.pay .modal-body .btn-cancel:hover {
	background-color: #ff855f
}

.common-modal.wechatpay {
	width: 480px;
	height: 465px;
	margin-left: -240px;
	margin-top: -232.5px
}

.common-modal.wechatpay .modal-body {
	padding-top: 28px;
	padding-left: 90px
}

.common-modal.wechatpay .bodytitle {
	font: normal 14px/14px '', 'Hiragino Sans GB', Arial;
	color: #333;
	margin-bottom: 15px;
	text-align: left
}

.common-modal.wechatpay .wechatpay-qrcode {
	width: 300px;
	height: 300px
}

.common-modal .modal-footer .paytip {
	color: #888
}

.common-modal .modal-footer {
	padding: 15px 30px;
	background: #f5f5f5;
	text-align: right
}

.common-modal .btn-sure {
	border: 0 none;
	display: inline-block;
	width: 105px;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	font-family: '', 'Hiragino Sans GB', Arial;
	color: #fff;
	background-color: #ff7043;
	border-radius: 3px;
	text-align: center;
	cursor: pointer;
	margin-left: 10px
}

.common-modal .btn-sure:hover {
	background-color: #ff855f
}

.common-modal .btn-cancel {
	display: inline-block;
	width: 105px;
	height: 16px;
	padding: 11px 0;
	border: 1px solid #ddd;
	color: #333;
	font: normal 16px/16px '', 'Hiragino Sans GB', Arial;
	text-align: center;
	border-radius: 3px;
	cursor: pointer;
	background: #fff
}

.common-modal .btn-cancel:hover {
	border-color: #aaa
}


form textarea {
	display: block;
	position: relative;
	width: 390px;
	height: 234px;
	padding: 15px;
	margin: 30px auto 0;
	font-size: 16px;
	line-height: 1.5;
	color: #333;
	border: 1px solid #e5e5e5;
	font-family: Arial, "", "Hiragino Sans GB";
	border-radius: 3px;
	resize: none;
	outline: 0
}

.form_common_form_btns {
	width: 422px;
	position: relative;
	margin: 20px auto 0;
	text-align: right;
	vertical-align: middle
}

.form_btn-cancel {
	display: inline-block;
	width: 105px;
	height: 38px;
	border: 1px solid #ddd;
	font: normal 16px/16px '';
	text-align: center;
	border-radius: 3px;
	cursor: pointer;
	background: 0;
	vertical-align: middle
}

.form_btn-cancel:hover {
	border-color: #aaa
}

.form_btn-sure {
	border: 0 none;
	display: inline-block;
	width: 105px;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	font-family: '';
	color: #fff;
	background-color: #ff7043;
	border-radius: 3px;
	text-align: center;
	cursor: pointer;
	margin-left: 10px;
	vertical-align: middle
}

.form_btn-sure:hover {
	background-color: #ff855f
}

.form_call_window {
	display: none
}

.form_wrong {
	border-color: #ff6e6b
}

.fixed_right {
	position: fixed;
	left: 50%;
	margin-left: 454px;
	width: 48px;
	bottom: 24px
}

.fixed_right.fixed_pos {
	left: 1202px;
	margin-left: 0
}

.fixed_right .scrollTop {
	display: none;
	width: 48px;
	height: 48px;
	background: url(https://static.ws.126.net/f2e/products/relottery/platform/images/index_sprites.png?33243) 0 -52px no-repeat;
	box-shadow: 0 2px 2px rgba(236, 236, 236, 0.8);
	-webkit-box-shadow: 0 2px 2px rgba(236, 236, 236, 0.8);
	transition: opacity .6s;
	cursor: pointer
}

.fixed_right .scrollTop:hover {
	background-position: -60px -52px
}

.fixed_right .scrollTop.scroll_fixed {
	display: block;
	opacity: 1
}

.fixed_right .sfc {
	display: none;
	width: 138px;
	height: 201px;
	background: url(https://static.ws.126.net/f2e/products/relottery/platform/images/sfc_bg.png);
	margin: 0 0 10px -17px;
	overflow: hidden
}

.fixed_right .sfc .vol {
	width: 100%;
	margin-top: 117px;
	text-align: center;
	line-height: 1;
	color: #4a3d3c;
	font-size: 12px
}

.fixed_right .sfc .num {
	width: 100%;
	margin-top: 15px;
	font-size: 16px;
	line-height: 1;
	text-align: center;
	color: #493c3b
}

.fixed_right .sfc .threadNum {
	width: 86px;
	height: 30px;
	margin: 5px auto 0;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	background: #493c3b;
	color: #fff;
	text-align: center;
	line-height: 30px;
	font-size: 12px;
	cursor: pointer
}

.fixed_right .sfc .threadNum .triangle {
	display: inline-block;
	width: 0;
	height: 0;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 4px solid #fff;
	margin-left: 6px
}

.fixed_right .feadback {
	width: 48px;
	height: 48px;
	margin-bottom: 4px;
	background: url(https://static.ws.126.net/f2e/products/relottery/platform/images/index_sprites.png?33243) 0 0 no-repeat;
	box-shadow: 0 2px 2px rgba(236, 236, 236, 0.8);
	-webkit-box-shadow: 0 2px 2px rgba(236, 236, 236, 0.8);
	cursor: pointer
}

.fixed_right .feadback:hover {
	background-position: -60px 0
}

.fixed_right .appqrcode {
	width: 48px;
	height: 48px;
	background: url(https://static.ws.126.net/f2e/products/relottery/platform/images/index_sprites.png?33243) -430px -185px no-repeat;
	cursor: pointer;
	margin-bottom: 4px;
	position: relative;
	box-shadow: 0 2px 2px rgba(236, 236, 236, 0.8);
	-webkit-box-shadow: 0 2px 2px rgba(236, 236, 236, 0.8)
}

.fixed_right .appqrcode .pic {
	display: none;
	position: absolute;
	width: 122px;
	height: 117px;
	background: url(https://static.ws.126.net/f2e/products/relottery/platform/images/dowloadqrcode.png);
	left: -126px;
	bottom: -4px
}

.fixed_right .appqrcode:hover {
	background-position: -430px -250px
}

.fixed_right .appqrcode:hover .pic {
	display: block
}