@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:#3a3939; font:normal 12px/22px "微软雅黑";  }
img{ border:0;  }
a{ text-decoration:none; color:#a6a6a7;  }
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:#131313;}
.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: 11;top: 0;}
.headerBox { display:flex; width:1200px;justify-content: space-between; margin:0 auto; height:78px;}
.logo { position:relative;display: block;max-width: 170px;width: 170px;}
.logo img { height: 40px; 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:#d8dae0; 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: #FF9800; 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: 78px; 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:#eaab4d;}
.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: hsl(0deg 0% 0% / 77%);overflow: hidden; transition: height .2s ease-out,visibility .2s ease-out;z-index: 9;}
.nav li:hover .slideBox { height:260px;}
.slideBar { height:100%; margin:0 auto; width:100%;display: flex; justify-content: space-between;}
.gymLeft {width: 100%;  display: flex;  flex-flow: row nowrap; /*justify-content: space-between;*/ align-items: flex-start;}
.yaboGym,.ssGym,.obGym,.imGym {cursor: pointer; width: 300px; display: flex; transition: all .2s ease;}
.yaboGympic {width: 190px; height: 220px; margin: auto;background-image: url(../images/huanya/yabo-image.png);  background-repeat: no-repeat;  background-size: contain; transition: all .5s;}
.obGympic {width: 190px; height: 220px; margin: auto;background-image: url(../images/huanya/obsportpc.png);  background-repeat: no-repeat;  background-size: contain; transition: all .5s;}
.ssGympic {width: 190px; height: 220px; margin: auto;background-image: url(../images/huanya/ss.png);  background-repeat: no-repeat;  background-size: contain; transition: all .5s;}
.m8Gympic {width: 190px; height: 220px; margin: auto;background-image: url(../images/huanya/hgty.png);  background-repeat: no-repeat;  background-size: contain; transition: all .5s;}
.imGympic {width: 190px;height: 220px;margin: auto;background-image: url(../images/huanya/im-image.png);background-repeat: no-repeat;background-size: contain;transition: all .5s;}
.yaboGymtxt,.obGymtxt,.imGymtxt,.ssGymtxt { width:100%; position:relative;}
.yaboGymtxt p,.imGymtxt p,.ssGymtxt p,.obGymtxt p {height: 50px;
    line-height: 50px;
    font-size: 30px;
    font-weight: 600;
    color: #d6d6d6;}
.yaboGymtxt h3,.imGymtxt h3,.ssGymtxt h3,.obGymtxt h3 {font-size: 14px;
    font-weight: 500;
    color: #959cb2;
    height: 18px;
    line-height: 18px;}
.yaboGymtxt a,.imGymtxt a,.ssGymtxt a,.obGymtxt a {width: 100%;
    height: 100%;
    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;}
.yaboGym:hover,.imGym:hover,.ssGym:hover,.obGym:hover {background-image: linear-gradient(180deg,#8686869e,hsl(0deg 2% 20% / 54%)); background-size: 520px 300px;}
.yaboGym:hover .yaboGympic,.imGym:hover .imGympic,.ssGym:hover .ssGympic,.obGym:hover .obGympic,.ssGym:hover .m8Gympic {transform: scale(1.03);}
.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: 46px;
	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 {    margin: 0 auto; 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: 24px; 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: 25px;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: 25px;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: 25px;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: 25px;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: 25px;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: 25px;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: 25px;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: 12px;}
 .truepeoTit p {margin-left: 8px; line-height: 20px; font-size: 20px;font-weight: 600; color: #eae7e7;}
.lives li:hover {background-image:linear-gradient(180deg,#8686869e,hsl(0deg 2% 20% / 54%)); 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: 228px;
    margin-right: 6px;
    background-size: contain;
    transition: all .5s; background:url(../images/huanya/quanzhan.png) center no-repeat; background-size:contain;margin-top: 18px;}
.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: #b3bace;}
.downTxt h3,.downTxt span,.partDownbar h3,.partDownbar span {display: block;
    width: 140px;
    color: #9da0a7;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.downBox:hover {background-image: linear-gradient(180deg,#8686869e,hsl(0deg 2% 20% / 54%));
    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: 16px 38px 0 25px;
    transition: all .5s; background: url(../images/huanya/image-a.png) center no-repeat; background-size:contain;}
.partTxt h2{margin-top: 55px;
    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,#8686869e,hsl(0deg 2% 20% / 54%));
    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: #838aa2;}
.partDownbar { margin-top:50px;}
.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: 10px;
    font-size: 24px;
    font-weight: 600;
    color: #C7C7C7;
    line-height: 42px;}
.discount dt p {margin-top: 1px;
    height: 22px;
    line-height: 22px;
    color: #8e8e8e;
    font-size: 14px;}
.countPic {width: 216px;
    height: 180px;
    margin-top: 8px;
    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,#8686869e,hsl(0deg 2% 20% / 54%));
    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,#8686869e,hsl(0deg 2% 20% / 54%));
    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 .truepeoImg7 { background-image:url(../images/huanya/sprite4a.png);background-size: 183px 160px;background-repeat: no-repeat;background-position: -52px 0;width: 126px;height: 160px;margin-top: 20px;transition: all .5s;}
.Electronics .truepeoImg8 {background-image: url(../images/huanya/sprite4b.png);background-size: 183px 160px;background-repeat: no-repeat;background-position: -52px 0;width: 126px;height: 160px;margin-top: 20px;transition: all .5s;}
.Electronics .truepeoImg9 {background-image: url(../images/huanya/obslotpc1.png);background-size: 183px 160px;background-repeat: no-repeat;background-position: -52px 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 .gameIcon7 { background-image:url(../images/huanya/sprite4a.png); background-size:183px 160px; background-repeat:no-repeat;background-position: -5px 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,.Electronics li:hover .truepeoImg7,.Electronics li:hover .truepeoImg8,.Electronics li:hover .truepeoImg9 {transform: scale(1.03);}
.Electronics li:hover {background-image: linear-gradient(180deg,#8686869e,hsl(0deg 2% 20% / 54%)); 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 .truepeoImg7 { 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;}

.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 .gameIcon7 { 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;}

.buyu li:hover .truepeoImg1,.buyu li:hover .truepeoImg2,.buyu li:hover .truepeoImg3,.buyu li:hover .truepeoImg4,.buyu li:hover .truepeoImg5,.buyu li:hover .truepeoImg6,.buyu li:hover .truepeoImg7 {transform: scale(1.03);}
.buyu li:hover {background-image: linear-gradient(180deg,#8686869e,hsl(0deg 2% 20% / 54%)); 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: 240px;
    transition: all .2s ease;}
.cardsImg {width: 186px;
    height: 210px;
    margin: 0 auto;
    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:nth-child(4) .cardsImg {background: url(../images/huanya/image-4.png) center no-repeat;background-size: contain;}
.cardList:nth-child(5) .cardsImg { background:url(../images/huanya/obqp.png) center no-repeat; background-size:contain;}
.cardList:hover .cardsImg { transform:scale(1.03);}
.cardList:hover {background-image: linear-gradient(180deg,#8686869e,hsl(0deg 2% 20% / 54%)); background-size:100% 100%;}
.cardsTxt a,.esoprtTxt a {    width: 100%;
    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;}
.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 { 
    width: 100%;
    margin: 0 auto;
    text-align: center;}
.cardsTxt p {line-height: 37px;
    margin-bottom: 1px;
    font-size: 26px;
    font-weight: 600;
    color: #fbfbfb;}
.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,#8686869e,hsl(0deg 2% 20% / 54%)); background-size:100% 100%;}
.esoprtimg {    flex: 0 0 332px;
    width: 332px;
    height: 246px;
    margin: 22px 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: 66px;
    font-size: 36px;
    font-weight: 600;
    color: #fbfbfb;}
.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: 12px;}
.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: 26px;height: 20px;line-height: 20px;font-size: 20px;font-weight: 600;color: #fdfdfd;}
.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;margin-top: 20px;}
.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;margin-top: 20px;}
.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;margin-top: 20px;}
.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;margin-top: 20px;}
.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;margin-top: 20px;}
.lotteryList dt:hover {background-image: linear-gradient(180deg,#8686869e,hsl(0deg 2% 20% / 54%)); 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:#403f3f; padding-top: 100px;}
/*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;}

/*公告*/
.notice { /*position: absolute;*/ bottom: 0; width: 100%; left: 0; z-index: 2; background:rgb(0 0 0 / 52%)}
.noticeCont { padding-left:30px; overflow: hidden; box-sizing: border-box; font-size: 14px; line-height:32px; width:1200px;height: 32px; margin: 0 auto; background:url(../images/huanya/noticeIcon.png) left center no-repeat;}
.bd { line-height: 32px;}
.banner .notice a { color:#e2dede}
.banner .notice a:hover { color:#d0b48f}

/*内容*/
.mainCont {    background: url(../images/huanya/mybg.jpg) no-repeat;
    background-size: 100% 100%;}
.container {padding-top: 15px;
    width: 1200px;
    margin: auto;
    padding-bottom: 30px;}
.boxer_header {
    height: 84px;
    width: 559px;
    margin: 30px auto 100px;
    background: url(../images/huanya/title1.png) no-repeat;
}
.boxerall .zstil {
    width: 1200px;
    height: 294px;
}
.game-part {
    border-radius: 8px;
    position: relative;
    padding: 0 4px;
    float: left;
    transition: all 0.3s ease-out;
	font-size: 0;
}
.game-part h3 {
    left: 40px;
    top: -9px;
    font-size: 26px;
    font-weight: 700;
    position: absolute;
    font-family: "Microsoft Yahei";
}
.game-part h3::after {
    width: 5px;
    height: 25px;
    margin: -30px -13px;
    content: "";
    display: block;
    background: #0062fb;
    border-radius: 2px;
}
.game-part .pic {
    margin-top: -19px;
}
.game-part:hover {
    transform: translateY(-8px);
}
.boxer_app {
    height: 84px;
    width: 643px;
    margin: 30px auto 100px;
    background: url(../images/huanya/title2.png) no-repeat;
}
.boxerall .dowap {
    display: flex;
    justify-content: space-between;
}
.mudowmd {
    width: 653px;
    height: 492px;
    background: url(../images/huanya/dowbg.png) no-repeat;
    background-size: 100% 100%;
    margin-top: -24px;
	text-align: center;
}
.boxerall .dowap .myph {
    margin-left: -66px;
}
.myapp { font-size: 0;    padding-bottom: 10px;
    margin-top: 45px;}

.boxer-fw { width: 553px; height: 84px; background: url(../images/huanya/title4.png) center no-repeat; margin: 50px auto;}
.ys-box{width: 276px;
    height: 362px;
    float: left;
    text-align: center;
    background: url(../images/huanya/bgboto.png) no-repeat;
}
.ys-box h3 { font-size: 22px;}
.ys-box p { font-size: 14px; line-height: 29px; margin-top: 20px; text-align: center; padding: 0 15px; color: #000000A6;}
.ys-box .pic { height: 130px; width: 150px; margin: 20px auto 35px;}
.hz { display: flex; justify-content: space-between;}


/*Footer*/
.footer {position: relative; width: 100%; background: #313131;}
.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: #313131;
    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: #383737;}
.footerTxt {display: flex;
    justify-content: center;
    line-height: 1.4;
    text-align: center;
    padding: 0 130px;
    margin-top: 18px;
    font-size: 14px;
    color: #82848c;}
.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:#9fa4b7;}
.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:#67718f;}
.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: #eaeaea;
    transition: all .4s ease;}
.userButton a:hover p { color:#d3b797;}
.userButton a:hover .userIcon1 { background:url(../images/huanya/ucur1.png) center no-repeat;}
.userButton a:hover .userIcon2 { background:url(../images/huanya/ucur2.png) center no-repeat;}
.userButton a:hover .userIcon3 { background:url(../images/huanya/ucur3.png) 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: #eaeaea; 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: #eaeaea; 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: #5d616f;
    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 #515563; background:#515563;}
.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:-2px;
    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-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/huanya/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, #252524, #565350);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;
    }
/*    首页弹框和登录后弹框结束 */