body {
	overflow-x: hidden;
	background-color: #fff !important;
	-webkit-user-select: none
}

input::-webkit-inner-spin-button {
	-webkit-appearance: none !important;
	margin: 0
}

pre {
	font-family: "微软雅黑"
}

.selectText {
	-webkit-user-select: text;
	word-wrap: break-word;
	max-width: 10rem;
	display: inline-block
}

.hide {
	display: none
}

.hideImp {
	display: none !important
}

.showImp {
	display: block !important
}

.initHide {
	display: none !important
}

.overflow-y-hidden {
	overflow-y: hidden;
	height: 100%
}

.ellipsis {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.alignCenter {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.alignCenter_t {
	position: absolute;
	top: 50%;
	transform: translateY(-50%)
}

.alignCenter_l {
	position: absolute;
	left: 50%;
	transform: translateX(-50%)
}

::-webkit-scrollbar {
	display: none
}

.body, .home {
	overflow-x: hidden
}

.home {
	position: relative
}

.abs {
	position: absolute
}

.absCenter {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto
}

.defBgColor {
	background-color: rgba(0, 0, 0, 0)
}

.gameTopBar {
	position: absolute;
	top: 0;
	width: 100%;
	padding: .4rem 0;
	color: #fff;
	background-color: rgba(255, 255, 255, 0);
	z-index: 100
}

.grade {
	font-size: 1rem
}

.timeBox {
	font-size: .8rem
}

.time {
	font-size: 1.5rem
}

.userInfoBox {
	margin-left: .6rem
}

.unPublish {
	height: 1.4rem;
	width: 11.25rem;
	margin: 0 auto;
	font-size: .7rem;
	color: #fff;
	text-align: center;
	line-height: 1.4rem;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9999;
	background: url('../../Images/xxl/unpub.png?v=201712181935') no-repeat;
	background-size: 100%
}

.statusTip {
	width: 9rem; //
	height: 3.5rem;
	position: fixed;
	color: #fff;
	font-size: .9rem;
	border-radius: .5rem;
	text-align: center;
	background: rgba(0, 0, 0, 0.85);
	z-index: 2000;
	border: .15rem #888 solid;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%)
}

.statusTip .content {
	padding: .6rem .25rem;
	line-height: 1.2rem
}

.statusTip .sTime {
	font-size: .6rem;
	margin-top: .25rem;
	line-height: 1rem
}

#limitRange, #limitRange2 {
	width: 100%;
	position: absolute;
	z-index: -1;
	left: 0;
	top: 0;
	bottom: 1.2rem
}

#homeBgBox {
	width: 100%;
	height: 25.2rem;
	overflow: hidden
}

#homeBgBox img {
	width: 100%;
	height: auto
}

.home .titleImg {
	top: 0
}

.home .startBtn {
	top: 0
}

.home #startBtnImg {
	z-index: 100
}

#regAwardBox .poupMainInfo {
	padding-top: 15px !important
}

.version3 #homeBgBox {
	height: 25.728rem
}

.version3 #gameBgBox {
	min-height: 25.728rem !important
}

.bg {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0
}

.bgfix {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0
}

.recoverBtn {
	display: none;
	font-size: .1px;
	position: absolute;
	right: 3px;
	bottom: 3px;
	width: 24px;
	height: 20px;
	z-index: 9999;
	opacity: 1;
	filter: alpha(opacity = 100);
	background: url(../../Images/xxl/recover1.gif?v=201712181935) 0 0 no-repeat
		!important
}

#imgSizeShow {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 50px;
	height: 30px;
	z-index: 9999;
	opacity: 1;
	background-color: rgba(0, 0, 0, 0.5);
	border-radius: 2px;
	color: #fff;
	padding: 5px
}

#favoritePanel {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 999999;
	background-color: rgba(0, 0, 0, .8);
	background-size: 95%;
	background-repeat: no-repeat;
	background-image: url(../../Images/xxl/tssc.png?v=201712181935)
}

#cardBagEnter {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 999999;
	background-color: rgba(0, 0, 0, .8);
	text-align: center
}

#cardBagEnter .topTips {
	color: #fff;
	font-size: .7rem;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 1.45rem;
	line-height: 1.45rem;
	padding-left: .6rem;
	vertical-align: middle;
	background-size: 13rem 100%;
	background-repeat: no-repeat;
	background-image: url(../../Images/xxl/unpub.png?v=201804041935);
	background-position: left top;
	text-align: left
}

#cardBagEnter .text {
	position: absolute;
	top: 14.55rem;
	width: 100%;
	color: #fff
}

#cardBagEnter .text .line1 {
	position: relative;
	font-size: .6rem
}

#cardBagEnter .text .line2 {
	position: relative;
	font-size: .5rem;
	margin-top: .65rem
}

#appCodeImg {
	display: block;
	position: absolute;
	top: 4.65rem;
	width: 9.05rem;
	height: 9.05rem;
	margin: 0 auto;
	left: 0;
	right: 0
}

.gameBox .timeUpImg {
	background: url(../../Images/xxl/timeUp.png?v=201712181935) no-repeat;
	background-size: 100%;
	position: absolute;
	width: 6.8rem;
	height: 7.8rem;
	left: 0;
	right: 0;
	margin: auto;
	top: 7rem;
	z-index: 99
}

.tada {
	-webkit-animation: tada .6s ease 0s infinite forwards;
	animation: tada .6s ease 0s infinite forwards
}

.startTada {
	animation: tada .6s ease 0s 1 forwards;
	-webkit-animation: tada .6s ease 0s 1 forwards
}

.titleDown {
	animation: bounceInDown 1s ease 1;
	-webkit-animation: bounceInDown 1s ease 1
}

@
-webkit-keyframes tada { 0%{
	-webkit-transform: scale3d(1, 1, 1)
}

10%,20%{
-webkit-transform
:scale3d
(
.9
,
.9
,
.9
)
 
rotate3d
(0
,
0,1,-3
deg
)
}
30%,50%,70%,90%{
-webkit-transform
:scale3d
(1
.1
,
1
.1
,
1
.1
)
 
rotate3d
(0
,
0,1,3
deg
)
}
40%,60%,80%{
-webkit-transform
:scale3d
(1
.1
,
1
.1
,
1
.1
)
 
rotate3d
(0
,
0,1,-3
deg
)
}
100%{
-webkit-transform
:scale3d
(1
,
1,1)
}
}
@
keyframes tada { 0%{
	transform: scale3d(1, 1, 1)
}

10%,20%{
transform
:scale3d
(
.9
,
.9
,
.9
)
 
rotate3d
(0
,
0,1,-3
deg
)
}
30%,50%,70%,90%{
transform
:scale3d
(1
.1
,
1
.1
,
1
.1
)
 
rotate3d
(0
,
0,1,3
deg
)
}
40%,60%,80%{
transform
:scale3d
(1
.1
,
1
.1
,
1
.1
)
 
rotate3d
(0
,
0,1,-3
deg
)
}
100%{
transform
:scale3d
(1
,
1,1)
}
}
@
-webkit-keyframes bounceInDown { 0%{
	opacity: 0;
	-webkit-transform: translateY(-2000px)
}

60%{
opacity
:
1;-webkit-transform
:translateY(30px)
}
80%{
-webkit-transform
:translateY(-10px)
}
100%{
-webkit-transform
:translateY(0)
}
}
@
keyframes bounceInDown { 0%{
	opacity: 0;
	-webkit-transform: translateY(-2000px)
}

60%{
opacity
:
1;-webkit-transform
:translateY(30px)
}
80%{
-webkit-transform
:translateY(-10px)
}
100%{
-webkit-transform
:translateY(0)
}
}
.ajaxLoadBg {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	z-index: 500;
	display: none;
	z-index: 9999
}

.ajaxLoadBg .ajaxLoadBar {
	position: absolute;
	height: 3px;
	background: #00bd18;
	width: 80%;
	transition: all .3s linear;
	-webkit-transition: all .3s linear;
	transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	z-index: 9999
}

.ajaxLoad {
	animation: ajaxLoad 2s ease-out 1;
	-webkit-animation: ajaxLoad 2s ease-out 1
}

.ajaxComplete {
	animation: ajaxComplete .5s ease-in 1;
	-webkit-animation: ajaxComplete .5s ease-in 1;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards
}

@
keyframes ajaxLoad { 0%{
	width: 0
}

40%{
width
:
25%
}
60%{
width
:
30%
}
80%{
width
:
60%
}
100%{
width
:
80%
}
}
@
-webkit-keyframes ajaxLoad { 0%{
	width: 0
}

40%{
width
:
25%
}
60%{
width
:
30%
}
80%{
width
:
60%
}
100%{
width
:
80%
}
}
@
keyframes ajaxComplete { 0%{
	width: 80%
}

100%{
width
:
100%
}
}
@
-webkit-keyframes ajaxComplete { 0%{
	width: 80%
}

100%{
width
:
100%
}
}
#spxdPage {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9999;
	width: 100%;
	height: 100%;
	background-color: #000;
	background-position: center;
	background-size: 30%;
	background-repeat: no-repeat;
	background-image: url(../../Images/xxl/sjxz.png?v=201712181935);
	content: "hehe";
	display: none
}

.spxdPageHide {
	display: none !important
}

@media only screen and (max-width :1024px) and (orientation :landscape)
	{
	html {
		overflow: hidden
	}
	body {
		overflow: hidden
	}
	#spxdPage {
		display: block
	}
}

.ball-scale-multiple {
	position: absolute
}

.ball-scale-multiple>div:nth-child(2) {
	-webkit-animation-delay: .2s;
	animation-delay: .2s
}

.ball-scale-multiple>div:nth-child(3) {
	-webkit-animation-delay: .4s;
	animation-delay: .4s
}

.ball-scale-multiple>div {
	pointer-events: none;
	background-color: #fff;
	border-radius: 100%;
	margin: 2px;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	margin: 0;
	-webkit-animation: ball-scale-multiple 1s 0s linear infinite;
	animation: ball-scale-multiple 1s 0s linear infinite
}

@
-webkit-keyframes ball-scale-multiple { 0%{
	-webkit-transform: scale(0);
	transform: scale(0);
	opacity: 0
}

5%{
opacity
:
1
}
100%{
-webkit-transform
:scale(1)
;transform
:scale(1)
;opacity
:
0
}
}
@
keyframes ball-scale-multiple { 0%{
	-webkit-transform: scale(0);
	transform: scale(0);
	opacity: 0
}

5%{
opacity
:
1
}
100%{
-webkit-transform
:scale(1)
;transform
:scale(1)
;opacity
:
0
}
}
.poupFadIn {
	animation: poupFadIn .2s ease 0s 1 forwards;
	-webkit-animation: poupFadIn .2s ease 0s 1 forwards
}

.poupFadOut {
	animation: poupFadOut .2s ease 0s 1 forwards;
	-webkit-animation: poupFadOut .2s ease 0s 1 forwards
}

@
keyframes poupFadIn {
	from {opacity: 0
}

to {
	opacity: 1
}

}
@
-webkit-keyframes poupFadIn {
	from {opacity: 0
}

to {
	opacity: 1
}

}
@
keyframes poupFadOut {
	from {opacity: 1
}

to {
	opacity: 0
}

}
@
-webkit-keyframes poupFadOut {
	from {opacity: 1
}

to {
	opacity: 0
}

}
#joinNumLine {
	width: 9rem;
	margin: 0;
	padding: .15rem 0;
	position: absolute;
	z-index: 6
}

#drawInfo {
	width: 11rem;
	margin: 0;
	padding: 3px 0;
	position: absolute;
	z-index: 6
}

#longDrawInfo {
	width: 16rem;
	margin-left: -2.5rem
}

#poupInfoBox {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	padding: .5rem 0;
	color: #fff;
	z-index: 1500;
	background: rgba(0, 0, 0, 0.8);
	display: none;
	width: 16rem;
	transform: scale(0, 0);
	-webkit-transform: scale(0, 0);
	transition: .4s;
	-webkit-transition: .4s
}

#poupInfoBox.enlarge {
	transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	transition: .6s;
	-webkit-transition: .6s
}

#poupInfoBox.retrans {
	transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	transition: 0s;
	-webkit-transition: 0s
}

#poupInfoBox .poupHead {
	position: relative;
	height: 2.25rem;
	border-bottom: 1px solid rgba(255, 255, 255, .6);
	padding: .2rem 0 0;
	margin: 0 .5rem
}

#poupInfoBox .popTabBox {
	position: relative
}

#poupInfoBox .poupMain {
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	width: 100%;
	float: left;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 0 10px;
	position: relative
}

#poupInfoBox .poupMain .poupMainInfo {
	height: auto;
	overflow-y: auto
}

#poupInfoBox .poupTitle {
	display: inline-block;
	font-size: 1.1rem;
	padding-top: .4rem
}

#informLine {
	width: 100%;
	position: relative
}

#newInformBtn {
	position: relative;
	color: #fff;
	font-size: .6rem;
	margin-top: .45rem;
	padding-left: .825rem;
	margin-right: .4rem;
	background: url('../../Images/xxl/informIcon.png?v=201804092013') no-repeat;
	background-size: .7rem;
	background-position: left center;
	float: right
}

#poupInfoBox .poupTitle {
	display: inline-block;
	font-size: 1.1rem;
	padding-top: .4rem
}

#poupInfoBox .poupClose {
	position: absolute;
	right: 0;
	width: 2.25rem;
	height: 2.25rem;
	background: url('../../Images/xxl/close.png?v=201712181935') no-repeat;
	background-size: 70%;
	background-position: center
}

#poupInfoBox .poupTitleBox {
	float: left;
	width: 13.25rem
}

#poupInfoBox .poupTitleBox .poupTitleMune {
	float: left;
	line-height: .65rem;
	padding: .8rem 0;
	text-align: center;
	cursor: pointer
}

.poupTitleBox .poupTitleMune .item {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-left: solid 1px rgba(255, 255, 255, .3);
	position: relative;
	font-size: .65rem
}

.poupTitleBox .poupTitleMune:first-child .item {
	border-left: none
}

#poupInfoBox .poupSlideBar {
	position: absolute;
	left: 0;
	width: 13.25rem;
	bottom: 0
}

#regAwardMain {
	max-height: 19.2rem
}

#regAwardMain .playerName span {
	display: inline-block
}

#poupInfoBox .slideBarTip {
	height: 3px;
	max-width: 3.2rem;
	background: #fff
}

#poupInfoBox .slideBarTip::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	border-left: .4rem solid transparent;
	border-right: .4rem solid transparent;
	border-bottom: .45rem solid #fff;
	width: 0;
	right: 0;
	margin: auto
}

#poupInfoBox .transitionPanel {
	position: absolute
}

#poupInfoBox .transitionPanel.ontransition {
	-webkit-transition: left 0s;
	transition: left 0s
}

.mainTitle {
	font-size: .6rem;
	line-height: 1.2rem;
	background: #fff;
	color: #000;
	display: inline-block;
	padding: 0 8px;
	margin-bottom: .55rem
}

.poupLine {
	font-size: .6rem;
	line-height: .9rem;
	padding: 2px 0;
	margin-top: .7rem;
	position: relative
}

.poupLine a {
	color: #fff000
}

#forJZCouponBg {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: 5000;
	display: none
}

#forJZCouponBg .tipsBox {
	margin: 0 auto;
	margin-top: 10rem;
	padding: .8rem 0;
	width: 12.5rem;
	font-size: .8rem;
	background-color: #fff;
	color: #000;
	border-radius: .1rem;
	text-align: center;
	line-height: 1.1rem
}

#forJZCouponBg .tipsBox .contain a {
	color: #74b7e6;
	text-decoration: underline
}

#awardDetailBox {
	position: fixed;
	z-index: 2000;
	font-size: .7rem;
	color: #fff;
	background-color: #f0eff4;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch
}

#awardDetailBox.isAngular {
	overflow-y: hidden
}

#awardDetailBox.isAngular #awardDetailScrollBox {
	height: 100%;
	overflow-y: auto;
	position: relative;
	-webkit-overflow-scrolling: touch
}

#awardDetailBox.isAngular .awardDetail {
	width: 100%; //
	height: 6.6rem;
	background-color: #35a4de;
	text-align: center;
	position: relative;
	padding-bottom: .5rem
}

#awardDetailBox .awardDetail .awardName {
	font-size: 1.25rem;
	word-break: break-word
}

#awardDetailBox .awardDetail .awardSubTitle {
	font-size: .6rem;
	line-height: 1rem
}

#awardDetailBox .awardDetail .awardCodeTime, #awardDetailBox .awardDetail .codeTimeFixedTerm
	{
	font-size: .55rem;
	line-height: 1rem
}

.awardDetail .awardCodeTime em {
	font-style: normal
}

#awardDetailBox .awardDetail .awardCodeFixedTerm {
	font-size: .55rem;
	line-height: 1rem
}

.awardDetail .awardCodeFixedTerm em {
	font-style: normal
}

#awardDetailBox .awardDetail .awardDetailWarp {
	height: 4px;
	width: 100%;
	background: url('../../Images/xxl/kqbd.png?v=201712181935');
	position: absolute;
	bottom: 0
}

#awardDetailBox .awardDetailBtn {
	border-top: 1px solid #ececec;
	border-bottom: 1px solid #ececec;
	height: 1.75rem;
	color: #333;
	line-height: 1.75rem;
	padding-left: .6rem;
	background-color: #fff;
	font-size: .7rem
}

#awardDetailBox .servicePhone .phoneIcon {
	float: right;
	width: 1.75rem;
	height: 1.75rem;
	background: url(../../Images/xxl/hpoc.png?v=201712181935) no-repeat;
	background-size: 100%
}

#awardDetailBox .servicePhone .phoneText {
	float: right
}

.awardDetailBtn span em {
	font-style: normal;
	color: #666
}

.isAngular #awardCollectionBtn {
	width: 5rem;
	height: 1rem;
	border-radius: .5rem;
	background-color: rgba(0, 0, 0, 0.3);
	margin: .3rem auto 0;
	line-height: 1rem;
	font-size: .6rem
}

#codeStatusBtn {
	width: 4.5rem;
	height: 1.75rem;
	line-height: 1.75rem;
	background-color: #d9d9d9;
	border-radius: .2rem;
	margin: 0 auto .5rem
}

#awardDetailBox .awardDeailIcon {
	width: .6rem;
	height: .6rem;
	background: url('../../Images/xxl/gd.png?v=201712181935') no-repeat;
	background-size: 100%;
	float: right;
	margin-top: .6rem;
	margin-right: .5rem
}

#awardDetailBox .awardDetailText {
	color: #333;
	font-size: .6rem;
	padding: .5rem .7rem
}

.awardCloseIcon {
	width: 2.25rem;
	height: 2.25rem;
	background: url('../../Images/xxl/close.png?v=201712181935') no-repeat;
	background-size: 70%;
	background-position: center;
	position: absolute;
	right: .25rem;
	top: .25rem;
	z-index: 202
}

.isAngular #bottomCusBtnBox, .isAngular #immediaAward {
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 2.75rem;
	background-color: #f0effc;
	z-index: 999
}

.isAngular #bottomCusBtnBox, .isAngular #immediaAward {
	background-color: #fff
}

.isAngular .awardBtnList {
	position: relative
}

.awardIncoSlideDown {
	-webkit-animation: awardIncoSlideDown .4s 1 forwards
}

.awardIncoSlideUp {
	-webkit-animation: awardIncoSlideUp .4s 1 forwards
}

@
-webkit-keyframes awardIncoSlideDown {
	from {transform: rotate(0deg)
}

to {
	transform: rotate(90deg)
}

}
@
-webkit-keyframes awardIncoSlideUp {
	from {transform: rotate(90deg)
}

to {
	transform: rotate(0deg)
}

}
.isAngular #bottomCusBtnBox .cusBtn, .isAngular #awardCusBtnInfo .cusBtn,
	.isAngular #immediaAward .cusBtn, .unAngular #awardCollectionBtn,
	#informBox #next-inform-btn, #informBox #submit-inform-btn {
	width: 15.25rem;
	margin: .5rem auto
}

.isAngular #bottomCusBtnBox .cusBtn, .isAngular #immediaAward .cusBtn,
	.isAngular #awardCusBtnInfo .cusBtn {
	width: 15.25rem;
	height: 1.75rem;
	line-height: 1.75rem;
	text-align: center;
	font-size: .8rem;
	color: #fff;
	border-radius: .2rem;
	background-color: #06bb04;
	border: .05rem solid #31ab30;
	margin: .5rem auto
}

.codeDetailImgBox {
	z-index: 10001;
	background: #fff
}

.codeDetailImgBox .imgBox {
	top: 0;
	bottom: 0;
	width: 9rem;
	height: 11rem;
	text-align: center
}

.goDetailIcon {
	width: .875rem;
	height: 1.75rem;
	background: url('../../Images/xxl/kqjt.png?v=201712181935') no-repeat;
	background-size: 100%;
	position: absolute;
	top: 1rem;
	right: .5rem
}

.codeImgBox {
	text-align: center;
	color: #666;
	background-color: #fff;
	padding-bottom: .5rem
}

#codeDetailInfoBox {
	padding-top: .2rem;
	position: relative
}

#awardCodeLayer {
	position: fixed;
	z-index: 99999;
	text-align: center;
	color: #666
}

#awardCodeLayer #awardCodeDetail {
	width: 12rem;
	height: 13.5rem;
	position: fixed;
	z-index: 99999;
	left: 50%;
	margin-left: -6rem;
	background-color: #fff;
	top: 50%;
	margin-top: -6.75rem
}

#awardCodeLayer .codeImg {
	width: 7.25rem;
	height: 7.25rem;
	margin-top: .7rem
}

#awardCodeLayer .codeLine {
	margin-bottom: .1rem;
	padding-top: .4rem;
	color: #333
}

.codeImgBox .codeImg {
	width: 7.25rem;
	height: 7.25rem;
	margin-top: .7rem
}

.codeImgBox .codeLine {
	margin-bottom: .1rem;
	padding-top: .4rem;
	color: #333
}

.isAngular .codeImgBox .copy {
	display: inline-block;
	width: 3rem;
	height: 1rem;
	line-height: 1rem;
	border-radius: .2rem;
	background-color: #35a4de;
	margin-left: .3rem;
	color: #fff;
	cursor: pointer
}

#ruleBox #explainBox { //
	overflow-x: auto;
	word-break: break-all;
	-webkit-overflow-scrolling: touch
}

#ruleBox #explainBox pre {
	white-space: pre-wrap;
	word-wrap: break-word
}

#rankBox .rankTable {
	width: 100%;
	margin-top: .55rem;
	text-align: center;
	table-layout: fixed;
	font-size: .7rem;
	color: #FFF
}

#awardBox .explain {
	font-size: .6rem;
	line-height: 1rem;
	overflow-y: auto;
	word-wrap: break-word
}

#awardBox #awardInfoBox {
	height: 16.5rem;
	overflow-y: auto;
	font-size: .6rem;
	margin-top: .2rem
}

#awardBox #awardInfoBox #awardInfo .codeInfoBox:first-child {
	margin-top: .85rem
}

#awardBox #awardInfoBox #awardInfo .codeInfoBox:last-child {
	margin-bottom: 1.3rem
}

#rankBox .rankInfo {
	line-height: 2.75rem
}

#rankBox #noRank {
	margin-top: .7rem
}

#rankBox .rankTable .userImg {
	width: 2rem;
	height: 2rem;
	margin: 0 auto;
	border-radius: 999px
}

#rankBox .rankTable .manImg {
	background: url('../../Images/xxl/manImg.jpg?v=201712181935') no-repeat;
	background-size: 100%
}

#rankBox .rankTable .girlImg {
	background: url('../../Images/xxl/girlImg.jpg?v=201712181935') no-repeat;
	background-size: 100%
}

#rankBox .rankTable .v_userImg0 {
	background: url('../../Images/xxl/rank1.jpg?v=201712181935') no-repeat;
	background-size: 100%
}

#rankBox .rankTable .v_userImg1 {
	background: url('../../Images/xxl/rank1.jpg?v=201712181935') no-repeat;
	background-size: 100%
}

#rankBox .rankTable .v_userImg2 {
	background: url('../../Images/xxl/rank1.jpg?v=201712181935') no-repeat;
	background-size: 100%
}

#rankBox .rankTable .v_userImg3 {
	background: url('../../Images/xxl/rank1.jpg?v=201712181935') no-repeat;
	background-size: 100%
}

#rankBox .rankTable .userName {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

#rankBox .rankTable td {
	border-bottom: 1px solid rgba(255, 255, 255, .4);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.isDoubleGame tr td:nth-child(1) {
	width: 2.5rem
}

.isDoubleGame tr td:nth-child(2) {
	width: 4.5rem
}

.isDoubleGame tr th:nth-child(1) {
	width: 2.5rem
}

.isDoubleGame tr th:nth-child(2) {
	width: 4.5rem
}

.isDoubleGame .userImg {
	display: inline-block;
	vertical-align: middle
}

#rankBox #rankHeight {
	overflow-y: hidden;
	padding: 0rem .5rem;
	-webkit-overflow-scrolling: touch
}

.ruleImg {
	top: 0;
	height: 0
}

.ruleImgAnimate {
	-webkit-animation: awardIconTada 3s ease infinite;
	animation: awardIconTada 3s ease infinite;
	border: solid 1px transparent;
	z-index: 600
}

@
-webkit-keyframes awardIconTada { 0%{
	-webkit-transform: scale3d(0.86, 0.86, 0.86)
}

50%{
-webkit-transform
:scale3d
(1
,
1,1)
}
100%{
-webkit-transform
:scale3d
(0
.86
,
0
.86
,
0
.86
)
}
}
@
keyframes awardIconTada { 0%{
	transform: scale3d(0.86, 0.86, 0.86)
}

50%{
transform
:scale3d
(1
,
1,1)
}
100%{
transform
:scale3d
(0
.86
,
0
.86
,
0
.86
)
}
}
.soundIcon {
	width: 40px;
	height: 40px;
	background: url('../../Images/xxl/musicOn.png?v=201712181935') no-repeat;
	background-size: 100%;
	position: absolute;
	top: 20px
}

.soundIconHide {
	display: none !important
}

.soundIconPlay {
	animation: bgRotate 1.2s infinite linear;
	-webkit-animation: bgRotate 1.2s infinite linear
}

.soundIconOff {
	background-image: url('../../Images/xxl/musicOff.png?v=201712181935');
	animation: initial;
	-webkit-animation: initial
}

.gameBgBox .soundIcon {
	right: 15px
}

.homeBtnBox {
	position: absolute;
	right: .75rem;
	z-index: 501
}

.homeBtnBox div {
	width: 1.75rem;
	height: 1.75rem;
	margin-bottom: .5rem;
	text-align: center
}

.homeBtnBox .redDot, #Award_Round_Dot {
	width: 10px;
	height: 10px;
	position: absolute;
	border-radius: 20px;
	background-color: #f00;
	top: -8px;
	animation: redDotTada .6s ease infinite
}

@
-webkit-keyframes redDotTada { 0%{
	-webkit-transform: scale3d(1, 1, 1)
}

10%,20%{
-webkit-transform
:scale3d
(
.9
,
.9
,
.9
)
}
30%,50%,70%,90%{
-webkit-transform
:scale3d
(1
.3
,
1
.3
,
1
.3
)
}
40%,60%,80%{
-webkit-transform
:scale3d
(1
.3
,
1
.3
,
1
.3
)
}
100%{
-webkit-transform
:scale3d
(1
,
1,1)
}
}
@
keyframes redDotTada { 0%{
	-webkit-transform: scale3d(1, 1, 1)
}

10%,20%{
-webkit-transform
:scale3d
(
.9
,
.9
,
.9
)
}
30%,50%,70%,90%{
-webkit-transform
:scale3d
(1
.3
,
1
.3
,
1
.3
)
}
40%,60%,80%{
-webkit-transform
:scale3d
(1
.3
,
1
.3
,
1
.3
)
}
100%{
-webkit-transform
:scale3d
(1
,
1,1)
}
}
.homeBtnBox div:last-child {
	margin-bottom: 0
}

.homeBtnBox #myAwardBtn {
	position: relative;
	width: 2rem;
	height: 2rem;
	background-size: 100% 100%;
	background-image: url("../../Images/xxl/bg_award.png?v=201712181935");
	margin-bottom: .75rem
}

.homeBtnBox #myAwardBtn .redDot {
	top: 0;
	right: 0
}

#informBox {
	background: #efeff4;
	z-index: 1500
}

#informBox .informTitle {
	font-size: .6rem;
	color: #777;
	line-height: 1.2rem;
	padding-left: .9rem
}

#cancel-inform-btn {
	text-align: center;
	color: #000;
	font-size: .7rem;
	text-decoration: underline;
	width: 80px;
	margin: 1.5rem auto 0;
	line-height: 1.8rem
}

#next-inform-btn {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0
}

#inform-poup-tip {
	background: rgba(0, 0, 0, 0.8);
	font-size: .8rem;
	color: #fff;
	width: 5rem;
	height: 5rem;
	position: absolute;
	left: 0;
	right: 0;
	top: 6rem;
	margin: auto;
	text-align: center;
	line-height: 5rem;
	border-radius: .5rem
}

.imp-hide {
	display: none !important
}

.msg-toast {
	box-sizing: border-box;
	position: fixed;
	margin-left: -5rem;
	width: 10rem;
	top: 50%;
	left: 50%;
	border: 2px solid #fff;
	background-color: rgba(0, 0, 0, 0.8);
	color: #fff;
	padding: .5rem;
	z-index: 9999;
	text-align: center;
	border-radius: .4rem;
	line-height: 1.5
}

.msg-toastBig {
	width: 13rem;
	line-height: 1rem;
	left: 40%;
	padding: .65rem 0;
	font-size: .7rem
}

#informResultBox {
	text-align: center;
	background-color: #efeff4;
	z-index: 1500
}

#informResultBox>img {
	width: 4.25rem;
	height: 4.25rem;
	margin-top: 1.2rem
}

#informResultBox>h3 {
	font-size: .8rem;
	color: #000;
	margin: 0;
	margin-top: .8rem
}

#informResultBox>p {
	font-size: .6rem;
	color: #999;
	line-height: .9rem;
	margin: 0;
	margin-top: .8rem;
	padding: 0 .625rem
}

#informResultBox .confirm-btn {
	width: 14.75rem
}

.logoImgBox {
	top: 0
}

#logoImg {
	z-index: 120
}

.hostName {
	color: #fff000;
	text-decoration: none
}

.attentionBox {
	width: 100%;
	text-align: center;
	font-size: .7rem;
	position: absolute;
	bottom: .3rem;
	left: 0rem
}

.attentionBox * {
	margin-left: auto;
	margin-right: auto
}

.attentionBox .menuBtnBox, .resuleBox .menuAgain, .resuleBox .menuBack,
	.resuleBox .backListen, .TellToOther, .repeatDraw,
	#resule-gift-buttonMenu .giftBtnBox, #resule-gift-buttonMenu-bottom .giftBtnBox,
	.faiImgBtnBox .menuBtnBox {
	width: 10rem;
	height: 2rem;
	line-height: 2rem !important;
	background: #41bd43;
	border-radius: .2rem;
	margin-bottom: .5rem
}

.attentionBox .menuBtnBox.btnB.hide {
	display: block;
	visibility: hidden !important
}

#resule-gift-buttonMenu .flagBtn, #resule-gift-buttonMenu-bottom .flagBtn
	{
	position: absolute;
	width: 10rem;
	left: 0;
	right: 0
}

#resule-gift-buttonMenu .flagBtn .tellToTA,
	#resule-gift-buttonMenu-bottom .flagBtn .tellToTA {
	left: 0
}

#resule-gift-buttonMenu .flagBtn .backToListen,
	#resule-gift-buttonMenu-bottom .flagBtn .backToListen {
	right: 0
}

#resule-gift-buttonMenu {
	margin-top: 1rem;
	color: #fff
}

#resule-gift-buttonMenu-bottom {
	bottom: 2rem;
	position: absolute;
	color: #fff;
	width: 100%;
	z-index: 300
}

#resule-gift-buttonMenu-bottom * {
	margin-left: auto;
	margin-right: auto
}

.giftBtnBox .buttonContent {
	color: #fff;
	line-height: 2rem
}

#resule-gift-buttonMenu .giftBtnBox.tellToOthersContainer,
	#resule-gift-buttonMenu-bottom .giftBtnBox.tellToOthersContainer {
	background-color: #fe8208
}

.menuBtnBox .menuName, .giftBtnBox .buttonContent {
	display: inline-block;
	width: 100%;
	height: 100%;
	overflow: hidden
}

.TellToOther {
	position: absolute;
	left: 3rem;
	background: #fe8208
}

.menuAgain, .menuBack, .backListen, .repeatDraw {
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	left: 0;
	right: 0;
	z-index: 100
}

.resuleBox .repeatDraw {
	background: #fe8208;
	left: 3rem;
	right: auto;
	width: 4.75rem;
	margin-top: 0 !important
}

.resuleBox .menuBack2 {
	left: auto;
	right: 3rem;
	width: 4.75rem
}

.attentionBox a {
	color: #fff;
	text-decoration: none;
	line-height: 1.9rem
}

.attentionBox .skillInfo {
	line-height: 1rem;
	height: 1rem;
	margin-bottom: .3rem;
	margin-top: .2rem;
	font-size: .6rem
}

.attentionBox .skillInfoXC {
	line-height: 1rem;
	height: 1rem;
	margin-bottom: .3rem;
	margin-top: .2rem;
	font-size: .6rem;
	display: inline-block;
	margin-left: 1rem
}

.attentionBox .skillInfoXC.oldFaiImgGame {
	float: left;
	margin-left: 1rem
}

.attentionBox .skillInfo a, .skillInfo a, .attentionBox .skillInfoXC {
	color: #fff;
	text-decoration: underline
}

.attentionBox .holdBox {
	height: .5rem
}

.attentionBox .gotoFlag {
	display: inline-block;
	width: .4rem;
	height: .4rem;
	vertical-align: baseline;
	position: relative;
	margin-left: -0.9rem;
	overflow: hidden
}

.attentionBox .gotoFlag i {
	width: .4rem;
	height: .4rem;
	position: absolute;
	left: 0;
	top: 0;
	background-image: url(../../Images/xxl/jt.png?v=201712181935);
	background-size: contain;
	background-repeat: no-repeat
}

.bottomSkill {
	position: absolute;
	background-color: rgba(0, 0, 0, 0.4);
	padding: .3rem 0;
	bottom: 0rem;
	color: #fff;
	font-size: .6rem;
	width: 100%;
	line-height: .6rem;
	height: .6rem;
	word-wrap: break-word;
	text-align: center;
	z-index: 200
}

.specialSkill {
	position: absolute;
	width: 100%;
	bottom: 2.25rem;
	color: #333;
	font-size: .7rem;
	text-align: center;
	text-shadow: -1px -1px 0 #fff, 0px -1px 0 #fff, 1px -1px 0 #fff, 1px 0 0
		#fff, 1px 1px 0 #fff, 0px 1px 0 #fff, -1px 1px 0 #fff, -1px 0 0 #fff
}

.hideSkill {
	display: none !important
}

.homeBottomBtn {
	position: fixed;
	width: 100%;
	bottom: 0;
	background: #fff;
	color: #353535;
	height: 2.09rem;
	text-align: center;
	line-height: 2.09rem;
	z-index: 99999;
	font-size: .768rem
}

.createActiveBtn {
	background: #4481fe;
	color: #fff
}

.createActiveBtn:active, .createActiveBtn.active {
	background: #2666ea
}

.shareActiveBtn {
	border: solid 1px #ccc
}

.shareActiveBtn .shareIcon {
	display: inline-block;
	width: .7253rem;
	height: .7253rem;
	background-image: url(../../Images/xxl/icon_share.png?v=201807171644);
	background-size: 100% 100%;
	vertical-align: middle;
	margin-right: .426rem;
	margin-bottom: .1rem
}

.attentionPoup {
	position: relative;
	margin: 2rem auto auto;
	width: 7.7rem;
	height: 16rem;
	background: #FFF;
	border-radius: .4rem;
	padding: .5rem 2.5rem
}

#QRImg {
	position: absolute;
	top: .5rem;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 9
}

.attentionPoup img {
	width: 7.7rem;
	height: auto
}

.attentionPoup .poupQrImg {
	position: absolute;
	left: 2.5rem;
	top: .5rem;
	clip: rect(0, 7.7rem, 7.7rem, 0)
}

.homePoupMask {
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	display: none;
	background-color: rgba(0, 0, 0, .85);
	z-index: 99999
}

.newHomePoupMask {
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	display: none;
	background-color: rgba(0, 0, 0, 0);
	z-index: 99999;
	transition: background-color .4s;
	-webkit-transition: background-color .4s
}

.newHomePoupMask #newSkillSupPoup {
	position: fixed;
	height: 100%
}

.newHomePoupMask .bottomContent {
	position: fixed;
	bottom: 0;
	height: 100%;
	width: 100%;
	text-align: center
}

.newHomePoupMask #bottomQrCode {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: -20rem;
	transition: bottom .3s;
	-webkit-transition: bottom .3s
}

.newHomePoupMask #hideIconContent {
	width: 100%;
	height: 2.7rem
}

.newHomePoupMask #hideIcon {
	width: 2.7rem;
	display: inline-block;
	opacity: 0;
	transition: opacity .3s;
	-webkit-transition: opacity .3s
}

.viramount {
	margin-left: .6rem
}

#exlainInfo {
	word-wrap: break-word
}

.codeCopyDetailPoup {
	margin: 6rem auto auto;
	width: 11rem;
	min-height: 4rem;
	background: #FFF;
	border-radius: .2rem;
	color: #000;
	text-align: center;
	line-height: 1.8rem;
	font-size: .8rem;
	padding: 1rem
}

.codeCopyDetailPoup .copyCode {
	color: #329fea;
	font-size: 1.2rem;
	word-wrap: break-word
}

#taopwPoup {
	overflow: auto;
	z-index: 4999
}

#taopwPoup .attentionPoup {
	background: #fff url(../../Images/xxl/taopw/pic.png?v=201810291912) 0 1.55rem
		no-repeat;
	background-size: 100%;
	height: auto;
	width: 14rem;
	padding: 20rem 0 1.4rem;
	margin-top: 1rem;
	font-size: .6rem;
	color: #535353
}

#taopwPoup .close {
	position: absolute;
	right: 0;
	top: 0;
	width: 1.5rem;
	height: 1.5rem;
	background: url('../../Images/xxl/taopw/icon-close.png?v=201810291912') center
		no-repeat;
	background-size: 66%
}

#taopwPoup .tips {
	position: absolute;
	top: 0;
	left: 3rem;
	width: 9rem;
	line-height: .75rem
}

#taopwPoup .note {
	color: #898989
}

#taopwPoup .tips1 {
	top: 1.45rem
}

#taopwPoup .tips2 {
	top: 6.9rem
}

#taopwPoup .tips3 {
	top: 12.4rem
}

#taopwPoup .tips4 {
	top: 19rem
}

#taopwPoup .taopwtext {
	line-height: 2rem;
	top: 2.7rem;
	left: 3.5rem;
	font-size: .75rem;
	font-weight: bold;
	color: #585cfa;
	width: 7.8rem;
	text-align: center;
	-webkit-user-select: text
}

#taopwPoup .copyBtn {
	height: 1.5rem;
	line-height: 1.5rem;
	width: 8.7rem;
	top: 4.6rem;
	font-size: .7rem;
	color: #fff;
	text-align: center;
	border-radius: .75rem;
	background: -webkit-linear-gradient(#ffa563, #ff7b5c);
	background: linear-gradient(#ffa563, #ff7b5c)
}

#taopwPoup .copyBtn.touch {
	background: -webkit-linear-gradient(#ff9b51, #f86e4e);
	background: linear-gradient(#ff9b51, #f86e4e)
}

#taopwPoup .codetext {
	position: static;
	width: 8.6rem;
	margin-left: 3rem;
	font-size: .7rem;
	color: #000;
	background: #f1f0f3;
	padding: .5rem;
	box-sizing: border-box;
	border-radius: .25rem;
	line-height: 1rem;
	text-align: center;
	word-wrap: break-word;
	-webkit-user-select: text
}

#taopwPoup.needlessconsume .attentionPoup {
	background-image: url(../../Images/xxl/taopw/pic2.png?v=201810291912);
	background-position: 0 1.1rem;
	padding-top: 11.5rem
}

#taopwPoup.needlessconsume .needconsume {
	display: none
}

.resuleBox {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: rgba(0, 0, 0, .85);
	color: #FFF;
	z-index: 999
}

.theTargetBox {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 16rem;
	z-index: 5;
	overflow: hidden
}

.resule-bgLight {
	top: .5rem;
	width: 16rem;
	height: 16rem;
	background-image: url(../../Images/xxl/light.png?v=201712181935);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	position: absolute;
	border-radius: 50%;
	left: 0;
	animation: bgRotate 6s linear infinite;
	-webkit-animation: bgRotate 6s linear infinite
}

@
keyframes bgRotate {
	from {transform: rotate(0deg)
}

to {
	transform: rotate(360deg)
}

}
@
-webkit-keyframes bgRotate {
	from {-webkit-transform: rotate(0deg)
}

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

}
.resuleBox #resule-gift-box {
	margin-top: 1.4rem
}

.resuleBox #resule-status-box .resule-bgLight {
	top: -5.5rem
}

.resuleBox #resule-gift-box .resule-bgLight {
	top: -1.5rem
}

.resuleBox * {
	font-size: .7rem;
	line-height: 1rem;
	text-align: center
}

.resuleBox #resule-status-body .youraward * {
	font-size: .8rem
}

#resule-status-box *, #resule-gift-scrollWrap * {
	margin-left: auto;
	margin-right: auto
}

#resule-status-box {
	height: 100%;
	overflow-x: hidden
}

.resuleBox #resule-hold-box {
	height: 5.5rem;
	width: 100%
}

.resuleBox #resule-status-box .attentionBox {
	z-index: 105
}

.resuleBox #resule-status-scrollWrap {
	height: 100%;
	width: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	position: relative;
	padding-top: 1.1rem;
	background-color: rgba(0, 0, 0, .01)
}

.resuleBox #resule-status-bird {
	position: absolute;
	top: .8rem;
	right: .6rem;
	width: 2.5rem;
	height: 1.8rem;
	background-image: url(../../Images/xxl/bird.png?v=201712181935);
	background-size: 100% 100%;
	display: none;
	z-index: 1200
}

.resule-status-birdfly {
	animation: birdFly 6s ease-out forwards;
	-webkit-animation: birdFly 6s ease-out forwards
}

@
keyframes birdFly {
	from {right: .6rem
}

to {
	right: 20rem
}

}
@
-webkit-keyframes birdFly {
	from {right: .6rem
}

to {
	right: 20rem
}

}
.resuleBox #resule-status-head {
	width: 13.3rem;
	height: 4.1rem;
	position: relative;
	padding-top: 3.4rem
}

.resuleBox .resule-status-userImg {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	z-index: 999;
	width: 3.5rem;
	height: 3.5rem;
	border: .2rem solid #70d572;
	border-radius: 10rem
}

.resuleBox .resule-status-userImg img {
	width: 100%;
	height: 100%;
	display: inline-block;
	vertical-align: middle;
	border-radius: 10rem
}

.resuleBox .resule-status-ribbon {
	width: 13.3rem;
	height: 4.1rem;
	background-image: url(../../Images/xxl/success.png);
	background-size: 100% 100%
}

.resuleBox .resule-status-faiRibbon {
	width: 13.3rem;
	height: 4.1rem;
	background-image: url(../../Images/xxl/fail.png);
	background-size: 100% 100%
}

.resuleBox .resule-status-faiRegRibbon {
	width: 13.3rem;
	height: 4.1rem;
	background-image: url(../../Images/xxl/faiReg.png);
	background-size: 100% 100%
}

.resule-button {
	height: 2rem;
	font-size: .7rem;
	line-height: 2rem;
	border-radius: .2rem
}

.resule-foot-box {
	padding-top: .3rem;
	margin: 0 auto;
	width: 10rem
}

.resule-foot-box .resule-foot-one>div {
	background: #fe8208
}

.resule-foot-box .resule-foot-two {
	margin-top: .4rem
}

.resule-foot-box .resule-foot-two>div {
	width: 4.75rem;
	background: #41bd43;
	display: inline-block
}

.resule-foot-box .resule-foot-two>div.hide {
	display: none
}

.resule-foot-box .resule-foot-two>div:nth-child(1) {
	margin-right: .45rem !important
}

.resuleBox #resule-status-lots {
	margin-left: initial !important;
	margin-right: initial !important
}

.newAdd-hd-lots-status {
	transform-origin: 50% 100%;
	-webkit-transform-origin: 50% 100%;
	animation: lotsSwing 2s infinite;
	-webkit-animation: lotsSwing 2s infinite
}

.resuleBox #resule-status-lotsHand {
	width: 7.5rem;
	height: 3rem;
	text-align: center;
	z-index: 101
}

.resuleBox #resule-status-lotsHand .shakeHand {
	width: 2.225rem;
	height: 2.825rem;
	background: url(../../Images/xxl/shakeImg.png?v=201712181935) center no-repeat;
	background-size: contain;
	display: inline-block;
	vertical-align: middle;
	-webkit-animation: lotsShake 2s ease 0s infinite forwards;
	animation: lotsShake 2s ease 0s infinite forwards
}

.resuleBox #resule-status-lotsHand .shakeTxt {
	width: 3.6rem;
	height: .975rem;
	background: url(../../Images/xxl/shakeTxt.png?v=201712181935) center no-repeat;
	background-size: contain;
	display: inline-block;
	vertical-align: middle;
	margin-left: .25rem
}

.resuleBox #resule-status-lotsHand .waitDrawBtn {
	width: 7.5rem;
	height: 2rem;
	background: #fe8208;
	border-radius: .2rem;
	line-height: 2rem;
	margin-top: .5rem
}

#resule-status-lotsBox-wait .resule-status-lots {
	margin-top: 3rem;
	width: 6rem;
	height: 12rem;
	background-image: url(../../Images/xxl/lots1.png?v=201712181935);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat
}

#lots-wait-Box {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: rgba(0, 0, 0, .85);
	color: #FFF;
	z-index: 999
}

#lots-wait-Box #lots-wait-img {
	margin: 7rem auto 1rem auto;
	width: 3.5rem;
	height: 7rem;
	background-image: url(../../Images/xxl/lots1.png?v=201712181935);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat
}

#lots-wait-Box #lots-wait-hint {
	font-size: .8rem;
	line-height: 1.8;
	color: #fff;
	text-align: center
}

#lots-wait-Box #lots-wait-hint-num {
	font-size: .9rem;
	color: #ffb400
}

@
-webkit-keyframes lotsShake { 0%{
	-webkit-transform: scale3d(1, 1, 1)
}

10%,20%{
-webkit-transform
:rotate3d
(0
,
0,1,-10
deg
)
}
30%,50%,70%,90%{
-webkit-transform
:rotate3d
(0
,
0,1,10
deg
)
}
40%,60%,80%{
-webkit-transform
:rotate3d
(0
,
0,1,-10
deg
)
}
100%{
-webkit-transform
:scale3d
(1
,
1,1)
}
}
@
keyframes lotsShake { 0%{
	transform: scale3d(1, 1, 1)
}

10%,20%{
transform
:scale3d
(
.9
,
.9
,
.9
)
 
rotate3d
(0
,
0,1,-3
deg
)
}
30%,50%,70%,90%{
transform
:scale3d
(1
.1
,
1
.1
,
1
.1
)
 
rotate3d
(0
,
0,1,3
deg
)
}
40%,60%,80%{
transform
:scale3d
(1
.1
,
1
.1
,
1
.1
)
 
rotate3d
(0
,
0,1,-3
deg
)
}
100%{
transform
:scale3d
(1
,
1,1)
}
}
@
keyframes lotsSwing { 0%{
	transform: rotate(-8deg)
}

50%{
transform
:rotate(8deg)
}
100%{
transform
:rotate(-8deg)
}
}
@
-webkit-keyframes lotsSwing { 0%{
	-webkit-transform: rotate(-8deg)
}

50%{
-webkit-transform
:rotate(8deg)
}
100%{
-webkit-transform
:rotate(-8deg)
}
}
.shareGuidePage {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: url('../../Images/xxl/fxzy.png?v=201712181935') 96% 2% no-repeat;
	background-size: 30%;
	background-color: rgba(0, 0, 0, .85);
	color: #FFF;
	z-index: 9999;
	padding-top: 5.5rem
}

.shareGuidePage p {
	font-size: .8rem;
	color: #fff;
	text-align: center
}

#helpGuideBox {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: url('../../Images/xxl/fxzy.png?v=201712181935') 96% 2% no-repeat;
	background-size: 33%;
	background-color: rgba(0, 0, 0, .85);
	color: #FFF;
	z-index: 9999;
	padding-top: 6rem
}

#helpGuideBox p {
	font-size: .8rem;
	color: #fff;
	text-align: center
}

.resuleBox #resule-gift-scrollWrap {
	width: 100%;
	word-wrap: break-word;
	overflow-y: auto;
	overflow-x: hidden;
	position: relative;
	padding-top: 1.8rem;
	-webkit-overflow-scrolling: touch;
	background-color: rgba(0, 0, 0, .01)
}

.resuleBox .resule-fxts {
	position: absolute;
	top: 0rem;
	right: .75rem;
	width: 4rem;
	height: 4rem;
	z-index: 9
}

.resuleBox .resule-fxts_s {
	background-image: url(../../Images/xxl/fxts_s.png?v=201712181935);
	background-size: 100% 100%
}

.resuleBox .resule-fxts_c {
	background-image: url(../../Images/xxl/fxts_c.png?v=201712181935);
	background-size: 100% 100%
}

.resuleBox #resule-gift-luck {
	font-size: .9rem;
	line-height: 1.2rem;
	text-align: left
}

.resuleBox #resule-gift-unLuck {
	font-size: .8rem;
	line-height: 1.2rem;
	text-align: left;
	margin: 0 0 0 1.2rem;
	display: none
}

.resuleBox #resule-gift-faiImg {
	width: 12rem;
	height: 12rem;
	margin-top: 3rem;
	position: relative;
	display: none
}

.resuleBox #resule-gift-defFaiImg {
	width: 12rem;
	height: 8rem;
	background-image: url(../../Images/xxl/nothingImg.png?v=201712181935);
	background-size: 100% 100%
}

.resuleBox #resule-gift-rank .rank, .resuleBox #next-resule-gift-rank .rank
	{
	font-size: .95rem;
	line-height: 1.65rem;
	color: #ffdb12
}

.resuleBox #resule-gift-goods .goods, .resuleBox #next-resule-gift-goods .goods
	{
	font-size: .95rem;
	line-height: 1.65rem
}

.resuleBox #resule-gift-explain {
	margin: 1.1rem .6rem 0 .6rem
}

.resuleBox #resule-gift-explain pre {
	text-align: left
}

#resule-gift-foot {
	position: relative
}

.favoriteTip {
	width: 13em;
	margin: 0 auto;
	text-align: center;
	border: .1rem solid #fff;
	border-radius: .3rem;
	margin-top: 1.5rem;
	padding-bottom: .25ren
}

.favoriteTip .favoriteText {
	background-image: url("../../Images/xxl/scicon.png?v=201712181935");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 0 0;
	height: 30px;
	line-height: 30px;
	display: inline-block;
	padding: 0 32px
}

.moveFrame {
	position: absolute;
	border: #2b73ba 0 dashed;
	font-size: 0;
	overflow: hidden;
	zoom: 1;
	z-index: 9028;
	background: #79cef9
}

.moduleLayer {
	position: absolute;
	color: #000;
	font-family: 宋体, 新宋体;
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
	height: 24px;
	z-index: 9030;
	zoom: 1;
	background-color: #56a1e3;
	border-bottom: 1px solid #3785ca;
	border-bottom-style: dashed;
	min-width: 34px;
	font-size: 12px
}

.moduleLayer .item {
	float: left
}

.moduleLayer .tool {
	position: relative;
	float: left;
	margin: 2px 2px;
	padding: 0 3px;
	height: 20px;
	line-height: 22px;
	display: inline;
	text-decoration: none;
	color: #FFF;
	text-shadow: none;
	white-space: nowrap
}

.moduleLayer .holder {
	border-right: 1px solid #3785ca;
	margin: 0;
	padding: 0;
	height: 24px
}

.version3 .moveFrame {
	border-color: #969696;
	background: #fff
}

.version3 .moduleLayer {
	background-color: rgba(0, 0, 0, .9);
	border: 1px solid #fff;
	border-radius: 4px;
	height: auto
}

.version3 .moduleLayer .tool {
	color: rgba(255, 255, 255, 0.7);
	padding: 4px 6px;
	height: auto;
	line-height: normal;
	margin: 0
}

.version3 .moduleLayer .tool:after {
	content: '';
	display: block;
	width: 1px;
	background-color: rgba(255, 255, 255, 0.8);
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	height: 14px
}

.version3 .moduleLayer .tool:last-child:after {
	display: none
}

.version3 .moduleLayer .tool:hover {
	color: rgba(255, 255, 255, 1)
}

.version3 .moduleLayer.special {
	font-size: 0
}

.version3 .moduleLayer.special .tool:after {
	height: 20px
}

.version3 .moduleLayer.special .s-btn {
	display: inline-block;
	width: 26px;
	height: 20px
}

.version3 .moduleLayer.special .edit-btn {
	background: url(../image/version3/icon.png?v=201808061807) -221px -59px
		no-repeat
}

.version3 .moduleLayer.special .css-btn {
	background: url('../image/version3/icon.png?v=201808061807') -185px
		-58px no-repeat
}

.ui-resizable-n {
	cursor: s-resize;
	height: 9px;
	top: -5px;
	left: 0;
	width: 100%
}

.ui-resizable-e {
	cursor: e-resize;
	height: 100%;
	right: -5px;
	top: 0;
	width: 9px
}

.ui-resizable-handle {
	display: block;
	font-size: .1px;
	position: absolute;
	z-index: 9999
}

.ui-resizable-s {
	bottom: -5px;
	cursor: s-resize;
	height: 9px;
	left: 0;
	width: 100%
}

.ui-resizable-w {
	cursor: e-resize;
	height: 100%;
	left: -5px;
	top: 0;
	width: 9px
}

.ui-icon {
	background-image: url(/image/ui-icons_222222_256x240.png?v=201712181935);
	background-color: #ccfafa;
	border: 1px dotted gray;
	height: 16px;
	width: 16px
}

.ui-icon-gripsmall-diagonal-se {
	background-position: -84px -228px
}

.ui-resizable-se {
	bottom: 1px;
	cursor: se-resize;
	right: -0px;
	bottom: -0px;
	width: 12px;
	height: 12px;
	filter: alpha(opacity = 50);
	opacity: .5
}

.ui-resizable-sw {
	bottom: 1px;
	cursor: sw-resize;
	left: -0px;
	bottom: -0px;
	width: 12px;
	height: 12px;
	filter: alpha(opacity = 50);
	opacity: .5;
	background: #ccfafa url(/image/bg01.png?v=201712181935) -755px -201px
		no-repeat
}

.ui-resizable-helper {
	border: 2px dotted gray
}

.ui-resizable-imgTopLeftTip, .ui-resizable-imgTopRightTip,
	.ui-resizable-imgBottomLeftTip, .ui-resizable-imgBottomRightTip {
	border: none !important;
	width: 16px;
	height: 16px;
	opacity: 1;
	filter: alpha(opacity = 100)
}

.ui-resizable-imgTopLeftTip {
	cursor: nw-resize;
	left: 0;
	top: 0;
	background: url(/image/imgResizeIcon.gif?v=201712181935) 0 0 no-repeat
}

.ui-resizable-imgTopRightTip {
	cursor: ne-resize;
	right: 0;
	top: 0;
	background: url(/image/imgResizeIcon.gif?v=201712181935) 11px 1px
		no-repeat
}

.ui-resizable-imgBottomLeftTip {
	left: 0;
	bottom: 0;
	background: url(/image/imgResizeIcon.gif?v=201712181935) 0 11px
		no-repeat
}

.ui-resizable-imgBottomRightTip {
	right: 0;
	bottom: 0;
	background: url(/image/imgResizeIcon.gif?v=201712181935) 11px 11px
		no-repeat
}

.ui-resizable-imgTopTip {
	top: -2px;
	background: url(/image/imgResizeIcon.gif?v=201712181935) 50% 49%
		no-repeat !important
}

.ui-resizable-imgBottomTip {
	bottom: -2px;
	background: url(/image/imgResizeIcon.gif?v=201712181935) 50% 50%
		no-repeat !important
}

.ui-resizable-imgLeftTip {
	left: -2px;
	background: url(/image/imgResizeIcon.gif?v=201712181935) 49% 50%
		no-repeat !important
}

.ui-resizable-imgRightTip {
	right: -2px;
	background: url(/image/imgResizeIcon.gif?v=201712181935) 49% 50%
		no-repeat !important
}

#logBox {
	position: absolute;
	left: 1rem;
	top: 4rem;
	max-width: 14rem;
	min-width: 10rem;
	background-color: rgba(0, 0, 0, 0.7);
	color: #fff;
	z-index: 99999
}

#logBox #log_head {
	width: 100%;
	height: 1rem;
	background-color: rgba(0, 0, 0, 0.5)
}

#logBox .log_icon {
	height: 1rem;
	width: 3rem;
	border-left: #fff 1px solid;
	float: right;
	text-align: center;
	line-height: 1rem
}

#logBox #log_text_wrap {
	padding: 0 .3rem .3rem;
	overflow-y: auto;
	overflow-x: hidden;
	max-height: 18rem;
	word-wrap: break-word
}

#logBox #log_text {
	font-size: .6rem;
	line-height: 1rem
}

#log_max {
	position: absolute;
	left: 0;
	top: 0rem;
	width: 3rem;
	height: 3rem;
	display: none;
	z-index: 99999
}

#log_max.hasNewErr #log_max_innerText {
	-webkit-animation: redDotTada .6s ease infinite;
	animation: redDotTada .6s ease infinite;
	color: red
}

#log_max_inner {
	width: 2rem;
	height: 2rem;
	background-color: rgba(0, 0, 0, 0.8);
	text-align: center;
	line-height: 2rem;
	font-size: 1rem;
	color: #fff;
	border: #000 1px solid
}

#logBox #log_text .log_line_ellipsis {
	height: 1rem;
	overflow: hidden;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

#logBox #log_text .log_line {
	word-break: break-all;
	border-bottom: 1px rgba(200, 200, 200, 0.8) dotted;
	padding-top: .2rem;
	font-size: .6rem;
	line-height: 1rem
}

#logBox #log_text .log_flag {
	padding-right: .2rem;
	color: #ff0;
	white-space: nowrap
}

#logBox #log_text .log_line_err .log_flag {
	color: #ff5a5a
}

#preloadPage {
	/* background: #fff; */
	background: #003756;
	z-index: 99999;
	color: #000;
	font-size: 14px;
	overflow: hidden;
	width: 100%;
	display: block;
	position: fixed
}

#preloadPage .info {
	line-height: .7rem;
	width: 100%;
	height: .7rem;
	/* color: #333; */
	color: #ffd800;
	text-align: center;
	font-size: .6rem
}

.leftClose {
	animation: leftClose .3s 1 forwards;
	-webkit-animation: leftClose .3s 1 forwards
}

#preloadCanvas {
	margin: 3.75rem auto 1.25rem;
	display: block
}

.spinner {
	margin: 5.75rem auto 1.25rem;
	width: 4rem;
	height: 4rem;
	position: relative
}

.container1>div, .container2>div, .container3>div {
	width: .7rem;
	height: .7rem;
	/* background-color: #169af7; */
	background-color: #ffd800;
	border-radius: 100%;
	position: absolute;
	-webkit-animation: bouncedelay 1.2s infinite ease-in-out;
	animation: bouncedelay 1.2s infinite ease-in-out;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.spinner .spinner-container {
	position: absolute;
	width: 2.8rem;
	height: 2.8rem;
	left: 50%;
	top: 50%;
	margin: -1.4rem 0 0 -1.4rem
}

.container2 {
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg)
}

.container3 {
	-webkit-transform: rotateZ(90deg);
	transform: rotateZ(90deg)
}

.circle1 {
	top: 0;
	left: 0
}

.circle2 {
	top: 0;
	right: 0
}

.circle3 {
	right: 0;
	bottom: 0
}

.circle4 {
	left: 0;
	bottom: 0
}

.container2 .circle1 {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s
}

.container3 .circle1 {
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s
}

.container1 .circle2 {
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s
}

.container2 .circle2 {
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s
}

.container3 .circle2 {
	-webkit-animation-delay: -0.7s;
	animation-delay: -0.7s
}

.container1 .circle3 {
	-webkit-animation-delay: -0.6s;
	animation-delay: -0.6s
}

.container2 .circle3 {
	-webkit-animation-delay: -0.5s;
	animation-delay: -0.5s
}

.container3 .circle3 {
	-webkit-animation-delay: -0.4s;
	animation-delay: -0.4s
}

.container1 .circle4 {
	-webkit-animation-delay: -0.3s;
	animation-delay: -0.3s
}

.container2 .circle4 {
	-webkit-animation-delay: -0.2s;
	animation-delay: -0.2s
}

.container3 .circle4 {
	-webkit-animation-delay: -0.1s;
	animation-delay: -0.1s
}

@
-webkit-keyframes bouncedelay { 0%,80%,100%{
	-webkit-transform: scale(0.0)
}

40%{
-webkit-transform
:scale
(1
.0
)
}
}
@
keyframes bouncedelay { 0%,80%,100%{
	transform: scale(0.0);
	-webkit-transform: scale(0.0)
}

40%{
transform
:scale
(1
.0
);-webkit-transform
:scale
(1
.0
)
}
}
@
keyframes leftClose { 0%{
	left: 0rem
}

100%{
left
:
-20rem
}
}
@
-webkit-keyframes leftClose { 0%{
	left: 0rem
}

100%{
left
:
-20rem
}
}
.favoriteTip {
	width: 13em;
	margin: 0 auto;
	text-align: center;
	border: .1rem solid #fff;
	border-radius: .3rem;
	margin-top: 1.5rem;
	padding-bottom: .25rem
}

#awardUserInfoBg {
	background-color: rgba(0, 0, 0, 9);
	z-index: 1501;
	-webkit-overflow-scrolling: touch;
	overflow: scroll
}

#validteBoxerBg {
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 1500;
	background-color: rgba(0, 0, 0, 0.5)
}

.awardUserInfoTitle {
	position: relative;
	padding: 10px 15px;
	padding-bottom: 0
}

.theCloseBtn {
	position: absolute;
	right: 15px;
	top: 10px;
	width: 1.5rem;
	height: 1.5rem;
	background: url('../../Images/xxl/close2.png?v=201712181935') no-repeat;
	background-size: 100% 100%
}

.awardUserInfoTitle h2 {
	color: #333;
	font-size: .9rem;
	padding: 10px 0
}

.tipsColor {
	color: #888;
	font-size: .6rem;
	margin: 0
}

.thePositonRelative {
	position: relative
}

.thePositionAbsolute {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 20
}

#awardUserInfoBox #userSubmitBtn {
	width: 9rem;
	height: 1.75rem;
	margin: .5rem auto;
	background-color: #bbb;
	line-height: 1.75rem;
	font-size: .7rem;
	border-radius: .15rem
}

#awardUserInfoBox #userSubmitBtn.submit {
	background-color: #ffa904
}

#awardUserInfoBox #userCancelBtn {
	width: 3.25rem;
	margin: 1rem auto 0;
	text-decoration: underline;
	font-size: .6rem
}

#awardUserInfoBox .awardUserBot {
	margin-top: .9rem;
	line-height: .7rem;
	font-size: .55rem
}

#awardContactInfo {
	margin: 0 auto .2rem;
	position: relative;
	width: 13.8rem
}

#awardContactInfo .titleLine {
	font-size: .65rem;
	line-height: .65rem;
	position: relative;
	width: 100%;
	text-align: center
}

#awardContactInfo .updateBtn {
	width: 3.1rem;
	height: 1.1rem;
	right: 0;
	top: 1.45rem;
	line-height: 1.1rem;
	box-sizing: border-box;
	border: solid .05rem rgba(255, 255, 255, .6);
	border-radius: .15rem;
	text-align: center
}

#awardContactInfo .titleLine .title {
	width: 3.4rem;
	display: inline-block
}

#awardContactInfo .titleLine:before, #awardContactInfo .titleLine:after
	{
	content: '';
	display: inline-block;
	border-top: solid .05rem rgba(255, 255, 255, 0.6);
	width: 5.2rem;
	vertical-align: middle
}

#awardContactInfo .contactItem {
	width: 8rem;
	margin-top: .75rem;
	margin-left: .1rem;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.isJZCoupon {
	height: 2.8rem !important;
	line-height: 2rem
}

.codeInfoBox {
	width: 13.3rem;
	height: 4.5rem;
	border: .1rem solid #fff;
	border-radius: .2rem;
	margin: 1.05rem auto 0;
	position: relative;
	padding-top: .8rem
}

.codeInfoBox .djqImgBox {
	width: 1.75rem;
	height: 1.625rem;
	background: url('../../Images/xxl/djq.png?v=201712181935') no-repeat;
	background-size: 100%;
	position: absolute;
	top: -2px;
	left: -2px
}

.codeInfoBox.isYKY {
	height: 2.3rem;
	padding-top: 1.45rem
}

.codeInfoBox.isYKY {
	height: 3.75rem;
	padding-top: 0
}

.codeInfoBox.isYKY .isEmptyAward {
	height: 3.75rem;
	line-height: 3.75rem
}

.codeInfoBox.isYKY .noPartnersBox {
	display: none !important
}

.favoriteTip .favoriteText {
	background-image: url("../../Images/xxl/scicon.png?v=201712181935");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 0 0;
	height: 30px;
	line-height: 30px;
	display: inline-block;
	padding: 0 32px
}

.resule-status-userPk, #resule-status-head p, .little-PK,
	.resule-status-Fighting {
	display: none
}

.resule-foot-box .resule-foot-two .resule-status-returnhome {
	display: none
}

.resuleBox .PKner-A {
	left: -7rem;
	border: .2rem solid #fe8208
}

.resuleBox .PKner-A, .resuleBox .PKner-C {
	top: 1rem
}

.resuleBox .PKner-B {
	position: absolute;
	left: 0;
	top: 2rem;
	right: 0;
	z-index: 999;
	width: 2rem
}

.PKner-B img {
	width: 100%;
	height: auto;
	display: inline-block;
	vertical-align: middle
}

.resuleBox .PKner-C {
	left: 7rem
}

#resule-status-head p {
	position: absolute;
	top: 5.2rem;
	font-size: 14px;
	color: #fff;
	width: 8rem;
	text-align: center
}

.userA-name {
	left: -1rem
}

.userB-name {
	right: -1rem
}

.little-PK * {
	color: #fff
}

.fighting-success {
	display: none
}

.WhetherAward {
	display: none
}

.winAWard a {
	text-decoration: underline
}

.specil {
	font-size: .7rem;
	color: #fec200
}

@
keyframes leftClose { 0%{
	left: 0rem
}

100%{
left
:
-20rem
}
}
@
-webkit-keyframes leftClose { 0%{
	left: 0rem
}

100%{
left
:
-20rem
}
}
ul, li {
	list-style: none
}

.showAwardBox {
	position: absolute;
	width: 16rem;
	height: 1.75rem;
	z-index: 399;
	overflow: hidden
}

.awardInfoList {
	position: relative;
	height: 100%;
	background: rgba(0, 0, 0, .4)
}

.awardInfoList li {
	position: absolute
}

.awardInfoList li div {
	float: left;
	position: relative;
	overflow: hidden;
	line-height: 1.75rem;
	color: #fff;
	font-size: 12px;
	padding-right: .8rem
}

.awardInfoList li img {
	width: 1.2rem;
	height: 1.2rem;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	border: solid .05rem #fff;
	display: inline-block;
	vertical-align: middle;
	margin-top: -0.2rem;
	margin-right: .2rem
}

.awardInfoList:after {
	content: '';
	clear: both;
	display: block;
	height: 0
}

.hd-left-arrow, .hd-right-arrow {
	width: 1rem;
	height: 1.25rem;
	position: absolute;
	top: 50%;
	margin-top: -0.625rem;
	cursor: pointer;
	z-index: 999
}

.hd-left-arrow {
	left: -1rem;
	background: url('../../Images/xxl/left-arrow.png?v=201712181935') no-repeat;
	background-size: 100%
}

.hd-right-arrow {
	right: -1rem;
	background: url('../../Images/xxl/right-arrow.png?v=201712181935') no-repeat;
	background-size: 100%
}

.next-fonts-foot {
	position: absolute
}

#next-resule-gift-rank span {
	font-size: .8rem;
	line-height: 1.2rem;
	color: #ffdb12
}

#next-resule-gift-foot, .next-fonts-foot {
	width: 100%;
	overflow: hidden
}

#next-resule-gift-foot {
	overflow: visible
}

.isAngular #ticketDetailBox {
	background: #fff;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: .6rem .65rem;
	color: #000;
	z-index: 5000
}

.isAngular #ticketDetailBox .ticketitle {
	font-size: .7rem;
	padding-bottom: .5rem;
	border-bottom: solid .05rem #d5d5d5;
	line-height: .7rem;
	position: relative
}

.isAngular #ticketDetailBox .ticketInfo {
	padding-top: .3rem
}

.isAngular #ticketDetailBox .itemList {
	font-size: .6rem;
	padding: .3rem 0
}

#ticketDetailBox .itemList:after {
	content: '';
	display: block;
	clear: both;
	height: 0
}

.addressHide {
	display: none !important
}

#ticketDetailBox .itemList .title {
	float: left;
	color: #666
}

#ticketDetailBox .itemList .box {
	width: auto;
	margin-left: 3.52rem
}

#ticketDetailBox .itemList .box pre {
	white-space: pre-wrap
}

#ticketDetailBox .itemList .box div {
	width: 100%
}

#ticketDetailBox .itemList .tel {
	color: #249f3f
}

#useStoreBox {
	background: #fff;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	color: #000;
	z-index: 5000;
	margin-top: .4rem
}

#useStoreBox .storeTitle {
	font-size: .7rem;
	padding: .6rem 0 .5rem 0;
	border-bottom: solid .05rem #d5d5d5;
	margin: 0 .65rem;
	line-height: .7rem;
	position: relative
}

#useStoreBox .storeTitle .storeNumText {
	color: #999
}

#useStoreBox .storeTitle .moreBtn {
	display: block;
	float: right;
	color: #999
}

.storeInfoBox {
	position: relative;
	padding: .4rem 0 .4rem .65rem;
	background: #fff
}

.storeInfoBox .info {
	margin-right: 3.4rem;
	padding-right: .2rem;
	border-right: solid .05rem #d5d5d5
}

.storeInfoBox .info .storeNameBox {
	font-size: .7rem;
	line-height: 1.4;
	padding-top: .3rem
}

.storeInfoBox .info .storeNameBox #distance {
	display: inline-block;
	float: right;
	color: #999;
	font-size: .6rem
}

.storeInfoBox .info .storeAdress {
	font-size: .6rem;
	line-height: 1.4;
	color: #999;
	padding-top: .2rem;
	padding-bottom: .3rem
}

.storeInfoBox .locationBtn {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	height: 2.8rem;
	width: 3.4rem;
	margin: auto;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background: url('../../Images/xxl/ditu.png?v=201712181935') no-repeat;
	background-size: 58%;
	background-position: center
}

#storeListBox {
	z-index: 2000;
	font-size: .7rem;
	background-color: #f0eff4;
	overflow-y: scroll
}

#storeListBox .storeInfoBox {
	border-bottom: solid .05rem #d5d5d5
}

#storeListBox .refreshBtn {
	text-decoration: underline;
	font-size: .6rem;
	margin: .5rem 0 5rem 0;
	text-align: center
}

#storeListBox .closeBtn {
	position: fixed;
	bottom: 0;
	right: 0;
	left: 0;
	margin: 0 auto .2rem auto;
	width: 2.25rem;
	height: 2.25rem;
	background: url('../../Images/xxl/close2.png?v=201712181935') no-repeat;
	background-size: 70%;
	background-position: center
}

#codeStatusTips {
	font-size: .55rem;
	color: #35a4de;
	font-family: "SimSun"
}

#attentionCur {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

#attentionPrev {
	display: none;
	width: 12.5rem;
	height: 18.75rem;
	position: absolute;
	top: 3rem;
	left: 1.75rem;
	background-color: #fafafa;
	border-radius: .1rem
}

#attentionPrev>* {
	margin: 0 auto
}

#attentionPrev .topIcon {
	width: 3.6rem;
	height: 3rem;
	position: absolute;
	top: -1.3rem;
	left: 4.45rem;
	border-top-left-radius: 1.8rem;
	border-top-right-radius: 1.8rem;
	background: url('../../Images/xxl/strongeAtIcon.png?v=201810101713') no-repeat;
	background-size: 60%;
	background-position: center .75rem;
	background-color: #fafafa
}

#attentionPrev .textTop {
	width: 10.8rem;
	font-size: .75rem;
	color: #333;
	font-weight: bold;
	text-align: center;
	line-height: .95rem;
	margin-top: 1.85rem;
	z-index: 100
}

#attentionPrev .prevImg {
	width: 10.5rem;
	height: 7.5rem;
	background: url('../../Images/xxl/strongAtCur.png?v=201810101713') no-repeat;
	background-size: 100%;
	margin-top: .85rem;
	border: .025rem solid #afafaf;
	box-shadow: .05rem .05rem .25rem rgba(184, 184, 184, .5)
}

#attentionPrev .textBottom {
	width: 8.7rem;
	font-size: .65rem;
	color: #898989;
	text-align: center;
	line-height: .9rem;
	margin-top: .3rem
}

#attentionPrev .iKnow {
	width: 10.5rem;
	font-size: .7rem;
	color: #fff;
	text-align: center;
	line-height: 2.2rem;
	height: 2.2rem;
	background-color: #1f91fb;
	border-radius: 1.1rem;
	margin-top: 1.05rem
}

#attentionPrev .iKnow.touchIng {
	background-color: #1783e8
}

#strongAttentionTips {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 1.5rem;
	line-height: 1.5rem;
	background-color: #e64340;
	font-size: .64rem;
	text-align: center;
	color: #fff;
	z-index: 10000;
	display: none
}

#strongAttion {
	width: 12.5rem;
	height: 16.5rem;
	background: #fff;
	color: #000;
	position: absolute;
	left: 1.7rem;
	top: 3.5rem;
	border-radius: .1rem;
	z-index: 9999
}

#strongAttion .tips {
	position: absolute;
	top: -1.49rem;
	left: 0;
	width: 100%;
	text-align: center;
	font-size: 0;
	z-index: 999;
	color: #2bbc1c;
	white-space: nowrap
}

#strongAttion .tips .check-icon {
	display: inline-block;
	margin-right: 6px;
	height: 16px;
	vertical-align: middle
}

#strongAttion .tips .text {
	display: inline-block;
	font-size: .65rem;
	vertical-align: middle
}

#strongAttionBgMark {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.75);
	z-index: 5000;
	display: none
}

#iamfans {
	position: absolute;
	top: 21.5rem;
	left: 4.2rem;
	width: 7.5rem;
	height: 2.2rem;
	line-height: 2.2rem;
	text-align: center;
	border: .05rem solid #fff;
	border-radius: .2rem;
	color: #fff;
	font-size:
}

.identifyCheck {
	font-family: "微软雅黑";
	font-size: 1.2rem;
	color: #333;
	margin: 1.4rem 0rem;
	text-align: center;
	margin-bottom: .6rem
}

.strongAttImgBox {
	width: 9.7rem;
	height: 9.7rem;
	border: 1px solid #eaeaea;
	margin: 0 auto
}

.strongAttImgBox img {
	display: block;
	width: 8.9rem;
	height: 8.9rem;
	margin: .4rem auto
}

.playerLimitStrong {
	width: 9.7rem;
	margin: 0 auto;
	font-family: "微软雅黑";
	font-size: .8rem;
	color: #777;
	margin-top: .4rem
}

.cannotGetThePriceBox {
	width: 16rem;
	height: 13rem;
	position: absolute;
	left: 0;
	top: 0
}

.cannotGetThePriceBox.oldGame {
	height: 18.5rem
}

#hdCommentPanel {
	position: absolute;
	z-index: 15;
	top: .35rem;
	color: #fff
}

.hdCommentPage {
	width: 16rem;
	margin-top: .1rem
}

.hdCommentLine:after {
	content: '';
	display: block;
	clear: both
}

.hdCommentLine {
	position: relative
}

.hdCommentLine .hdComment {
	position: absolute;
	top: 0;
	width: 18rem
}

.hdCommentAnimate {
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	perspective: 1000;
	-webkit-perspective: 1000;
	animation: hdCommentAnimate 20s 0s linear normal infinite;
	-webkit-animation: hdCommentAnimate 20s 0s linear normal infinite
}

.hdCommHeadImg {
	display: inline-block;
	position: absolute;
	left: -0.5rem;
	top: -0.45rem;
	width: 1.175rem;
	height: 1.175rem;
	border: solid .15rem rgba(255, 255, 255, .45);
	border-radius: 100%;
	overflow: hidden
}

.hdCommPortrait {
	width: 100%;
	height: 100%;
	display: block;
	background: #fff
}

.hdCommentFloat {
	background: rgba(0, 0, 0, 0.3);
	margin-right: 3.5rem;
	z-index: 1;
	float: left;
	position: relative;
	border-radius: .9rem;
	height: .9rem;
	line-height: .95rem;
	font-size: .5rem;
	color: #fff;
	padding: 0 .45rem 0 1.2rem;
	margin-right: 120px
}

.hdCommContent {
	height: .9rem;
	line-height: .95rem;
	font-size: .5rem;
	color: #fff
}

@
keyframes hdCommentAnimate { 0%{
	transform: translate3d(0, 0, 0)
}

100%{
transform
:translate3d
(-100%
,
0,0)
}
}
@
-webkit-keyframes hdCommentAnimate { 0%{
	-webkit-transform: translate3d(0, 0, 0)
}

100%{
-webkit-transform
:translate3d
(-100%
,
0,0)
}
}
.bottomScrollAnima {
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	perspective: 1000;
	-webkit-perspective: 1000;
	animation: bottomScrollAnima 20s linear 0s infinite normal;
	-webkit-animation: bottomScrollAnima 20s linear 0s infinite normal
}

@
keyframes bottomScrollAnima { 0%{
	transform: translate3d(0, 0, 0)
}

100%{
transform
:translate3d
(-200%
,
0,0)
}
}
@
-webkit-keyframes bottomScrollAnima { 0%{
	-webkit-transform: translate3d(0, 0, 0)
}

100%{
-webkit-transform
:translate3d
(-200%
,
0,0)
}
}
#valiteBox .thevaliteBoxer {
	position: relative;
	width: 100%;
	height: 25rem
}

#valiteBox .titleHeader {
	color: #596276;
	font-size: .75rem;
	height: 2rem;
	line-height: 2rem;
	margin-left: .5rem
}

#valiteBox .contentMiddle {
	height: 1.8rem;
	margin: 0 .5rem;
	border: 1px solid #d5d5d6
}

#valiteBox .theErrorTips {
	color: #f00;
	font-size: .35rem;
	margin-top: .5rem;
	margin-left: .5rem
}

#valiteBox .contentMiddle .inputCode {
	width: 6rem;
	height: 1.5rem;
	margin: .1rem 0;
	color: #333;
	font-size: .75rem;
	outline: 0;
	border: 0;
	float: left
}

.contentMiddle .inputCode input {
	display: block;
	width: 100%;
	height: 100%;
	border: 0
}

#valiteBox .contentMiddle .validateCode {
	width: 4rem;
	height: 1.3rem;
	margin: .2rem .2rem .2rem 0;
	border: 1px solid #d5d5d6;
	float: right
}

#valiteBox .buttonFoot {
	height: 2.2rem;
	margin-top: .5rem;
	border-top: 1px solid #d5d5d6
}

#valiteBox .buttonFoot div:hover {
	color: #0bb20c
}

#valiteBox .buttonFoot .submitBtn {
	width: 6.4rem;
	text-align: center;
	line-height: 2.2rem;
	color: #666;
	font-size: .8rem;
	float: left;
	border-right: 1px solid #d5d5d6
}

#valiteBox .buttonFoot .cancelBtn {
	width: 6.4rem;
	text-align: center;
	line-height: 2.2rem;
	font-size: .8rem;
	color: #666;
	float: left
}

#activityKit {
	position: fixed;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	overflow: hidden;
	color: #fff;
	z-index: 590;
	background: rgba(0, 0, 0, 0.75);
	display: none;
	width: 16rem
}

#activityKit .arrow {
	background: url(../../Images/xxl/arrow.png?v=201712181935) no-repeat;
	background-size: 100%;
	width: 4.55rem;
	height: 5.15rem;
	position: absolute
}

#activityKit #tip_txt {
	position: absolute;
	top: 0;
	margin: 0 2.4rem;
	font-size: .73rem;
	line-height: .9rem
}

.outSpecialDivAutoFit {
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat
}

.hd-game-theBg-fillAuto {
	background-size: contain
}

.hd-game-theBg-needNow {
	background-position: center center;
	background-repeat: no-repeat
}

.hd-Special-bgImgInfo {
	background-size: 100% auto !important;
	background-position: 0 0 !important
}

.theBorderFixed {
	font-size: .3rem;
	color: #fff;
	border-radius: .125rem;
	padding: .3rem .6rem .3rem 1rem;
	border: 1px solid #fff;
	height: .7rem;
	line-height: .7rem
}

.attentionBox a {
	position: relative
}

.attentionBox .hdskillInfo a {
	border-radius: .25rem;
	padding: .3rem 1.2rem;
	text-decoration: underline;
	margin-left: -0.4rem
}

.attentionBox .hdskillInfo a.theSpecialTarget {
	text-decoration: none;
	border: 1px solid #fff
}

.attentionBox .hdskillInfo.oldFaiImgGame {
	float: left;
	margin-left: 2.8rem;
	margin-bottom: .8rem
}

#awardCusBtnInfo .cell__ft, #hostInfoDetail .cell__ft {
	text-align: right;
	color: #999;
	padding-right: 13px;
	position: relative
}

#awardCusBtnInfo .cell__ft:after {
	content: " ";
	display: inline-block;
	height: 6px;
	width: 6px;
	border-width: 2px 2px 0 0;
	border-color: #c8c8cd;
	border-style: solid;
	-webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
	transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
	position: relative;
	top: -2px;
	position: absolute;
	margin-top: -0.875rem;
	margin-right: 13px;
	right: 2px
}

#hostInfoDetail .cell__ft:after {
	content: " ";
	display: inline-block;
	height: 6px;
	width: 6px;
	border-width: 2px 2px 0 0;
	border-color: #c8c8cd;
	border-style: solid;
	-webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
	transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
	position: relative;
	top: -2px;
	position: absolute;
	margin-top: -0.875rem;
	margin-right: 13px;
	right: 2px
}

#resule-status-box .attentionBox .gotoFlag {
	margin-left: -0.9rem
}

#resule-status-box .attentionBox .skillInfo a {
	margin-left: -0.4rem;
	line-height: 1rem;
	font-size: .6rem
}

#resule-gift-box .attentionBox .skillInfo a {
	line-height: 1.3rem;
	font-size: .6rem
}

#resule-gift-scrollWrap .resule-gift-Csscontroler {
	position: absolute;
	z-index: 9999;
	top: 0
}

#next-resule-gift-sucImg {
	position: relative
}

.imgSlidTransition {
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.uploader_previewImg {
	transform-origin: 0 0;
	width: 100%
}

#uploaderEditBox {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99999
}

#uploaderEditBox .previewMask {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 20
}

#uploaderEditBox .mask {
	background-color: rgba(0, 0, 0, 0.3)
}

#uploaderEditBox .previewBox {
	height: 100%;
	background: #000
}

#uploaderEditBox .previewBox .previewImg {
	position: absolute;
	left: 0;
	top: 3rem;
	z-index: 10
}

#uploaderEditBox .previewBox .maskTop {
	height: 3rem
}

#uploaderEditBox .previewBox .windowBox {
	height: 15.8rem;
	border: .1rem solid #fff
}

#uploaderEditBox .previewBox .maskBottom {
	height: 20rem
}

#uploaderEditBox .previewBox .previewBar, #uploaderEditBox .previewBox .barBaseplate
	{
	width: 100%;
	height: 2rem;
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 30
}

#uploaderEditBox .previewBox .barBaseplate {
	z-index: 5;
	background-color: #ccc
}

#uploaderEditBox .previewBox .previewBar .btn {
	line-height: 2rem;
	font-size: .8rem;
	display: inline-block;
	padding: 0 .5rem;
	color: #fff
}

#uploaderEditBox .previewBox .previewBar .confirmBtn {
	float: right
}

#uploaderEditBox .viewBox {
	height: 100%
}

#uploaderEditBox .viewBox .previewMask {
	height: 100%
}

#uploaderEditBox .viewImgWarp {
	position: absolute;
	left: 0;
	top: 3rem;
	width: 100%;
	height: 16rem;
	overflow: hidden;
	z-index: 30
}

#uploaderEditBox .viewBox .viewBtn {
	position: absolute;
	top: 20.6rem;
	width: 10rem;
	left: 3rem;
	text-align: center;
	height: 2rem;
	font-size: .8rem;
	line-height: 2rem;
	border-radius: .2rem;
	color: #fff;
	background: #fe8208;
	z-index: 40
}

.specialBottom {
	bottom: 2rem
}

.showThemeGameImg {
	background-image: url(../../Images/xxl/yxggy.jpg?v=201712181935) !important;
	background-position: center center;
	background-repeat: no-repeat
}

.hdMarketingBox .closeQrcodeBtn {
	top: 3%;
	right: 6%;
	color: white;
	position: fixed;
	z-index: 5000;
	cursor: pointer
}

.hdMarketingBox .hdIconImg {
	position: fixed;
	z-index: 5000;
	width: 35%;
	top: 19%;
	left: 32.8%
}

.hdMarketingBox .hdTextBox {
	top: 40%;
	left: 32.5%;
	position: fixed;
	z-index: 5000;
	color: white
}

.hdMarketingBox .hdTextBox .hdTextBox_one {
	font-size: 1rem;
	margin: .6rem 0 .3rem .8rem
}

.hdMarketingBox .hdTextBox .hdTextBox_two {
	font-size: .7rem
}

.hdMarketingBox .hdTextBox .hdTextBox_three {
	top: 56%;
	left: 27.5%;
	position: fixed;
	z-index: 5000;
	border: 1px solid white;
	border-radius: .4rem;
	background-color: #363636;
	color: white;
	width: 45%;
	height: 2rem;
	text-align: center;
	line-height: 2rem
}

.hdMarketingBox .hdQrcodeImg {
	display: none;
	position: absolute;
	z-index: 5000;
	width: 11.65rem;
	margin: auto;
	top: 2rem;
	right: 0;
	left: 0
}

.attentionBox .theRunningAdClass a {
	padding-right: 1.95rem
}

.theRunningAdClass .gotoFlag {
	width: 1rem;
	margin-left: -1.5rem !important
}

.theRunningAdClass .gotoFlag i {
	animation: runningAd 1s infinite;
	-webkit-animation: runningAd 1s infinite
}

@
-webkit-keyframes runningAd { 0%{
	left: 0
}

100%{
left
:
.6rem
}
}
@
keyframes runningAd { 0%{
	left: 0
}

100%{
left
:
.6rem
}
}
#exchangeGiftBox .textContain .clearIcon {
	position: absolute;
	width: 1rem;
	height: 1rem;
	top: 6.2rem;
	right: .5rem;
	background: url(../../Images/xxl/iconAll3.png?v=201803141823) no-repeat -9rem
		-21.7rem;
	cursor: pointer
}

#accessKeyPopup .accessKeyInput {
	padding: 10px 6px;
	border: 1px solid #e7e7e7;
	display: block;
	box-sizing: border-box;
	height: 36px;
	margin: 6px 0 9px
}

#accessKeyPopup .accessKeyInput.hasErr {
	border-color: red
}

#accessKeyPopup .errMessage {
	color: red;
	margin-bottom: 8px;
	font-size: 12px
}

#accessKeyPopup .weui-mask {
	z-index: 1600;
	background: rgba(0, 0, 0, 0.8)
}

#accessKeyPopup .weui-dialog__title {
	font-size: 16px
}

#accessKeyPopup .weui-dialog__hd {
	padding-top: 13px;
	padding-bottom: 0
}

#accessKeyPopup #accessKeyPopupTitle {
	padding: 8px 0;
	word-break: break-all
}

#accessKeyPopup .weui-dialog__hd, #accessKeyPopup .weui-dialog__bd {
	text-align: left;
	padding-left: 16px;
	padding-right: 16px
}

.outerDiv {
	position: absolute;
	height: 100px;
	width: 100px;
	overflow: scroll;
	z-index: 1000;
	overflow-y: scroll
}

.outerDiv .innerDiv {
	height: 200px
}

.hideTitleImg {
	display: none !important
}

#hostIntroducePage .closeHostPage {
	right: 0;
	margin-right: .2rem;
	margin-top: .4rem;
	width: 2.25rem;
	height: 1.8rem;
	background: url(../../Images/xxl/close2.png?v=201806291351) no-repeat;
	background-size: 70%;
	background-position: center;
	position: relative;
	float: right
}

#hostIntroducePage .whiteBgColor .noHostInfoBg .bgImg {
	margin: 0 auto;
	width: 3.1rem;
	height: 3.1rem;
	background: url('../../Images/xxl/noHostInfo.png?v=201807021839') no-repeat;
	background-size: 100%
}

#hostIntroducePage .imgContain .imgCount .countBg {
	background: url('../../Images/xxl/imgCount.png?v=201807171003') no-repeat;
	background-size: 93%
}

.hd-img-fillDiv {
	background-size: 100% 100%
}

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

.swiper-container .swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.swiper-container .swiper-wrapper .swiper-slide {
	position: relative;
	overflow: hidden;
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform
}

.swiper-container .swiper-number-pagination {
	position: absolute;
	z-index: 500;
	right: .4rem;
	bottom: .25rem;
	background: rgba(0, 0, 0, 0.4);
	color: #fff;
	font-size: .6rem;
	width: 2rem;
	height: 1rem;
	line-height: 1rem;
	text-align: center;
	border-radius: 50%/100%;
	-webkit-border-radius: 50%/100%
}

.advertisingBox {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	width: 100%;
	height: 100%;
	background: #ededed
}

.advertisingBox .swiper-wrapper {
	-webkit-transform: translate3d(0px, 0, 0);
	transform: translate3d(0px, 0, 0)
}

.advertisingBox .swiper-wrapper .swiper-slide {
	position: relative;
	overflow: hidden
}

.advertisingBox .swiper-wrapper .swiper-slide .advertisingItem {
	position: absolute;
	background-size: 100%;
	background-repeat: no-repeat;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}

.advertisingBox .swiper-pagination {
	position: absolute;
	text-align: center;
	-webkit-transition: 300ms opacity;
	-o-transition: 300ms opacity;
	transition: 300ms opacity;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 10;
	bottom: 10px;
	left: 0;
	width: 100%
}

.advertisingBox .swiper-pagination .swiper-pagination-bullet {
	width: 9px;
	height: 9px;
	display: inline-block;
	border-radius: 100%;
	background: #000;
	opacity: .5;
	margin: 0 3px;
	cursor: pointer
}

.advertisingBox .swiper-pagination .swiper-pagination-bullet.hide {
	display: none
}

.advertisingBox .swiper-pagination .swiper-pagination-bullet-active {
	opacity: 1;
	background: #007aff
}

.advertisingBox .skipTips {
	position: absolute;
	right: .3rem;
	top: .45rem;
	background: rgba(0, 0, 0, 0.5);
	font-size: .6rem;
	height: .9rem;
	line-height: .9rem;
	border-radius: .5rem;
	width: 4rem;
	text-align: center;
	color: #fff;
	z-index: 999998
}

#shareExampleBox {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 5000;
	width: 100%;
	height: 100%;
	background-color: #ebebeb
}

#shareExampleBox pre {
	white-space: pre-wrap;
	word-wrap: break-word
}

#shareExampleBox .shareContain {
	padding: 30px 8px 0
}

#shareExampleBox .userDialogBox {
	width: 100%;
	height: 340px;
	background-size: 100%;
	background: url('../../Images/xxl/userDialogBg.png?v=201808201035') no-repeat
}

#shareExampleBox .userOperationBox {
	width: 100%;
	height: 42px;
	background-size: 100%;
	bottom: 0;
	position: fixed;
	background: url('../../Images/xxl/userOperationBg.png?v=201808201035') no-repeat
}

#shareExampleBox .userDialogBox .pushBox {
	width: 150px;
	height: 88px;
	float: left
}

#shareExampleBox .userDialogBox .pushHeadImg img {
	width: 46px;
	height: 46px;
	float: left;
	margin-top: 33px
}

#shareExampleBox .pushBox .pushTitle {
	font-size: 16px;
	color: #000;
	line-height: 24px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

#shareExampleBox .pushBox .pushContain {
	height: 50px;
	font-size: 12px;
	color: #a7a7a7;
	line-height: 16px;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3
}

#shareExampleBox .pushBox_NoAward {
	padding: 8px 17px 20px 25px
}

#shareExampleBox .pushBox_NoAward_HasAchieve {
	padding: 8px 17px 20px 67px
}

#shareExampleBox .pushBox_HasAward {
	padding: 8px 17px 20px 67px
}

.version3 #shareExampleBox .userDialogBox {
	background: url('../../Images/xxl/userDialogBg_new3.png?v=201809031720') no-repeat
}

.version3 #shareExampleBox .userOperationBox {
	height: 50px;
	background: url('../../Images/xxl/userOperationBg_new3.png?v=201809031720')
		no-repeat
}

.version3 #shareExampleBox .pushBox_NoAward {
	padding: 8px 17px 20px 77px
}

#minShareBtn {
	position: absolute;
	top: 0;
	left: 0;
	width: 2.3rem;
	height: 2.3rem;
	border: .08rem solid rgba(255, 255, 255, .5);
	border-radius: 1.2rem;
	background: url('../../Images/xxl/minShareBtn.png?v=201808201035') no-repeat;
	background-color: rgba(0, 0, 0, .7);
	background-size: 1.2rem auto;
	background-position: center center;
	z-index: 999
}

#minShareBtn.move {
	background-color: rgba(0, 0, 0, .9)
}

.swiper-container.ui-resizable {
	width: 16rem !important;
	padding: 0 !important;
	margin: 0 !important
}

.swiper-editTarget-manage {
	display: none
}

.swiper-mask-wrap-manage {
	position: relative
}

.swiper-mask-wrap-manage .swiper-mask-manage {
	position: absolute;
	z-index: 101;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: none
}

.swiper-background-full {
	background-size: 100% 100% !important
}

.swiper-editTarget {
	position: static;
	width: 16rem !important
}

.swiper-imgContainer-resize {
	height: auto !important;
	position: relative
}

.greenBtn {
	background-color: #41bd43 !important
}

.orangeBtn {
	background-color: #fe8208 !important
}

.flowBtn {
	bottom: auto !important
}