@charset "UTF-8";

#hot {
    position: absolute;
    top: -15px;
    right: 25px;
}
.zhengren .submenu-list{
    position: absolute !important;
}
#captch{
    position: absolute;
    right: 3px;
    top: 3px
}
/* .zhengren > .submenu-list > p{
    background-color: rgba(252, 253, 252, 0) !important;
    border: none !important;
    font-size: 12px;
    height: 30px !important;
    line-height: 30px !important;
} */
.zhengren .submenu-list:nth-child(2){
    left: 260px;
    height: 90px !important;
    border-bottom: solid 1px #eee;
}
.zhengren .submenu-list:nth-child(3){
    left: 260px;
    top: 90px;
    height: 90px !important;
    border-bottom: solid 1px #eee;
}
.zhengren .submenu-list:nth-child(4){
    left: 410px;
    height: 90px !important;
    border-bottom: solid 1px #eee;
}
.zhengren .submenu-list:nth-child(5){
    left: 410px;
    top: 90px;
    height: 90px !important;
    border-bottom: solid 1px #eee;
}
.zhengren .submenu-list:nth-child(6){
    left: 560px;
    height: 90px !important;
    border-bottom: solid 1px #eee;
}
.zhengren .submenu-list:nth-child(7){
    left: 560px;
    top: 90px;
    height: 90px !important;
    border-bottom: solid 1px #eee;
}
.zhengren .submenu-list:nth-child(8){
    left: 710px;
    height: 90px !important;
    border-bottom: solid 1px #eee;
}
.zhengren .submenu-list:nth-child(9){
    left: 710px;
    top: 90px;
    height: 90px !important;
    border-bottom: solid 1px #eee;
}
.zhengren .submenu-list:nth-child(10){
    left: 860px;
    height: 90px !important;
    border-bottom: solid 1px #eee;
}
.zhengren .submenu-list:nth-child(11){
    left: 860px;
    top: 90px;
    height: 90px !important;
    border-bottom: solid 1px #eee;
}
.zhengren .submenu-list:nth-child(12){
    left: 1000px;
    height: 90px !important;
    border-bottom: solid 1px #eee;
}
.zhengren .submenu-list:nth-child(13){
    left: 1000px;
    top: 90px;
    height: 90px !important;
    border-bottom: solid 1px #eee;
}
.listView .list > div {
  position: relative;
  width: 262.5px;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 2px 2px 2px #EEE;
  background-color: #FFF;
  margin: 0 50px 50px 0; }
  .listView .list > div > .opacity {
	position: relative;
	opacity: 0.5;
	display: block;
	cursor: not-allowed; }
  .listView .list > div > h3 {
	font-weight: 400;
	height: 40px;
	overflow: hidden;
	line-height: 35px;
	text-indent: 20px; }
  .listView .list > div > p {
	text-indent: 20px;
	color: #999;
	margin-bottom: 15px;
	font-size: 14px;
	height: 20px;
	overflow: hidden; }
  .listView .list > div > .start {
	position: absolute;
	width: 50px;
	height: 50px;
	bottom: 50px;
	background-color: #f54d41;
	color: #FFF;
	text-align: center;
	border: solid 2px #FFF;
	line-height: 50px;
	border-radius: 50%;
	right: 20px;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 1px; }
.listView .list > div:nth-child(4n) {
  margin-right: 0px; }
.md-elevation-15 > a{
    display: block;
    position: relative;
    height: 220px;
    overflow: hidden;
}
.md-elevation-15 > a > .mask{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.63);
    top: 0px;
}
.md-elevation-15 > a > .mask > span:first-child{
    margin-top: 25px;
}
.md-elevation-15 > a:hover .mask{
    opacity: 1
}
.md-elevation-15 > a > .mask{
    opacity: 0;
    transition: all .5s ease;
}
.md-elevation-15 > a > .mask > span{
    background-color: #FD8640;
color: #fff;
/* padding: 8px 20px; */
display: block;
border-radius: 4px;
width: 100px;
height: 35px;
text-align: center;
line-height: 35px;
transition: all .5s ease;
margin: 10px auto;
}
.md-elevation-15 > a img{
    transition: all .5s ease;
    height: 220px;
}
.md-elevation-15 > a img:hover{
    transform: scale(1.2);
}
.App_Money{
        height: 110px;
        overflow: hidden;
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }
    .App_Container{
        width: 1200px;
        margin: 0 auto;
        display:inline-block;
    }
    #MoneyPool{
        height: 90px;
        background-color: #F54E41;
        padding: 10px;
        line-height: 90px;
    }
    #MoneyPool > .Money_name{
        float: left;
        font-weight: bold;
        font-size: 34px;
        text-indent: 14px;
        color: #FFF
    }
    .App_List{
        text-align: center;
    }.App_pg{
        float: left;
        width: 940px;
display: inline-block;

    }
    .App_ky .ky{
        position: absolute;
        top: 20px;
        left: -30px;
    }
    .App_ky{
        height: 388px;
        overflow: hidden;
        border-radius: 10px;
        box-shadow:  2px 2px 2px #EEE;
        float: right;
        position: relative;
        cursor: pointer;
        width: 240px;
        text-align: left;
    }
    .md-elevation-15> h3{
        padding: 14px;
        font-weight: 400;
        font-size: 16px;
    }
    .md-elevation-15{
        border-radius: 4px;
        overflow: hidden;
        box-shadow: 2px 2px 2px #EEE;
        margin-right: 20px;
        margin-bottom: 20px;
        background-color: #FFF;
        text-align: left;
    }
    .md-elevation-15:nth-child(4n){
        margin-right: 0px;
    }
    #MoneyPool > .Money_val{
        height: 80px;
        text-align: left;
        line-height: 80px;
        color: #EED97D;
        font-weight: bold;
        letter-spacing: 2px;
        width: 1000px;
        border-radius: 10px;
        font-size: 40px;
        text-shadow: 4px 4px 4px #000;
        float: right;
        border: solid 4px rgb(185, 54, 44);
        background-color: #222;
    }
    #MoneyPool > .Money_val > span{
        font-style:italic;
        font-size: 20px;
    }
    #MoneyPool > .Money_val i{
        font-size: 40px;
        margin-left: 20px;
    }
.el-message--warning, .el-message--success, .el-message--error{
	z-index: 999999 !important;
}
@keyframes scaleToggleOne { 0 {
transform:scale(1);
-webkit-transform:scale(1)
}
50% {
transform:scale(2);
-webkit-transform:scale(2)
}
100% {
transform:scale(1);
-webkit-transform:scale(1)
}
}
@keyframes scaleToggleTwo { 0 {
transform:scale(1);
-webkit-transform:scale(1)
}
20% {
transform:scale(1);
-webkit-transform:scale(1)
}
60% {
transform:scale(2);
-webkit-transform:scale(2)
}
100% {
transform:scale(1);
-webkit-transform:scale(1)
}
}
@keyframes scaleToggleThree { 0 {
transform:scale(1);
-webkit-transform:scale(1)
}
33% {
transform:scale(1);
-webkit-transform:scale(1)
}
66% {
transform:scale(2);
-webkit-transform:scale(2)
}
100% {
transform:scale(1);
-webkit-transform:scale(1)
}
}
.animated { -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.livechat-girl {
    position:fixed;
	top:400px;
	right: :0;
	width:100px;
	height:100px;
    width: 60px;
	cursor:move;
    right: 80px;
    z-index: 9999999;
    height: 60px;
    /* width: 60px;
    z-index: 9999999;
    height: 60px;
    border-radius: 50%;
    position:absolute;
    bottom: 0;
    right: 40px;
    opacity: 0;
    -webkit-box-shadow: 0 5px 10px 0 rgba(35,50,56,.3);
    box-shadow: 0 5px 10px 0 rgba(35,50,56,.3);
    z-index: 700;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    cursor: pointer;
    -webkit-transition: all 1s cubic-bezier(.86, 0, .07, 1); transition: all 1s cubic-bezier(.86, 0, .07, 1)  */
}



.livechat-girl:focus { outline: 0 }
.livechat-girl.animated { opacity: 1; transform: translateY(-40px); -webkit-transform: translateY(-40px); -ms-transform: translateY(-40px) }
.livechat-girl:after { content: ''; width: 12px; height: 12px; border-radius: 50%; background-image: linear-gradient(to bottom, #26c7fc, #26c7fc); position: absolute; right: 1px; top: 1px; z-index: 50 }
.livechat-girl .girl { position: absolute; top: 0; left: 0; width: 100%; height: auto; z-index: 50 }
.livechat-girl .animated-circles .circle { background: rgba(38,199,252,.25); width: 60px; height: 60px; border-radius: 50%; position: absolute; z-index: 49; transform: scale(1); -webkit-transform: scale(1) }
.livechat-girl .animated-circles.animated .c-1 { animation: 2s scaleToggleOne cubic-bezier(.25, .46, .45, .94) forwards }
.livechat-girl .animated-circles.animated .c-2 { animation: 2.5s scaleToggleTwo cubic-bezier(.25, .46, .45, .94) forwards }
.livechat-girl .animated-circles.animated .c-3 { animation: 3s scaleToggleThree cubic-bezier(.25, .46, .45, .94) forwards }
.livechat-girl.animation-stopped .circle { opacity: 0!important }
.livechat-girl.animation-stopped .circle { opacity: 0!important }
.livechat-girl .livechat-hint { position: absolute; right: 40px; top: 50%; margin-top: -20px; opacity: 0; z-index: 0; -webkit-transition: all .3s cubic-bezier(.86, 0, .07, 1); transition: all .3s cubic-bezier(.86, 0, .07, 1) }
.livechat-girl .livechat-hint.show_hint { -webkit-transform: translateX(-40px); transform: translateX(-40px); opacity: 1 }
.livechat-girl .livechat-hint.hide_hint { opacity: 0; -webkit-transform: translateX(0); transform: translateX(0) }
.livechat-girl .livechat-hint.rd-notice-tooltip { max-width: 1296px!important }
.livechat-girl .livechat-hint.rd-notice-tooltip .rd-notice-content { width: auto; overflow: hidden; text-overflow: ellipsis }
@media only screen and (max-width:1599px) {
.livechat-girl .livechat-hint.rd-notice-tooltip { max-width: 1060px!important }
}
@media only screen and (max-width:1309px) {
.livechat-girl .livechat-hint.rd-notice-tooltip { max-width: 984px!important }
}
@media only screen and (max-width:1124px) {
.livechat-girl .livechat-hint.rd-notice-tooltip { max-width: 600px!important }
}
.rd-notice-tooltip { -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.2); box-shadow: 0 2px 2px rgba(0,0,0,.2); font-size: 14px; border-radius: 3px; line-height: 1.25; position: absolute; z-index: 65; max-width: 350px; opacity: 1 }
.rd-notice-tooltip:after { position: absolute; display: block; content: ''; height: 20px; width: 20px; -webkit-box-shadow: none; box-shadow: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; z-index: 50 }
.rd-notice-tooltip .rd-notice-content { background: 0; border-radius: 3px; width: 100%; color: #fff; position: relative; z-index: 60; padding: 20px; font-weight: 400; line-height: 1.45 }
.rd-notice-type-success { background-color: #26c7fc; -webkit-box-shadow: 0 5px 10px 0 rgba(38,199,252,.2); box-shadow: 0 5px 10px 0 rgba(38,199,252,.2) }
.rd-notice-type-success .rd-notice-content { background-color: #26c7fc }
.rd-notice-type-success:after { background-color: #26c7fc; -webkit-box-shadow: 0 5px 10px 0 rgba(38,199,252,.2); box-shadow: 0 5px 10px 0 rgba(38,199,252,.2) }
.rd-notice-position-left { margin-left: -20px }
.rd-notice-position-left:after { right: -6px; top: 50%; margin-top: -10px }
.rd-notice-tooltip.single-line .rd-notice-content { height: 40px; padding: 0 20px; line-height: 40px; white-space: nowrap }

/* matter */
.matter{position:relative;z-index:2;margin: 20px 0}
.matter .row{overflow:hidden;background-color:rgba(0,0,0,0.7);width:1200px;margin:0 auto;border-radius:2px;width:550px;height:100px}
.matter .row>.team{float:left;padding:14px;margin-left: 40px;}
.matter .row>p{padding:26px 10px;float:left;font-weight:bold;font-size:35px;color:#fff}
/* t8 */
.t8{}
.t8-container > img{position: absolute;top: -40px;left: 10px;}
.t8-container{cursor: pointer;text-align: center;width: 600px;height: 100px;background-color: rgba(0, 0, 0, 0.72);margin: 0 auto;position: relative;z-index: 999;margin-top: -140px;color: #fff;font-weight:bold;font-size: 40px;position: relative;line-height: 100px;border-radius: 10px;}
/* open_game*/
.open_game{position: fixed;top: 0;width: 100%;right: 0;bottom: 0;left: 0;z-index: 100000;/* opacity: 0.5; */background-color: rgba(5,5,5,0.8);}
.open_game > img {cursor: pointer;display: inherit;margin: 12% auto;animation-name:breath;
	/* 动画名称 */
	animation-duration:3s;
	/* 动画时长3秒 */
	animation-timing-function:ease-in-out;
	/* 动画速度曲线：以低速开始和结束 */
	animation-iteration-count:infinite;
	/* 播放次数：无限 */
	/* Safari and Chrome */
	-webkit-animation-name:breath;
	/* 动画名称 */
	-webkit-animation-duration:1s;
	/* 动画时长3秒 */
	-webkit-animation-timing-function:ease;
	/* 动画速度曲线：以低速开始和结束 */
	-webkit-animation-iteration-count:infinite;

	/* 播放次数：无限 */
	}
@keyframes breath {
	from {
	transform: scale(1.1);
}
/* 动画开始时的不透明度 */
 50% {
	transform: scale(1);
}
/* 动画50% 时的不透明度 */
to {
	transform: scale(1.1);
}
/* 动画结束时的不透明度 */
}
.logo{
	text-align: center;
background-color: rgb(255, 255, 255);
height: 60px;
width: 220px;
float: left;
}
.logo > img {
    width: 200px;
    margin-top: 14px;
}
/* header */
.header-body-top .page-container > span {
    width: 160px;
    height: 25px;
    line-height: 25px;
    display: inline-block;
    margin-left: 10px;
    background: #ff4a04;
    border-radius: 6px;
    text-align: center;
    cursor: pointer;
}

.header-body-top .page-container > span span{
    background: linear-gradient(left, #000, #fff);
    background: -webkit-linear-gradient(left, #000, #fff);
    background: -o-linear-gradient(left, #000, #fff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation:scratchy 1s linear forwards infinite;
}

@keyframes  scratchy {
    0% {
      background-position: 0 0;
    }
    25% {
      background-position: 0 0;
    }
    26% {
      background-position: 20px -20px;
    }
    50% {
      background-position: 20px -20px;
    }
    51% {
      background-position: 40px -40px;
    }
    75% {
      background-position: 40px -40px;
    }
    76% {
      background-position: 60px -60px;
    }
    99% {
      background-position: 60px -60px;
    }
    100% {
      background-position: 0 0;
    }
}

a{cursor: pointer;}
.header-body { height: 100px;position: relative;}
.header-body-top { background-color: #000000; height: 40px; line-height: 40px; font-size: 14px; }
.header-body-top .page-container {position: relative}
.header-body-top .page-container > p > .img1{position: absolute;top:5px;}
.header-body-top .page-container > p > .img2{position: absolute;top:5px;}
.header-body-top .page-container > p { color: #fff;float: left;margin-left: 20px;font-size: 16px;width: 250px;overflow: hidden;  height: 40px; }
.header-body-top .page-container .header-body-top-logo { float: left; height: 40px; width: 100px; }
.header-body-top .page-container .header-body-top-logo > img { margin-top: 5px; }
.header-body-top .page-container .header-body-top-logReg { float: right; }
.header-body-top .page-container .header-body-top-logReg > .loginStatus > .user { background-color: #000000 !important; color: #fff !important; }
.header-body-top .page-container .header-body-top-logReg > .loginStatus > .user:hover {color: #3BBD78 !important; }
.header-body-top .page-container .header-body-top-logReg > .loginStatus > a { background-color: #fff; color: #666; font-size: 16px; padding: 4px 8px; border-radius: 4px; }
.header-body-top .page-container .header-body-top-logReg > .loginStatus > a:last-child { background-color: #42B254; color: #fff; }
.header-body-menu { background-color: #fff; height: 60px; }
.header-body-menu .page-container{}
.header-body-menu .page-container ul li:hover .submenu { height: 190px; }
.header-body-menu .page-container ul li > .submenu { overflow: hidden; height: 0px; background: linear-gradient(#FAFAFA, #ffffff); position: absolute; z-index: 1999; width: 100%; top: 100px; left: 0px; transition: all 0.5s; }
.header-body-menu .page-container ul li > .submenu .by{border-left: solid 1px #eee;}
.header-body-menu .page-container ul li > .submenu .submenu-list { cursor: pointer;text-align: center;width: 240px;position: relative;height: 180px;padding-top: 10px;border-right: solid 1px #eee; float: left; }

.header-body-menu .page-container ul li > .submenu .submenu-list > .old_game{background-color: rgba(0, 0, 0, 0.48);color: #FFF;top: 0px;line-height: 160px;font-size: 40px;width: 100%;height: 100%;position: absolute;left: 0px;}
.header-body-menu .page-container ul li > .submenu .submenu-list > h2{font-size: 100px;color: #4DAF5D}
.header-body-menu .page-container ul li > .submenu .submenu-list > h2 span{font-size: 18px}
.header-body-menu .page-container ul li > .submenu .submenu-list:first-child{width: 260px;}
.header-body-menu .page-container ul li > .submenu .submenu-list > p{cursor: pointer;transition: all .5s;position: absolute;height:40px;bottom: 0px;text-align: center;width: 100%;background-color: #eee;line-height: 40px;border-right: solid 1px #e4e4e4;border-top: solid 1px #e4e4e4;}
.header-body-menu .page-container ul li > .submenu .submenu-list a > p{cursor: pointer;transition: all .5s;position: absolute;height:40px;bottom: 0px;text-align: center;width: 100%;background-color: #eee;line-height: 40px;border-right: solid 1px #e4e4e4;border-top: solid 1px #e4e4e4;}
/* .header-body-menu .page-container ul li > .submenu .submenu-list > p:hover{color:#4DAF5D;text-shadow:1px 1px 1px #999;} */
.header-body-menu .page-container ul li > .submenu .submenu-list > h1{color: #EF5D44;font-size: 80px;}
.header-body-menu .page-container ul li > .submenu .submenu-list > h1 > span{font-size: 20px;}
.header-body-menu .page-container ul li > .submenu .submenu-list > div{ padding: 15px;text-align: left;background-color: rgba(0, 0, 0, 0.19);opacity: 0;transition:all .5s ease;position: absolute;width: 94%;height: 100%;top:0px;}
.header-body-menu .page-container ul li > .submenu .submenu-list > div > a{transition: all .4s;background-color: #4DAF5D;color: #fff !important;display:inline-block;width: 90px;height: 40px;text-align: center;margin-bottom: 5px;line-height: 40px;border-radius: 2px;}
.header-body-menu .page-container ul li > .submenu .submenu-list > div > a:hover{background-color: #fff;color: #444 !important;}
.header-body-menu .page-container ul li > .submenu .submenu-list:hover div{display: block;opacity: 1}
/* .header-body-menu .page-container ul li > .submenu .submenu-list-left { float: left; padding: 10px 20px; }
.header-body-menu .page-container ul li > .submenu .submenu-list-left > h2 { font-size: 28px; margin-bottom: 5px; }
.header-body-menu .page-container ul li > .submenu .submenu-list-left p { color: #676767; margin-bottom: 25px; }
.header-body-menu .page-container ul li > .submenu .submenu-list-left > a {
	background-color: #3BBD78; color: #fff; padding: 5px 20px; transition: all 0.3s ease-in-out;
}
.header-body-menu .page-container ul li > .submenu .submenu-list-left > a:hover{
	background-color: dodgerblue;
}
.header-body-menu .page-container ul li > .submenu .submenu-list-right { float: left; overflow: hidden; }
.header-body-menu .page-container ul li > .submenu .submenu-list:last-child { border: none; } */
.header-body-menu .page-container ul li > .submenu .cp-list:first-child { margin-top: 15px; }
.header-body-menu .page-container ul li > .submenu .cp-list { padding: 15px 0; }
.header-body-menu .page-container ul li > .submenu .cp-list > strong { display: inline-block; width: 80px; color: #333; }
.header-body-menu .page-container ul li > .submenu .cp-list > a { color: #666; margin-right: 16px; }
.header-body-menu .page-container ul li > .submenu .cp-list > a:hover { color: #4DAF5D; text-decoration: underline; }
.header-body-menu .page-container ul li > a { position: relative;float: left;     font-weight: 500;padding: 0px 12px; height: 60px; line-height: 60px; transition: all .5s ease; color: #333;font-size: 18px;}
#hot{position: absolute;top: -15px;right: 25px}
.header-body-menu .page-container ul li > a > i { color: #ccc; font-size: 12px; }
.header-body-menu .page-container ul li > a:hover { color: #45B04F; }
.header-body-menu .page-container ul li > a:hover i { color: #45B04F; }

/* register */
.register .page-container { width: 800px; background-color: #fff; margin: 20px auto; padding: 0 100px; }
.register .page-container > h2 { text-align: center; padding: 20px 0; border-bottom: solid 1px #eee; }
.register .page-container .reg { text-align: center; padding: 40px 0; }
.register .page-container .reg > a { background-color: #4AB85C; color: #fff; padding: 15px 25px; }
.register .page-container .step h4 { margin: 20px 0; padding: 5px 0; color: #333; background-color: #4AB85C; border-left: solid 4px #168027; text-indent: 20px; color: #fff; font-size: 18px; width: 120px; }
.register .page-container .step div { margin-bottom: 10px; }
.register .page-container .step div label { color: #444; width: 100px; margin-left: 10px; display: inline-block; }
.register .page-container .step div .el-input { width: 300px; margin-right: 20px; }
.register .page-container .step div span { font-size: 16px; color: #999; letter-spacing: 1px; }
.el-tooltip__popper{font-size: 16px !important;}
/* server */
.server { position: fixed; right: 0px; top: 65%; z-index: 999999; }
.server > a:first-child {  margin-bottom: 1px; }
.server > a:last-child { margin-bottom: 1px;}
.server > a { width: 60px;line-height: 50px;50px;background-color: rgba(0, 0, 0, 0.77);margin-bottom: 1px;display: block; text-align: center; color: #fff; }
.server > a > i { font-size: 30px; }
.brother{position: relative;z-index: 999;}
.brother:hover .brother_text{width: 250px;opacity: 1}
.brother_text{position: absolute;height: 55px;transition: all .5s ease;overflow: hidden;width: 0px;opacity: 0;background-color: rgba(0, 0, 0, 0.59);text-align: left;line-height: 55px;text-indent: 10px;font-weight:400;font-size: 18px;right: 60px;top: 0px;}
/* login model */
.log-mask { background-color: rgba(0, 0, 0, 0.28); position: fixed; height: 100%; z-index: 99; width: 100%; top: 0px; }
.log-mask-model { background-color: #fff; width: 560px; margin: 8% auto; }
.log-mask-model h3 { height: 60px; color: #fff; border-bottom: solid 1px #F6F6F6;background-color:#44B253; line-height: 60px; text-align: center; position: relative; }
.log-mask-model h3 > a { position: absolute; top: 0px; color: #fff; right: 20px; }
.log-mask-model h3 > a > i { font-size: 20px; }
.log-mask-model-ipt { padding: 40px 60px; background-image: url(../images/wg.png); }
.log-mask-model-ipt .ipt-list { height: 50px; background-color: #EEEEEE; margin-bottom: 20px; line-height: 50px; text-indent: 20px; }
.log-mask-model-ipt .ipt-list > i { margin-right: 5px; color: #666; font-size: 16px; }
.log-mask-model-ipt .ipt-list input { width: 380px; border: none; background-color: #EEEEEE; font-size: 18px; outline: inherit; }
.log-mask-model-ipt > p { text-align: right; margin-bottom: 20px; }
.log-mask-model-ipt > p > a { color: #666; }
.log-mask-model-ipt > a { display: block; background-color: #44B253; color: #fff; height: 50px; text-align: center; line-height: 50px; font-size: 20px; margin-bottom: 40px; }

/* banner */
.banner { height: 520px; background-image: url(../images/banner.png); background-position: center; margin-bottom: 40px; }

/* desktop-menu */
.desktop-menu { margin-bottom: 80px; }
.desktop-menu .page-container > h4 { background-image: url(../images/tj.png); background-repeat: no-repeat; height: 80px; }
.desktop-menu .page-container .desktop-menu-list { display: inline-block; }
.desktop-menu .page-container .desktop-menu-list .left { float: left; width: 800px; margin-right: 20px; }
.desktop-menu .page-container .desktop-menu-list .left .zr:hover .mask { opacity: 1; top: 40px; transform: scale(1); }
.desktop-menu .page-container .desktop-menu-list .left .zr { overflow: hidden;position: relative; background-image: url(../images/zr-home.png); width: 800px; height: 230px; margin-bottom: 20px; }
.desktop-menu .page-container .desktop-menu-list .left .zr .mask { opacity: 0; transform: scale(1.4); transition: all .5s; position: absolute; height: 100%; width: 100%; top: 0px; text-align: center; background-color: inherit !important; }
.desktop-menu .page-container .desktop-menu-list .left .zr .mask > a { background-color:#4FB760;border-radius: 50%;display: inline-block; background-size: 110px 110px; width: 110px; height: 110px; font-weight: bold; line-height: 110px; color: #fff; margin: 0px 10px; }
.desktop-menu .page-container .desktop-menu-list .left .zr > div { background-color: rgba(0, 0, 0, 0.65); bottom: 0px; width: 100%; height: 60px; position: absolute; }
.desktop-menu .page-container .desktop-menu-list .left .zr > div .zr-left { color: #fff; float: left; text-indent: 20px; }
.desktop-menu .page-container .desktop-menu-list .left .zr > div .zr-left > h4 { margin-top: 8px; text-indent: 20px; font-size: 20px; }
.desktop-menu .page-container .desktop-menu-list .left .zr > div .zr-left p { font-size: 12px; }
.desktop-menu .page-container .desktop-menu-list .left .list { height: 230px; }
.desktop-menu .page-container .desktop-menu-list .left .list > div:first-child:hover .mask { opacity: 1; }
.desktop-menu .page-container .desktop-menu-list .left .list > div:first-child { position: relative; background-image: url(../images/dz.png); width: 550px; height: 230px; float: left; margin-right: 20px; }
.desktop-menu .page-container .desktop-menu-list .left .list > div:first-child .mask { position: absolute; height: 100%; opacity: 0; transition: all .5s; width: 100%; top: 50px; text-align: center; background-color: inherit !important; }
.desktop-menu .page-container .desktop-menu-list .left .list > div:first-child .mask > a { background-image: url(../images/game-bg.png); display: inline-block; width: 90px; height: 90px; line-height: 90px; color: #fff; margin: 0 5px; font-weight: bold; }
.desktop-menu .page-container .desktop-menu-list .left .list > div:first-child > div { background-color: rgba(0, 0, 0, 0.65); bottom: 0px; width: 100%; height: 60px; position: absolute; }
.desktop-menu .page-container .desktop-menu-list .left .list > div:first-child > div .zr-left { color: #fff; float: left; text-indent: 20px; }
.desktop-menu .page-container .desktop-menu-list .left .list > div:first-child > div .zr-left > h4 { margin-top: 8px; text-indent: 20px; font-size: 20px; }
.desktop-menu .page-container .desktop-menu-list .left .list > div:first-child > div .zr-left p { font-size: 12px; }
.desktop-menu .page-container .desktop-menu-list .left .list > div:last-child:hover .mask { opacity: 1; }
.desktop-menu .page-container .desktop-menu-list .left .list > div:last-child { position: relative; background-image: url(../images/cp.png); width: 230px; height: 230px; float: right; }
.desktop-menu .page-container .desktop-menu-list .left .list > div:last-child .mask { position: absolute; height: 100%; width: 100%; opacity: 0; transition: all .5s; top: 50px; text-align: center; background-color: inherit !important; }
.desktop-menu .page-container .desktop-menu-list .left .list > div:last-child .mask > a { background-image: url(../images/game-bg.png); display: inline-block; width: 90px; height: 90px; line-height: 90px; font-weight: bold; color: #fff; }
.desktop-menu .page-container .desktop-menu-list .left .list > div:last-child > div { background-color: rgba(0, 0, 0, 0.65); bottom: 0px; width: 100%; height: 60px; position: absolute; }
.desktop-menu .page-container .desktop-menu-list .left .list > div:last-child > div .zr-left { color: #fff; float: left; text-indent: 20px; }
.desktop-menu .page-container .desktop-menu-list .left .list > div:last-child > div .zr-left > h4 { margin-top: 8px; text-indent: 20px; font-size: 20px; }
.desktop-menu .page-container .desktop-menu-list .left .list > div:last-child > div .zr-left p { font-size: 12px; }
.desktop-menu .page-container .desktop-menu-list .right { background-image: url(../images/ty.png); width: 375px; height: 480px; float: right; }
.desktop-menu .page-container .desktop-menu-list .right > div:first-child { margin-top: 150px; }
.desktop-menu .page-container .desktop-menu-list .right > div { margin-bottom: 2px; background-color: rgba(0, 0, 0, 0.1); height: 50px; line-height: 50px; }
.desktop-menu .page-container .desktop-menu-list .right > div h2 { font-size: 20px; color: #fff; text-indent: 30px; float: left; }
.desktop-menu .page-container .desktop-menu-list .right > div > a { background-color: #4AB85C; color: #fff; padding: 2px 4px; border-radius: 4px; float: right; height: 20px; line-height: 20px; margin-top: 15px; margin-right: 20px; }

/* service 服务 */
.page-service { position: relative; margin-bottom: 80px; height: 440px; padding-top: 50px; }

.page-service .left { position: absolute; bottom: -80px; left: 0px; }

.page-service .right { position: absolute; bottom: -80px; right: 0px; }

.page-service .page-container > h4 { background-image: url(../images/cpys.png); background-repeat: no-repeat; height: 80px; }

.page-service-list {box-shadow: 2px 1px 10px 1px #eee;position: relative; width: 343px; background-color: #fff; z-index: 99; padding: 20px; margin-right: -5px; height: 300px; margin-right: 19px; display: inline-block;overflow: hidden;}

.page-service-list-title { height: 44px; margin-bottom: 30px; }

.page-service-list-title img { margin-right: 10px; float: left; }

.page-service-list-title .title h4 { margin-bottom: 5px; }

.page-service-list-title .title p { color: #999; font-size: 14px; }

.page-service-list-info { height: 60px; margin-bottom: 20px; }

.page-service-list-info div { margin-bottom: 10px; height: 40px; }

.page-service-list-info div div { height: 40px; }

.page-service-list-info div div:first-child { float: left; }

.page-service-list-info div div:first-child > h4 { font-weight: 400; }

.page-service-list-info div div:first-child p { color: #999; font-size: 14px; }

.page-service-list-info div div:last-child { float: right; font-size: 35px; color: #666; }

.page-service-list-info div div:last-child > span { color: #999; font-size: 16px; }

.page-service-list-info > .prss { height: 3px; width: 100%; border-radius: 10px; background-color: #DDDDDD; }

.page-service-list-info > .prss > p { height: 3px;position: relative;width: 0px;}

.page-service-list-submenu { height: 45px; margin-bottom: 40px; }

.page-service-list-submenu img { margin-right: 10px; float: left; }

.page-service-list-submenu > div { float: left; width: 280px; }

.page-service-list-submenu > div h4 { font-weight: 400; }

.page-service-list-submenu > div p { color: #999; font-size: 14px; }

.page-service-list:last-child { margin-right: 0px; }

/* setting-mask */
.setting-mask { background-color: rgba(0, 0, 0, 0.28); position: fixed; height: 100%; z-index: 999; width: 100%; top: 0px; }
.setting-mask-model { background-color: #fff; width: 560px; margin: 14% auto; }
.setting-mask-model > h2 { position: relative; text-align: center; font-size: 16px; height: 40px; color: #fff; line-height: 40px; background-color: #4AB85C; }
.setting-mask-model > h2 > i { float: right; position: absolute; right: 15px; cursor: pointer; }
.setting-mask-model > div { text-align: right; padding: 20px; }
.setting-mask-model > div > p { text-align: left; color: red; background-color: #f8f8f8; line-height: 25px; padding: 5px 10px; text-align: justify; border: solid 1px #eee; text-indent: 20px; border-radius: 4px; font-size: 14px; margin-bottom: 20px; }
.setting-mask-model > div > div { margin-bottom: 20px; }
.setting-mask-model > div > div > .el-input { width: 100%; }
.setting-mask-model > div > a { background-color: #4AB85C; display: inline-block; color: #fff; padding: 6px 20px; border-radius: 4px; }

/* announcement */
.announcement { overflow: hidden; height: 450px; background-image: url(../images/announcement.png); background-position: center; padding-top: 40px; }
.announcement .page-container > h4 { background-image: url(../images/pt.png); background-repeat: no-repeat; height: 80px; }
.announcement .page-container .img { float: left; margin: 20px 100px; }
.announcement .page-container .info { float: right; width: 700px; }
.announcement .page-container div h2 { color: #fff; height: 60px; font-size: 30px; margin-bottom: 20px; border-bottom: solid 1px #7D8D9D; }
.announcement .page-container div p { color: #fff; font-size: 18px; line-height: 30px; }

/* center */
/* center banner */
.center-banner { height: 150px; background-image: url(../images/center-banner.png); }

/* center user */
.center-user { margin-top: -75px; }
.center-user .page-container .center-user-info { margin-bottom: 20px; height: 150px; }
.center-user .page-container .center-user-info > img { cursor: pointer; border-radius: 50%; float: left; margin-right: 20px; border: solid 2px #fff; }
.center-user .page-container .center-user-info .information { float: left; }
.center-user .page-container .center-user-info .information > h4 { margin-top: 15px; margin-bottom: 6px; color: #fff; font-size: 18px; }
.center-user .page-container .center-user-info .information .time { font-size: 14px; color: #fff; margin-bottom: 25px; }
.center-user .page-container .center-user-info .information .pross { height: 5px; width: 400px; background-color: #ccc; border-radius: 5px; margin-bottom: 14px; }
.center-user .page-container .center-user-info .information .pross > span { background-color: #44B253; width: 0%; display: block; height: 5px; border-radius: 5px; }
.center-user .page-container .center-user-info .information div { font-size: 14px; color: #333; }
.center-user .page-container .center-user-info .information div > a { padding: 0 5px; display: inline-block; }
.center-user .page-container .center-user-info .information div > a i { color: #999; }
.center-user .page-container .center-user-money { height: 70px; margin-bottom: 20px; color: #333; text-indent: 20px; line-height: 70px; background-color: #fff; }
.center-user .page-container .center-user-money > h2 { float: left; }
.center-user .page-container .center-user-money div { float: right; }
.center-user .page-container .center-user-money div > a { transition: all 0.3s;background-color: #EE8F56; color: #fff; padding: 6px 20px; border-radius: 10px; margin-right: 20px; }
.center-user .page-container .center-user-money div > a:hover{background-color: #f16511;}
/* center content */
.center-content { text-align: center; margin-bottom: 20px; }
.center-content .page-container { display: inline-block; }
.center-content .page-container .center-content-sidebar { float: left; background-color: #fff; width: 180px; margin-right: 20px; }
.center-content .page-container .center-content-sidebar > a { height: 60px; border-bottom: solid 1px #FBFBFB; line-height: 60px; color: #333; font-size: 18px; display: block;transition: all 0.4s; }
.center-content .page-container .center-content-sidebar > a:hover {background-color: #44B253;color: #fff;}
.center-content .page-container .center-content-information { padding: 20px; float: right; width: 960px; text-align: left; background-color: rgba(252, 252, 252, 0.92); }
.center-content .page-container .center-content-information > h2 { padding-bottom: 10px; margin-bottom: 20px; font-size: 20px; border-bottom: solid 1px #F0F0F0; }
.center-content .page-container .center-content-information > h2 > a { float: right; background-color: #4AB85C; color: #fff; font-size: 16px; padding: 4px 10px; border-radius: 4px; }
.center-content .page-container .center-content-information > h2 > span { font-size: 14px !important; color: #A4A4A4; }
.center-content .page-container .center-content-information .ewm { padding: 40px; }
.center-content .page-container .center-content-information .ewm > img { width: 250px; height: 250px; border: solid 1px #4AB85C; margin-bottom: 10px; }
.center-content .page-container .center-content-information .ewm > p { margin-bottom: 10px; height: 40px; line-height: 40px; }
.center-content .page-container .center-content-information .ewm > a { display: inline-block; background-color: #4AB85C; color: #fff; padding: 5px 20px; border-radius: 4px; }
.center-content .page-container .center-content-information .card { margin-top: 20px; }
.center-content .page-container .center-content-information .card > .card-list:nth-child(3n) { margin-right: 0px; }
.center-content .page-container .center-content-information .card > .card-list { margin-bottom: 10px; position: relative; margin-right: 10px; overflow: hidden; width: 313px; height: 167px; text-align: center; float: left; }
.center-content .page-container .center-content-information .card > .card-list > img { width: 313px; }
.center-content .page-container .center-content-information .card > .card-list > p { bottom: 40px; position: absolute; width: 100%; color: rgba(255, 255, 255, 0.58); font-size: 18px; font-weight: bold; letter-spacing: 2px; }
.center-content .page-container .center-content-information .card > .card-list > a { position: absolute; top: 15px; color: #fff; right: 15px; }
.center-content .page-container .center-content-information .card > .card-list > i { display: block; color: #BFBFBF; font-size: 50px; margin-top: 40px; margin-bottom: 10px; }
.center-content .page-container .center-content-information .card > .card-list span { color: #888; }
.center-content .page-container .center-content-information .card > .card-list:last-child { cursor: pointer; border-radius: 6px; background-color: #eee; }
.center-content .page-container .center-content-information .statistics { margin: 20px 0; }
.center-content .page-container .center-content-information .statistics > div { background-color: #fff; height: 50px; width: 180px; padding: 20px; box-shadow: 0px 0px 3px #eee; margin-right: 17px; display: inline-block; }
.center-content .page-container .center-content-information .statistics > div > img { float: left; margin-right: 20px; }
.center-content .page-container .center-content-information .statistics > div div { float: right; width: 110px; text-align: left; }
.center-content .page-container .center-content-information .statistics > div div h4 { margin-bottom: 5px; font-size: 18px; color: #333; }
.center-content .page-container .center-content-information .statistics > div div p { color: #ED9057; }
.center-content .page-container .center-content-information .statistics > div:last-child { margin-right: 0px; }
.center-content .page-container .center-content-information .search { margin-bottom: 24px; }
.center-content .page-container .center-content-information .search > .el-input { width: 200px; }
.center-content .page-container .center-content-information .search span { color: #ccc; }
.center-content .page-container .center-content-information .search > a { padding: 8px 20px; background-color: #4DAF5D; color: #fff; display: inline-block; }
.center-content .page-container .center-content-information .safety-list { padding: 10px 0; position: relative; }
.center-content .page-container .center-content-information .safety-list > label { display: inline-block; width: 100px; }
.center-content .page-container .center-content-information .safety-list .el-input { width: 300px; }
.center-content .page-container .center-content-information .safety-list button { position: absolute; border: none; background-color: #4AB85C; color: #fff; height: 38px; top: 11px; cursor: pointer; font-size: 16px; padding: 0 10px; left: 310px; }
.center-content .page-container .center-content-information .safety-list > a { display: inline-block; background-color: #4DAF5D; width: 300px; color: #fff; text-align: center; padding: 10px 0; }
.center-content .page-container .center-content-information .infor-list { padding: 20px; background-color: #fff; cursor: pointer; border-radius: 4px; margin-bottom: 10px; }
.center-content .page-container .center-content-information .infor-list > h4 { color: #333; font-size: 18px; margin-bottom: 10px; }
.center-content .page-container .center-content-information .infor-list p { font-size: 14px; width: 920px; overflow: hidden; height: 19px; color: #666; }
.center-content .page-container .center-content-information > .setting-ipt { height: 60px; line-height: 60px; border-bottom: dashed 1px #E5E5E5; }
.center-content .page-container .center-content-information > .setting-ipt em { font-style: normal; }
.center-content .page-container .center-content-information > .setting-ipt > .ipt { width: 400px; font-weight: 400; color: #888; margin-right: 20px; }
.center-content .page-container .center-content-information > .setting-ipt > p { font-size: 16px; display: inline-block; }
.center-content .page-container .center-content-information > .setting-ipt > .yes { color: #4AB85C; }
.center-content .page-container .center-content-information > .setting-ipt > .no { color: #fff; background-color: #ED9057; height: 30px; line-height: 30px; border-radius: 4px; padding: 0px 10px; cursor: pointer; }
.center-content .page-container .center-content-information > .setting-ipt > span { width: 120px; font-weight: bold; color: #333; float: left; }
.center-content .page-container .center-content-information > .setting-ipt .el-input { width: 400px; }
.center-content .page-container .center-content-information > .edit { margin-top: 40px; margin-bottom: 20px; text-align: center; }
.center-content .page-container .center-content-information > .edit > a { background-color: #4DAF5D; color: #fff; letter-spacing: 5px; padding: 10px 40px; }
.center-content .page-container .center-content-information .cp { margin-bottom: 10px; }
.center-content .page-container .center-content-information .cp .cp-list { padding: 10px 0; color: #333; width: 123px; text-align: center; margin-right: 10px; background-color: #fff; display: inline-block; margin-bottom: 10px; box-shadow: 0px 0px 1px #eee; }
.center-content .page-container .center-content-information .cp .cp-list > h4 { font-size: 18px; }
.center-content .page-container .center-content-information .cp .cp-list span { border-radius: 4px; font-size: 12px; padding: 2px 6px; display: inline-block; margin-bottom: 10px; margin-top: 10px;}
.center-content .page-container .center-content-information .cp .cp-list p { font-size: 18px; margin-bottom: 10px; }
.center-content .page-container .center-content-information .cp .cp-list i { font-size: 28px; font-weight: bold; cursor: pointer; }
.center-content .page-container .center-content-information .cp .cp-list:nth-child(7n) { margin-right: 0px; }
.center-content .page-container .center-content-information .cp-toggle { position: relative; }
.center-content .page-container .center-content-information .cp-toggle .green { font-size: 48px; position: absolute; cursor: pointer; top: 20px; left: 420px; transform: rotate(90deg); }
.center-content .page-container .center-content-information .cp-toggle > div { margin-bottom: 20px; }
.center-content .page-container .center-content-information .cp-toggle > div label { width: 64px; color: #333; display: inline-block; margin-right: 20px; }
.center-content .page-container .center-content-information .cp-toggle > div .el-input, .center-content .page-container .center-content-information .cp-toggle > div .el-select { width: 300px; }
.center-content .page-container .center-content-information .cp-toggle > div > a { background-color: #44B253; color: #fff; display: inline-block; padding: 10px 30px; }

/* worldcup-time */
.worldcup-time { z-index: 99999; position: relative; margin-top: -130px; }
.worldcup-time > .page-container { height: 75px; padding: 10px; background-color: rgba(0, 0, 0, 0.76); border-radius: 5px; width: 560px; position: relative; }
.worldcup-time > .page-container > h4 { color: #fff; font-size: 16px; text-align: center; }
.worldcup-time > .page-container div img { float: left; height: 60px; margin-top: -14px; margin-right: 30px; }
.worldcup-time > .page-container div div { float: left; }
.worldcup-time > .page-container div div > h4 { color: #fff; margin-top: 5px; font-size: 40px; }
.worldcup-time > .page-container div div > h4 span { font-size: 14px; }

/* electron */
.electron { margin-top: 20px; }
.electron .page-container { text-align: center; }
.electron .page-container .electron-list:hover .mask { opacity: 1; }
.electron .page-container .electron-list { position: relative; background-color: #fff; width: 380px; margin-right: 20px; margin-bottom: 20px; padding-bottom: 40px; display: inline-block; }
.electron .page-container .electron-list > .mask { opacity: 0; position: absolute; width: 100%; transition: all .5s; height: 100%; background-color: rgba(0, 0, 0, 0.36); top: 0px; }
.electron .page-container .electron-list > .mask > a { display: block; background-color: #fff; margin: 20px; color: #333; font-size: 18px; padding: 20px 0; border-radius: 4px; letter-spacing: 5px; font-weight: bold; transition: all .5s; }
.electron .page-container .electron-list > .mask > a:hover { background-color: #4DAF5D; color: #fff; }
.electron .page-container .electron-list > img { width: 380px; }
.electron .page-container .electron-list > .issue { margin-top: -70px; color: #111685; margin-bottom: 36px; }
.electron .page-container .electron-list > .time { background-color: #4464D2; font-size: 16px; color: #fff; padding: 8px 20px; }
.electron .page-container .electron-list > .title { margin-top: 20px; color: #666; margin-bottom: 20px; }
.electron .page-container .electron-list .electron-list-num { margin: 0 80px; height: 88px; display: inline-block; margin-bottom: 10px; }
.electron .page-container .electron-list .electron-list-num > a { float: left; display: block; border-radius: 50%; border: solid 2px #B60A48; width: 25px; height: 25px; margin-right: 18px; margin-bottom: 15px; line-height: 25px; color: #333; }
.electron .page-container .electron-list .electron-list-num > .z { margin-right: 2px; }
.electron .page-container .electron-list .electron-list-num > .f { margin-right: 2px; border: none; }
.electron .page-container .electron-list .electron-list-num > a:nth-child(5n) { margin-right: 0px; }
.electron .page-container .electron-list > a { background-color: #F5B363; color: #fff; padding: 8px 20px; }
.electron .page-container .electron-list:nth-child(3n) { margin-right: 0px; }

/* withdraw */
.withdraw .page-container { margin-bottom: 20px; text-align: center; background-color: #fff; padding: 20px; width: 1160px; }
.withdraw .page-container .withdraw-ipt:first-child { margin-top: 40px; }
.withdraw .page-container .withdraw-ipt { margin-bottom: 20px; }
.withdraw .page-container .withdraw-ipt > span { display: inline-block; width: 300px; text-align: left; }
.withdraw .page-container .withdraw-ipt > a { display: inline-block; background-color: #4DAF5D; width: 300px; color: #fff; padding: 10px 0; }
.withdraw .page-container .withdraw-ipt > label { width: 100px; display: inline-block; }
.withdraw .page-container .withdraw-ipt > .cardinfo { width: max-content;text-align: left; padding: 20px; position: relative;display: inline-block; background-color: #F6F6F6;width:260px; }
.withdraw .page-container .withdraw-ipt > .cardinfo > .back{position: absolute;top: 0px;right: 0px;}
.withdraw .page-container .withdraw-ipt > .cardinfo p { color: #9D9D9D; font-size: 14px; margin-bottom: 10px; }
.withdraw .page-container .withdraw-ipt > .el-select, .withdraw .page-container .withdraw-ipt .el-input { width: 300px; }

.withdraw-info .page-container { margin-bottom: 20px; background-color: #fff; padding: 20px; width: 1160px; }
.withdraw-info .page-container h4 { color: #EF8F56; height: 40px; border-bottom: solid 1px #f8f8f8; margin-bottom: 20px; }
.withdraw-info .page-container > p { color: #666; margin-bottom: 10px; }

.withdraw-search .page-container { margin-bottom: 20px; background-color: #fff; padding: 20px; width: 1160px; }
.withdraw-search .page-container h4 { color: #EF8F56; height: 40px; border-bottom: solid 1px #f8f8f8; margin-bottom: 20px; }
.withdraw-search .page-container .search { margin-bottom: 20px; }
.withdraw-search .page-container .search span { color: #ccc; }
.withdraw-search .page-container .search > a { padding: 8px 20px; background-color: #4DAF5D; color: #fff; display: inline-block; }

/* transition */
.slide-fade-enter-active { transition: all .4s ease; }

.slide-fade-leave-active { transition: all 0.4s cubic-bezier(1, 0.5, 0.8, 1); }

.slide-fade-enter, .slide-fade-leave-to { transform: translateY(-20px); opacity: 0; }


/**/

.bounce-enter-active {
  animation: bounce-in .5s;
}
.bounce-leave-active {
  animation: bounce-in .5s reverse;
}
@keyframes bounce-in {
  0% {
    transform: scale(0);
      background-color: red;
  }
  50% {
    transform: scale(1.5);
      background-color: red;
  }
  100% {
    transform: scale(1);
      background-color: red;
  }
}
/* swiper */
.swiper-container {height: 190px;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev,.swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-image: none;background-color: rgba(0, 0, 0, 0.40);text-align: center;color: #fff;line-height: 44px;font-weight: bold;border-radius: 2px;}
/* .swiper-slide{width: 233px !important;} */
/* 真人 */
.immortal { background-image: url(../images/zr.png); height: 300px; background-position: center; margin-bottom: 20px; }

.immortal-list { text-align: center;margin-bottom: 20px}
.immortal-list > img { cursor: pointer; margin-bottom: 20px; }

/* 老虎机 */
.page-bandit-content { margin-top: -3px; }

.page-bandit-content .list { margin: 20px 0; }

.page-bandit-content .list > a:nth-child(5n) { margin-right: 0px; }

.page-bandit-content .list > a { width: 224px; background-color: #fff; margin-bottom: 20px; margin-right: 20px; display: inline-block; position: relative; }

.page-bandit-content .fav-list { background-color: #fff; padding: 20px 20px 5px 20px; margin-bottom: 20px;position: relative;}

.page-bandit-content .fav-list div { height: 40px; }
.page-bandit-content .fav-list >a {position: absolute;top:20px;right: 20px;padding:10px 30px;border-radius: 0 0 0 20px;color: #fff;}

.page-bandit-content .fav-list div h4 { float: left; height: 40px; line-height: 40px; }

.page-bandit-content .fav-list div p { float: right; cursor: pointer; height: 40px; color: #999; line-height: 40px; }

.page-bandit-content .list > a:hover .mask { display: block; }

.page-bandit-content .list > a > span { display: none; position: absolute; top: 0px; width: 224px; height: 130px; text-align: center; line-height: 130px; background-color: rgba(0, 0, 0, 0.63); }

.page-bandit-content .list > a > span span:first-child{
	margin-top: 25px;
}
.page-bandit-content .list > a > span span {     background-color: #FD8640;
    color: #fff;
    /* padding: 8px 20px; */
    display: block;
    border-radius: 4px;
    width: 100px;
    height: 35px;
    line-height: 35px;
	transition: all .5s ease;
    margin: 10px auto; }
.page-bandit-content .list > a > span span:hover{
	background-color:#e25e10;
}

.page-bandit-content .list > a > p { text-align: center; color: #333; height: 30px;width: 224px;overflow: hidden;line-height: 30px; }

.page-bandit-content p { text-align: center; padding-bottom: 5px; }

.page-bandit-content p > a { background-color: #FD712A; border-radius: 40px; color: #fff; font-weight: bold; padding: 8px 20px; display: inline-block; }

.page-bandit-content .el-tabs--card > .el-tabs__header { background-color: #fff; margin-top: 20px; border: none; }

.page-bandit-content .el-tabs--card > .el-tabs__header .el-tabs__item.is-active, .page-bandit-content .el-tabs--card > .el-tabs__header .el-tabs__nav, .page-bandit-content .el-tabs--card > .el-tabs__header .el-tabs__item { border: none; }

.page-bandit-content .is-active { background-color: #fff; color: #4AB85C !important; }

.page-bandit-content .el-tabs__item { height: 50px; color: #444; padding: 0px 30px; font-weight: 400; font-size: 16px; line-height: 50px; }

/* info */
.dialog_content { height: 400px; width: 500px; background-color: #FFFFFF; position: fixed; top: 50%; left: 50%; margin-top: -200px; margin-left: -250px; z-index: 99999; }

.g-modelOverly { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.52); display: block; z-index: 99999900; }

.index_dialog { width: 633px; top: 50%; margin-top: -251px; position: fixed; margin-left: -316px; left: 50%; height: 60px; background-image: url(../images/dialog.png); z-index: 99999; }

.dialog_content div { padding: 20px 15px 20px 15px; line-height: 32px; height: 280px; overflow: auto; font-size: 18px; }

.dialog_content button { outline: inherit; cursor: pointer; padding: 10px; color: #FFFFFF; background-color: #4AB85C; font-size: 18px; border: 0px; border-radius: 40px; width: 180px; bottom: 20px; position: absolute; margin-left: 160px; margin-right: 160px; }

/* banner info */
.page-banner-notice { color: #fff; font-size: 14px;bottom:0px; position: absolute; height: 40px;  line-height: 40px; background-color: rgba(0, 0, 0, 0.65); z-index: 999; cursor: pointer; width: 100%; }
.page-banner-notice .page-container { height: 40px; }
.page-banner-notice .page-container > i { float: left; margin-right: 10px; }
.page-banner-notice .page-container p { float: left; overflow: hidden; width: 1150px; position: relative; height: 40px; line-height: 40px; }

.page-banner-notice > i { font-size: 14px; }

/* images model */
.image { position: fixed; z-index: 1000; top: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.33); }

.image .image-model .image-model-btn > a input { position: absolute; font-size: 100px; right: 0; top: 0; opacity: 0; }

.image .image-model { width: 600px; height: 400px; margin: 15% auto; background-color: #fff; }

.image .image-model .image-model-title { height: 45px; background-color: #4AB85C; font-weight: bold; color: #fff; line-height: 45px; text-align: center; position: relative; }

.image .image-model .image-model-title i { position: absolute; cursor: pointer; top: 0px; right: 10px; color: #FFF; font-size: 20px; }

.image .image-model .image-model-corrper { position: relative; margin: 20px; height: 250px; border: solid 1px #ccc; background-color: #f8f8f8; border-radius: 4px; }

.image .image-model .image-model-btn { margin: 0 20px; }

.image .image-model .image-model-btn > a { position: relative; display: inline-block; background: #4AB85C; border-radius: 4px; padding: 4px 12px; overflow: hidden; color: #fff; text-decoration: none; text-indent: 0; line-height: 20px; }

/* help */
.help { margin: 20px 0; }
.help > .page-container { background-color: #fff; }

/* footer */
.footer-body { padding: 30px 0; background-color: #343434; color: #fff; }
.footer-body > a{color: #fff;}
.footer-body .page-container { text-align: center; }
.footer-body .page-container .footer-body-menu { margin-bottom: 5px; }
.footer-body .page-container .footer-body-menu > a { color: #fff; padding: 0 20px; display: inline-block; }
.footer-body .page-container > p:nth-child(2) { margin-bottom: 20px; }

/* card add 添加银行卡  */
.card-mask { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 999; background-color: rgba(0, 0, 0, 0.44); }

.card-mask-model { width: 580px; height: 400px; position: relative; background-color: #fff; margin: 12% auto; }

.card-mask-model-title { height: 40px; background-color: #4AB85C; line-height: 40px; text-align: center; color: #fff; font-weight: bold; font-size: 18px; }

.card-mask-model-title i { position: absolute; right: 10px; top: 10px; color: #fff; font-weight: bold; cursor: pointer; height: 20px; width: 20px; border-radius: 50%; line-height: 20px; }

.card-mask-model-cardIpt { padding: 5px 40px; }

.card-mask-model-cardIpt > input { height: 40px; outline: inherit; width: 400px; text-indent: 16px; font-size: 14px; border: solid 1px #DCDFE6; }

.card-mask-model-cardIpt > input::-webkit-input-placeholder { color: #C1C5CC; }

.card-mask-model-cardIpt > input:disabled { background-color: #f8f8f8; color: #888; }

.card-mask-model-cardIpt label { width: 100px; height: 40px; line-height: 40px; float: left; }

.card-mask-model-cardIpt .el-input, .card-mask-model-cardIpt button { width: 400px; }

.card-mask-model-cardIpt a { background-color: #4AB85C; color: #fff; display: inline-block; width: 400px; text-align: center; padding: 10px 0; }

.card-mask-model-cardIpt > input { width: 398px; height: 40px; font-size: 14px; text-indent: 15px; outline: inherit; border: solid 1px #DCDFE6; }

.card-mask-model-cardIpt > input:disabled { background-color: #F8F8F8; color: #9D9D9D; }

/* table */
.tab { border-collapse: collapse; width: 100%; overflow-x: scroll; margin-bottom: 20px; }

.tab tbody .info:first-child { background-color: #F5F6FA !important; }

.tab tbody .info:first-child > th { text-indent: 10px; text-align: left; }

.tab tbody .info { border: solid 1px #E8E8E8 !important; }

.tab tbody .info > td { text-indent: 10px; text-align: left; }

.tab tbody .info:nth-child(odd) { background-color: #fff !important; }

.tab tbody tr:first-child { background-color: #EEEEEE !important; }

.tab tbody tr th { font-size: 16px; font-weight: bold; text-align: left; text-indent: 20px; }

.tab tbody tr > td { text-align: left; text-indent: 20px; }

.tab tbody tr:nth-child(odd) { background-color: #F6F6F6; }

.tab tbody tr { font-size: 15px; color: #666; text-align: center; height: 40px; }

/* common */
* { margin: 0; padding: 0;
	font-family: Verdana, "Lantinghei SC", "Hiragino Sans GB", "Microsoft Yahei", Helvetica, arial, \5b8b\4f53, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

body { background-color: #F6F6F6; background-image: url(../images/wg.png); }

.page-container { width: 1200px; margin: 0 auto;}

a { text-decoration: inherit; }

li { list-style: none; }

/* color */
.orange { color: #EE8F56; }

.orange-bg { color: #fff; background-color: #EE8F56; }

.blue-bg { background-color: #1CA9FC; }
.gray-bg { background-color: gray}

.pink-bg { background-color: #FA819F; }
.red-bg{background-color: rgb(233, 59, 48)}

.yellow-bg { background-color: #F18367; }

.red_bor { border: solid 1px red; }

.green { color: #44B253 !important; }

.green_bg, .green-bg { color: #fff !important; background-color: #44B253; }

.red { color: red !important; }

/* element ui  */
.el-input.is-active .el-input__inner, .el-input__inner:focus, .el-select .el-input.is-focus .el-input__inner, .el-select .el-input__inner:focus { border-color: #44B253 !important; }

.el-tabs__item { font-weight: 400; font-size: 16px !important; }

.el-pagination { text-align: center; }

.el-pagination.is-background .el-pager li:not(.disabled).active { background-color: #4DAF5D; }

.el-input__inner { font-size: 16px; }

.el-message__content { font-weight: bold; }

.el-pager li { font-weight: 400 !important; }

.el-date-table td.today span, .el-pagination.is-background .el-pager li:not(.disabled):hover { color: #4DAF5D; }

.el-button--primary { background-color: #4AB85C !important; border-color: #4AB85C !important; }

.el-radio__input.is-checked .el-radio__inner { border-color: #4AB85C; background: #4AB85C; }

.el-radio__input.is-checked + .el-radio__label { color: #4AB85C; }

.el-tabs__item:hover, .el-tabs__item.is-active { color: #4DAF5D; }

.el-carousel { width: 100%; overflow: hidden;}

.el-loading-spinner .circular { width: 80px; height: 80px; }

.el-carousel__item.is-animating { background-size: cover; background-position: center; }

.el-message--warning, .el-message--success, .el-message--error { border: none; top: 14%; background-color: rgba(0, 0, 0, 0.62); }

.el-message .el-icon-error, .el-message .el-icon-success, .el-message .el-icon-warning, .el-message--error .el-message__content, .el-message--warning .el-message__content, .el-message--success .el-message__content { color: #fff; }

.el-carousel__arrow { background-color: rgba(0, 0, 0, 0.76); width: 40px; height: 40px; }

.el-carousel__arrow i { font-size: 20px; }

.el-loading-spinner .el-loading-text { font-size: 18px; }

.el-loading-mask { z-index: 77; background-color: #eee !important; }

.el-loading-spinner { margin-top: -61px; }

.el-tabs__active-bar { background-color: #4DAF5D; }

.el-input__inner { border-radius: 0px !important; }

.el-select-dropdown__item.selected { color: #44B253 !important; }
/*红包*/
.redpackge_icon{
	position: fixed;
	bottom: 20px;
	right:20px;
	display: none;
	cursor: pointer;
	z-index: 100000;
}
.my_redpackage{
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	position: fixed;
	background-color: rgba(57,61,73,0.6);
	z-index: 100000000;
	display:none;
}
	.my_redpackage .redpackge{
		background-image: url(../images/redpackage_bg.png);
	    width: 300px;
	    top: 50%;
	    margin-top: -200px;
	    position: fixed;
	    margin-left: -150px;
	    left: 50%;
	    height: 450px;
	    z-index: 100001;
	    background:no-repeat;
	}
	    .my_redpackage .redpackge p{
		    text-align: center;
		    width: 500px;
		    top: 50%;
		    position: fixed;
		    margin-left: -250px;
		    left: 50%;
		    margin-left: -250px;
		    z-index: 10000;
		    color: #dedd0b;
		    margin-top: 90px;
		    font-family: cursive;
		    font-size: 20px;
	    }
		.my_redpackage .redpackge .close_btn {
		    font-size: 50px;
		    color: #ffd71b;
		    top: 50%;
		    position: fixed;
		    left: 50%;
		    margin-left: -22px;
		    margin-top: 250px;
		    cursor: pointer;
		    margin-top: 200px;
		    height: 45px;
		    width: 45px;
		}
	.my_redpackage .headers {
		text-align: center;
	    border-radius: 50%;
	    margin-top: 100px;
	    color: #fed261;
	    -webkit-animation-duration: 3s;
	    animation-duration: 3s;
	    font-size: 1.5em;
	    font-weight: bold;
	}
	.my_redpackage .open_btn {
	    width: 100px;
	    border-radius: 50%;
	    margin-top: 155px;
	    margin-left: 100px;
	    cursor: pointer;
	}
	.my_redpackage #redpackage_get,.my_redpackage #redpackage_fail,.my_redpackage #redpackage_success{
	    background-color: #ff605e;
	    border-radius: 50% 50% 10px 10px / 15% 15% 10px 10px;
	    box-shadow: inset 0 4px 0 -1px rgba(0,0,0,0.2);
	    background-image: url(../images/redpackage/red_02.png);
	    background-size: contain;
	    background-repeat: no-repeat;
		/*background:url(../images/redpackage_bg.png);*/
	}
		.my_redpackage #redpackage_get .close_btn{
			margin-top: 275px;
		}
	.my_redpackage #redpackage_fail {
		/*height: 400px;*/
		/*background-image: url(../images/redpackage_bg.png);*/
	}
		.my_redpackage #redpackage_fail span{
			margin-top: 124px;
		    width: 260px;
		    /* margin-left: -150px; */
		    font-size: 24px;
		    text-align: center;
		    color: #fed261;
		    font-size: 1.5em;
		    display: inline-block;
		    padding: 0px 20px;
		}
		.my_redpackage #redpackage_fail .close_btn,.my_redpackage #redpackage_success .close_btn{
			margin-top: 275px;
		}
		.my_redpackage #redpackage_fail .headers,.my_redpackage #redpackage_success .headers{
			margin-top: 90px;
		}
		.my_redpackage #redpackage_fail .headers img{
			width: 75px;
		}
	.my_redpackage #redpackage_success {
		/*height: 400px;*/
		/*background-image: url(../images/redpackage_bg.png);*/
	}
		.my_redpackage #redpackage_success .user_img{
			width: 85px;
		    height: 85px;
		    border: 1px solid #BD503A;
		    border-radius: 50%;
		    margin-left: 110px;
		    margin-top: 51px;
		}
		.my_redpackage #redpackage_success span{
			display: block;
		    color: #ff605e;
		    font-weight: bold;
		    font-size: 1.5rem;
		    text-align: center;
		    line-height: 45px;
		}
		.my_redpackage #redpackage_success p{
			color: #f10101;
		    margin-top: -94px;
		    font-size: 44px;
		    font-weight: 900;
		}
/*额度转换*/
.fast-modal-transfer{ position: fixed; z-index: 220; left:50%; top:50%;margin:-136px 0 0 -221px; width:443px; height: 272px; padding:30px 15px;
    box-sizing: border-box;border-radius: 6px;
    background: url(../../assets/images/money_transfer.png);}
.fast-modal-transfer img{width: 80%;}
.fast-modal-transfer h3{ font-size: 16px; font-weight: normal; color:#4ab85c;}
.fast-modal-transfer p{ padding-top:5px; font-size: 30px; font-weight: bold; color:#4ab85c;}
.fast-modal-transfer .fast-transfer-l{ float: left;}
.fast-modal-transfer .fast-transfer-r{ float: right; text-align: right;}
.fast-modal-transfer .fast-modal-transfer-bd{padding-top:75px;}
.fast-modal-transfer .fast-modal-transfer-bd input{ float:left; width:270px; height: 41px;padding:0 10px;
    box-sizing: border-box;
    border:none; border-radius: 3px; background-color: #fff; font-size: 16px; box-shadow: 0 0 5px rgba(0,0,0,.03);}
.fast-modal-transfer .transfer-button{ float: right; width:137px; height: 41px; border-radius: 3px; background-color: #4ab85c; line-height: 41px;}
.fast-modal-transfer .transfer-button{ position: relative;}
.fast-modal-transfer .transfer-button a{ position:relative; color: #fff;}
.fast-modal-transfer .transfer-button i{font-size: 26px;margin-top: 8px;color: #fff;}
.fast-modal-transfer .transfer-button span{ display: block;  position: absolute;left:50px; width:90px;}
.fast-modal-transfer .transfer-button:hover{ cursor:pointer; background-color:#47c55c; transition:  background-color .4s ease-in-out;}
.fast-modal-transfer .fast-modal-transfer-ft{padding-top:14px;}
.fast-modal-transfer .fast-modal-transfer-ft .play-button{ width:114px; height: 35px; border-radius: 3px; background-color: #fffdf3; text-align: center; line-height: 35px;}
.fast-modal-transfer .fast-modal-transfer-ft .play-button a{color:#4ab85c;}
.fast-modal-transfer .fast-modal-transfer-ft .play-button:hover{ cursor:pointer;color:#fff; background-color:#4ab85c; transition:  background-color .3s ease-in-out;}
.fast-modal-transfer .fast-modal-transfer-ft .play-button:hover a{color:#fff;}
.fast-modal-transfer .fast-modal-remind{
	color: #fff;
    background-color: #000;
    position: absolute;
    font-size: 18px;
    padding: 5px 10px;
    left:50%; top: 50%;
	width: 300px;
    transform: translate(-50%, -50%);
    text-align: center;
    line-height: 34px;
    height: 34px;
    display: inline-block;
    border-radius: 4px;
    display:none;
    transition: all 0.4s;
}
.find-modal-close {
    position: absolute;
    right: -10px;
    top: -10px;
    z-index: 15;
    width: 34px;
    height: 34px;
    border-radius: 39px;
    border: 3px solid #fff;
    box-sizing: border-box;
    background-color: #a10f0f;
    box-shadow: 0 3px 2px rgba(0,0,0, .25);
    line-height: 30px;
    color: #fff;
    font-size: 24px;
    text-align: center;
}
.find-modal-close i {
    display: block;
    margin: 3px 0 0 1px;
    padding-right: 0!important;
    transform: rotate(0deg);
    transition: transform .2s ease-in-out;
    cursor: pointer;
    transition: all 0.3s;
}
.find-modal-close i:hover{
	transform: rotate(360deg);
}
.fast-modal-transfer .modal-choose-money{
	margin-top: 50px;
}
.fast-modal-transfer .modal-choose-money a{
	width: 46px;
    height: 46px;
    border-radius: 50%;
    color: #fff;
    background-color: #4ab85c;
    display: inline-block;
    line-height: 46px;
    text-align: center;
    font-size: 16px;
    border: 4px dashed #74de85;
    text-shadow: 0px 2px 1px lightgrey;
    margin-right: 20px;
    transition: all 0.3s;
}
.fast-modal-transfer .modal-choose-money a:hover{
	background-color: #fff;
	color: #4ab85c;
}

#shade {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100000;
    /*opacity: 0.5;*/
    background-color: rgba(5,5,5,0.8);
}
.animated{
	animation:mymove 0.4s 1;
	-webkit-animation:mymove 0.4s 1; /*Safari and Chrome*/
}
@keyframes mymove
{
	from {top:0%;}
	to {top:50%;}
}

@-webkit-keyframes mymove /*Safari and Chrome*/
{
	from {top:0%;}
	to {top:50%;}
}