/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:12px; color:#666; background:#1c1c21}
a{color:#b3b3b3;}
a:hover{ color:#fff;/* text-decoration:underline;*/}
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:1400px !important; margin:0 auto; max-width:1400px !important;}

@media screen and (min-width:980px) and (max-width:1500px){
	.wapper{ width:90% !important;}

	}


.header-bg{ background:rgb(255 255 255); position:fixed; top:0; left:0; width:100%; z-index:101 }
.hedaer{ display: flex; justify-content: space-between;  align-items: center;height:76px;}
.hedaer .logo{ display: flex; justify-content: space-between;  align-items: center;height:76px; width:12%;}
.hedaer .logo img{ max-width:100%; max-height:100%;}
.search{ border-radius:30px; border:1px solid hsla(0,0%,100%,.16); height:40px; line-height:40px; display: flex;     justify-content: space-between;  align-items: center; width:480px;     padding: 0 20px; box-sizing:border-box;}
.search a{ height:40px; width:40px; display: flex;      justify-content: center;  align-items: center;}
.search input{ font-size:17px; background:none; color:#fff; outline:none;     flex: 1;}
.search input::-webkit-input-placeholder{ color:#ccc;}
.top{ height:76px}
.tab_valli{ display:none;}


.banner{ width:100%; position:relative;}
.banner .tab_valli{ width:100%;}
.banner .tab_valli .banner01{ position:relative}
.banner .tab_valli .banner01 .img{ width:100%;}
.banner .tab_valli .banner01 .img{ display:block;}
.banner .tab_valli .banner01 .img{ display:block; position:relative}
.banner .tab_valli .banner01 .img img{ width:100%; vertical-align:bottom;}
.banner .tab_valli .banner01 .img a:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background:url(../images/tu02.png) repeat-x
}
.pictxt{position:absolute;width:100%;left:0;bottom: 5%;z-index: 1;}
.pictxt h2{ font-weight:normal;   color: #fff; font-size: 40px; text-align:center;}
.banner .banner02{    position:absolute; bottom:0; left:0; width:100%; z-index:9}
.banner .banner02 .wapper{ text-align:right;}
.banner .banner02 ul{    display: inline-block;   font-size: 0; position: static;  text-align: right;  width: auto;}
.banner .banner02 ul li{    display: inline-block;
    width: 80px;
    height: 80px;
    border-radius: 18px;
    border: 2px solid hsla(0,0%,100%,.2);
    overflow: hidden;
    margin: 0 20px 0 0!important;
    cursor: pointer;
    opacity: 1;
    background-color: hsla(0,0%,100%,.2);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    transform: translateY(-11px);
    -webkit-transform: translateY(-11px);
    -moz-transform: translateY(-11px);
    -ms-transform: translateY(-11px);
    -o-transform: translateY(-11px);
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    -ms-border-radius: 18px;
    -o-border-radius: 18px}
.banner .banner02 ul li img {
    width: 100%;
    height: 100%
}
.banner .banner02 ul li.cur {
    border-color: #1ab05c;
    width: 104px;
    height: 104px;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    border-radius: 26px;
    -webkit-border-radius: 26px;
    -moz-border-radius: 26px;
    -ms-border-radius: 26px;
    -o-border-radius: 26px
}

.cent01{ height:69px; line-height:69px;    background: linear-gradient(90deg, rgba(30, 30, 36, 0), #202026 48.98%, rgba(30, 30, 36, 0)); margin-top:2%}
/*scroll_02*/
.scroll_02{ }
.scroll_02 a{  display:block; font-size:16px; color:#b3b3b3; text-align:center;}


.title{ text-align:center; display:block; margin-bottom:2%;}
.title h2{    padding-top: 30px;   color: #ededed;    font-size: 28px; line-height: 39px; font-weight:normal;}

.cent02{ margin-top:2%;}
.cent02 ul{
    display: grid;
    justify-content: space-between;
    grid-template-columns: repeat(auto-fill,15.667%);
    row-gap: 20px;
    padding-bottom: 20px
}

.cent02 li {
    border-radius: 12px;
    color: #b3b3b3;
    cursor: default;
    position: relative;
    box-sizing: border-box
}

.cent02 li.clickable {
    cursor: pointer;
}

.cent02 li .bg {
    width: 100%;
    height: 100%;
    top: 0;
    background-color: #282830;
    border-radius: 12px;
    overflow: hidden;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px
}

.cent02 li .bg,.cent02 li .bg:after {
    position: absolute;
    left: 0;
    transition: all .5s;
    -webkit-transition: all .5s
}

.cent02 li .bg:after {
    content: "";
    width: 0;
    height: 3px;
    bottom: 0;
    background-color: #202026;
    border-radius: 0 0 12px 12px;
    background: linear-gradient(103.89deg,#41e9ca -31.48%,#25bb68 53.11%,#beec3d 128.5%)
}

.cent02 li .c {
    position: relative;
    z-index: 1;
    transition: all .5s;
    -webkit-transition: all .5s;
    padding: 18.2% 19.9%;
    box-sizing: border-box
}

.cent02 li .c.in img {
    box-shadow: 0 0 0 3px #1ab05c
}

.cent02 li .c .imgcon {
    position: relative
}

.cent02 li .c .imgcon span {
    display: none;
    position: absolute;
    left: 50%;
    top: 87%;
    background: linear-gradient(99.47deg,#25c8ab -19.72%,#25c147 63.36%,#4fda38 150.64%);
    border-radius: 6px;
    width: 65px;
    height: 28px;
    margin-left: -32px;
    text-align: center;
    line-height: 28px;
    color: #fff
}

.cent02 li .c.in .imgcon span {
    display: block
}

.cent02 li img {
    display: block;
    width: 100%;
    margin: 0 auto 15px;
    border-radius: 21%;
    -webkit-border-radius: 21%;
    -moz-border-radius: 21%;
    -ms-border-radius: 21%;
    -o-border-radius: 21%
}

.cent02 li .name {
    font-size: 20px;
    line-height: 28px;
    display: block;
    margin: 0 -20% 6px;
    color: #fff
}

.cent02 li .name,.cent02 li .qt {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center
}

.cent02 li .qt {
    line-height: 20px;
    margin: 0 -23% 27px;
    height: 20px
}

.cent02 li .btn {
    display: block;
    margin: 0 auto;
    text-align: center;
    width: 116px;
    max-width: 100%;
    height: 44px;
    line-height: 44px;
    border: 1px solid #1ab05c;
    border-radius: 6px;
    color: #1ab05c;
    font-size: 20px;
    font-weight: 900;
    cursor: pointer
}

.cent02 li .btn em {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAYCAYAAAD3Va0xAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADRSURBVHgBrZSBDYIwEEV/GwdghI7gBsoEsoFsYt1AN3ATHcENyghucJ5iIyHtwRVecmmg1597DQGYgIgqrgZL4ZAb9RxQCh9u6U8r9VohxPFywkyssOe5HJYE/TSOUGATIQ4KpWwQlErJoBKliBmEOF7uwjRPrldm77oZPHjISlthr4vTDD+8EtxXiStQOT5Oc6FyQnT73NGDa8dVJdyrzPtIjTmQfHcecxGCwrjXoox6jaCzMabTHEiphVyvdqJ6jSC9UoRV9lNKmrCG+j+DyBv+7l8FgYeBQwAAAABJRU5ErkJggg==) no-repeat 0;
    background-size: auto 21px;
    width: 0;
    height: 0;
    display: inline-block;
    opacity: 0;
    vertical-align: top;
    transition: all .5s;
    -webkit-transition: all .1s
}

.cent02 li:hover .bg {
    height: 103%;
    top: -2%;
    background-color: #3a3a44
}

.cent02 li:hover .bg:after {
    width: 100%
}

.cent02 li:hover .c {
    transform: scale(1.04)
}

.cent02 li:hover .btn {
    background: linear-gradient(102.44deg,#34bc8b -29.82%,#1cbf5d 52.74%,#159fa8 136.76%);
    color: #fff
}

.cent02 li:hover .btn em {
    width: 20px;
    height: 100%;
    opacity: 1
}

.cent02 li.nodata {
    font-size: 20px;
    line-height: 39px;
    padding: 0;
    color: #676767;
    background: url(data:image/png;base64,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) no-repeat 100% 100% #282830
}

.cent02 li.nodata a {
    width: 100%;
    height: 0;
    padding: 80.66% 0;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center
}


.horn {
    width: 180px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    border-radius: 12px 0 20px 0;
    background: linear-gradient(266.69deg,#3baae9,#315fd8)
}

.horn.red {
    background: linear-gradient(266.88deg,#f1502d 10.9%,#f34028 99.68%)
}

.horn.purple {
    background: linear-gradient(266.69deg,#b232ee,#7722e2)
}

.horn.green {
    background: linear-gradient(266.69deg,#1bb175,#0e9754)
}




.cent03{ margin-top:2%}
.cent03 ul {
    display: grid;
    justify-content: space-between;
    grid-template-columns: repeat(auto-fill,24%);
    row-gap: 20px
}

.cent03 li {
    overflow: hidden;
    position: relative;
    color: #b3b3b3
}

.cent03 li.clickable {
    cursor: pointer
}

.cent03 li .status {
    position: absolute;
    top: 12px;
    right: 12px;
    background: linear-gradient(99.47deg,#25c8ab -19.72%,#25c147 63.36%,#4fda38 150.64%);
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
    width: 65px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    border-radius: 6px;
    color: #fff;
    z-index: 1
}

.cent03 li .cover {
    position: relative;
    width: 100%;
    border-radius: 14px 14px 0 0;
    overflow: hidden
}

.cent03 li .cover .pic {
    width: 100%;
    display: block
}

.cent03 li .cover .mask {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background-image: linear-gradient(180deg,transparent 70%,rgba(0,0,0,.64))
}

.cent03 li .cover .icon {
    width: 17.5%;
    border-radius: 12px;
    position: absolute;
    bottom: 9px;
    left: 17px;
    z-index: 2;
    border: 1px solid #8b8d8c
}

.cent03 li .gameinfo {
    position: relative;
    padding-right: 124px;
    padding: 16px 124px 20px 16px;
    background: #282830;
    border-radius: 0 0 12px 12px;
    overflow: hidden
}

.cent03 li .gameinfo:after {
    content: "";
    position: absolute;
    width: 0;
    height: 3px;
    bottom: 0;
    left: 0;
    background-color: #202026;
    border-radius: 0 0 12px 12px;
    background: linear-gradient(103.89deg,#41e9ca -31.48%,#25bb68 53.11%,#beec3d 128.5%);
    transition: all .5s;
    -webkit-transition: all .5s
}

.cent03 li .gameinfo .name {
    font-size: 20px;
    color: #fff;
    line-height: 28px;
    height: 28px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.cent03 li .gameinfo .btn {
    width: 94px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #1ab05c;
    position: absolute;
    right: 16px;
    top: 24px;
    border-radius: 6px;
    text-align: center;
    color: #1ab05c;
    font-size: 18px;
    font-weight: 900;
    cursor: pointer
}

.cent03 li .gameinfo .btn em {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAYCAYAAAD3Va0xAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADRSURBVHgBrZSBDYIwEEV/GwdghI7gBsoEsoFsYt1AN3ATHcENyghucJ5iIyHtwRVecmmg1597DQGYgIgqrgZL4ZAb9RxQCh9u6U8r9VohxPFywkyssOe5HJYE/TSOUGATIQ4KpWwQlErJoBKliBmEOF7uwjRPrldm77oZPHjISlthr4vTDD+8EtxXiStQOT5Oc6FyQnT73NGDa8dVJdyrzPtIjTmQfHcecxGCwrjXoox6jaCzMabTHEiphVyvdqJ6jSC9UoRV9lNKmrCG+j+DyBv+7l8FgYeBQwAAAABJRU5ErkJggg==) no-repeat 0;
    background-size: auto 18px;
    width: 0;
    height: 0;
    display: inline-block;
    opacity: 0;
    vertical-align: top;
    transition: all .1s;
    -webkit-transition: all .1s;
    -moz-transition: all .1s;
    -ms-transition: all .1s;
    -o-transition: all .1s
}

.cent03 li .gameinfo .info {
    height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.cent03 li:hover .gameinfo {
    background: #3a3a44
}

.cent03 li:hover .gameinfo:after {
    width: 100%
}

.cent03 li:hover .gameinfo .btn {
    background: linear-gradient(102.44deg,#34bc8b -29.82%,#1cbf5d 52.74%,#159fa8 136.76%);
    color: #fff
}

.cent03 li:hover .gameinfo .btn em {
    width: 18px;
    height: 100%;
    opacity: 1
}

.cent03 li.nodata {
    font-size: 20px;
    line-height: 39px;
    color: #676767;
    border-radius: 12px;
    transition: all .1s;
    -webkit-transition: all .1s;
    background: url(data:image/png;base64,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) no-repeat 100% 100% #282830;
    -moz-transition: all .1s;
    -ms-transition: all .1s;
    -o-transition: all .1s
}

.cent03 li.nodata a {
    width: 100%;
    height: 0;
    padding: 40.7% 0;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center
}


.cent04{ text-align:center; margin-top:2%; margin-bottom:4%;}
.cent04 h2{    color: #616161; font-size: 20px; margin-bottom: 24px; font-weight:normal; display:block;}
.cent04 .fnxe{ display: flex; justify-content: center;  align-items: center;}
.cent04 .fnxe a{ width:72px; height:72px; display: flex; justify-content: center;  align-items: center; border-radius:50%; border:1px solid #2f2f38;margin: 0 35px;}
.cent04 .fnxe a img{ max-width:100%; max-height:100%;}

.footer-bg{ background:#222229; padding:20px 0;}
.footer01{ border-bottom:1px solid rgba(63,63,70,.5); padding-bottom:10px;}
.footer01 ul{display: flex; justify-content: center;  align-items: center; }
.footer01 li a{ display: flex; justify-content: center;  align-items: center;    margin: 0 16px;line-height: 38px; color:#b3b3b3; font-size:16px }
.footer01 li a:hover{ color:#fff;}
.footer01 li a img{ width:20px; display:block; margin-right:5px;}


.footer02{ text-align:center;    padding-top: 10px;}
.footer02 a{     color: #b3b3b3;  font-size: 15px;     padding-right: 20px;   margin-right: 20px;  border-right: 1px solid #3f3f4d; display:inline-block;}
.footer02 a:last-child{ border-right: 0;}

.footer03{ text-align:center; margin-top:4%;}
.footer03 p{ color:#616161; line-height:26px; padding:0}
.footer03 p>span{    padding-right: 20px;  margin-right: 20px; border-right: 1px solid #3f3f4d;}
.footer03 p>span:last-child{ border-right: 0;}
.footer03 p>span>a{color:#616161;}
.footer03 p>a{    padding-right: 20px;  margin-right: 20px;  border-right: 1px solid #3f3f4d;}
.footer03 p>a:last-child{ border-right: 0;}
.footer03 a:hover{ color:#fff;}




.cent05{ margin-top:-9%;}
.cent05 .game-ins {
    background: rgba(32,32,38,.6);
    border: 1px solid hsla(0,0%,100%,.2);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    border-radius: 24px;
    margin: 0 auto;
    padding: 30px 40px;
    box-sizing: border-box;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -ms-border-radius: 24px;
    -o-border-radius: 24px
}

.cent05 .game-ins .game-head {
    min-height: 160px;
    padding: 10px 0 0 196px;
    box-sizing: border-box;
    position: relative
}

.cent05 .game-ins .game-head .game-rbtn {
    position: absolute;
    top: 0;
    right: 0;
    width: 208px;
    height: 160px;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center
}

.cent05 .game-ins .game-head .game-rbtn .btn {
    display: block;
    width: 100%;
    height: 72px;
    line-height: 72px;
    overflow: hidden;
    background: linear-gradient(103.89deg,#41e9ca -68.12%,#17a958 53.94%,#beec3d 161.73%);
    border-radius: 12px;
    font-weight: 400;
    font-size: 28px;
    color: #fff
}

.cent05 .game-ins .game-head .game-rbtn .btn em {
    display: inline-block;
    height: 100%;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAD4SURBVHgB7ZXRDcIgEIYPJ3CEjuAI3cAR1AkaN+gm7Sau4AawgW5wHqkmfSjgHcf54pdcaALJffyFFuBPJYh4oOrhF1DjjuqBCz0I2EEdE9X+/dyBALEA7XigoYdKRAIxehpGUECawDp6WwGt6EUCmtGLBEAxeraAdvQsgRbRf3DfLCKBG5R3f6d6ZuYD1dU5l1uz2XxAPY7c5vFb71EHj8urZAnMqMeJ2/yMekzABY2iz13DADqMdPJDajJ7DbF8aHxhfqbmF2hFTfQWArxTryzAP/WKAr559AWB9tFnBGyiTwh4s+gTAnbRbwjYRr8SiD+syTx6TV7k7qN+qIDCDQAAAABJRU5ErkJggg==) no-repeat 0;
    width: 38px;
    vertical-align: top
}

.cent05 .game-ins .game-head .game-rbtn .btn:hover {
    background: linear-gradient(107.63deg,#58f7da -135.28%,#1fbc65 47.61%,#ccf751 239.41%)
}

.cent05 .game-ins .game-head .game-rbtn  a.btn-get {display: inline-block;
    vertical-align: top;
    text-align: center;
    height: 34px;
    line-height: 34px;
    border: 1px solid #3f3f4d;
    padding: 0 20px 0 15px;
    border-radius: 6px;
    box-sizing: border-box;
    margin-top: 4px;
    font-size: 16px;
    text-indent: -5px;
    margin-right: 15px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMCAYAAABr5z2BAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFEmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyMy0wMy0yNFQxNjoxODoyNiswODowMCIgeG1wOk1vZGlmeURhdGU9IjIwMjMtMDMtMjRUMTY6MTg6NTUrMDg6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMjMtMDMtMjRUMTY6MTg6NTUrMDg6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiBwaG90b3Nob3A6SUNDUHJvZmlsZT0ic1JHQiBJRUM2MTk2Ni0yLjEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTljODAzODUtNjc4ZS0zNjRkLThhYTQtYzA4ZWVlZTJhZWMwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE5YzgwMzg1LTY3OGUtMzY0ZC04YWE0LWMwOGVlZWUyYWVjMCIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjE5YzgwMzg1LTY3OGUtMzY0ZC04YWE0LWMwOGVlZWUyYWVjMCI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6MTljODAzODUtNjc4ZS0zNjRkLThhYTQtYzA4ZWVlZTJhZWMwIiBzdEV2dDp3aGVuPSIyMDIzLTAzLTI0VDE2OjE4OjI2KzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ppy6W/8AAACCSURBVCiRpZFhDYNADEa/oOAkTAJSzgHDAQ6Yg0kAB+BkEpAwHDx+rEtIQ0IPXtLcn/bl+lXAE5iAJAdwWpWkJClLentBGGDkR1/6g39jAj5eEhZY8wNYTNIUC3aSr1UdDdGzujcc5H6FfCfE15UrDH44LAA6G54O1gqHOEtqi0IzNpuGaLCugxlmAAAAAElFTkSuQmCC) 100% no-repeat #158d56;
    color: #fff
}


.cent05 .game-ins .game-head .game-rbtn .btn-ys {
    display: block;
    width: 100%;
    height: 66px;
    line-height: 66px;
    overflow: hidden;
    border: 1px solid transparent;
    border-radius: 12px;
    background: linear-gradient(#27272d,#1f1f25),linear-gradient(103.89deg,#41e9ca -68.12%,#17a958 53.94%,#beec3d 161.73%);
    background-origin: border-box;
    background-clip: content-box,border-box
}

.cent05 .game-ins .game-head .game-rbtn .btn-ys i {
    background: linear-gradient(99deg,#25c8ab -19.72%,#25c147 63.36%,#4fda38 150.64%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-weight: 400;
    font-size: 24px
}

.cent05 .game-ins .game-head img {
    width: 160px;
    height: 160px;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 34px;
    -webkit-border-radius: 34px;
    -moz-border-radius: 34px;
    -ms-border-radius: 34px;
    -o-border-radius: 34px
}

.cent05 .game-ins .game-head .nr {
    margin-top: 12px;
    line-height: 28px;
    font-size: 20px;
    color: #b3b3b3;
    padding-right: 220px
}

.cent05 .game-ins .game-head .tag {
    display: flex;
    flex-wrap: wrap;
    padding-right: 220px
}

.cent05 .game-ins .game-head .tag span {
    padding: 0 12px;
    height: 36px;
    line-height: 36px;
    background: #303133;
    border-radius: 6px;
    font-size: 16px;
    margin-right: 12px;
    margin-top: 12px;
    color: #b3b3b3
}

.cent05 .game-ins .game-head .game-tit {
    height: 42px;
    overflow: hidden;
    line-height: 42px;
    color: #ededed;
    font-size: 30px;
    font-size: 16px
}

.cent05 .game-ins .game-head .game-tit .name {
    display: inline-block;
    vertical-align: top;
    margin-right: 16px;
    font-size: 30px
}

.cent05 .game-ins .game-head .game-tit a {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    height: 34px;
    line-height: 34px;
    border: 1px solid #3f3f4d;
    padding: 0 20px 0 15px;
    border-radius: 6px;
    box-sizing: border-box;
    margin-top: 4px;
    font-size: 16px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMCAYAAABr5z2BAAAACXBIWXMAAAsTAAALEwEAmpwYAAAF3WlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyMy0wMy0yNFQxNDowNDoxOCswODowMCIgeG1wOk1vZGlmeURhdGU9IjIwMjMtMDMtMjRUMTQ6MDg6MzkrMDg6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMjMtMDMtMjRUMTQ6MDg6MzkrMDg6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiBwaG90b3Nob3A6SUNDUHJvZmlsZT0ic1JHQiBJRUM2MTk2Ni0yLjEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTIyNmE3MmEtODM5NS1kNjRlLTkwN2UtM2QzOWFiMmU3MTJiIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOmY2ZmI3MmNhLWFmNzgtMGU0OS04ODc3LTkyNTg2MDljZTgwOCIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOmY2ZmI3MmNhLWFmNzgtMGU0OS04ODc3LTkyNTg2MDljZTgwOCI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6ZjZmYjcyY2EtYWY3OC0wZTQ5LTg4NzctOTI1ODYwOWNlODA4IiBzdEV2dDp3aGVuPSIyMDIzLTAzLTI0VDE0OjA0OjE4KzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo5MjI2YTcyYS04Mzk1LWQ2NGUtOTA3ZS0zZDM5YWIyZTcxMmIiIHN0RXZ0OndoZW49IjIwMjMtMDMtMjRUMTQ6MDg6MzkrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Hjt4YgAAAN1JREFUKJGVksFthEAMRZ+H4b4lUEJayBUNJNMB28F2kN0KNi1sBYOA+5aQLSElcEaDnAtIHCIx/Itt2f5f37J0XdeIyEeM8ey9H9lAVdmDMcacgM88z++70/8ROOe+VfWhqk3f91+HCQDmeb4AL+B6lETWJIRQZFn2FJFCRBrn3CPlBrItQgiFtfYHwBjzXpblK8nCFqo6AkzTNO7KA3arvlpQVe+9/02xYJflk7U2AAVwq+u6TVGHxcLyA2/Araqqa+oygAzDcFHVO9BWVeW3zaRPXGIbYzwfUV7xB+keVTZcl8flAAAAAElFTkSuQmCC) 100% no-repeat;
    text-indent: -5px;
    margin-right: 15px
}

.cent05 .game-ins .game-head .game-tit a.btn-get {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMCAYAAABr5z2BAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFEmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyMy0wMy0yNFQxNjoxODoyNiswODowMCIgeG1wOk1vZGlmeURhdGU9IjIwMjMtMDMtMjRUMTY6MTg6NTUrMDg6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMjMtMDMtMjRUMTY6MTg6NTUrMDg6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiBwaG90b3Nob3A6SUNDUHJvZmlsZT0ic1JHQiBJRUM2MTk2Ni0yLjEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTljODAzODUtNjc4ZS0zNjRkLThhYTQtYzA4ZWVlZTJhZWMwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE5YzgwMzg1LTY3OGUtMzY0ZC04YWE0LWMwOGVlZWUyYWVjMCIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjE5YzgwMzg1LTY3OGUtMzY0ZC04YWE0LWMwOGVlZWUyYWVjMCI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6MTljODAzODUtNjc4ZS0zNjRkLThhYTQtYzA4ZWVlZTJhZWMwIiBzdEV2dDp3aGVuPSIyMDIzLTAzLTI0VDE2OjE4OjI2KzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ppy6W/8AAACCSURBVCiRpZFhDYNADEa/oOAkTAJSzgHDAQ6Yg0kAB+BkEpAwHDx+rEtIQ0IPXtLcn/bl+lXAE5iAJAdwWpWkJClLentBGGDkR1/6g39jAj5eEhZY8wNYTNIUC3aSr1UdDdGzujcc5H6FfCfE15UrDH44LAA6G54O1gqHOEtqi0IzNpuGaLCugxlmAAAAAElFTkSuQmCC) 100% no-repeat #158d56;
    color: #fff
}

.cent05 .game-ins .game-text {
    font-size: 18px;
    line-height: 32px;
    color: #fff;
    margin-top: 30px
}

.tonglan{ width:100%; position:relative}
.tonglan img{ width:100%; vertical-align:bottom;}
.tonglan:before {  content: ""; background:linear-gradient(rgba(0, 0, 0, 0) 400px, rgba(28, 28, 33, 0.7) 550px, rgb(28, 28, 33) 680px); position:absolute; bottom:0; left:0; width:100%; height:100%;}


.cent06{ margin-top:3%;     padding-bottom: 34px; position:relative}
.cent06 .swiper-scrollbar01{        background: #2b2b33 !important;  position: absolute !important;   left: 1% !important; bottom: 3px !important;  z-index: 50 !important; height: 5px !important; top:inherit !important;}
.cent06 .swiper .img{ overflow:hidden; display:block; border-radius:12px;  width:100%;}
.cent06 .swiper .img img{ width:100%; vertical-align:bottom;}
.cent06 .swiper .img video{ width:100%; vertical-align:bottom;}

.cent06 .swiper-scrollbar01 .swiper-scrollbar-drag{
    background: linear-gradient(99.47deg, #25c8ab -19.72%, #25c147 63.36%, #4fda38 150.64%);
    border-radius: 11px;
}
.cent06 .swiper .swiper-button-next {
    width: 45px;
    height: 120px;
    border-radius: 8px;
    -webkit-backdrop-filter: blur(32px);
    backdrop-filter: blur(32px);
    margin-top: -60px;
    display: none
}
.cent06 .swiper .swiper-button-prev {
    width: 45px;
    height: 120px;
    border-radius: 8px;
    -webkit-backdrop-filter: blur(32px);
    backdrop-filter: blur(32px);
    margin-top: -60px;
    display: none
}

.cent06 .swiper .swiper-button-next:after, .cent06 .swiper .swiper-button-prev:after {
    display: none
}

.cent06 .swiper .swiper-button-prev {
    background: rgba(0,0,0,.5) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAeCAYAAAD3qZRJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjNFNDJDREYxRDg2NTExRURCQTFBODlBMUJGNzkzQTEyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjNFNDJDREYyRDg2NTExRURCQTFBODlBMUJGNzkzQTEyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6M0U0MkNERUZEODY1MTFFREJBMUE4OUExQkY3OTNBMTIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6M0U0MkNERjBEODY1MTFFREJBMUE4OUExQkY3OTNBMTIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6cW/SLAAAA30lEQVR42rSU4RGCMAyF0QkYoSMwAiO4gYzgBnYD3QCdgBE6giPoBnWDWLlw9OJLoj/M3buDg6+vfYFsiKhxKhQd+DoWPZs3ZKgtutNat9nEgSJ9lgmFoiyA5EETcOksqAfAeXmuQUkAmUNRoR1wifU7XsTE960FoYgHuRvpAiO2oBNw6S0oACBpPdQiJl5IhTovYqmt8TvoxfT46/a0IC4epLn1HhSUT8gM4lF0BYEMWhC1XDcE7cHZjh6E3HLdAmuoqC2wBovacG+EyZr+MixRw9M30AKOPPfmM70EGABlrpupLZy+1AAAAABJRU5ErkJggg==) no-repeat 50%
}

.cent06 .swiper .swiper-button-next {
    background: rgba(0,0,0,.5) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAeCAYAAAD3qZRJAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAC9SURBVHgBrZRRDcMwDESjISiEQCiEQhiDjcnKYGXQMSiEQBgEQygEz5EsrYrcnR3tpPz59Tl2lZQkzDzIWfTk5IkUvvkbqh/xQG1mD1QaaIdtSsFo2DaPbTHACUGDtnVM8dhmw3b12KiBCK5ACu78xxVA22TYnj22moygbEDdKxgvgMspkpP2VgS9QoM4GTm0UAMQssR/I8uCgIdhuf0C6oj3qCU84q5FbiGLQrERK1SOl2fPe653qu/e6gE+8Qxx4VNTBXgAAAAASUVORK5CYII=) no-repeat 50%
}

.cent06 .swiper:hover .swiper-button-next, .cent06 .swiper:hover .swiper-button-prev {
    display: block
}

.cent07{ margin-top:2%; margin-bottom:2%;}
.cent07 .title{ text-align:left; }
.cent07 .title h2{background-position-x: left !important;}
.cent07 ul{}
.cent07 ul li{ float:left; display:block; width:calc(100%/8);}
/*.cent07 ul li:nth-child(8n) { margin-right: 0% ;}*/
.cent07 ul li a {
    display: block;
    border-radius: 12px;
    position: relative;
    padding: 10% 10% 13%;
    box-sizing: border-box;
    overflow: hidden
}

.cent07 ul li a:hover {
    background: #282830;
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear
}

.cent07 ul li a:hover:after {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: linear-gradient(103.89deg,#41e9ca -31.48%,#25bb68 53.11%,#beec3d 128.5%);
    content: "";
    display: block;
    height: 3px
}

.cent07 ul li img {
    width: 100%;
    border-radius: 21%
}

.cent07 ul li .sname {
    font-size: 20px;
    line-height: 28px;
    color: #fff;
    max-height: 56px;
    text-align: center;
    padding: 0 5px;
    margin-top: 12px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}


.HBoxbg{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:88; background:rgba(0,0,0,0.5); display:none;}
.HBox {
	width: 250px;
	height: 250px;
	margin: 0 auto;
	box-shadow: 1px 1px 5px #333;
	-webkit-box-shadow: 1px 1px 5px #333;
	background-color: #ffffff; position:absolute;
	top: 50%;
	left: 50%; margin-left:-125px; margin-top:-125px;
	z-index: 100000;
}
.HBox img{ height:300px; width:100%;}


.inside_con{ padding:10px 0; min-height:300px; color:#b3b3b3}

.pc{ display:block}
.qeihuan{ display:none}




.web-title {
    margin: 40px 0 27px;
  background: url(../images/renm.png) center no-repeat;
    background-size: 182px auto;
    font-size: 28px;
    line-height: 39px
}

.web-title,.web-title2 {
    padding-top: 30px;
    color: #ededed
}

.web-title2 {
    margin: 50px 0 42px;
    background: url(../images/ddd.png) center no-repeat;
    font-size: 44px;
    line-height: 62px;
    text-align: center
}

.web-title2 span {
    position: relative
}

.web-title2 span:before {
    left: -50px
}

.web-title2 span:after,.web-title2 span:before {
    content: "";
    position: absolute;
    background: url(../images/yinhao.png) no-repeat 0;
    width: 30px;
    height: 100%;
    top: 0
}

.web-title2 span:after {
    right: -50px
}

.web-title2 p {
    color: #616161;
    font-size: 16px;
    line-height: 50px
}


.list-advantage {
    margin-bottom: 60px
}

.list-advantage ul {
    display: grid;
    justify-content: space-between;
    grid-template-columns: 1fr 1fr 1fr auto;
    grid-gap: 1.5%
}

.list-advantage li {
    height: 176px;
    background: #202026;
    border-radius: 12px;
    font-size: 16px;
    line-height: 22px;
    color: #b3b3b3;
    padding: 34px 0 0 29px;
    background: url(../images/ane.png) no-repeat 100% 100% #202026;
    letter-spacing: .1em
}

.list-advantage li .t {
    font-weight: 900;
    font-size: 40px;
    line-height: 56px;
    color: #1ab05c;
    background: linear-gradient(99.47deg,#25c8ab -19.72%,#25c147 63.36%,#4fda38 150.64%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: 11px;
    letter-spacing: .05em
}

.list-advantage li.li2 {
    background-image: url(../images/ne02.png)
}

.list-advantage li.li3 {
    background-image: url(../images/dianchi.png)
}

.list-advantage li.li4 {
    background: none;
    padding: 0;
    margin-right: 0
}

.list-advantage li.li4 a {
    position: relative;
    display: block;
    width: 248px;
    height: 90px;
    background: linear-gradient(107.63deg,#31cbaf -135.28%,#148848 47.61%,#bdef2d 239.41%);
    border-radius: 12px;
    margin-bottom: 30px;
    font-weight: 700;
    font-size: 22px;
    line-height: 90px;
    color: #fff
}

.list-advantage li.li4 a em {
    display: inline-block;
    height: 100%;
    background: url(../images/reweim.png) no-repeat 0;
    width: 50px;
    vertical-align: top;
    margin-left: 38px
}

.list-advantage li.li4 a.a2 em {
    background-image: url(../images/abzuuo.png)
}

.list-advantage li.li4 a .ewmbox {
    display: none;
    background: url(../images/tankuanbeij.png) no-repeat;
    width: 174px;
    height: 202px;
    position: absolute;
    bottom: 75px;
    left: 50%;
    z-index: 300;
    margin-left: -87px;
    text-align: center;
    font-size: 13px;
    color: #fff;
    padding-top: 22px;
    line-height: 18px;
    font-weight: 400
}

.list-advantage li.li4 a .ewmbox img {
    display: block;
    margin: 0 auto 8px;
    width: 130px;
    height: 130px;
    border: 3px solid #3f3f4d
}
.ewmbox span,.sharebox a.s_weix:hover .ewmbox {
    display: block
}

.ewmbox span {
    color: #fab549;
    font-weight: 700
}

.list-advantage li.li4 a .ewmbox span {
    margin-top: 3px
}

.list-advantage li.li4 a:hover {
    background: linear-gradient(107.63deg,#58f7da -135.28%,#1fbc65 47.61%,#ccf751 239.41%)
}

.list-advantage li.li4 a:hover .ewmbox {
    display: block
}

.fixside {
    position: fixed;
    right: 20px;
    bottom: 214px;
    width: 152px;
    z-index: 100; display:none;
}

.fixside .gamestaus {
    background: #15151a;
    border: 1px solid hsla(0,0%,100%,.1);
    border-radius: 12px;
    width: 152px;
    height: 193px;
    padding-top: 20px;
    margin-bottom: 20px;
    text-align: center;
    color: #fff;
    font-size: 18px
}

.fixside .gamestaus img {
    width: 100px;
    height: 100px;
    display: block;
    margin: 0 auto 10px;
    border-radius: 22px
}

.fixside .gamestaus p span {
    color: #1ab05c;
    margin: 0 5px
}

.fixside .gamestaus .btn {
    background: linear-gradient(104.78deg,#41e9ca -93.08%,#17a958 50.27%,#beec3d 176.86%);
    border-radius: 6px;
    height: 27px;
    font-size: 14px;
    line-height: 27px;
    padding: 0 12px;
    margin-top: 11px;
    display: inline-block
}

.fixside .gamestaus .btn.vip {
    background: linear-gradient(284.75deg,#ffb13d,#ffd986 173.33%);
    color: #764700
}

.fixside .ewmbox {
    width: 100%;
    height: 176px;
    padding-top: 22px;
    background-color: #15151a;
    border-radius: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    margin-bottom: 20px;
    border: 1px solid hsla(0,0%,100%,.1)
}

.fixside .ewmbox img {
    display: block;
    margin: 0 auto 8px;
    width: 112px;
    height: 112px;
    border: 3px solid #3f3f4d
}

.fixside .top {
    width: 100%;
    height: 56px;
    display: block;
    background: url(../images/top.png) 50% no-repeat #15151a;
    border-radius: 8px;
    cursor: pointer
}
.fixside .top a{ display:block; width:100%; height:100%}

.shjie{ display:none}
@media only screen and (max-width: 980px) {
	.wapper{ width:90% !important;}
	.search{ width:65%; padding:0 10px;}
	.search input{ width:80%; font-size:14px}
	.hedaer .logo{ width:120px;}
	.pc{ display:none}
	.cent03 ul{    grid-template-columns: repeat(auto-fill,48%);}
	.scroll_02 a{ font-size:14px;}
	.title h2{ font-size:22px;}

	.cent03{ margin-top:5%}
	.cent03 li .gameinfo{padding: 10px 71px 10px 10px;}
	.cent03 li .gameinfo p{ padding:0}
	.cent03 li .gameinfo .name{ font-size:14px;}
	.cent03 li .gameinfo .btn{width: 52px;height:30px;line-height:30px;font-size:14px;}
	.cent03 li .cover .icon{    width: 24.5%;}

	.cent02{ margin-top:5%}
	.cent02 ul{    grid-template-columns: repeat(auto-fill, 31.667%);}
	.cent02 li p{ padding:0}
	.cent02 li .c{ padding:15px;}
	.cent02 li .name{ font-size:16px; text-align:center; margin:0}
	.cent02 li .qt{ margin-bottom:10%;}
	.cent02 li .btn{ line-height:30px; height:30px; font-size:16px;}

	.footer01 ul{flex-wrap: wrap;}
	.footer01 li a{ font-size:12px; margin:0 5px; line-height:30px}
	.footer03 p{ font-size:12px;}
	.footer02 a{padding-right:10px; margin-right:10px}
	.footer03 p>span{ padding-right:10px; margin-right:10px}
	.footer03 p>a{ padding-right:10px; margin-right:10px}


	.qeihuan{ display:block}
	.qeihuan .banner01{ position:relative}
	.qeihuan .banner01 .img{ display:block; width:100%;}
	.qeihuan .banner01 .img a{ display:block; position:relative}
	.qeihuan .banner01 .img img{ width:100%; vertical-align:bottom;}
	.qeihuan .banner01 .img a:after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background:url(../images/tu02.png) repeat-x;
	}
	.pictxt h2{ font-size:28px}
	.qeihuan .mySwiper02{ height:100%;}
	.qeihuan .mySwiper03{}
	.qeihuan .mySwiper03 .img{ width:100%;        border: 2px solid hsla(0, 0%, 100%, .2); border-radius:10px; overflow:hidden;}
	.qeihuan .mySwiper03 .img img{ width:100%; vertical-align:bottom;}

	.qeihuan .mySwiper03 .swiper-slide { transform: scale(0.8);}

	.qeihuan .mySwiper03 .swiper-slide-thumb-active{ transform: scale(1);}
	.qeihuan .mySwiper03 .swiper-slide-thumb-active .img{ border-color: #1ab05c !important; }

	.cent04 .fnxe a{ width:45px; height:45px; margin:0 10px}


	.cent05{ margin-top:5%;}
	.cent05 .game-ins{ padding:4%;}
	.cent05 .game-ins .game-head{display:block;padding:0;height: auto;min-height: inherit;}
	.cent05 .game-ins .game-head img{ position:inherit; }
	.cent05 .game-ins .game-head .game-rbtn{/* position:inherit; */height: 100px;width: 40%;}
	.cent05 .game-ins .game-head img{width:50px;height:50px;border-radius:10px;display: inline-flex;}
	.cent05 .game-ins .game-head .game-rbtn .btn{height: 40px;line-height: 40px;font-size: 16px;}

	.cent05 .game-ins .game-head .game-tit .name{ font-size:20px;}
	.cent05 .game-ins .game-head .nr{ padding-right:0; font-size:16px;}
	.cent05 .game-ins .game-head .tag{ padding-right:0}

	.cent07 ul li{width:calc(100%/3);}
	.tonglan{ margin-top:76px;}

	.web-title2 span{ font-size:17px; line-height:30px;}
	.web-title2 p{ padding:0; line-height:1;}
	.web-title2 span:after, .web-title2 span:before{ display:none}
	.web-title, .web-title2{ padding-top:0;}
	.list-advantage ul{ display: flex; flex-wrap: wrap; }
	.list-advantage ul li{width:100%;margin-top:5%;height: 130px;}
	.list-advantage li.li4 a{margin:5% auto;height: 70px;line-height: 70px;}
	.list-advantage li .t{  font-size: 24px; line-height: 1;}
	.fixside .ewmbox img{ width:60px; height:60px;}
	.fixside{ width:138px}
	.fixside .top{ height:30px;}
	.fixside .ewmbox{ height:auto; padding-bottom:5%;}

	.cent05 .game-ins .game-head .game-tit{ display:none;}
	.cent05 .game-ins .game-head .game-rbtn a.btn-get{ width:100%; box-sizing:border-box;    margin: 0;}
	.shjie{display: inline-block;margin-right:31%;width: 49%;color: #fff;min-height: 76px;position: relative;top: -6px; opacity:1}
	.shjie .tag01{ display:none;}
	.shjie:after{content: " ";margin: 0;padding:0;font-size:0;clear:both;}
	.shjie h2{  font-size: 19px;}
	.shjie span{ font-size: 12px; display: block; margin-top: 2%;}
	}