body {
	background: #fff
}

.f-l {
	float: left
}

.f-r {
	float: right
}

.mt5 {
	margin-top: 5px
}

.mt10 {
	margin-top: 10px
}

.hide {
	display: none
}

.dpn {
	display: none
}

.dpb {
	display: block
}

.abs {
	position: absolute;
}

.clearfix {
	*zoom: 1
}

.clearfix:before, .clearfix:after {
	display: table;
	content: "";
	line-height: 0
}

.clearfix:after {
	clear: both
}

.ui-icon-gripsmall-diagonal-se {
	background: none !important
}

.panel {
	position: relative
}

.pageRowBox {
	position: absolute;
	top: 0;
	left: 0;
	width: 320px;
	height: 514px;
	overflow: hidden
}

.panel .row {
	width: 100%;
	height: 514px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9
}

.panel .playing {
	z-index: 1;
}

.playing .soundIcon {
	width: 40px;
	height: 40px;
	top: 20px;
	left: 10px;
	cursor: move;
	position: absolute;
	z-index: 999;
}

#audio_btn {
	position: absolute;
	left: 10px;
	top: 10px;
	z-index: 200;
	width: 60px;
	height: 60px;
	background-repeat: no-repeat;
	z-index: 0;
}

.rotate {
	position: absolute;
	left: 10px;
	top: 10px;
	width: 40px;
	height: 40px;
	background-size: 100% 100%;
	background-image: url(/tpl/static/game/phoneimage/musicOn.png);
	-webkit-animation: rotating 1.2s linear infinite;
	-moz-animation: rotating 1.2s linear infinite;
	-o-animation: rotating 1.2s linear infinite;
	animation: rotating 1.2s linear infinite;
}

.play_yinfu {
	background-image: url(/tpl/static/game/phoneimage/music.gif);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 60px 60px;
}

.off {
	background-image: url(/tpl/static/game/phoneimage/musicOff.png);
	background-size: 40px 40px;
	background-repeat: no-repeat;
	background-position: center center;
}

@-webkit-keyframes rotating {
	from {
		-webkit-transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes rotating {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}

@-moz-keyframes rotating {
	from {
		-moz-transform: rotate(0deg);
	}
	to {
		-moz-transform: rotate(360deg);
	}
}

.actImgList {
	height: 514px;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.actImgList img.layerImg {
	position: absolute
}

.actImgList div.layerImg {
	position: absolute;
	display: inline-block
}

.actImgList div.layerImg {
	*display: inline
}

.actImgList .ui-wrapper:hover {
	border: 1px dotted #3caf59
}

.home {
	position: relative
}

.home > img {
	position: absolute;
	top: 0;
}

.homeBgBox, .playingBgBox {
	width: 100%;
	height: 514px;
	overflow: hidden;
}

.homeBgBox img, .playingBgBox img {
	width: 100%;
	height: 100%;
}

.home .soundIcon {
	width: 40px;
	height: 40px;
	top: 20px;
	left: 10px;
	cursor: move;
	position: absolute;
}

.absCenter {
	width: 320px;
	position: absolute;
	top: 0
}

.absCenter > img {
	position: absolute;
	width: 100%;
	max-width: 80%;
}

.home .slaveImg, .home .slaveDiv, .home .coLogo {
	cursor: move;
	position: absolute
}

.home .titleImg {
	top: 65px
}

.home .coLogo {
	top: 190px
}

.home .startBtnImg {
	top: 265px;
	cursor: move
}

.home .ui-wrapper:hover, .home .slaveDiv:hover, .home .absText:hover {
	border: 1px dotted #3caf59
}

.home .joinNumLine {
	width: 300px;
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 6;
	text-align: center;
	top: 315px;
	cursor: move;
}

.home .joinNumLine p {
	text-shadow: 0;
	color: #fff;
}

.home .joinNumLine .specil {
	color: #e45c5c;
	font-size: 16px;
	display: inline-block;
	vertical-align: middle;
	text-shadow: 0
}

.home .someTip {
	width: 190px;
	height: 87px;
	top: 345px;
	background-image: url("/tpl/static/game/phoneimage/sometip.png");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 165px 77px;
	background-size: cover
}

.home .someTip p {
	padding: 15px;
	font-size: 10px;
	text-align: center;
	display: none
}

.home .homeBtnBox {
	position: absolute;
	bottom: 40%;
	right: 15px;
	z-index: 10;
}

.home .homeBtnBox > div {
	margin-bottom: 15px;
	position: relative;
}

.home .homeBtnBox img {
	width: 30px;
	height: 30px
}

.home .homeBtnBox > div:hover {
	border: 1px dotted #3caf59
}

.home .rightTime {
	width: 150px;
	height: 24px;
	position: absolute;
	right: 0;
	top: 25px;
	background: url("/tpl/static/game/phoneimage/timebg.png") no-repeat;
	background-size: 150px 24px;
	background-size: cover;
	color: #fff;
	cursor: move
}

.home .rightTime p {
	margin-left: 33px;
	line-height: 22px;
}

.home .rightTime p i {
	font-style: normal
}

.playTop {
	height: 54px;
	width: 100%;
	position: absolute;
	z-index: 1009;
	top: 0;
	left: 0;
	overflow: hidden
}

.playTop .playTopBg {
	background: #fff; /* older safari/Chrome browsers */
	-webkit-opacity: 0;
	/* Netscape and Older than Firefox 0.9 */
	-moz-opacity: 0;
	/* Safari 1.x (pre WebKit!) ï¿½ï¿½Ê½khtmlï¿½ÚºËµï¿½Safariï¿½ï¿½ï¿½ï¿½ï¿½*/
	-khtml-opacity: 0;
	/* IE9 + etc...modern browsers */
	opacity: 0;
	/* IE 4-9 */
	filter: alpha(opacity=);
	/*This works in IE 8 & 9 too*/
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	/*IE4-IE9*/
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	width: 100%;
	height: 54px;
	z-index: 1
}

.playTop .playTopText {
	z-index: 2;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	line-height: 54px;
	height: 54px;
}

.playTop .playTopText .time {
	color: #ffe5bc;
	font-size: 17px;
	padding-left: 15px
}

.playTop .playTopText .grade {
	color: #ff6961;
	font-size: 33px;
	margin-right: 15px
}

.windowDiv {
	background: url("/tpl/static/game/phoneimage/windowcover.png") repeat;
	background-size: cover;
	z-index: 1000;
}

.window {
	width: 305px;
	height: 450px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	margin-top: 20px;
	background: #fff;
	border-radius: 10px;
	overflow: hidden
}

.window .hd {
	border-radius: 10px 10px 0 0;
	overflow: hidden;
}

.window .hd ul {
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	box-orient: horizontal;
	display: -webkit-box;
	display: -moz-box;
	display: box
}

.window .hd li {
	background: #bfbfbf;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	cursor: pointer;
	box-flex: 1;
	text-align: center;
	padding: 10px 0;
	font-size: 14px;
	color: #fff
}

.window .hd li.on {
	background: #dd4849;
	color: #fff
}

.window .bd {
	padding: 0 10px
}

.window .bd .divCell .listCell {
	margin-bottom: 10px
}

.window .bd .divCell .listCell p span {
	color: #dd4849
}

.window .bd .divCell .listCell h3 {
	font-size: 14px;
	color: #ff3f3f;
	font-weight: normal
}

.window .bd .myPriceInfo {
	font-size: 14px;
	color: #333
}

.window .bd .myPriceInfo p em {
	background: #b3b3b3;
	color: #fff;
	margin-left: 10px;
	padding: 0 5px
}

.window .bd .priceCell .hdTit {
	overflow: hidden;
	padding: 10px 0
}

.window .bd .priceCell .hdTit span {
	font-size: 12px;
	color: #fff;
	background: #fdbd40;
	border-radius: 50px;
	padding: 2px 10px
}

/*.window .bd .priceList .style1 ul{-webkit-box-orient: horizontal;*/
/*-moz-box-orient: horizontal;*/
/*box-orient: horizontal;*/
/*display: -webkit-flex;*/
/*display: -moz-flex;*/
/*display: flex;flex-flow: row wrap;*/
/*align-content: flex-start;display: block\9;width: 285px;}*/
.window .bd .priceList ul {
}

/*.window .bd .priceList .style1 ul li{-webkit-box-flex: 0 0 25%;*/
/*-moz-box-flex: 1;*/
/*box-flex: 0 0 25%;*/
/*box-sizing: border-box;*/
/*text-align: center;}*/
.window .bd .priceList ul li {
}

/*.window .bd .priceList .style1 ul li{width: 84px; margin-right: 10px;background: #e6e6e6;padding: 10px 0;border-radius: 8px;overflow: hidden;text-align: center;float: left\9;    margin-bottom: 8px;}*/
.window .bd .priceList ul li {
	padding: 10px 0;
	border-radius: 0px;
	overflow: hidden;
	text-align: center;
	margin-bottom: 8px;
	border-bottom: 1px solid #eee;
}

.window .bd .priceList ul li:first-child {
	margin-left: 0
}

.window .bd .priceList ul li .priceImgBox {
	text-align: center;
	border-radius: 0px;
	overflow: hidden;
	display: inline-block;
	position: relative;
	float: left;
	margin-right: 10px;
	position: relative;
}

.window .bd .priceList ul li .priceImgBox {
	*display: inline
}

.window .bd .priceList ul li .priceImgBox img {
	width: 70px;
	height: 70px;
}

.window .bd .priceList ul li .priceImgBox h3 {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: url("/tpl/static/game/phoneimage/rgbabg.png") repeat;
	color: #fff;
	line-height: 24px;
	font-size: 12px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.window .bd .priceList ul li .priceImgBox i {
	background: url("/tpl/static/game/phoneimage/prizeTabIcon.png") no-repeat;
	width: 42px;
	height: 42px;
	position: absolute;
	top: 0;
	left: 0
}

.window .bd .priceList ul li .wxjf .priceImgBox .typeIcon {
	background-position: 0 -18px
}

/*Î¢ï¿½Å»ï¿½ï¿½*/
.window .bd .priceList ul li .wxkq .priceImgBox .typeIcon {
	background-position: -42px -18px
}

/*Î¢ï¿½Å¿ï¿½È¯*/
.window .bd .priceList ul li .wxhb .priceImgBox .typeIcon {
	background-position: -84px -18px
}

/*Î¢ï¿½Åºï¿½ï¿½*/
.window .bd .priceList ul li .xjhb .priceImgBox .typeIcon {
	background-position: -126px -18px
}

/*ï¿½Ö½ï¿½ï¿½ï¿½*/
.window .bd .priceList ul li .swlp .priceImgBox .typeIcon {
	background-position: -168px -18px
}

/*Êµï¿½ï¿½ï¿½ï¿½Æ·*/
.window .bd .priceList ul li .kwjh .priceImgBox .typeIcon {
	background-position: -210px -18px
}

/*ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½*/
.window .bd .priceList ul li .xxjf .priceImgBox .typeIcon {
	background-position: -252px -18px
}

/*ï¿½ï¿½ï¿½Â»ï¿½ï¿½*/
.window .bd .priceList ul li .xxkq .priceImgBox .typeIcon {
	background-position: -294px -18px
}

/*ï¿½ï¿½ï¿½Â¿ï¿½È¯*/
.window .bd .priceList ul li .other .priceImgBox .typeIcon {
	background-position: -336px -18px
}

/*ï¿½ï¿½ï¿½ï¿½*/
.window .bd .priceList ul li p.awardName {
	color: #000;
	overflow: hidden;
	text-overflow: ellipsis;
	/*white-space: nowrap;*/
	text-align: left;
	margin-bottom: 5px
}

.window .bd .priceList ul li p.awardName i {
	font-style: normal
}

.window .bd .priceList ul li p.awardNumber {
	font-size: 14px;
	color: #fff;
	font-weight: normal;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align: left;
	background: #fdbd40;
	border-radius: 20px;
	display: inline;
	padding: 2px 10px;
}

.window .bd .priceList ul li .priceDesc {
	overflow: hidden;
	text-align: left;
}

.window .bd .priceList ul li p.prizeNo {
	color: #999;
	font-size: 12px
}

.disTable {
	display: table;
	height: 70px
}

.disTable .disTableCell {
	display: table-cell;
	vertical-align: middle;
}

/*.window .bd .priceList .style2{display: none}*/
/*.window .bd .priceList .style2 ul li{font-size: 14px;margin: 5px 0}*/
/*.window .bd .priceList .style2 ul li em{color: #666}*/

.window .bd .myPriceList {
	overflow: hidden
}

.window .bd .myPriceList ul li {
	overflow: hidden;
	font-size: 12px;
	padding: 10px 0;
	border-bottom: 1px solid #d9d9d9;
	color: #000;
	padding-left: 5px
}

.window .bd .myPriceList ul li span {
	color: #666
}

.windowClosed {
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	background: #dd4849
}

.windowClosed a {
	display: block;
	padding: 8px 0;
	text-align: center;
	font-size: 16px;
	color: #fff
}

.actRank .window .hd ul {
	border-bottom: 2px solid #bfbfbf
}

.actRank .window .hd li {
	*width: 50%;
	width: 50% \0;
	width: 50% \9;
	*float: left;
	float: left \9;
	float: left \9;
	background: #fff;
	color: #333;
	border-bottom: 2px solid #bfbfbf;
	margin-bottom: -2px;
}

.actRank .window .hd li img {
	vertical-align: middle;
	margin-right: 5px;
}

.actRank .window .hd li.on {
	color: #dd4849;
	border-color: #808080
}

.actRank .window .bd .rankCell {
}

.actRank .window .bd .rankCell h2 {
	font-size: 12px;
	color: #dd4849;
	margin: 10px 0;
	border: 1px solid transparent
}

.actRank .window .bd .rankCell h2:hover {
	border: 1px dotted #3caf59;
}

.window .bd .rankCell .listCell {
	overflow: hidden
}

.window .bd .rankCell .listCell ul {
	overflow: auto;
	height: 295px;
}

.window .bd .rankCell .listCell ul li {
	overflow: hidden;
	border-bottom: 1px solid #e0e0e0;
	padding: 15px 0
}

.window .bd .rankCell .listCell ul li .num {
	font-size: 12px;
	color: #666;
	width: 21px;
	margin-right: 5px;
	text-align: center;
	margin-top: 8px;
}

.window .bd .rankCell .listCell ul li .num i {
	font-style: normal
}

.window .bd .rankCell .listCell ul li .rankThree {
	width: 21px;
	height: 29px;
	background-size: 21px 29px;
	background-repeat: no-repeat;
	color: #fff
}

.window .bd .rankCell .listCell ul li .p0 {
	background-image: url("/tpl/static/game/phoneimage/p0.png")
}

.window .bd .rankCell .listCell ul li .p1 {
	background-image: url("/tpl/static/game/phoneimage/p1.png")
}

.window .bd .rankCell .listCell ul li .p2 {
	background-image: url("/tpl/static/game/phoneimage/p2.png")
}

.window .bd .rankCell .listCell ul li .userAvatar {
	width: 40px;
	height: 40px;
	overflow: hidden;
	border-radius: 100%;
	margin-right: 10px;
	margin-left: 5px;
}

.window .bd .rankCell .listCell ul li .userAvatar img {
	width: 40px;
	height: 40px
}

.window .bd .rankCell .listCell ul li .userInfo {
	overflow: hidden
}

.window .bd .rankCell .listCell ul li .userInfo h3 {
	font-size: 14px;
	font-weight: normal
}

.window .bd .rankCell .listCell ul li .userInfo p {
	font-size: 12px;
}

.window .bd .rankCell .listCell ul li .userInfo p em {
	color: #dd4849
}

.failAndSucced {
	z-index: 1000
}

.failAndSucced .window {
	background: none;
	width: 265px;
	position: relative
}

.failAndSucced .window .fs0 {
	position: absolute;
	top: 100px
}

.failAndSucced .window .fs1 {
	position: absolute;
	top: 70px;
	left: 16px;
	z-index: 2;
}

.failAndSucced .window .fs2 {
	position: absolute;
	top: 8px;
	left: 70px;
}

.failAndSucced .succed .fs2 {
	top: 25px;
	left: 80px;
}

.failAndSucced .redBox {
	background: #f13b3a;
	border-radius: 10px;
	overflow: hidden;
	padding-bottom: 10px;
	width: 210px;
	position: absolute;
	top: 95px;
	left: 50%;
	margin-left: -104px;
}

.failAndSucced .redBox {
	text-align: center
}

.failAndSucced .redBox .fsText {
	margin-top: 30px
}

.failAndSucced .redBox .grade {
	width: 130px;
	margin: 0 auto;
	text-align: left;
	border: 1px dotted #d7201f;
	padding: 10px 0;
	margin-top: 15px
}

.failAndSucced .redBox .grade ul {
	margin-left: 15px;
	color: #fff
}

.failAndSucced .redBox .tipText {
	padding: 5px 20px;
	text-align: center
}

.failAndSucced .redBox .fsBtn {
	overflow: hidden;
	padding: 5px 20px
}

.failAndSucced .redBox .fsBtn a {
	padding: 8px 0;
	font-size: 12px;
	border-radius: 8px
}

.failAndSucced .redBox .fsBtn .btn1 {
	margin-bottom: 5px
}

.failAndSucced .redBox .fsBtn .btn1 a {
	display: block;
	background: #fed40e;
	color: #f13b3a
}

.failAndSucced .redBox .fsBtn .btn2 a {
	display: inline-block;
	color: #fff;
	background: #4ecfef;
	float: left;
	padding: 8px 17px;
}

.failAndSucced .redBox .fsBtn .btn2 a:first-child {
	margin-right: 5px
}

.failAndSucced .fs3 {
	position: absolute;
	top: 0;
	left: 0
}

.userBtn {
	overflow: hidden;
	padding: 0 20px;
	margin-bottom: 5px
}

.userBtn li {
	float: left;
}

.userBtn li i {
	display: inline-block;
	width: 15px;
	height: 15px;
	background: url("/tpl/static/game/phoneimage/prizeTabIcon.png") no-repeat -45px 0;
	vertical-align: middle;
	margin-top: -3px;
	margin-right: 3px
}

.userBtn li i {
	*display: inline
}

.userBtn li:first-child {
	margin-right: 36px
}

.userBtn li:first-child i {
	background-position: -30px 0
}

.userBtn li em {
	font-size: 12px;
	border-bottom: 1px solid #FCC011;
	color: #FCC011
}

.winPrice .succed {
	background: none;
	text-align: center;
	border-radius: 0
}

.winPrice .succed .winTit {
	margin-top: 50px;
}

.winPrice .succed .winPrice {
	margin-top: 15px;
}

.winPrice .succed h3 {
	font-size: 14px;
	font-weight: normal;
	color: #fff;
	margin-top: 10px
}

.winPrice .succed p {
	font-size: 12px;
	color: #fff;
	margin-top: 5px
}

.winPrice .succed p em {
	color: #ff454b
}

.winPrice .succed p.t4 {
	color: #8a8a8a;
	font-size: 12px;
}

.winPrice .failsuccedclosed {
	position: absolute;
	top: 15px;
	right: 30px;
}

.sharePrice {
	z-index: 1000
}

.sharePrice .window {
	background: none;
	text-align: center
}

.sharePrice .window .sharebg {
	margin-top: 60px
}

.sharePrice .window .shareinfobg {
	position: absolute;
	top: 50px;
	left: 0;
	width: 100%;
	background: url("/tpl/static/game/phoneimage/shareinfobg.png") top center no-repeat;
	background-size: 241.5px 225.5px;
	height: 225.5px;
}

.sharePrice .window .shareinfobg p {
	position: absolute;
	width: 100%
}

.sharePrice .window .shareinfobg p.p0 {
	font-size: 20px;
	color: #d58400;
	top: 17px;
}

.sharePrice .window .shareinfobg p.p0 em {
	color: #f13e39
}

.sharePrice .window .shareinfobg p.p1 {
	font-size: 39px;
	color: #f13e39;
	top: 90px;
}

.sharePrice .window .shareinfobg p.p2 {
	text-align: center;
	top: 180px;
	color: #fff7b1
}

.sharePrice .window .sharelist {
	background: url("/tpl/static/game/phoneimage/sharelistbg.png") no-repeat top center;
	background-size: 239.5px 148px;
	height: 148px;
	top: 285px;
	position: absolute;
	width: 100%;
}

.sharePrice .window .sharelist h3 {
	font-size: 14px;
	color: #d4271b;
	margin-top: 5px
}

.sharePrice .window .sharelist ul {
	margin-top: 15px;
	color: #d4271b
}

.sharePrice .window .sharelist ul li {
	margin-bottom: 1px
}

.sharePrice .window .sharelist ul li span {
	display: inline-block;
	width: 60px;
	border-right: 1px dotted #d4271b;
	margin-right: 10px
}

.sharePrice .window .sharelist ul li span {
	*display: inline
}

.sharePrice .window .sharelight {
	position: absolute;
	top: 0;
	left: 0
}

.sharePrice .window .rowCell {
	display: none
}

.friends .window {
	background: none;
	border-radius: 0
}

.doBtn {
	position: absolute;
	top: -20px;
	right: 0;
	padding: 0 3px;
	height: 20px;
	line-height: 22px;
	text-decoration: none;
	background-color: #3caf59;
	color: #FFF;
	cursor: pointer;
	display: none;
	font-size: 12px
}

.doBtn:hover {
	color: #fff
}

.playTop .doBtn {
	top: 0;
	z-index: 999
}

.styleAndCrtl {
	position: absolute;
	top: -20px;
	right: 0;
	background-color: #3caf59;
	cursor: pointer;
}

.styleAndCrtl a {
	color: #fff;
	padding: 0 3px;
	height: 20px;
	line-height: 22px;
	display: block;
	text-decoration: none;
	font-size: 12px;
	float: right;
	background-color: #3caf59;

}

.editText {
	position: relative;
	padding: 6px 0;
	margin-top: 15px
}

.editText .exchangeTime {
	font-size: 12px;
	margin-top: 5px;
	color: #dd4849
}

.editText .exchangeText i {
	display: inline-block;
	width: 12px;
	height: 12px;
	vertical-align: middle;
	background: url("/tpl/static/game/phoneimage/note.png") no-repeat;
	margin-top: -1px;
	margin-right: 2px
}

.editText .exchangeText i {
	*display: inline
}

.editText .exchangeText {
	font-size: 12px
}

.editText:hover {
	border: 1px dotted #3caf59
}

.shareDiv .ctrlBtn {
	top: 0;
	right: 12px
}

.ui-wrapper {
	overflow: visible !important;
}

.recover {
	position: absolute;
	right: 1px;
	bottom: 1px;
	background: #3caf59;
	color: #fff;
	font-size: 12px;
	z-index: 9999;
	padding: 0 2px;
	display: none
}

.recover:hover {
	color: #fff
}

/*///////
20160408ï¿½ï¿½ï¿½ï¿½ï¿½Þ¸Ä¹ï¿½ï¿½ï¿½
/////////*/
.priceCell::-webkit-scrollbar, .rankCell .listCell ul::-webkit-scrollbar, .scrollBar::-webkit-scrollbar {
	width: 3px;
	height: 3px;
}

.priceCell::-webkit-scrollbar-track-piece, .rankCell .listCell ul::-webkit-scrollbar-track-piece, .scrollBar::-webkit-scrollbar-track-piece {
	background-color: #CCCCCC;
	-webkit-border-radius: 3px;
}

.priceCell::-webkit-scrollbar-thumb:vertical, .rankCell .listCell ul::-webkit-scrollbar-thumb:vertical, .scrollBar::-webkit-scrollbar-thumb:vertical {
	height: 2px;
	background-color: #999999;
	-webkit-border-radius: 3px;
}

.priceCell::-webkit-scrollbar-thumb:horizontal, .rankCell .listCell ul::-webkit-scrollbar-thumb:horizontal, .scrollBar::-webkit-scrollbar-thumb:horizontal {
	width: 2px;
	background-color: #CCCCCC;
	-webkit-border-radius: 3px;

}

.gameCopyRight {
	font-size: 12px;
	background: url("/tpl/static/game/phoneimage/rgbabg.png") repeat;
	line-height: 30px;
	text-align: center;
	color: #fff;
	position: absolute;
	bottom: 0;
	z-index: 99;
	left: 0;
	width: 100%;
}

.ruleCell {
	margin-bottom: 10px
}

.ruleCell .editText {
}

.ruleCell h2 {
	border-left: 3px solid #dd4849;
	padding: 0;
	font-size: 15px;
	padding-left: 5px;
	font-weight: normal;
	line-height: 18px;
	margin: 5px 0;
	color: #dd4849
}

.actPrice .bd {
	overflow: auto;
	overflow-x: hidden;
	height: 370px;
	overflow: auto;
}

.priceHd {
	text-align: center;
	margin-top: 20px
}

.priceHd ul li {
	display: inline-block;
	padding: 2px 10px;
	font-size: 14px;
	background: #bfbfbf;
	border-radius: 5px;
	color: #fff;
	cursor: pointer
}

.priceHd ul li {
	*display: inline
}

.priceHd ul li i {
	display: inline-block;
	width: 15px;
	height: 15px;
	background: url("/tpl/static/game/phoneimage/prizeTabIcon.png") no-repeat -15px 0;
	vertical-align: middle;
	margin-right: 5px;
	margin-top: -1px
}

.priceHd ul li i {
	*display: inline
}

.priceHd ul li:first-child {
	margin-right: 10px
}

.priceHd ul li:first-child i {
	background-position: 0 0
}

.priceHd ul li.on {
	background: #dd4849
}

.flex {
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	box-orient: horizontal;
	display: -webkit-box;
	display: -moz-box;
	display: box;
}

.flex li {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	cursor: pointer;
	box-flex: 1;
}

.newAddStyle {
	text-align: center !important;
}

.priceSectionHd {
}

.priceSectionHd ul {
	border-bottom: 2px solid #bfbfbf
}

.priceSectionHd ul li {
	border-bottom: 2px solid #bfbfbf;
	margin-bottom: -2px;
	padding: 5px 0;
}

.priceSectionHd ul li a {
	display: block;
	border-left: 1px solid #eee;
	padding: 0 5px;
	text-align: center;
}

.priceSectionHd ul li:first-child a {
	border: 0
}

.priceSectionHd ul li a:hover {
	color: #dd4849
}

.priceSectionHd ul li.on {
	background: url("/tpl/static/game/phoneimage/minArrow.png") bottom center no-repeat;
	border-color: #dd4849
}

.priceSectionBdCell .priceList {
	display: none
}

.priceSectionBdCell .priceList:first-child {
	display: block
}

.myPrizeMod {
	margin-bottom: 15px;
	border: 1px solid #e3e3e3;
	position: relative
}

.myPrizeMod .typeIcon {
	position: absolute;
	display: block;
	width: 42px;
	height: 42px;
	background: url("/tpl/static/game/phoneimage/prizeTabIcon.png") no-repeat top left;
	top: 0;
	left: 0
}

.myPrizeMod .myPrizeWrap {
	margin-left: 42px;
	margin-right: 10px
}

.myPrizeMod table tr {
	border-bottom: 1px dotted #e5e5e5
}

.myPrizeMod table tr:last-child {
	border: 0
}

.myPrizeMod table td {
	padding: 8px 0
}

.myPrizeMod .myPrizeDesc {
	width: 170px
}

.myPrizeMod .myPrizeDesc h3 {
	font-size: 14px;
	color: #333
}

.myPrizeMod .myPrizeDesc p {
	font-size: 12px;
	color: #999
}

.myPrizeMod .myPrizeBtn {
	text-align: center
}

.myPrizeMod .myPrizeBtn a {
	padding: 2px 10px;
	font-size: 12px;
	border-radius: 2px;
	color: #fff
}

.myPrizeMod .myPrizeBtn a.no {
	background: #d2d2d2
}

.myPrizeMod .myPrizeBtn a.ok {
	background: #fdcd6e
}

.prizeMo1 .typeIcon {
	background-position: -378px -18px
}

.prizeMo2 .typeIcon {
	background-position: -420px -18px
}

.prizeMo3 .typeIcon {
	background-position: -462px -18px
}

.prizeMo1 table tr {
	border: 0
}

.closedFunction {
	filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
	-webkit-filter: grayscale(100%);
}

.winPrice .prizeLight {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.winPrice .succed .winPrice {
	height: 125px;
}

.winPrice .succed .ctrlBtn, .friends .ctrlBtn {
	position: absolute;
	top: 0;
	right: 0
}

.prizeCode {
	border: 0
}

.prizeCode .prizeCodeImg {
	width: 70px;
	margin-right: 10px
}

.prizeCode .prizeCodeImg img {
	width: 70px;
	height: 70px
}