@charset "UTF-8";
/* 初始化*/
* { margin: 0; padding: 0; }

body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { font: 14px Helvetica Regular,Microsoft YaHei,sans-serif,Tahoma; color: #000; min-width: 1200px; font-family: ' Microsoft YaHei-Regular',' Microsoft YaHei'; }

.clear:after { content: ""; display: block; visibility: hidden; height: 0; clear: both; }

.clear { zoom: 1; }

input { outline: none; }

u { text-decoration: none; }

em, i { font-style: normal; }

ul, ol { list-style: none; }

a { text-decoration: none; color: #fff; outline: 0; }

a:hover { text-decoration: none; color: #5903C7; }

a:active { color: #5903C7; }

img { border: none; -ms-interpolation-mode: bicubic; }

.icoimg { background: url("../images/icoimg.png") no-repeat center; }

body { background: url("../images/bj.png") no-repeat center top #010002; }

.comment { width: 100%; overflow: hidden; }

.center { width: 1150px; margin: 0 auto; display: block; position: relative; }

header { height: 82px; position: relative; }

.header { position: absolute; top: 0; left: 0; width: 100%; height: 82px; }

.header .center { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.header .center .logo { width: 258px; height: 48px; display: block; position: relative; float: left; }

.header .center .logo img { width: 100%; overflow: hidden; }

.header .center .flex { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.header .center .rit { float: right; }

.header .center .nav { float: left; height: 82px; }

.header .center .nav a { display: block; height: 80px; line-height: 80px; float: left; font-size: 22px; padding: 0 15px; position: relative; margin: 0 10px; }

.header .center .nav a::after { width: 20px; height: 2px; background: #fff; position: absolute; left: 50%; margin-left: -10px; content: ''; bottom: -2px; display: none; }

.header .center .nav a span { position: absolute; font-size: 13px; color: #f00808; top: -11px; right: -14px; font-style: italic; }

.header .center .nav a:hover::after { display: block; background: #5903C7; }

.header .center .nav a.on { font-weight: bold; color: #fff; }

.header .center .nav a.on::after { display: block; background: #fff !important; }

.header .center .btn { float: left; width: 120px; height: 35px; background: #3626FF; color: #fff; border-radius: 32px 32px 32px 32px; opacity: 1; text-align: center; line-height: 35px; font-size: 16px; margin-left: 35px; }

.header .center .btn:hover { background: #5903C7; }

.header.fixed { position: fixed; background: #0B013E; z-index: 1000; -webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.5); box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.5); }

.title-bt { text-align: center; padding-top: 70px; }

.title-bt .bt { display: inline-block; height: 60px; line-height: 60px; font-size: 40px; font-weight: bold; color: #fff; letter-spacing: 2px; position: relative; }

.title-bt .bt i { display: inline-block; vertical-align: middle; height: 23px; width: 46px; }

.title-bt .bt i:first-child { background-position: 0 -54px; }

.title-bt .bt i:last-child { background-position: 0 -85px; }

.title-bt .bt span { color: #C984FF; padding: 0 5px; }

.title-bt .bt .jt { background: url("../images/bj_ico1.png") no-repeat center; width: 280px; height: 98px; position: absolute; left: 0; bottom: 0; z-index: -1; }

.title-bt .p { line-height: 30px; font-size: 24px; color: #fff; padding-top: 10px; }

.main { padding-top: 90px; }

.main .center { position: relative; min-height: 550px; padding-bottom: 70px; }

.main .center .lunbox { width: 725px; height: 550px; display: block; overflow: hidden; position: absolute; top: 0; left: -40px; z-index: 1; }

.main .center .lunbox .img_ { width: 745px; }

.main .center .lunbox .img_ img { width: 745px; display: block; }

.main .center .ritbox { float: right; height: 550px; width: 514px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; z-index: 2; margin-right: -35px; }

.main .center .ritbox .title { width: 514px; height: 130px; display: block; background: url("../images/title.png") no-repeat center; }

.main .center .ritbox .btn { width: 260px; height: 60px; background: -o-linear-gradient(348deg, #8220FF 0%, #2C27FF 100%); background: linear-gradient(102deg, #8220FF 0%, #2C27FF 100%); border-radius: 32px 32px 32px 32px; font-size: 25px; color: #fff; display: block; margin: 40px auto 10px; text-align: center; line-height: 60px; }

.main .center .ritbox .btn:hover { background: #5903C7; }

.main .center .ritbox p { text-align: center; color: #fff; font-size: 18px; }

.main .center .down { display: block; height: 24px; width: 44px; background-position: -160px 0; position: absolute; left: 50%; bottom: 0px; margin-left: -22px; cursor: pointer; }

.games .center { width: 1200px; }

.games .lunbox-slide { padding: 70px 0; position: relative; }

.games .lunbox-slide .img_ { width: 285px; height: 373px; display: block; }

.games .lunbox-slide .img_ img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 5px; }

.games .lunbox-slide .prev, .games .lunbox-slide .next { position: absolute; top: 50%; width: 55px; height: 55px; opacity: 1; border: 2px solid #7A20FF; border-radius: 50%; margin-top: -27px; cursor: pointer; z-index: 2; }

.games .lunbox-slide .prev:hover, .games .lunbox-slide .prev.swiper-button-disabled, .games .lunbox-slide .next:hover, .games .lunbox-slide .next.swiper-button-disabled { opacity: 0.7; border-color: #CCA9FF; }

.games .lunbox-slide .prev:hover::before, .games .lunbox-slide .prev.swiper-button-disabled::before, .games .lunbox-slide .next:hover::before, .games .lunbox-slide .next.swiper-button-disabled::before { border-left-color: #CCA9FF; border-right-color: #CCA9FF; }

.games .lunbox-slide .prev::before, .games .lunbox-slide .next::before { content: ''; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-left: 15px solid #7A20FF; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-radius: 10px; }

.games .lunbox-slide .prev { left: -85px; }

.games .lunbox-slide .prev::before { -webkit-transform: translate(-50%, -50%) rotate(180deg); -ms-transform: translate(-50%, -50%) rotate(180deg); transform: translate(-50%, -50%) rotate(180deg); }

.games .lunbox-slide .next { right: -85px; }

.vipbox .box { padding: 70px 0 80px; }

.vipbox .box .img_ { display: block; text-align: center; }

.tabbox .lis { padding-bottom: 80px; }

.tabbox .lis .tab { float: left; width: 33.3333%; text-align: center; color: #fff; padding-top: 60px; }

.tabbox .lis .tab .bt { font-size: 30px; line-height: 50px; }

.tabbox .lis .tab p { font-size: 20px; line-height: 27px; width: 100%; height: 54px; overflow: hidden; }

.tabbox .lis .tab .img_ { width: 182px; height: 160px; margin: 0 auto; margin-top: 13px; }

.tabbox .lis .tab .img_ img { width: 100%; height: 100%; display: block; }

.cardbox .center { width: 1200px; }

.cardbox .lis { padding-bottom: 50px; }

.cardbox .lis .tab { float: left; width: 560px; padding-top: 70px; }

.cardbox .lis .tab:nth-child(2n) { float: right; }

.cardbox .lis .tab .img_ { width: 100%; height: 270px; }

.cardbox .lis .tab .img_ img { width: 100%; height: 100%; display: block; }

.listcenter { padding-top: 40px; }

.cuber { height: 40px; line-height: 40px; font-size: 18px; color: rgba(255, 255, 255, 0.8); }

.cuber a { color: rgba(255, 255, 255, 0.8); }

.cuber a:hover { color: #5903C7; }

.cuber .dw { display: inline-block; vertical-align: middle; margin: -4px 0 0 0; height: 30px; width: 30px; background-position: -112px 0; }

.cuber .search { display: inline-block; vertical-align: middle; border: 1px solid rgba(255, 255, 255, 0.2); width: 365px; border-radius: 20px; height: 38px; line-height: 38px; margin: -5px 5px 0 100px; }

.cuber .search .but { width: 50px; height: 100%; position: relative; display: block; border: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; float: left; }

.cuber .search .but:hover { opacity: 0.8; }

.cuber .search .but i { display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); height: 20px; width: 20px; background-position: -73px 0; }

.cuber .search .text { width: 300px; background: none; color: rgba(255, 255, 255, 0.8); height: 100%; line-height: 38px; font-size: 18px; border: none; outline: none; display: block; float: left; }

.cuber .search .text::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.8); }

.cuber .search .text:-ms-input-placeholder { color: rgba(255, 255, 255, 0.8); }

.cuber .search .text::-ms-input-placeholder { color: rgba(255, 255, 255, 0.8); }

.cuber .search .text::placeholder { color: rgba(255, 255, 255, 0.8); }

.ContL { background: -o-linear-gradient(116deg, rgba(82, 120, 255, 0), #bb85ff); background: linear-gradient(334deg, rgba(82, 120, 255, 0), #bb85ff); float: left; padding: 1px; border-radius: 20px 20px 20px 20px; overflow: hidden; margin-top: 20px; margin-right: 20px; width: 698px; }

.ContL .listbox { background: #292C3C; border-radius: 20px; }

.ContL .switch { background: url("../images/bor.png") no-repeat center; width: 100%; height: 100px; position: relative; border-radius: 20px 20px 0 0; }

.ContL .switch .jt { background: url("../images/bj_ico2.png") no-repeat center; width: 231px; height: 81px; right: -10px; top: 10px; position: absolute; z-index: 1; }

.ContL .switch p { margin: 0 10px; height: 82px; position: relative; z-index: 1; border-bottom: 1px solid; -o-border-image: -o-linear-gradient(right, rgba(82, 120, 255, 0), rgba(187, 133, 255, 0.5), rgba(82, 120, 255, 0)) 1 1; border-image: -webkit-gradient(linear, right top, left top, from(rgba(82, 120, 255, 0)), color-stop(rgba(187, 133, 255, 0.5)), to(rgba(82, 120, 255, 0))) 1 1; border-image: linear-gradient(to left, rgba(82, 120, 255, 0), rgba(187, 133, 255, 0.5), rgba(82, 120, 255, 0)) 1 1; }

.ContL .switch .tab { display: block; float: left; margin-top: 18px; height: 42px; line-height: 42px; border: 1px solid transparent; padding: 0 14px; border-radius: 30px; color: #EDEDED; font-size: 20px; margin-left: 10px; }

.ContL .switch .tab.on { color: #EDEDED !important; border-color: rgba(187, 133, 255, 0.5); font-weight: bold; }

.ContL .switch .tab:hover { color: #CCABFF; }

.ContL .list { padding-bottom: 20px; }

.ContL .list ul { margin: 0 18px; max-height: 1100px; overflow-y: auto; }

.ContL .list ul::-webkit-scrollbar { width: 3px; height: 8px; background: none; border-radius: 3px; }

.ContL .list ul::-webkit-scrollbar-button { width: 0; height: 0; }

.ContL .list ul::-webkit-scrollbar-corner { display: block; }

.ContL .list ul::-webkit-scrollbar-track { -webkit-box-shadow: inset 0px 0px 1px #eee; box-shadow: inset 0px 0px 1px #eee; border-radius: 5px; border-left: 1px solid transparent; border-right: 1px solid transparent; }

.ContL .list ul::-webkit-scrollbar-thumb { background-clip: padding-box; width: 3px; background-color: #fff; border-radius: 3px; }

.ContL .list ul li { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; padding: 10px 0; }

.ContL .list ul li .img_ { width: 196px; height: 118px; border-radius: 10px; display: block; overflow: hidden; }

.ContL .list ul li .img_ img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

.ContL .list ul li .infor { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; padding: 0 20px; }

.ContL .list ul li .infor .tab { height: 30px; width: 60px; background-position: -71px -64px; text-align: center; line-height: 30px; color: #fff; display: block; font-size: 16px; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); }

.ContL .list ul li .infor .name { display: block; width: 100%; height: 21px; font-size: 16px; overflow: hidden; margin-top: 5px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; color: #fff; }

.ContL .list ul li .infor .name:hover { color: #CCABFF; font-weight: bold; }

.ContL .list ul li .infor .p { width: 100%; padding-top: 7px; color: rgba(255, 255, 255, 0.8); font-size: 14px; line-height: 20px; height: 40px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; }

.ContL .list ul li .infor .time { float: right; color: #999999; height: 25px; line-height: 25px; font-size: 14px; }

.ContL .list ul li .infor .time i { height: 20px; width: 20px; background-position: 0 0; display: inline-block; vertical-align: middle; margin: -2px 5px 0 0; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); }

.ContR { float: right; width: 430px; }

.Rit1 { margin-bottom: 30px; }

.Rit1 .img { display: block; overflow: hidden; }

.Rit1 .img img { width: 100%; display: block; }

.ritbt { height: 60px; line-height: 60px; display: block; position: relative; padding: 0 15px; }

.ritbt .jt { position: absolute; width: 137px; height: 49px; background: url("../images/bj_icobut.png") no-repeat center; left: 10px; top: 4px; }

.ritbt .bt { border-bottom: 1px solid; -o-border-image: -o-linear-gradient(right, rgba(82, 120, 255, 0), rgba(187, 133, 255, 0.5), rgba(82, 120, 255, 0)) 1 1; border-image: -webkit-gradient(linear, right top, left top, from(rgba(82, 120, 255, 0)), color-stop(rgba(187, 133, 255, 0.5)), to(rgba(82, 120, 255, 0))) 1 1; border-image: linear-gradient(to left, rgba(82, 120, 255, 0), rgba(187, 133, 255, 0.5), rgba(82, 120, 255, 0)) 1 1; position: relative; z-index: 1; width: 100%; height: 100%; overflow: hidden; color: #fff; font-size: 16px; }

.ritbt .bt i { display: inline-block; vertical-align: middle; margin: -2px 5px 0 0; }

.ritbt .bt .ico1 { height: 20px; width: 20px; background-position: -35px 0; }

.Rit2 { background: -o-linear-gradient(116deg, rgba(82, 120, 255, 0), #bb85ff); background: linear-gradient(334deg, rgba(82, 120, 255, 0), #bb85ff); padding: 1px; border-radius: 20px 20px 20px 20px; }

.Rit2 .box_ { background: #292C3C; border-radius: 20px; }

.Rit2 .list { text-align: center; padding-bottom: 10px; }

.Rit2 .list ul { padding: 0 20px; text-align: left; }

.Rit2 .list ul li { padding: 5px 0; border-bottom: 1px solid; -o-border-image: -o-linear-gradient(left, rgba(201, 132, 255, 0) 0%, rgba(187, 133, 255, 0.6) 6%, rgba(187, 133, 255, 0.5) 45%, rgba(217, 217, 217, 0) 100%) 1 1; border-image: -webkit-gradient(linear, left top, right top, from(rgba(201, 132, 255, 0)), color-stop(6%, rgba(187, 133, 255, 0.6)), color-stop(45%, rgba(187, 133, 255, 0.5)), to(rgba(217, 217, 217, 0))) 1 1; border-image: linear-gradient(90deg, rgba(201, 132, 255, 0) 0%, rgba(187, 133, 255, 0.6) 6%, rgba(187, 133, 255, 0.5) 45%, rgba(217, 217, 217, 0) 100%) 1 1; }

.Rit2 .list ul li:last-child { border: none; }

.Rit2 .list ul li .bt { line-height: 18px; font-size: 14px; overflow: hidden; max-height: 36px; display: block; margin: 4px 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; color: rgba(255, 255, 255, 0.8); }

.Rit2 .list ul li .bt:hover { color: #CCABFF; }

.Rit2 .list ul li .p { height: 24px; line-height: 24px; overflow: hidden; font-size: 12px; color: #999; }

.Rit2 .list ul li .p span { float: left; margin-right: 20px; }

.Rit2 .list ul li .p .time i { height: 20px; width: 20px; background-position: 0 0; display: inline-block; vertical-align: middle; margin: -2px 5px 0 0; -webkit-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); }

.Rit2 .list .more { display: inline-block; height: 30px; line-height: 30px; color: #fff; position: relative; padding-right: 10px; }

.Rit2 .list .more:hover i { -webkit-transform: translateX(2px); -ms-transform: translateX(2px); transform: translateX(2px); }

.Rit2 .list .more i { font-family: serif; position: absolute; right: -8px; color: #AC9FFF; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }

.pages { padding: 30px 0; text-align: center; font-size: 0px; }

.pages .pagewrap li { display: inline-block; padding: 0 4px; vertical-align: middle; }

.pages .pagewrap li a, .pages .pagewrap li span { font-size: 16px; height: 30px; line-height: 30px; padding: 0 5px; min-width: 20px; text-align: center; color: #fff; background: #8220FF; opacity: 0.4; display: block; border-radius: 2px; }

.pages .pagewrap li:hover a, .pages .pagewrap li:hover span { background: #8220FF; color: #fff; opacity: 1; }

.pages .pagewrap .active a, .pages .pagewrap .active span { opacity: 1; background: -o-linear-gradient(1deg, #8220FF 0%, #467AFF 100%) !important; background: linear-gradient(89deg, #8220FF 0%, #467AFF 100%) !important; }

.pages .pagewrap .disabled { cursor: auto; }

.pages .pagewrap .prev a, .pages .pagewrap .prev span, .pages .pagewrap .next a, .pages .pagewrap .next span { background: none !important; opacity: 1; font-size: 22px; font-family: serif; min-width: 15px; }

@media screen and (max-width: 1390px) { .games .lunbox-slide .prev { left: 20px; }
  .games .lunbox-slide .next { right: 20px; } }



.main .center .ritbox .dowmbox{height: 60px; position: relative; margin: 60px auto 10px; width: 385px;}
.main .center .ritbox .dowmbox .free{color: #f6f6f6; position: absolute; top: -30px; left: 0; font-size: 18px; line-height: 20px;}
.main .center .ritbox .dowmbox .free i{display: inline-block; vertical-align: middle; margin: -2px 7px 0 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #fff;}
.main .center .ritbox .dowmbox .downbtn{height: 60px;}
.main .center .ritbox .dowmbox .downbtn .down_{position: relative; display: block; float: left; line-height: 60px;cursor: pointer; text-align: center;color: #fff; font-size: 22px; height: 60px; background-size: auto 100%;}
.main .center .ritbox .dowmbox .downbtn .down_ i{display: inline-block; vertical-align: middle; margin: -2px 3px 0 0; width: 30px; height: 30px;background: no-repeat center; background-size: 100% auto;}
.main .center .ritbox .dowmbox .downbtn .web{background-image: url("/sw/3dmjsq/addimg/pc_bg.png");width: 220px; margin-right: -10px;clip-path: polygon(100% 0%, 90% 100%, 0% 100%, 0% 0%); }
.main .center .ritbox .dowmbox .downbtn .web:hover{background-image: url("/sw/3dmjsq/addimg/pc_bg_hover.png"); }
.main .center .ritbox .dowmbox .downbtn .web i{background-image: url("/sw/3dmjsq/addimg/pc.png");}
.main .center .ritbox .dowmbox .downbtn .wap{background-image: url("/sw/3dmjsq/addimg/mobile_bg.png"); width: 188px; margin-left: -15px;clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 15% 0%);}
.main .center .ritbox .dowmbox .downbtn .wap:hover{background-image: url("/sw/3dmjsq/addimg/mobile_bg_hover.png");clip-path:none;}
.main .center .ritbox .dowmbox .downbtn .wap:hover .qr_wrap{display: flex;}
.main .center .ritbox .dowmbox .downbtn .wap i{background-image: url("/sw/3dmjsq/addimg/mobile.png");}
.main .center .ritbox .dowmbox .qr_wrap{background: url("/sw/3dmjsq/addimg/qr_bg.png") no-repeat center;width: 190px; background-size: 100% auto;position: absolute; height: 218px; right: 0; top: 52px;flex-direction: column; align-items: center;  padding: 23px 15px 15px; display:none;}
.main .center .ritbox .dowmbox .qr_wrap img{display: block; width: 100%;}
.main .center .ritbox .dowmbox .qr_wrap .tip{font-size: 14px; line-height: 16px; color: #000;}