@charset "utf-8";
/*通用样式*/
body { overflow-x:hidden;}
body::-webkit-scrollbar {display:none}  /*滚动条隐藏*/
div { box-sizing:border-box;}
html, body, div, span, iframe, map, font, img, a img, samp, strong, hr, h1, h2, h3, h4, h5, h6, b, p, blockquote, a, address, code, dl, dt, dd, ol, ul, li, form, label, table, tr, td, th{ padding: 0; margin: 0; border: 0; font-weight: normal; font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;  list-style:none;}
body{ background:#fff; font:normal 12px/22px "微软雅黑";  }
img{ border:0;  }
a{ text-decoration:none; color:#67718f;  }
a:hover{ color:#ffe9d3;  }
.clear { clear:both;}
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, tbody, td, textarea, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    user-select: text;}




/*头部内容css*/
.top { background:#414755;}
.topBox { width:1200px; margin:0 auto; overflow:hidden; height:22px; line-height:22px;}
.lang-cn {
    background-image: url(../images/huanya/lang_cn.png);
}
.lang-hk {
    background-image: url(../images/huanya/lang_hk.png);
}
.lang-en {
    background-image: url(../images/huanya/lang_en.png);
}
.yuyan {
    display: inline-block;
    vertical-align: top;
    width: 20px;
    height: 14px;
    cursor: pointer;
    margin: 4px 2px;
}

#nowtime { text-align:right;font-size: 12px; color: hsla(0,0%,100%,.6);}
.header { position:fixed;left:0;right:0; background:#fff;box-shadow: 0 2px 4px 0 rgba(203,206,216,.2);z-index: 9;top: 0;}
.headerBox { display:flex; width:1200px;justify-content: space-between; margin:0 auto; height:84px;}
.logo { position:relative;display: block;max-width: 170px;width: 170px;}
.logo img { height: 73px; display:block;}
.headerLeft {display: flex; height:100%; align-items: center;}
.nav { height: 100%;}
.nav>ul {display: flex; align-items: center; height: 100%;}
.nav>ul>li>a span { position:relative;display:block; color:#444c64; font-size:14px;min-width: 36px;text-align: center;}
.nav li:last-child a{  margin-right:15px;}
.nav li span:after { content: ""; display: block; width: 0; height: 4px; background: #d2b79c; border-radius: 2px; position: absolute; bottom: 0; left: 50%; transition: all .2s;}
.nav li:hover a>span:after,.nav li.cur a>span:after {left: 0; width: 100%;}
.nav li i {position: absolute; top: 50%; margin-left:4px; transform: translateY(-50%); width: 10px; height: 10px;background-image: url('../images/huanya/sprite.png');
 background-repeat: no-repeat; background-size: 100px 24px; background-position: -78px 0; transition: transform .3s ease;}
.nav li>a{margin-right: 20px; height: 100%; line-height: 84px; color: #444c64; cursor: pointer; transition: all .2s ease;}
.nav li>a {position: relative; display:block;}
.nav li:hover i,.nav li.cur i {background-position: -90px 0; transform: translateY(-50%) rotate(-180deg); transform-origin: center center;}
.nav li:hover a>span,.nav li.cur span{ color:#d3b797;}
.loginBox { display:flex;align-items: center;}
.userIcon { width:36px; height:36px; border-radius:50%; position:relative; overflow:hidden;}
.userIcon img { width:100%; display:block;}
.userBtn {display: flex; align-items: center;  margin-left: 12px; font-size: 14px; color: #67718f;}
.loginBar { display:flex;}
.loginBar span { margin:0 5px;}
.loginBar a {transition: all .2s ease;}
.loginBar a:hover { color:#6aaaf5;}
.slideBox { position:absolute; left:0; height:0; width:100%;box-shadow: 0 6px 19px 0 hsla(0,0%,40%,.27); background-color: hsla(0,0%,100%,.96);overflow: hidden; transition: height .2s ease-out,visibility .2s ease-out;z-index: 9;}
.nav li:hover .slideBox { height:300px;}
.slideBar { height:100%; margin:0 auto; width:1200px;display: flex; justify-content: space-between;}
.gymLeft {width: 100%;  display: flex;  flex-flow: row nowrap; /*justify-content: space-between;*/ align-items: flex-start;}
.yaboGym {cursor: pointer; width: 400px; display: flex; transition: all .2s ease;}
.ssGym {cursor: pointer; width: 400px; display: flex; transition: all .2s ease;}
.yaboGympic {width: 257px; height: 235px; margin:45px 30px 0 12px;background-image: url(../images/huanya/yabo-image.png);  background-repeat: no-repeat;  background-size: contain; transition: all .5s;}
.ssGympic {width: 257px; height: 235px; margin:45px 30px 0 12px;background-image: url(../images/huanya/ss.png);  background-repeat: no-repeat;  background-size: contain; transition: all .5s;}
.yaboGymtxt { width:164px; position:relative;}
.yaboGymtxt p,.imGymtxt p,.ssGymtxt p {height: 50px;
    line-height: 50px;
    margin-top: 93px;
    font-size: 30px;
    font-weight: 600;
    color: #6a7391;}
.yaboGymtxt h3,.imGymtxt h3,.ssGymtxt h3  {font-size: 14px;
    font-weight: 500;
    color: #959cb2;
    height: 18px;
    line-height: 18px;}
.yaboGymtxt a,.imGymtxt a,.ssGymtxt a {width: 106px;
    height: 34px;
    margin-top: 10px;
    background-image: none!important;
    position: relative;
    z-index: 1;
    line-height: 34px;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    cursor: pointer; display:block;}
.yaboGymtxt a:before,.imGymtxt a:before,.ssGymtxt a:before{content: "";
    z-index: -1;
    top: 0;
    display: block;
    width: 120px;
    height: 45px;
    position: absolute;
    left: 50%;
    transform: translate3d(-50%,0,0);
    background-image: url(../images/huanya/primary-medium-new-selected.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;}
.yaboGym:hover,.imGym:hover,.ssGym:hover {background-image: linear-gradient(180deg,#dee4f6,hsla(0,0%,100%,.6)); background-size: 520px 300px;}
.yaboGym:hover .yaboGympic,.imGym:hover .imGympic,.ssGym:hover .ssGympic {transform: scale(1.03);}
.imGymtxt {position:relative;width: 164px;}
.imGym {cursor: pointer;
    width: 400px;
    display: flex;
    transition: all .2s ease;}
.imGympic {width: 257px;
    height: 235px;
    margin: 45px 30px 0 12px;
    transition: all .5s;
	background-image: url(../images/huanya/im-image.png);
    background-repeat: no-repeat;
    background-size: contain;
}
.ssGymtxt {position:relative;width: 164px;}
.gymRight { width:100px;}
.sportTxt { width:61px; height:50px; margin-top:62px; background:url(../images/huanya/right-sports-tilte.png) no-repeat; background-size:contain;}
.gymRight p { font-size:14px; color:#67718f}
.sportNum { width:100px; height:100px; background:url(../images/huanya/right-1-18-tilte.png) no-repeat; background-size:contain;}



.noticePink {
	position: relative;
	width: 110px;
	height: 35px;
	line-height: 30px;
	text-align: center;
	font-size: 16px;
	background-image:url(../images/huanya/toastbg.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	overflow: hidden;
	transform: scale(0);
	transform-origin: left
}
.noticePink.sport1 {
	-webkit-animation: sport1 5s infinite forwards;
	animation: sport1 5s infinite forwards
}
.noticePink .noticeTxt {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	white-space: nowrap;
	color: #fff;
	font-size: 14px;
	transform: translateY(10px);
	opacity: 0
}
.noticePink .noticeTxt.soprt2 {
	-webkit-animation: soprt2 5s infinite forwards;
	animation: soprt2 5s infinite forwards
}
.pos1 {
	position: absolute;
	top: 60px;
	left: 0
}
@keyframes sport1 {
	0% {
		transform: scale(0)
	}

	12% {
		transform: scale(1)
	}

	99.9% {
		transform: scale(1)
	}

	to {
		transform: scale(0)
	}
}
@keyframes soprt2 {
	12% {
		transform: translateY(10px);
		opacity: 0
	}

	15% {
		transform: translateY(-5px);
		opacity: 1
	}

	18% {
		transform: translate(0);
		opacity: 1
	}

	99.9% {
		transform: translate(0);
		opacity: 1
	}

	to {
		transform: translateY(10px);
		opacity: 0
	}
}
.dn { display:none!important;}
.truePeo {width: 1056px; display: flex; justify-content: space-between; position: relative;}
.truePeo ul { height:100%; display:flex;}
.truePeo li { display:flex; width:176px; flex-direction: column;  align-items: center; cursor: pointer; position:relative; transition: all .2s ease;}
.hotTag {position: absolute; top: 54px; left: 148px; width: 24px; background:url(../images/huanya/icon-new.png) center no-repeat; background-size:24px 22px; height: 22px;}

.lives .truepeoImg1 {width: 126px; height: 160px; margin-top: 20px;background-image: url(../images/huanya/sprite2.png);   background-size: 1258px 160px; background-repeat: no-repeat; transition: all .5s;}
.lives .truepeoImg2 {background-position: -128px 0;width: 126px; height: 160px; margin-top: 20px;background-image: url(../images/huanya/sprite2.png);   background-size: 1258px 160px; background-repeat: no-repeat; transition: all .5s;}
.lives .truepeoImg3 {background-position: -256px 0;width: 126px; height: 160px; margin-top: 20px;background-image: url(../images/huanya/sprite2.png);   background-size: 1258px 160px; background-repeat: no-repeat; transition: all .5s;}
.lives .truepeoImg4 {background-position: -384px 0;width: 126px; height: 160px; margin-top: 20px;background-image: url(../images/huanya/sprite2.png);   background-size: 1258px 160px; background-repeat: no-repeat; transition: all .5s;}
.lives .truepeoImg5 {background-position: -512px 0;width: 126px; height: 160px; margin-top: 20px;background-image: url(../images/huanya/sprite2.png);   background-size: 1258px 160px; background-repeat: no-repeat; transition: all .5s;}
.lives .truepeoImg6 {background-position: -640px 0;width: 126px; height: 160px; margin-top: 20px;background-image: url(../images/huanya/sprite2.png);   background-size: 1258px 160px; background-repeat: no-repeat; transition: all .5s;}
.lives .truepeoImg7 {background-position: -1080px 0;width: 126px; height: 160px; margin-top: 20px;background-image: url(../images/huanya/sprite2.png);   background-size: 1258px 160px; background-repeat: no-repeat; transition: all .5s;}

.lives li .gameIcon1 {background-position: -872px 0;height: 49px; width: 47px; transition: all .5s;background-image:url(../images/huanya/sprite2.png); background-size: 1258px 160px; background-repeat: no-repeat;}
.lives li .gameIcon2 {background-position: -768px 0;height: 49px; width: 47px; transition: all .5s;background-image:url(../images/huanya/sprite2.png); background-size: 1258px 160px; background-repeat: no-repeat;}
.lives li .gameIcon3 {background-position: -924px 0;height: 49px; width: 47px; transition: all .5s;background-image:url(../images/huanya/sprite2.png); background-size: 1258px 160px; background-repeat: no-repeat;}
.lives li .gameIcon4 {background-position: -1028px 0;height: 49px; width: 47px; transition: all .5s;background-image:url(../images/huanya/sprite2.png); background-size: 1258px 160px; background-repeat: no-repeat;}
.lives li .gameIcon5 {background-position: -976px 0;height: 49px; width: 47px; transition: all .5s;background-image:url(../images/huanya/sprite2.png); background-size: 1258px 160px; background-repeat: no-repeat;}
.lives li .gameIcon6 {background-position: -820px 0;height: 49px; width: 47px; transition: all .5s;background-image:url(../images/huanya/sprite2.png); background-size: 1258px 160px; background-repeat: no-repeat;}
.lives li .gameIcon7 {background-position: -1208px 0;height: 49px; width: 47px; transition: all .5s;background-image:url(../images/huanya/sprite2.png); background-size: 1258px 160px; background-repeat: no-repeat;}

 .truepeoTit {display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; margin-top: 39px;}
 .truepeoTit p {margin-left: 8px; line-height: 20px; font-size: 14px; color: #6a7391;}
.lives li:hover {background-image: linear-gradient(180deg,#dee4f6,hsla(0,0%,100%,.6)); background-size: 520px 300px;}
.lives li:hover .truepeoImg1,.lives li:hover .truepeoImg2,.lives li:hover .truepeoImg3,.lives li:hover .truepeoImg4,.lives li:hover .truepeoImg5,.lives li:hover .truepeoImg6,.lives li:hover .truepeoImg7 { transform: scale(1.03);}

.trueTxt { width:120px;}
.trueTit {    width: 111px;
    height: 50px;
    margin-top: 59px; background:url(../images/huanya/right-live-tilte.png) center no-repeat; background-size:contain;}
.trueTxt p {font-size: 14px; color: #67718f;}
.trueNumber { width:113px; height:100px; background:url(../images/huanya/right-100-tilte.png) center no-repeat; background-size:contain;}
.downImg {flex: 0 0 258px;
    width: 258px;
    height: 248px;
    margin-right: 6px;
    background-size: contain;
    transition: all .5s; background:url(../images/huanya/quanzhan.png) center no-repeat; background-size:contain;}
.downBox {flex: 1;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;
    transition: all .2s ease; height:100%;}
.ewmImg { margin:5px auto 6px; width:83px; height:83px;}
.ewmImg img { display:inline-block; width:100%;}
.downTxt {position: relative;
    right: 10px;
    flex: 0 0 140px;
    width: 140px;}
.downTxt p {line-height: 22px;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    color: #67718f;}
.downTxt h3,.downTxt span,.partDownbar h3,.partDownbar span {display: block;
    width: 140px;
    color: #67718f;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.downBox:hover {background-image: linear-gradient(180deg,#d3daed,hsla(0,0%,100%,.6) 52%,#e0e6f8);
    background-size: 400px 300px;
    background-repeat: no-repeat;
}
.downBox:hover .downImg { transform: scale(1.03);}
.downBox:nth-child(2) .downImg { background:url(../images/huanya/tiyu.png) center no-repeat; background-size:contain;}
.downBox:nth-child(3) .downImg { background:url(../images/huanya/ybqp.png) center no-repeat; background-size:contain;}
.downBox span:hover { text-decoration:underline;}
.partLeft {    width: 880px;
    cursor: pointer;
    display: flex;
    justify-content: flex-start;
    transition: all .2s ease;}
.partLeft .partImg {cursor: pointer;
    width: 271px;
    height: 243px;
    margin: 41px 38px 0 25px;
    transition: all .5s; background: url(../images/huanya/image-a.png) center no-repeat; background-size:contain;}
.partTxt h2{margin-top: 75px;
    line-height: 47px;
    font-size: 36px;
    font-weight: 600;
    color: #6a7391;}
.partTxt p {line-height: 31px;
    margin-top: 6px;
    font-size: 24px;
    color: #6a7391;}
.partInt {width: 395px;
    height: 31px;
    margin-top: 22px; background:url(../images/huanya/image-content.png) center no-repeat; background-size:contain;}
.partLeft:hover {background-image: linear-gradient(180deg,#dee4f6,hsla(0,0%,100%,.6));
    background-size: 880px 300px;}
.partLeft:hover .partImg { transform: scale(1.03);}
.partDown {display: flex;
    justify-content: flex-end;}
.partDownbar p {text-align: center;
    font-size: 22px;
    font-weight: 500;
    color: #67718f;}
.partDownbar { margin-top:70px;}
.partDownbar .ewmImg{ width:100px; height:100px;}
.partDownbar span:hover a { text-decoration:underline; color:#67718f;}
.discount { height:100%; display:flex;}
.discount dt {width: 300px;
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    transition: all .2s ease; text-align:center;}
.discount dt h3 {    margin-top: 32px;
    font-size: 30px;
    font-weight: 600;
    color: #6a7391;
    line-height: 42px;}
.discount dt p {margin-top: 4px;
    height: 22px;
    line-height: 22px;
    color: #67718f;
    font-size: 16px;}
.countPic {width: 216px;
    height: 180px;
    margin-top: 12px;
    background-size: contain;
    transition: all .5s;}
.discount dt:nth-child(1) .countPic{ background:url(../images/huanya/Image_01.png) center no-repeat; background-size:contain;}
.discount dt:nth-child(2) .countPic{ background:url(../images/huanya/Image_02.png) center no-repeat; background-size:contain;}
.discount dt:nth-child(3) .countPic{ background:url(../images/huanya/Image_03.png) center no-repeat; background-size:contain;}
.discount dt:nth-child(4) .countPic{ background:url(../images/huanya/Image_04.png) center no-repeat; background-size:contain;}
.discount dt:hover {background-image: linear-gradient(180deg,#dee4f6,hsla(0,0%,100%,.6));
    background-size: 300px 300px;
    background-repeat: no-repeat;}
.discount dt:hover .countPic {transform: scale(1.03);}
.sponsorList { width:100%; display:flex;justify-content: space-between;}
.sponsorList .sponImg { background:url(../images/huanya/sprite3.png) no-repeat; background-size:814px 100px;  width:100px; height:100px; transition:all 0.5s;}
.sponsorList dt:nth-child(1) .sponImg{    background-position: -408px 0;}
.sponsorList dt:nth-child(2) .sponImg{    background-position: -714px 0;}
.sponsorList dt:nth-child(3) .sponImg{    background-position: -204px 0;}
.sponsorList dt:nth-child(4) .sponImg{    background-position: -306px 0;}
.sponsorList dt:nth-child(5) .sponImg{    background-position: -612px 0;}
.sponsorList dt:nth-child(6) .sponImg{    background-position: 0 0;}
.sponsorList dt:nth-child(7) .sponImg{    background-position: -510px 0;}
.sponsorList dt { text-align:center; width: 150px; height: 100%; display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all .2s ease;}
.sponsorList dt:hover {background-image: linear-gradient(180deg,#dee4f6,hsla(0,0%,100%,.6));
    background-size: 100% 300px;
    background-repeat: no-repeat;}
.sponsorList dt:hover .sponImg { transform:scale(1.03);}
.sponsorList dt p {    margin-top: 10px;
    font-size: 14px;
    color: #6a7391;
    text-align: center;
    line-height: 1.43;
    letter-spacing: -.47px;}
.Electronics .truepeoImg1 { background-image:url(../images/huanya/sprite4.png);background-size: 1078px 160px;background-repeat: no-repeat;background-position: -696px 0;width: 126px;height: 160px;margin-top: 20px;transition: all .5s;}
.Electronics .truepeoImg2 { background-image:url(../images/huanya/sprite4.png);background-size: 1078px 160px;background-repeat: no-repeat;background-position: 0 0;width: 126px;height: 160px;margin-top: 20px;transition: all .5s;}
.Electronics .truepeoImg3 { background-image:url(../images/huanya/sprite4.png);background-size: 1078px 160px;background-repeat: no-repeat;background-position: -952px 0;width: 126px;height: 160px;margin-top: 20px;transition: all .5s;}
.Electronics .truepeoImg4 { background-image:url(../images/huanya/sprite4.png);background-size: 1078px 160px;background-repeat: no-repeat;background-position: -568px 0;width: 126px;height: 160px;margin-top: 20px;transition: all .5s;}
.Electronics .truepeoImg5 { background-image:url(../images/huanya/sprite4.png);background-size: 1078px 160px;background-repeat: no-repeat;background-position: -824px 0;width: 126px;height: 160px;margin-top: 20px;transition: all .5s;}
.Electronics .truepeoImg6 { background-image:url(../images/huanya/sprite4.png);background-size: 1078px 160px;background-repeat: no-repeat;background-position: -128px 0;width: 126px;height: 160px;margin-top: 20px;transition: all .5s;}

.Electronics li .gameIcon1 { background-image:url(../images/huanya/sprite4.png); background-size:1078px 160px; background-repeat:no-repeat;background-position: -360px 0;height: 49px;width: 47px;transition: all .5s;}
.Electronics li .gameIcon2 { background-image:url(../images/huanya/sprite4.png); background-size:1078px 160px; background-repeat:no-repeat;background-position: -516px 0;height: 49px;width: 47px;transition: all .5s}
.Electronics li .gameIcon3 { background-image:url(../images/huanya/sprite4.png); background-size:1078px 160px; background-repeat:no-repeat;background-position: -464px 0;height: 49px;width: 47px;transition: all .5s}
.Electronics li .gameIcon4 { background-image:url(../images/huanya/sprite4.png); background-size:1078px 160px; background-repeat:no-repeat;background-position: -308px 0;height: 49px;width: 47px;transition: all .5s}
.Electronics li .gameIcon5 { background-image:url(../images/huanya/sprite4.png); background-size:1078px 160px; background-repeat:no-repeat;background-position: -412px 0;height: 49px;width: 47px;transition: all .5s}
.Electronics li .gameIcon6 { background-image:url(../images/huanya/sprite4.png); background-size:1078px 160px; background-repeat:no-repeat;background-position: -256px 0;height: 49px;width: 47px;transition: all .5s}
.Electronics li:hover .truepeoImg1,.Electronics li:hover .truepeoImg2,.Electronics li:hover .truepeoImg3,.Electronics li:hover .truepeoImg4,.Electronics li:hover .truepeoImg5,.Electronics li:hover .truepeoImg6 {transform: scale(1.03);}
.Electronics li:hover {background-image: linear-gradient(180deg,#dee4f6,hsla(0,0%,100%,.6)); background-size: 520px 300px;}
.Electronic .trueTit { background:url(../images/huanya/right-slotgame-tilte.png); background-repeat:no-repeat; background-size:contain; }
.Electronic .trueNumber { background:url(../images/huanya/right-120-tilte.png); background-repeat:no-repeat; background-size:contain;}

.buyu .truepeoImg1 { background-image:url(../images/huanya/buyu.png);background-size: 1078px 160px;background-repeat: no-repeat;background-position: -696px -5px;width: 126px;height: 160px;margin-top: 20px;transition: all .5s;}
.buyu .truepeoImg2 { background-image:url(../images/huanya/buyu.png);background-size: 1078px 160px;background-repeat: no-repeat;background-position: 0 -10px;width: 126px;height: 160px;margin-top: 20px;transition: all .5s;}
.buyu .truepeoImg3 { background-image:url(../images/huanya/buyu.png);background-size: 1078px 160px;background-repeat: no-repeat;background-position: -952px -10px;width: 126px;height: 160px;margin-top: 20px;transition: all .5s;}
.buyu .truepeoImg4 { background-image:url(../images/huanya/buyu.png);background-size: 1078px 160px;background-repeat: no-repeat;background-position: -568px -10px;width: 126px;height: 160px;margin-top: 20px;transition: all .5s;}
.buyu .truepeoImg5 { background-image:url(../images/huanya/buyu.png);background-size: 1078px 160px;background-repeat: no-repeat;background-position: -824px -10px;width: 126px;height: 160px;margin-top: 20px;transition: all .5s;}
.buyu .truepeoImg6 { background-image:url(../images/huanya/buyu.png);background-size: 1078px 160px;background-repeat: no-repeat;background-position: -128px -10px;width: 126px;height: 160px;margin-top: 20px;transition: all .5s;}

.buyu li .gameIcon1 { background-image:url(../images/huanya/buyu.png); background-size:1078px 160px; background-repeat:no-repeat;background-position: -360px 0;height: 49px;width: 47px;transition: all .5s;}
.buyu li .gameIcon2 { background-image:url(../images/huanya/buyu.png); background-size:1078px 160px; background-repeat:no-repeat;background-position: -516px 0;height: 49px;width: 47px;transition: all .5s;}
.buyu li .gameIcon3 { background-image:url(../images/huanya/buyu.png); background-size:1078px 160px; background-repeat:no-repeat;background-position: -464px 0;height: 49px;width: 47px;transition: all .5s;}
.buyu li .gameIcon4 { background-image:url(../images/huanya/buyu.png); background-size:1078px 160px; background-repeat:no-repeat;background-position: -308px 0;height: 49px;width: 47px;transition: all .5s;}
.buyu li .gameIcon5 { background-image:url(../images/huanya/buyu.png); background-size:1078px 160px; background-repeat:no-repeat;background-position: -412px 0;height: 49px;width: 47px;transition: all .5s;}
.buyu li .gameIcon6 { background-image:url(../images/huanya/buyu.png); background-size:1078px 160px; background-repeat:no-repeat;background-position: -256px 0;height: 49px;width: 47px;transition: all .5s;}
.buyu li:hover .truepeoImg1,.buyu li:hover .truepeoImg2,.buyu li:hover .truepeoImg3,.buyu li:hover .truepeoImg4,.buyu li:hover .truepeoImg5,.buyu li:hover .truepeoImg6 {transform: scale(1.03);}
.buyu li:hover {background-image: linear-gradient(180deg,#dee4f6,hsla(0,0%,100%,.6)); background-size: 520px 300px;}
.buyu .trueTit { background:url(../images/huanya/right-slotgame-tilte.png); background-repeat:no-repeat; background-size:contain; }
.buyu .trueNumber { background:url(../images/huanya/right-120-tilte.png); background-repeat:no-repeat; background-size:contain;}

.cards {display: flex;
    cursor: pointer;}
.cardList {display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    width: 340px;
    transition: all .2s ease;}
.cardsImg {width: 186px;
    height: 210px;
    margin: 48px 2px 0 20px;
    transition: all .5s;}
.cardList:nth-child(1) .cardsImg { background:url(../images/huanya/image-1.png) center no-repeat; background-size:contain;}
.cardList:nth-child(2) .cardsImg { background:url(../images/huanya/image-2.png) center no-repeat; background-size:contain;}
.cardList:nth-child(3) .cardsImg { background:url(../images/huanya/image-3.png) center no-repeat; background-size:contain;}
.cardList:hover .cardsImg { transform:scale(1.03);}
.cardList:hover {background-image: linear-gradient(180deg,#dee4f6,hsla(0,0%,100%,.6)); background-size:100% 100%;}
.cardsTxt a,.esoprtTxt a {    width: 106px;
    height: 34px;
    margin-top: 10px;
    background-image: none!important;
    position: relative;
    z-index: 1;
    line-height: 34px;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    cursor: pointer; display:block;}
.cardsTxt a:before,.esoprtTxt a:before {content: "";
    z-index: -1;
    top: 0;
    display: block;
    width: 120px;
    height: 45px;
    position: absolute;
    left: 50%;
    transform: translate3d(-50%,0,0);
    background-image: url(../images/huanya/primary-medium-new-selected.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;} 
.cardsTxt { margin-top: 79px;}
.cardsTxt p {line-height: 37px;
    margin-bottom: 1px;
    font-size: 26px;
    font-weight: 600;
    color: #6a7391;}
.cardsTxt h3 {font-size: 12px;
    font-weight: 500;
    color: #959cb2;
    line-height: 16px;
    white-space: nowrap;}
.cardsNotice { width:120px;}
.cardsNotice p {font-size: 14px;
    color: #67718f;}
.cardnoticeTit {width: 119px;
    height: 78px;
    margin-top: 39px; background:url(../images/huanya/right-board-games-tilte.png);    background-repeat: no-repeat; background-size: contain;}
.introInfor { background:url(../images/huanya/right-120-tilte.png);width: 112px;
    height: 100px;    background-repeat: no-repeat;
    background-size: contain;}
.esport {    width: 1040px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: flex-start;}
.esportBar {width: 500px; height:100%;
    display: flex;}
.esportBar:hover {background-image: linear-gradient(180deg,#dee4f6,hsla(0,0%,100%,.6)); background-size:100% 100%;}
.esoprtimg {    flex: 0 0 332px;
    width: 332px;
    height: 246px;
    margin: 39px 0 0 64px; transition:all 0.5s;}
.esportBar:nth-child(1) .esoprtimg{ background:url(../images/huanya/im-image_2.png);background-repeat: no-repeat; background-size: contain;}
.esportBar:nth-child(2) .esoprtimg{ background: url(../images/huanya/avia-image.png);background-repeat: no-repeat; background-size: contain;}
.esportBar:hover .esoprtimg { transform:scale(1.03);}
.esoprtTxt {width: 164px;
    position: relative;right: 45px;
    white-space: nowrap;}
.esoprtTxt h2 {height: 50px;
    line-height: 50px;
    margin-top: 82px;
    font-size: 36px;
    font-weight: 600;
    color: #6a7391;}
.esoprtTxt p {font-size: 14px;
    font-weight: 500;
    color: #959cb2;
    height: 18px;
    line-height: 18px; margin-top:2px;}
.esportint .trueTit { background:url(../images/huanya/right-esport-tilte.png);width: 79px;
    height: 50px;
    margin-top: 59px; background-size:contain;}
.esportint .trueNumber { background:url(../images/huanya/right-1-10-tilte.png); background-size:contain; background-repeat:no-repeat;}
.trueTxt.esportint { width:100px;}
.lotteryList { width:100%; display:flex;}
.lotteryList dt { text-align:center;width: 240px;
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    transition: all .2s ease;}
.lotteryTit {    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    margin-top: 48px;}
.lotteryTit b {height: 50px;width: 50px; display:block; background:url(../images/huanya/sprite5.png) no-repeat; background-size:1162px 174px;}
.lotteryList dt .cai1 { background-position:-686px 0;}
.lotteryList dt .cai2 { background-position:-582px 0;}
.lotteryList dt .cai3 { background-position:-530px 0;}
.lotteryList dt .cai4 { background-position:-426px 0;}
.lotteryList dt .cai5 { background-position:-634px 0;}
.lotteryList dt p {    margin-left: 8px;height: 20px;line-height: 20px;font-size: 14px;color: #6a7391;}
.lotteryList dt .lotteryImg1 {width: 140px;height: 174px; transition: all .5s; background:url(../images/huanya/sprite5.png) no-repeat;background-size: 1162px 174px;background-position:-1022px 0;}
.lotteryList dt .lotteryImg2 {width: 140px;height: 174px; transition: all .5s; background:url(../images/huanya/sprite5.png) no-repeat;background-size: 1162px 174px;background-position:-738px 0;}
.lotteryList dt .lotteryImg3 {width: 140px;height: 174px; transition: all .5s; background:url(../images/huanya/sprite5.png) no-repeat;background-size: 1162px 174px;background-position:-284px 0;}
.lotteryList dt .lotteryImg4 {width: 140px;height: 174px; transition: all .5s; background:url(../images/huanya/sprite5.png) no-repeat;background-size: 1162px 174px;background-position:0 0;}
.lotteryList dt .lotteryImg5 {width: 140px;height: 174px; transition: all .5s; background:url(../images/huanya/sprite5.png) no-repeat;background-size: 1162px 174px;background-position:-880px 0;}
.lotteryList dt:hover {background-image: linear-gradient(180deg,#dee4f6,hsla(0,0%,100%,.6)); background-size:100% 100%;}
.lotteryList dt:hover .lotteryImg1,.lotteryList dt:hover  .lotteryImg2,.lotteryList dt:hover  .lotteryImg3,.lotteryList dt:hover  .lotteryImg4,.lotteryList dt:hover  .lotteryImg5 { transform:scale(1.03);}

/*主体内容部分*/
.cont { background:url(../images/huanya/main-background@2x.jpg) center top repeat; background-size:1920px 1772px;padding-top: 106px;}
/*banner*/
.banner { position:relative;}
.banner .swiper-container { width: 100%; height: 100%;}
.banner .swiper-slide { text-align: center; font-size: 18px; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
 -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
 .banner img { width:100%;}
.banner:hover .swiper-button-next,.banner:hover .swiper-button-prev{ opacity:0.5;}
.banner .swiper-button-next { background:url(../images/huanya/right_arrow_normal.png) center no-repeat; width:39px; height:80px; right:200px; opacity:0; transition:all 0.3s; background-color:#596077; background-size:cover;}
.banner .swiper-button-prev { background:url(../images/huanya/prev.png) center no-repeat; width:39px; height:80px; left:200px; opacity:0; transition:all 0.3s; background-color:#596077; background-size:cover;}
.banner .swiper-button-next:after { content:'';}
.banner .swiper-button-prev:after { content:'';}
.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover { opacity:0.8;}
.bannerSlide { z-index:2; position:absolute; bottom:15px; width:100%; text-align:center;}
.bannerSlide li { display:inline-block; position:relative;margin: 0 8px;}
.bannerSmall { display:none; transition:all 0.8s; width:188px; height:58px; position:absolute; border-radius:3px; overflow:hidden; box-shadow:0 0 10px rgba(0,0,0,0.2); top:-65px; left:50%; margin-left:-94px;}
.bannerSmall img { display:block; width:100%;}
.bannerSlide li span {position: relative; display:inline-block; width: 20px; height: 20px; background-image: url(../images/huanya/dot-normal@2x.png); background-repeat: no-repeat; background-color: transparent;
 background-size: 100% 100%; transition: .2s; color: transparent; opacity: 1; cursor: pointer;}
.bannerSlide li.cur span { background:url(../images/huanya/dot-active@2x.png) center no-repeat; background-size:contain;}
.bannerSlide li:hover .bannerSmall { display:block;}
.bannerSlide li:hover span { background:url(../images/huanya/dot-active@2x.png) center no-repeat; background-size:contain;}


/*内容*/
.container { width:1200px; margin:0 auto;}
.noticeBox {    display: flex;
    align-items: center;
    width: 100%;
    height: 40px;
    padding: 0 10px 0 18px;
    margin-top: 15px;
    border-radius: 20px;
    background-image: linear-gradient(180deg,#fff 14%,#ecefff 74%,#fefeff 98%);
    border: 1px solid #d1d5f5;}
.marqueeIcon {height: 100%;
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center; width:61px;}
.marqueeIcon img { display:block;position: relative;
    width: 53px;
    height: 63px;
    top: 4px;}
.txtMarquee-left { width:1028px; overflow:hidden; height:42px; line-height:42px;}
.txtMarquee-left ul { overflow:hidden;}
.txtMarquee-left li { float:left;padding-right: 150px;
    font-family: FZLTHK-GBK1-0;
    white-space: nowrap;
    display: inline-block;
    height: 100%;
    letter-spacing: -.35px;
    color: #9da5bb;
    cursor: pointer; font-size:14px; color:#9da5bb;}
.txtMarquee-left li a { color:#9da5bb;}
.tempWrap { width:100%;}
.noticeBox a.moreBtn{width: 75px;
    height: 26px;
    line-height: 26px;
    margin-left: 10px;
    font-size: 14px;
    text-align: center;
    border: 1px solid #d3b797;
    border-radius: 13px;
    color: #d3b797;
    cursor: pointer;
    transition: all .2s;}
.noticeBox a.moreBtn:hover {background: #d3b797; color: #fff;}
.sponBar { position:relative; margin-top:35px;}
.sponBar ul {position: relative;
    display: flex;
    justify-content: space-between;}
.sponBar li {position: relative;
    width: 150px;
    height: 176px;
    border-radius: 25px;
    overflow: visible;
    box-shadow: 0 8px 12px 0 rgba(232,193,152,.5);
    text-align: center;
    transition: all .3s;}
.sponBar li .sopnImg {width: 72px;
    height: 72px;
    margin: 30px auto 12px; background:url(../images/huanya/sprite6.png) no-repeat;background-size: 516px 72px;}
.sponBar li:nth-child(1) .sopnImg {background-position:-296px 0px}
.sponBar li:nth-child(2) .sopnImg {background-position:-444px 0px}
.sponBar li:nth-child(3) .sopnImg {background-position:-74px 0px}
.sponBar li:nth-child(4) .sopnImg {background-position:-222px 0px}
.sponBar li:nth-child(5) .sopnImg {background-position:0px 0px}
.sponBar li:nth-child(6) .sopnImg {background-position:-370px 0px}
.sponBar li a {display: block; background:url(../images/huanya/item@2x.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;transition: all .1s;}
.sponBar li a p {color: #444c64; font-size: 14px;}
.sponBar li:hover {transform: scale(1.1);}
.titleCell { text-align:center;}
.titleCell img {position: relative;
    top: -10px;
    width: 240px;
    height: 28px; border:none; display:inline;}
.titleCell h2 { position:relative;text-align: center;
    font-size: 40px; line-height:40px;
    font-weight: 700; top:0;
    color: #6a7391;}
.titleCell h2:before {    content: "";
    display: block;
    position: absolute;
    width: 480px;
    height: 21px;
    top: 10px; background:url(../images/huanya/titleset-left@2x.png) center;
    background-size: cover;}
	.titleCell h2:after {    content: "";
    display: block;
    position: absolute;
    width: 480px;
    height: 21px;
	right:0;
    top: 10px; background:url(../images/huanya/titleset-right@2x.png) center;
    background-size: cover;}
.titleCell p {    margin-top: 10px;
    color: #6a7391;
    font-size: 14px;}
.gameChose { margin-top:26px;    justify-content: center; position:relative; display:flex;}
.gameChose li {float: left;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 160px;
    height: 50px;
    line-height: 50px;
    margin-left: 12px;
    text-align: center;
    background-size: cover;
    border-radius: 0 0 14px 14px;
    box-shadow: 0 6px 10px 0 rgba(184,208,255,.3);
    cursor: pointer; background:url(../images/huanya/primary-medium-txt-normal@2x.png);background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative; color:#67718f; transition:all 0.3s;}
.gameChose li i {display: block;
    width: 28px;
    height: 28px;
	background: url(../images/huanya/sprite7.png);
    background-repeat: no-repeat;
    background-size: 606px 44px;
    margin-right: 14px;}
.gameChose li i.cion1 {background-position:-456px 0px}
.gameChose li i.cion2 {background-position:-152px 0px}
.gameChose li i.cion3 {background-position:-76px 0px}
.gameChose li i.cion4 {background-position:-228px 0px}
.gameChose li i.cion5 {background-position:-304px 0px}
.gameChose li i.cion6 {background-position:-380px 0px}
.gameChose li i.cion7 {background-position:-532px 0px}
.gameChose li:hover i {width: 44px; height: 44px; margin-right: 0px; position: relative; top: 4px;}
.gameChose li:hover i.cion1 {background-position:-490px 0px}
.gameChose li:hover i.cion2 {background-position:-184px 0px}
.gameChose li:hover i.cion3 {background-position:-108px 0px}
.gameChose li:hover i.cion4 {background-position:-260px 0px}
.gameChose li:hover i.cion5 {background-position:-336px 0px}
.gameChose li:hover i.cion6 {background-position:-413px 0px}
.gameChose li:hover i.cion7 {background-position:-562px 0px}
.gameChose li.cur:before {content: ""; z-index: -2; top: 0; display: block; width: 180px; height: 66px; position: absolute; left: 50%; transform: translate3d(-50%,0,0); background-image: url(../images/huanya/primary-medium-new-selected.png); background-repeat: no-repeat; background-size: 100% 100%;}
.gameChose li.cur i {width: 44px; height: 44px; margin-right: 0px; position: relative; top: 4px;}
.gameChose li.cur i.cion1 {background-position:-490px 0px}
.gameChose li.cur i.cion2 {background-position:-184px 0px}
.gameChose li.cur i.cion3 {background-position:-108px 0px}
.gameChose li.cur i.cion4 {background-position:-260px 0px}
.gameChose li.cur i.cion5 {background-position:-336px 0px}
.gameChose li.cur i.cion6 {background-position:-413px 0px}
.gameChose li.cur i.cion7 {background-position:-562px 0px}
.gameChose li:hover:before {content: ""; z-index: -2; top: 0; display: block; width: 180px; height: 66px; position: absolute; left: 50%; transform: translate3d(-50%,0,0); background-image: url(../images/huanya/primary-medium-new-selected.png); background-repeat: no-repeat; background-size: 100% 100%;}
.gameChose li:hover { background:none; color:#fff; z-index:1;}
.gameChose li.cur { background:none; color:#fff; z-index:1;}
.gameChose li:before {
	-webkit-animation: AcY_Acf .35s ease-out forwards;
	animation: AcY_Acf .35s ease-out forwards
}
#downChose {justify-content: flex-end;}
.downBar { position: absolute; width:100%; height:100%; display:flex;}
.downInfor {    width: 490px;
    min-width: 490px;
    position: relative;
    left: 0;
    margin-top: 60px;}
.downTit {display: flex;
    align-items: center;
    justify-content: flex-start;}
.downTit img {    width: 62px;
    height: 62px;
    margin-right: 14px;}
.downTit h3 {font-size: 60px;
    color: #6a7391;
    font-weight: 700;}
.downApp { position:relative; height:662px;}
.downIntro {line-height: 1.6;
    margin-top: 16px;
    font-size: 14px;
    color: #6a7391;
    text-align: left;}
.downLoad {    position: relative;
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
    padding-right: 50px;}
.downEwmbox {text-align: center;}
.ewmk,.lineBox {display: flex;
    align-items: center;
    justify-content: center;
    width: 193px;
    height: 201px;
    background-image: url(../images/huanya/image-frame-small-quan-3@2x.png);
    background-repeat: no-repeat;
    background-size: cover;}
.ewmk img { width:105px; height:105px;}
.downLinebox { text-align:center;}
.downLoad p {margin-top: 12px;
    font-size: 18px;
    color: #32394f;
    font-weight: 500;
    line-height: 20px;}
.downLoad span {margin-top: 8px;
    font-size: 12px;
    color: #6a7391;}
.lineBox li { height:30px;}
.lineBox li a {max-width: 100%;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    height: 28px;
    line-height: 28px;
    text-decoration: underline;color: #4b98ee;
    font-size: 14px; transition:all 0.3s;}
.lineBox li:hover a { color:#b1987f;}
.downpicBox {flex: 1;
    position: relative;
    z-index: 2;}
.downBottomimg {    position: absolute;
    bottom: 0;}
.downBottomimg img:nth-child(1) {    width: 723px;
    z-index: 1;}
.downBottomimg img:nth-child(2){    width: 294px;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 10;}
.downTopimg {    width: 100%;
    height: 100%;
    display: flex;
    position: relative;}
.anibox {    position: absolute;}
.anibox img { width:100%;}
.anibox img:first-child { position:relative; z-index:1;}
.anibox:nth-child(1){width: 264px;
    left: 42px;
    top: 60px;
    z-index: 10;}
.anibox:nth-child(1) img:nth-child(2){width: 218px;
    position: absolute;
    right: -46px;
    top: 15px;} 
.anibox:nth-child(2) {width: 515px;
    height: 105px;
    position: absolute;
    left: 52px;
    top: 395px; z-index:3;}
.anibox:nth-child(3){
	width: 323px;
    left: 126px;
    z-index: 8;
    top: 32px;
}
.anibox:nth-child(3) img:nth-child(2) {width: 215px;
    position: absolute;
    right: -40px;
    top: 17px;}
.anibox:nth-child(4) {width: 591px;
    height: 105px;
    position: absolute;
    left: 102px;
    top: 398px;}
.anibox:nth-child(5) {
width: 325px;
    left: 274px;
    top: 38px;
    z-index: 6;
}
.anibox:nth-child(5) img:nth-child(1) {    position: relative;
    z-index: 1;}
.anibox:nth-child(5) img:nth-child(2){
	width: 181px;
    position: absolute;
    right: -32px;
    top: 83px;
}
.anibox:nth-child(6){width: 505px;
    height: 106px;
    position: absolute;
    left: 250px;
    top: 406px;
}
.anibox:nth-child(7){
	width: 242px;
    left: 450px;
    top: 121px;
}
.dn { display:none!important}
.downimp2 .anibox:nth-child(5) img:nth-child(2){
	width: 168px;
    position: absolute;
    right: -16px;
    top: 105px;
}
.downimp2 .anibox:nth-child(7){
	width: 256px;
    left: 450px;
    top: 145px;
	position:absolute;
}
.downTopimg .anim:nth-child(1) {width: 226px;
    left: 60px;
    top: 40px;
    z-index: 10;}
.downTopimg .anim { position:absolute;}
.downTopimg .anim img { width:100%;}
.downTopimg .anim:nth-child(1) img:nth-child(1) {position: relative;
    z-index: 1;}
.downTopimg .anim:nth-child(1) img:nth-child(2) {    width: 102px;
    position: absolute;
    z-index: 2;
    right: 0;
    top: 6px;}
.downTopimg .anim:nth-child(2) {width: 400px;
    left: 113px;
    top: 178px;
    z-index: 9;}
.downTopimg .anim:nth-child(2) img:nth-child(1) {position: relative;
    z-index: 1;}
.downTopimg .anim:nth-child(2) img:nth-child(2) {    width: 783px;
    position: absolute;
    z-index: 2;
    left: -125px;
    bottom: -38px;}
.downTopimg .anim:nth-child(3) {width: 400px;
    left: 242px;
    top: 42px;
    z-index: 8;}
.downTopimg .anim:nth-child(3) img:nth-child(1) {position: relative;
    z-index: 1;}
.downTopimg .anim:nth-child(3) img:nth-child(2) {width: 354px;
    position: absolute;
    z-index: 2;
    right: 41px;
    top: 95px;}
.downTopimg .anim:nth-child(4) {width: 243px;
    left: 379px;
    top: 275px;
    z-index: 10;}
.downTopimg .anim:nth-child(4) img:nth-child(1) {position: relative;
    z-index: 1;}
.downTopimg .anim:nth-child(4) img:nth-child(2) {    width: 76px;
    position: absolute;
    z-index: 2;
    right: 2px;
    top: 0;}
.downBar.active .downInfor{animation: fadeInaniLeft .5s ease-in forwards;} 
.downBar.active .downpicBox {animation: fadeInaniRight .5s ease-in forwards;}
.downBar .downInfor{ animation: fadeOutLefts .5s ease-in forwards;}
.downBar .downpicBox{animation: fadeOutRights .5s ease-in forwards;}

@-webkit-keyframes AcY_Acf {
	0% {
		opacity: .25
	}

	to {
		opacity: 1
	}
}
.choseBar {position: relative;
    display: flex;
    height: 451px;
    box-sizing: border-box;
    z-index: 1;
    margin-top: 68px;}

.gamePic img {    width: 600px;
    height: 496px;}
.gameTxt {    width: 542px;
    position: relative;
    margin-top: 40px;
    font-family: MicrosoftYaHei;}
.gameTit {    display: flex;
    align-items: center;
    justify-content: flex-start;}
.gameTit h3{font-size: 60px;
    font-weight: 700;
    color: #6a7391;}
.backMoney {display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-left: 15px;}
.backMoney .backNotice {display: inline-block;
    text-align: center;
    border-radius: 11px;
    padding: 3px 12px;
    background-image: linear-gradient(270deg,#f1d5b6,#cdae8e);
    font-size: 16px;
    color: #fdfeff;
}
.choseBox {display: flex;
    position: absolute;
    width: 100%;
    height: 100%;}
.backMoney .gameNum {font-size: 24px;
    color: #6a7391;
    margin-top: 6px;}
.eventTit {margin-top: 25px;
    font-size: 70px;
	line-height:70px;
    color: #d2b79c;
    font-family: DINPro;
    font-weight: 400;
    white-space: nowrap;
    opacity: .5;}
.eventNotice {    line-height: 1.6;
    margin-top: 20px;
    font-size: 14px;
    color: #6a7391;
    letter-spacing: -.47px;}
.gameBox { margin-top:50px;}
.appDown { margin-top:50px;}
.serviceBox { margin-top:50px;}
.tagList { position:absolute; left:0; bottom:42px; z-index:1;}
.tagList ul {position: relative; display: flex;}
.tagList li {    position: relative;
    text-align: center;
    cursor: pointer; margin-right:5px;}
.enterIcon {width: 90px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: none!important;
    position: relative;
    z-index: 1;}
.enterIcon:after {content: "";
    z-index: -1;
    top: 0;
    display: block;
    width: 101px;
    height: 113px;
    position: absolute;
    left: 50%;
    transform: translate3d(-50%,0,0);
	background-image:url(../images/huanya/spec-normal-new@2x.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;}
.tagList li i {width: 50px;
    height: 50px;
    display: inline-block; background:url(../images/huanya/sprite8.png); background-repeat:no-repeat;background-size: 2182px 50px;}
.tagList li p {position: relative;
    margin-top: 8px;
    font-size: 16px;
    color: #6a7391; line-height:16px;}
.tagList li:hover {
	background-image: none!important;
	position: relative;
	z-index: 1;
	-webkit-animation: scaleani .5s ease forwards;
	animation: scaleani .5s ease forwards
}
.tagList li:hover .enterIcon:after {
	content: "";
    z-index: -1;
    top: 0;
    display: block;
    width: 101px;
    height: 113px;
    position: absolute;
    left: 50%;
    transform: translate3d(-50%,0,0);
	background:url(../images/huanya/spec-selected-new@2x.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.tagList li i.icon1 { background-position:-1976px 0px;}
.tagList li i.icon2 { background-position:-832px 0px;}	
.tagList li i.icon3 { background-position:-2080px 0px}
.tagList li i.icon4 { background-position:0px 0px}
.tagList li i.icon5 { background-position:-416px 0px}
.tagList li i.icon6 { background-position:-1248px 0px}
.tagList li i.icon7 { background-position:-728px 0px}
.tagList li i.icon8 { background-position:-208px 0px}
.tagList li i.icon9 { background-position:-1976px 0px}
.tagList li i.icon10 { background-position:-624px 0px}
.tagList li i.icon11 { background-position:-1664px 0px}
.tagList li i.icon12 { background-position:-832px 0px}
.tagList li i.icon13 { background-position:-104px 0px}
.tagList li i.icon14 { background-position:-1976px 0px}
.tagList li i.icon15 { background-position:-1768px 0px}
.tagList li i.icon16 { background-position:-1040px 0px}
.tagList li i.icon17 { background-position:-208px 0px}
.tagList li i.icon18 { background-position:-1872px 0px}
.tagList li i.icon19 { background-position:-1352px 0px}
.tagList li i.icon20 { background-position:-520px 0px}
.tagList li i.icon21 { background-position:-1560px 0px}
.tagList li i.icon22 { background-position:-1144px 0px}
.tagList li i.icon23 { background-position:-1456px 0px}
.tagList li i.icon24 { background-position:-312px 0px}
.tagList li i.icon25 { background-position:-934px 0px}

.tagList li:hover i.icon1 { background-position:-2028px 0px;}
.tagList li:hover i.icon2 { background-position:-884px 0px;}	
.tagList li:hover i.icon3 { background-position:-2132px 0px}
.tagList li:hover i.icon4 { background-position:-52px 0px}
.tagList li:hover i.icon5 { background-position:-468px 0px}
.tagList li:hover i.icon6 { background-position:-1300px 0px}
.tagList li:hover i.icon7 { background-position:-780px 0px}
.tagList li:hover i.icon8 { background-position:-260px 0px}
.tagList li:hover i.icon9 { background-position:-2028px 0px}
.tagList li:hover i.icon10 { background-position:-676px 0px}
.tagList li:hover i.icon11 { background-position:-1716px 0px}
.tagList li:hover i.icon12 { background-position:-884px 0px}
.tagList li:hover i.icon13 { background-position:-156px 0px}
.tagList li:hover i.icon14 { background-position:-2028px 0px}
.tagList li:hover i.icon15 { background-position:-1820px 0px}
.tagList li:hover i.icon16 { background-position:-1092px 0px}
.tagList li:hover i.icon17 { background-position:-260px 0px}
.tagList li:hover i.icon18 { background-position:-1924px 0px}
.tagList li:hover i.icon19 { background-position:-1404px 0px}
.tagList li:hover i.icon20 { background-position:-572px 0px}
.tagList li:hover i.icon21 { background-position:-1612px 0px}
.tagList li:hover i.icon22 { background-position:-1196px 0px}
.tagList li:hover i.icon23 { background-position:-1508px 0px}
.tagList li:hover i.icon24 { background-position:-364px 0px}
.tagList li:hover i.icon25 { background-position:-986px 0px}

.gamePic {position: relative; top: -50px; z-index: 1;    animation: fadeOutLefts .5s ease-in forwards;}
.gameTxt {animation: fadeOutRights .5s ease-in forwards;}
.choseBox.active .gamePic {animation: fadeInaniLeft .5s ease-in forwards;}
.choseBox.active .gameTxt {animation: fadeInaniRight .5s ease-in forwards;}
@-webkit-keyframes scaleani {
	0% {
		transform: scale(1.1)
	}

	to {
		transform: scale(1)
	}
}
@keyframes fadeOutLefts {
	0% {
		opacity: 1;
		z-index: 1;
		transform: translateZ(0)
	}

	95% {
		z-index: 0
	}

	to {
		opacity: 0;
		z-index: 0;
		transform: translate3d(-110px,0,0)
	}
}
@keyframes fadeOutRights {
	0% {
		opacity: 1;
		z-index: 1;
		transform: translateZ(0)
	}

	95% {
		z-index: 0
	}

	99% {
		opacity: 0;
		z-index: 0;
		transform: translate3d(110px,0,0)
	}

	to {
		opacity: 0;
		z-index: 0;
		transform: translateZ(0)
	}
}
@-webkit-keyframes fadeInaniLeft {
	0% {
		opacity: 0;
		z-index: 0;
		transform: translate3d(-70px,0,0)
	}

	to {
		opacity: 1;
		z-index: 2;
		transform: translateZ(0)
	}
}
@-webkit-keyframes fadeInaniRight {
	0% {
		opacity: 0;
		z-index: 0;
		transform: translate3d(70px,0,0)
	}

	to {
		opacity: 1;
		z-index: 1;
		transform: translateZ(0)
	}
}
/*服务*/
.serviceList ul {display: flex; justify-content: space-between;}
.serviceList li { text-align:center;}
.circle {position: relative;
    width: 130px;
    height: 130px;
    margin: 0 auto;
    text-align: center;
    font-size: 14px;
    color: #fff;
	background-image:url(../images/huanya/image-table@2x.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;}
.circleBox {position: relative;
    height: 100%;
    line-height: 130px;}
.circleBox span { font-size:32px;}
.aniCricle {width: 90px;
    height: 90px;
    position: absolute;
    left: 20px;
    top: 20px;
	background:url(../images/huanya/image-scale-active@2x.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;}
.line1 {width: 50%;
    height: 100%;
    position: absolute;
    top: 0; background-image:url(../images/huanya/image-scale-default-all.png);    background-repeat: no-repeat;overflow: hidden;
    background-size: 90px 90px;
    z-index: 1;left: 0;
    background-position: 0 100%;
    transform-origin: right;
    transform: rotate(-4deg);}
.line2 {width: 50%; height: 100%; position: absolute; top: 0; background-image:url(../images/huanya/image-scale-default-all.png);    background-repeat: no-repeat;overflow: hidden; background-size: 90px 90px; z-index: 1;right: 0; background-position: -45px 100%; transform: rotate(-139deg);transform-origin:0 50%;}
.line3 {width: 50%; height: 100%; position: absolute; top: 0; background-image:url(../images/huanya/image-scale-default-all.png);    background-repeat: no-repeat;overflow: hidden; background-size: 90px 90px; z-index: 1;right: 0; background-position: -45px 100%; animation-iteration-count: 1;transform: rotate(-180deg);transform-origin:0 50%;}
.line4 {width: 50%; height: 100%; position: absolute; top: 0; background-image:url(../images/huanya/image-scale-default-all.png);    background-repeat: no-repeat;overflow: hidden; background-size: 90px 90px; z-index: 1;right: 0; background-position: -45px 100%; animation-iteration-count: 1;transform: rotate(-120deg);transform-origin:0 50%;}
.active .circle .line2{animation: rota1 1.5s linear infinite;animation-iteration-count: 1;}
.active .circle .line3{animation: rota2 1.5s linear infinite;animation-iteration-count: 1;}
.active .circle .line4{animation: rota3 1.5s linear infinite;animation-iteration-count: 1;}
@keyframes rota1 {
	0% {
		transform: rotate(0deg)
	}

	to {
		transform: rotate(-139deg)
	}
}
@keyframes rota2 {
	0% {
		transform: rotate(0deg)
	}

	to {
		transform: rotate(-180deg)
	}
}
@keyframes rota3 {
	0% {
		transform: rotate(0deg)
	}

	to {
		transform: rotate(-120deg)
	}
}
.serviceList li p {margin-top: 20px;
    font-size: 18px;
    font-weight: 700;
    color: #424a66;}
.serviceList li p:last-child{width: 128px;
    line-height: 1.4;
    margin: 10px auto;
    font-size: 12px;
    color: #67718f; font-weight:normal;}
.serviceList { padding:50px 0;}
.serviceList dl { position:relative; overflow:hidden; margin-top:40px;}
.serviceList dl dt {    float: left;
    position: relative;
    display: flex;
    align-items: center;
    width: 540px;
    margin-bottom: 30px;}
.serviceList dl dt:nth-child(2n){ float:right;}
.serviceList dt img {width: 107px;
    height: 107px;}
.serviceTxt {position: relative;
    margin-left: 10px;
    flex: 1;}
.serviceTxt h2 {    font-weight: 700;
    font-size: 16px;
    color: #414755;}
.serviceTxt p {line-height: 1.6;
    margin-top: 10px;
    font-size: 14px;
    color: #6a7391;}
/*Footer*/
.footer {position: relative; width: 100%; background: #414655;}
.footerBox {width: 1200px; margin: 0 auto;}
.footerLink {    height: 77px; position: relative;}
.footerLink ul {display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;}
.footerLink li {position: relative; cursor: pointer;}
.footerLink li>div,.footerCop li .curIcon>div {position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/huanya/sprite9.png);
    background-repeat: no-repeat;
    background-color: #414655;
    background-size: 3368px 50px;
    transition: all .4s ease;}
.footerLink li .linkIconcur { opacity:0;}
.footerLink li:hover .linkIconcur { opacity:1;}
.footerLink li:nth-child(1) .linkIcon{background-position: 0 0!important;}
.footerLink li:nth-child(2) .linkIcon{background-position: -95px 0!important;}
.footerLink li:nth-child(3) .linkIcon{background-position: -190px 0!important}
.footerLink li:nth-child(4) .linkIcon{background-position: -242px 0!important}
.footerLink li:nth-child(5) .linkIcon{background-position: -294px 0!important}
.footerLink li:nth-child(6) .linkIcon{background-position: -391px 0!important}
.footerLink li:nth-child(7) .linkIcon{background-position: -501px 0!important}
.footerLink li:nth-child(8) .linkIcon{background-position: -611px 0!important}
.footerLink li:nth-child(9) .linkIcon{background-position: -675px 0!important}
.footerLink li:nth-child(10) .linkIcon{background-position: -777px 0!important}
.footerLink li:nth-child(11) .linkIcon{background-position: -890px 0!important}
.footerLink li:nth-child(12) .linkIcon{background-position: -984px 0!important}

.footerLink li:nth-child(1) .linkIconcur{background-position: -2271px 0!important}
.footerLink li:nth-child(2) .linkIconcur{background-position: -2366px 0!important}
.footerLink li:nth-child(3) .linkIconcur{background-position: -2461px 0!important}
.footerLink li:nth-child(4) .linkIconcur{background-position: -2513px 0!important}
.footerLink li:nth-child(5) .linkIconcur{background-position: -2565px 0!important}
.footerLink li:nth-child(6) .linkIconcur{background-position: -2662px 0!important}
.footerLink li:nth-child(7) .linkIconcur{background-position: -2772px 0!important}
.footerLink li:nth-child(8) .linkIconcur{background-position: -2882px 0!important}
.footerLink li:nth-child(9) .linkIconcur{background-position: -2946px 0!important}
.footerLink li:nth-child(10) .linkIconcur{background-position: -3048px 0!important}
.footerLink li:nth-child(11) .linkIconcur{background-position: -3161px 0!important}
.footerLink li:nth-child(12) .linkIconcur{background-position: -3255px 0!important}
.footerLink:after,.footerLink:before{content: ""; display: block; position: absolute; width: 100%; height: 1px; left: 0;}
.footerLink:after {bottom: -1px; background: #495167;}
.footerTxt {display: flex;
    justify-content: center;
    line-height: 1.4;
    text-align: center;
    padding: 0 130px;
    margin-top: 18px;
    font-size: 14px;
    color: #878ea6;}
.footerCop {position: relative;
    padding: 0 130px;
    margin-top: 20px;}
.footerCop ul {display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;}
.footerCop li {height: 60px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;}
.curIcon { position:relative;}
.footerCop li:nth-child(1) .linkIcon { background-position:-1099px 0}
.footerCop li:nth-child(2) .linkIcon { background-position:-1311px 0}
.footerCop li:nth-child(3) .linkIcon { background-position:-1645px 0}
.footerCop li:nth-child(4) .linkIcon { background-position:-1991px 0}
.footerCop li:nth-child(1) .linkIconcur { background-position:-1205px 0}
.footerCop li:nth-child(2) .linkIconcur { background-position:-1478px 0}
.footerCop li:nth-child(3) .linkIconcur { background-position:-1818px 0}
.footerCop li:nth-child(4) .linkIconcur { background-position:-2131px 0}
.footerCop li .linkIconcur { opacity:0;}
.footerCop li:hover .linkIconcur { opacity:1;}
.footerCop li a {height: 60px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    cursor: pointer; font-size:14px; color:#878ea6;}
.footerCop li:hover a { color:#fff;}
.ruleLink { margin-top:25px; text-align:center;}
.ruleLink a { position:relative; height:16px; line-height:16px; display:inline-block; padding:0 20px; transition:all 0.4s ease; color:#c0c4d0; font-size:14px;}
.ruleLink a:after { content:'';display: block;
    position: absolute;
    top: 1px;
    right: 0;
    width: 1px;
    height: 15px;
    background: #d6e2f3;}
.ruleLink a:last-child:after {display:none}
.ruleLink a:hover { color:#fff;}
.copyRight {text-align: center;
    margin-top: 27px;
    font-size: 12px;
    color: #7c8797;}
.footer { padding-bottom:30px;}
/*侧边栏*/
.aside {position: fixed;
    z-index: 100;
    top: 50%;
    right: 6px;
    transform: translateY(-50%);
    width: 56px;}
.asideBox {width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;}
.asideBar { position:relative;}
.asideIcon1 {width: 56px;
    height: 56px;
    background-size: 56px;
    transition: all .4s ease; display:block;box-shadow: 0 4px 6px 0 rgba(184,208,255,.3);border-radius: 50%;margin-bottom: 3px; background:url(../images/huanya/icon_03.png) center no-repeat; background-size:contain;}
.asideBar:hover .asideIcon1 { background:url(../images/huanya/icon_04.png) no-repeat; background-size:contain;}
.helpCenter { position:relative; width:108px; background:#fff; top:5px; text-align:center; line-height:46px;box-shadow: 0 3px 6px -4px rgba(0,0,0,.12), 0 6px 16px 0 rgba(0,0,0,.08), 0 9px 28px 8px rgba(0,0,0,.05); border-radius:4px; clear:#b1987f; font-size:14px;}
.helpCenter a { color:#b1987f;}
.helpCenter:after { content:'';position: absolute;
    display: block;
    width: 8.48528137px;
    height: 8.48528137px;
    background: transparent;
    border-style: solid;
    border-width: 4.24264069px;right: -2px;
    border-color: #fff #fff transparent transparent;
    box-shadow: 3px -3px 7px rgba(0,0,0,.07);top: 50%;
    transform: translateY(-50%) rotate(45deg);}
.asideIcon2 {width: 56px;
    height: 56px;
    background-size: 56px;
    transition: all .4s ease; display:block;box-shadow: 0 4px 6px 0 rgba(184,208,255,.3);border-radius: 50%;margin-bottom: 3px; background:url(../images/huanya/icon_05.png) center no-repeat; background-size:contain;}
.asideBar:hover .asideIcon2 { background:url(../images/huanya/icon_06.png) no-repeat; background-size:contain;}
.asideIcon3 {width: 56px;
    height: 56px;
    background-size: 56px;
    transition: all .4s ease; display:block;box-shadow: 0 4px 6px 0 rgba(184,208,255,.3);border-radius: 50%;margin-bottom: 3px; background:url(../images/huanya/icon_01.png) center no-repeat; background-size:contain;}
.asideBar:hover .asideIcon3 { background:url(../images/huanya/icon_02.png) no-repeat; background-size:contain;}
.ewmslide { box-sizing:border-box; padding:12px;}
.ewmList:nth-child(1) { border-bottom:1px solid rgba(211,183,151,.2); margin-bottom:10px;}
.ewmList img { width:100%; display:block;}
.ewmList p {font-size: 14px;
    color: #b1987f; line-height:30px;}
.ewmslide:after { top:23px;}

.asideAlt { position:absolute; display:none; right:56px; padding-right:15px; top:2px;}
.asideBar:hover .asideAlt { display:block;}
.scrollTop {position: fixed;
    z-index: 100;
    bottom: 50px;
    right: 6px;
    width: 56px;
    height: 56px;
    border-radius: 6px;
    box-shadow: 0 4px 6px 0 rgba(184,208,255,.3);
    cursor: pointer; display:block; background:url(../images/huanya/sprite10.png);background-repeat: no-repeat;
    background-size:462px 56px;background-position: -348px 0; }
	.scrollTop:hover {background-position: -406px 0;transition: all .4s ease;}

/*登陆后样式*/
.userBox {display: flex;
    align-items: center;}
.userButton {display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    margin-right: 25px;}
.userButton a {flex: 0 0 25px;
    cursor: pointer;}
.userIcon1 { transition:all 0.3s; background:url(../images/huanya/spriteUser.png);background-repeat: no-repeat;background-size: 100px 24px;background-position: 0 0; width:24px; height:24px; display:block;margin: auto;}
.userIcon2{ transition:all 0.3s; background:url(../images/huanya/spriteUser.png);background-repeat: no-repeat;background-size: 100px 24px;background-position:-26px 0; width:24px; height:24px; display:block;margin: auto}
.userIcon3 { transition:all 0.3s; background:url(../images/huanya/spriteUser.png);background-repeat: no-repeat;background-size: 100px 24px;background-position:-52px 0; width:24px; height:24px; display:block;margin: auto}
.centerLines {    flex: 0 0 1px;
    height: 37px;
    margin: 0 12px;
    background-color: #ced2e2;
    opacity: .3;}
.userButton p {margin-top: 1px;
    text-align: center;
    font-size: 12px;
    color: #414755;
    transition: all .4s ease;}
.userButton a:hover p { color:#d3b797;}
.userButton a:hover .userIcon1 { background:url(../images/huanya/ucur1.jpg) center no-repeat;}
.userButton a:hover .userIcon2 { background:url(../images/huanya/ucur2.jpg) center no-repeat;}
.userButton a:hover .userIcon3 { background:url(../images/huanya/ucur3.jpg) center no-repeat;}
.userInfor {display: flex;
    height: 40px; cursor:pointer; position:relative;}
.userIco {width: 36px;
    height: 36px;
    border-radius: 50%;
    position: relative; overflow:hidden;}
.userIco img{ display:block; width:100%;}
.userTxt {    margin-left: 12px;}
.userName {display: flex;
    align-items: center;}
.userName p {font-size: 14px;
    color: #414755; line-height:14px;
    transition: color .2s ease-out;}
.userName i {display: inline-block;
    width: 40px;
    height: 16px;
    margin-left: 10px;
    background-repeat: no-repeat;}
.lvl0{display: inline-block;
	background:url(../images/huanya/spritevip.png);
    background-size: 460px 16px;}
.lvl1{display: inline-block;
	background:url(../images/huanya/spritevip.png);
    background-size: 460px 16px;background-position: -42px 0px;}
.lvl2{display: inline-block;
	background:url(../images/huanya/spritevip.png);
    background-size: 460px 16px;background-position: -84px 0px;}
.lvl3{display: inline-block;
	background:url(../images/huanya/spritevip.png);
    background-size: 460px 16px;background-position: -126px 0px;}
.lvl4{display: inline-block;
	background:url(../images/huanya/spritevip.png);
    background-size: 460px 16px;background-position: -168px 0px;}
.lvl5{display: inline-block;
	background:url(../images/huanya/spritevip.png);
    background-size: 460px 16px;background-position: -210px 0px;}
.lvl6{display: inline-block;
	background:url(../images/huanya/spritevip.png);
    background-size: 460px 16px;background-position: -252px 0px;}
.lvl7{display: inline-block;
	background:url(../images/huanya/spritevip.png);
    background-size: 460px 16px;background-position: -294px 0px;}
.lvl8{display: inline-block;
	background:url(../images/huanya/spritevip.png);
    background-size: 460px 16px;background-position: -336px 0px;}
.userMoney img { width:20px;transition: all .2s ease-out;}
.userMoney {display: flex; height: 20px; align-items: center; margin-top: 5px;}
.userMoney p {font-size: 14px; line-height:15px; color: #414755; transition: color .2s ease-out;}
.userInfor:hover .userMoney p { color:#b1987f;}
.userInfor:hover .userMoney img { transform:rotate(-180deg);}
.userInfor:hover .userName p { color:#b1987f;}
.userSlide { position:absolute; background:#fff;   right:0;
    top: 52px;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0,0,0,.65);
    font-size: 14px;
    line-height: 1.5715;
    list-style: none;
    position: absolute; width:232px; box-sizing:border-box;
    z-index: 1030;
box-shadow: 0 3px 6px -4px rgba(0,0,0,.12), 0 6px 16px 0 rgba(0,0,0,.08), 0 9px 28px 8px rgba(0,0,0,.05);}
.slideUser { border-radius:3px; padding:26px 30px;}
.slideUser li { overflow:hidden; padding:10px 0; line-height:28px;}
.slideUser li span { width: 24px;
    height: 24px;
    background-image: url(../images/huanya/spritesuerslide.png);
    background-repeat: no-repeat;
    background-size: 232px 24px; float:left; margin-top:2px; float:left; display:block;}
.slideUser li span.icon25 { background-position: -104px 0;  }
.slideUser li span.icon26 { background-position: -26px 0;  }
.slideUser li span.icon27 { background-position: -0 0;  }
.slideUser li span.icon28 { background-position: -156px 0;  }
.slideUser li span.icon29 { background-position: -78px 0;  }
.slideUser li p {font-size: 14px; transition:all 0.2s; font-weight: 400; float:left; margin-left:12px; color: #414755;}
.slideUser li i {padding: 0 5px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    border-radius: 8px;
    background-image: linear-gradient(135deg,#f8e3cb,#cbaf92);
    font-size: 12px;
    color: #fff; float:right; display:block; margin-top:6px;}
.slideUser li:nth-child(1){ padding-top:0;}
.slideUser li:hover a p{ color:#b1987f;}
.userSlide a.logOut {width: 100%;
    outline: none;
    border: 1px solid #e2e7ef;
    font-size: 14px;
    color: #a5a9b3;
    background-color: #fff;
    padding: 11px 0;
    transition: all .2s ease-out; display:block; margin:8px auto 0; transition:all 0.3s; border-radius:3px; text-align:center;}
.userSlide a.logOut:hover { color:#fff; border:1px solid #b1987f; background:#b1987f;}
.userSlide:after { content:'';position: absolute;
    display: block;
    width: 8.48528137px;
    height: 8.48528137px;
    background: transparent;
    border-style: solid;
    border-width: 4.24264069px;
	left:50%; margin-left:-4.24214068px;
    transform: rotate(45deg);top:-4px;
    border-color: #fff transparent transparent #fff;
    box-shadow: -2px -2px 5px rgba(0,0,0,.06);}
.userslideBox { position:absolute; top:-6px; display:none; right:0;}
.userInfor:hover .userslideBox { display:block;}





/*游戏试玩弹框*/
.notice_layer1 {
    display: none;
}
.notice_layer1 h3 {
    height: 50px;
    line-height: 50px;
    position: relative;
    background: linear-gradient(120deg, #101010, #2d2d2d);
    padding: 0 25px;
    font-size: 18px;
    color: #fff;
    font-weight: normal;
}
.notice_layer1 h3 .close {
    position: absolute;
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../images/huanya/bg-ico.png) no-repeat center center;
    background-position: -160px -140px;
    right: 15px;
    top: 15px;
    cursor: pointer;
	opacity: .2;
}
.notice_layer1 .notice_con {
    height: 345px;
    background: rgba(0, 0, 0, 0.6);
    padding: 20px;
    overflow-y: auto;
}
.notice_con dl {
    float: left;
    margin:0 5px;
    padding: 10px 0 20px;
}
.notice_con dd {
    text-align: center;
    margin-top: 15px;
}
.game-btn {
    background: #bb8a0b;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    padding: 2px 30px;
    border-radius: 4px;
}
.notice_con dd a:hover {
    background: #9e1818;
}











/* 公告 */
.notice-row {
    height: 0;
    line-height: 0;
    position: relative;
    z-index: 1;
    width: 100%;
}


.noticeBox .w {
    width: 1020px;
    min-width: 1020px;
    margin: 0 auto;
}

.noticeBox .title {
    width: 96px;
    float: left;
    color: #FFCE4B;
    text-indent: 25px;
    /*background: url(images/icon-notice.png) 0 center no-repeat;*/
}
.noticeBox .bd2 {
    width: 910px;
    float: right;
    height: 33px;
    line-height: 40px;
    position: relative;
    overflow: hidden;
    margin-top: 1px;
}
.notice_layer, .notice_layer2, .notice_layer_wx{background: #fff;display: none;}
.notice_layer h3, .notice_layer2 h3, .notice_layer_wx h3{height: 50px;line-height: 50px;position: relative;background:linear-gradient(120deg, #d6b594, #d2b79c);padding: 0 25px;font-size: 18px;color: #fff;font-weight: normal;}
.notice_layer h3 .close, .notice_layer2 h3 .close, .notice_layer_wx h3 .close{position: absolute;display: inline-block;width: 20px;height: 20px;background: url(../images/huanya/bg-ico.png) no-repeat center center;background-position: -160px -140px;right: 15px;top: 15px;cursor: pointer;opacity: .6;}
.notice_layer .notice_con, .notice_layer2 .notice_con{background: #f2f2f2;overflow-y: auto;}
.notice_layer .notice_con .module{    padding: 5px 20px;background: #f5f5f5;margin-bottom: -1px;border-radius: 0px;border: 1px solid #e6e6e6;}
.notice_layer .notice_con .module h4{line-height: 32px;font-size: 15px;font-weight: 500;color: #333;}
.notice_layer .notice_con .module p{line-height: 24px;color: #707070;font-size: 12px;padding: 4px 0px;text-indent: 2em;}









 /*    首页弹框和登录后弹框开始 */


    #Lsj-fkinglayer {
        display: none;
        position: fixed;
        z-index: 9998;
        padding-top: 100px;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: rgb(0,0,0);
        background-color: rgba(0,0,0,0.4);
    }





    /*    标题颜色*/
    .pop_title_color{color:#000000;}
    /*    边框颜色*/
    .pop_border_color{border:1px solid #747474;border-radius:8px}
    .Lsj_modal-footer{
		height:55px;
    }
    /*  Button */

    .Lsj_okBtn.Lsj_outline {
        border: 2px solid #FF3333;
		border-radius:5px;
        background-color: transparent;
        color: #FF3333;
    }
    .Lsj_okBtn.Lsj_outline:focus, 
    .Lsj_okBtn.Lsj_outline:hover {
        border-color: #FF3333;
        box-shadow: 0 0 0 0.1875rem white, 
            0 0 0 0.375rem #FF3333;
        color: #FF3333;
    }
    .Lsj_okBtn.Lsj_outline:active {
        border-color: #FF3333;
        color: #FF3333;
        box-shadow: 0 0 0 0.1875rem #FF3333, 
            0 0 0 0.375rem #FF3333;
        transition-duration: 75ms;
    }
	
	

    .Lsj-Modal {
		position:fixed;
        display:none;
        z-index: 9999;       
        top: 170px; 
        left: 0; 
        right: 0;  
    }
    
    .Lsj_modal-content {
        position: relative;
        z-index:9999;
        background-color: #FFFFFF;
        margin: auto;
        padding: 0;
        min-width: 250px;
        max-width: 1000px;
        overflow:hidden;
        box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
        -webkit-animation-name: animatetop;
        -webkit-animation-duration: 0.4s;
        animation-name: animatetop;
        animation-duration: 0.4s;
    }

    @-webkit-keyframes animatetop {
        from {top:-300px; opacity:0}
        to {top:0; opacity:1}
    }

    @keyframes animatetop {
        from {top:-300px; opacity:0}
        to {top:0; opacity:1}
    }

    .Lsj-close {
        color: #626262;
        float: right;
        padding: 5px 0px;
        font-size: 20px;
        font-weight: bold;
        overflow:hidden;
    }

    .Lsj-close:hover,
    .Lsj-close:focus {
        color: #555;
        text-decoration: none;
        cursor: pointer;
        overflow:hidden;
    }

    .Lsj_modal-header {
        height: 40px;
        padding: 0 10px;
        background-color: #D9D9D9;
        color: #fff;
        overflow:hidden;
    }

    .Lsjmodal-body_contents {
        display:block;
        clear:both;
        min-height: 40px;
        max-height: 550px;
        overflow:hidden;
    }
    .Lsjmodal-body_contents p{
        display:block;
        clear:both;
        width:100%;
        overflow:hidden;
        height:auto;
        font-size:12px;
    }
    .Lsjmodal-body_contents p img {
        padding: 0;
        margin: 0;
        width:100%;
        min-height: 40px;
        max-height: 550px;
        overflow: hidden;
    }

    .Lsj_modal-footer {
        padding: 2px 10px;
        color: #555555;
    }

    .Lsjbtn-bottom-two-right {
        text-align: center;
    }

    .Lsjbtn-bottom-two-right a {
        text-decoration: none;
        color: #fff;
    }

    .Lsj_okBtn {
        display: inline-block;
        margin: 8px 10px 8px 10px;
        padding: 13px 5px;
        border: none;
        outline: none;
        color: #fff;
        font-size: 16px;
        line-height: 5px;
        text-decoration: none;
        cursor: pointer;
        transition: all 150ms ease-out;
        width: 180px;
        letter-spacing: 4px;
        border-radius: 2px;
    }

    .Lsj_okBtn.Lsj_filled:focus, 
    .Lsj_okBtn.Lsj_filled:hover {
        background-color: #3276b1;
        box-shadow: 0 0 0 0.1875rem white, 
            0 0 0 0.375rem #3276b1;
    }
    .Lsj_okBtn.Lsj_filled:active {
        background-color: #285e8e;
        box-shadow: 0 0 0 0.1875rem #285e8e, 
            0 0 0 0.375rem #285e8e;
        transition-duration: 75ms;
    }

    .Lsj_modal-content .Lsj_modal-header h3{
        text-align: center;
        line-height:40px;
        font-weight: 600;
        margin: 0;
        font-size:16px;
    }


	 .Lsj-Modal1 {
		position:fixed;
        /*display:none;*/
        z-index: 999;       
        top: 300px; 
        left: 0; 
        right: 0;  
    }
	.Lsj_modal-content2 {
        position: relative;
        z-index:9999;
        background-color: #FFFFFF;
        margin: auto;
        padding: 0;
        min-width: 250px;
        max-width: 1000px;
        overflow:hidden;
        box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
        -webkit-animation-name: animatetop;
        -webkit-animation-duration: 0.4s;
        animation-name: animatetop;
        animation-duration: 0.4s;
    }
	.Lsj_modal-content2 .Lsj_modal-header h3{
        text-align: center;
        line-height:40px;
        font-weight: 600;
        margin: 0;
        font-size:16px;
    }

	.Lsjmodal-body_contents2 {
        display:block;
        clear:both;
        width:100%;
        min-height: 40px;
        max-height: 550px;
        overflow:hidden;
    }
    .Lsjmodal-body_contents2 p{
        display:block;
        clear:both;
        width:100%;
        overflow:hidden;
        height:auto;
        font-size:12px;
    }
    .Lsjmodal-body_contents2 p img {
        padding: 0;
        margin: 0;
        width:100%;
        min-height: 40px;
        max-height: 550px;
        overflow: hidden;
    }
/*    首页弹框和登录后弹框结束 */