html{background-color:#fff}
body,h1,h2,h3,h4,input,ol,p,ul{margin:0}
body{-webkit-tap-highlight-color:transparent}
input,ol,textarea,ul{padding:0}
ul{list-style:none}
ol{list-style:inside decimal}
table{border-collapse:collapse}
input{-webkit-appearance:none}
em{font-style:normal}
img{border:0;vertical-align:top}
a{text-decoration:none}
a,input:focus,textarea:focus{outline:0}
html{line-height:1.2}
a,body{color:#333}
h1,h2,h3,h4{font-weight:400;font-size:inherit}
input,textarea{font-size:inherit}
.flex{display:flex}
.flex-col{flex-direction:column}
.flex-ac{justify-content:center}
.flex-vc{align-items:center}
.flex-box1{flex-grow:.95}
.tc{text-align:left}
.tr{text-align:right}
.no-selecting{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.no-text{text-align:left;text-indent:-99999px;outline:0}
.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.dxva{transform:translateZ(0)}
html{background-color:#fff}
a,body{color:#fff}
body{font-size:14px}
[data-dpr="2"] body{font-size:24px}
[data-dpr="3"] body{font-size:36px}
@media only screen and (min-device-width:640px){body{font-size:16px}
}
 .top .btn img {width: 1.75rem;height: .65rem;}
.top .btn a:first-child {margin-right: 0;}
.container{position:relative;margin:0 auto;background:#fefefe url( ) no-repeat;background-size:100% 100%;visibility:hidden}
.container .swiper-button-next,.container .swiper-button-prev{width:.37rem;height:.93rem;background:url(../image/arrow.png) no-repeat;background-size:100% 100%}
.container .swiper-button-next{right:0}
.container .swiper-button-prev{left:0;transform:rotate(-180deg)}
.gotoTop{z-index:9;position:absolute;bottom:1.29rem;width: 0.67rem;      right: -1.16rem; height: 0.67rem;text-indent:-9999px}
.gotoTop.showing{right:.1rem;}
.main-news{margin:0 .24rem}
.main-news li{margin-top:.2rem;padding-bottom:.08rem;border-bottom:1px dashed #aab7d2}
.main-news .type{width:1rem;word-break:keep-all;white-space:nowrap;color:#e52727}
.main-news .headline{width:4.92rem}
.main-news .headline em{display:block;width:4.92rem;color:#333}
.main-news .headline span{font-size:.8em;color:#666}
.main-news-data li{padding-bottom:.16rem;border-bottom:1px solid #aab7d2;line-height:1.6}
.main-news-data li p{word-break:keep-all;white-space:nowrap}
.main-news-data .type{width:15%}
.main-news-data .type span{display:inline-block;padding:0 .5em;border-radius:.3em;background-color:#ff4d4d;color:#fff}
.main-news-data .headline{width:60%;color:#333}
.main-news-data .date{width:25%;margin-right:0;text-align:right;color:#333}
.top{z-index:1;position:relative;height:.9rem;background-color:rgba(33,164,255,.8)}
.top p{font-size:.66em;line-height:1.4}
.top .icon{margin-left:.1rem;margin-right:.1rem}
.top .icon img{width:.64rem;height:.64rem}
.top .btn a{display:inline-block;margin-right:.2rem}
.top .btn a:first-child{margin-right:.1rem}
.top .btn img{width:1.67rem;height:.52rem}
.main-layer{z-index:-1;position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);opacity:0}
.main-layer-cont{width:5.68rem;height:5.32rem;border-radius:0 0 .2rem .2rem;background-color:#e73333}
.main-layer-cont .btn{width:4.27rem;margin:0 auto;padding:.3rem 0;background:url( ) no-repeat 0 0;background-size:100% 100%;font-size:.4rem;color:#e83535}
.main-layer-active{z-index:99;opacity:1}
.player{z-index:-1;position:fixed;top:0;left:-1000px;width:1px;height:1px;background-color:#000;opacity:0}
.playing{z-index:999;left:0;width:100%;height:100%;opacity:1}
.index .container{background-image:none}
.index .page{position:relative}
.index .page h2{height:.9rem;background:url( ) no-repeat;background-size:100% 100%;font-size:1.6em}
.index .page .go_footer{position:absolute;bottom:0;left:0;right:0;width:100%;height:.7rem;text-align:center}
.index .page .go_footer .arrow{width:.49rem;height:.36rem}
.index .page .swiper-slide{height:6.6rem;text-align:center}
.index .page .swiper-slide img{width:5.37rem;height:100%}
.index .page .swiper-pagination{bottom:0;height:.16rem;font-size:0;transition:none}
.index .page .swiper-pagination-bullet{width:.16rem;height:.16rem;background-color:#343940;opacity:1}
.index .page .swiper-pagination-bullet-active{background-color:#ff4d4d}
.index .iscroll-wrap{z-index:1;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;overflow:hidden}
.index .iscroll-scroller{z-index:1;position:absolute;width:100%;transform:translateZ(0)}

.index .section2 .subtitle{display:block;height:.58rem;background:url( ) no-repeat;background-size:100% 100%}
.index .section2 .server{height:.855rem;padding-top:.145rem;background-color:#e7e7e7;color:#e52727}
.index .section2 .server>div{position:relative;width:4.5rem;height:.71rem;margin:0 auto;background:url( ) no-repeat;background-size:auto 100%;overflow:hidden}
.index .section2 .server ul{position:absolute;top:0;left:0;width:100%}
.index .section2 .server li{height:.71rem;padding-left:.84rem}
.index .section2 .server li span{display:inline-block;line-height:1.4}
.index .section2 .banner .swiper-slide img{width:100%}
.index .section2 .banner .swiper-pagination{width:auto;left:auto;right:.3rem;bottom:.16rem}
.index .section4{margin-top:2em}
.index .section4 .pack{height:8.41rem;background:url( ) no-repeat;background-size:100% auto}
.index .section4 .pack h3{padding-top:.6rem;font-size:1.6em;color:#333;text-align:center}
.index .section4 .pack h3 em{color:#ff4d4d}
.index .section4 .qrc{padding-top:.9rem;text-align:center}
.index .section4 .qrc img{width:2.8rem;height:2.8rem}
.index .section4 .contact{margin-top:1.24rem}
.index .section4 .contact div{width:20%}
.index .section4 .contact div i{display:block;width:.9rem;height:.9rem;margin:0 auto .1rem;background:url(../image/icon_contact.png) no-repeat 0 0;background-size:200% 200%}
.index .section4 .contact div.qq i{background-position:right top}
.index .section4 .contact div.weixin i{cursor: pointer;display:block;width:.9rem;height:.9rem;margin:0 auto .1rem;background:url("../image/wx_ico.png") no-repeat 0 0;background-size:100%;background-position:right top}

.index .section4 .contact div.sina i{background-position:left top}
.index .section4 .contact div.baidu i{background-position:left bottom}
.index .section4 .contact div.mobile i{background-position:right bottom}
.index .section4 .contact div span{display:block;color:#333;text-align:center}

[data-hide=true]{display:none}
 [data-show="1805"]{display:block}
 [data-hide="1805"]{display:none}
 [data-show-type=inline]{display:inline}
 a, body{color:#666}
 a:hover{color:#c1954d}
/*顶部cqsjb.cn*/
 .top{height:1.02rem;border-bottom:1px solid #f3ece0;background-color:rgba(255,255,255,.8)}
 .top .icon{margin-top:.35rem}
 .top .icon img{width:1.19rem;height:1.19rem}
 .top .btn img{width:1.55rem;height:.55rem}
 .top h3{    color: #ab0000; font-weight: 700; font-size: .29rem;}
 .top h3 a{    color: #ab0000; }
 .top .flex-box1 img{width:.93rem;height:auto}
 .gotoTop{position:fixed;background-color:#c1954d;color:#fff;cursor:pointer;background: url("../image/top.png") center no-repeat;  }
.toggle_11qu9{width:1.8rem;height:1.8rem;position:absolute;top:0;right:0;background-color:transparent}
.toggle_11qu9 i:first-child{top:.4rem}
#qmnav{font-size:.54rem;float:left}
#wmnav{position:absolute;right:0;top:1.02rem;width:25%;background-color:hsl(0deg 4.62% 92.07% / 90%);display:none}
#wmnav li{float:none;width:100%;position:static}
#wmnav ul>li.active>a{background-color:#eee}
#wmnav li a{    text-align: center;padding:9px 5px;display:block}
#wmnav li a:hover{background-color:#fff}
button{padding:0;border:0;outline:0;color:inherit;cursor:pointer}
button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}
button,input{overflow:visible}
button,select{text-transform:none}
[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}
.container .swiper-button-prev, .container .swiper-button-next{width:.86rem;height:.86rem;background-image:url(../image/arrow.png)}
.btn{float:left}
/*新闻模块*/
.news {position: relative}
.news .newsTab{position: static; text-align: left; height: auto; margin-bottom: 0.1rem; border-bottom: 1px solid #e0e0e0;}
.news .newsTab a{ text-align: center; font-size: .28rem; line-height: 1.8; width: 2rem; height: auto; margin: 0 5px; display: inline-block;}
.newsbox {padding: 0 10px;}
.news .newsTab a.act{background:linear-gradient(to bottom,transparent 0%,rgb(199 165 0) 100%);background: -webkit-linear-gradient(top,transparent 0%,rgb(199 165 0) 100%);color:#760000;}
.news .newSlide{width:100%; display:none;}
.news ul li{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;    height: 0.5rem;line-height: 0.5rem;}
.news ul li+li{border-top:1px dashed #e3e3e3;}
.news ul li a{ font-size: .2rem;}
.news ul li a span{    color: #a7a7a7;float:right;}
.news .btn-more{z-index:11;position:absolute;top:.1rem;right:.33rem;width:.92rem;line-height:.3rem;border:1px solid #c1954d;border-radius:.04rem;font-size:.16rem;color:#c1954d;text-align:center}
.news .btn-more:hover{color:#fff;background: #c1954d;}
.listNyPage {  text-align: center; line-height: 0.6rem; font-size: .18rem; padding: 0.1rem 0; } 
.listNyPage a { padding: 0 3px; color: #555; }
.news-detail {    padding: 0.2rem;margin-top: .5rem}
.news-detail h1 { color: #333; text-align: center;padding: 0.5em 0; font-size: .3rem; }
.news-detail .art-info{     text-align: center;padding: 0.12rem 0; border-top: 1px dashed #e0e0e0; border-bottom: 0; font-size: .8em;  }
.news-detail .article p {     color: #555;    line-height: 0.34rem;padding: 0.4em 0; }
.news-detail .article h3 {  color: #222;font-size: 0.3rem; margin: 0.2rem 0;}
.news-detail .article p img {height: auto;max-width: 100%}
.article_rela h2{    margin-top: 1em; font-size: 1.3em; color: #222;}
.related { padding: .1rem 0; padding-left: 0.3rem } 
.related li { list-style: disc; border-bottom: 1px solid rgb(243 243 243); line-height: .4rem; } 
.related li span { margin: 0 .15rem 0 0 } 
/*新增END*/

 .main-news-data .type span{background-color:#c1954d}
.index .page h2,.category h2{height:1.11rem;background-image:url("../image/tt_1.png"); color:transparent;background-size: 100% 100%;}
.index .section2 .tabs,.sub .header .nav{height:auto;margin-bottom:.1rem;border-bottom:1px solid #e0e0e0}
.index .section2 .tabs .swiper-pagination-bullet,.sub .header .nav li{width:1rem;height:auto;background:0 0;font-size:.28rem;line-height:1.8;text-align:center}
.index .section2 .tabs .swiper-pagination-bullet-active,.sub .header .nav li.current{position:relative;color:#c1954d}
.index .section2 .tabs .swiper-pagination-bullet-active:after,.sub .header .nav li.current:after{content:"";position:absolute;left:0;bottom:-.04rem;width:100%;height:.09rem;background-size:auto 100%}
.index .container,.index body,html.index{height:auto}
.index body,html.index{overflow:auto}
.index .page h2{margin-bottom:.4rem}
.index .page .go_footer{height:.52rem}
.index .page .go_footer .arrow{width:.51rem;height:.49rem}
.index .page .swiper-slide{height:100%;text-align:inherit}
.index .page .swiper-slide img{width:100%}
.index .page .swiper-pagination-bullet{width:.24rem;height:.24rem;background:url( ) no-repeat right 0;background-size:auto 100%}
.index .page .swiper-pagination-bullet-active{background-position:0 0}

.index .section2{margin-top:0}
.index .section2 .banner{margin-bottom:1.5em}
.index .section2 .banner .swiper-pagination{width:100%;left:0;right:auto}
.index .section2 .tabs{position:static;text-align:left}
.index .section2 .btn-more{}
.sub .header-pics .title{background-position:right 0}
.index .section4 h2{margin-bottom:0;background-image: url(../image/tt_3.png);background-position:right center}
.index .section4 .pack{height:6rem;background-image:url(../image/index_bg_about.jpg);font-size:.18rem;text-align:center}
.index .section4 .pack h3,.index .section4 .pack h4{font-weight:700}
.index .section4 .pack h3{padding-top:1.5em;font-size:.24rem}
.index .section4 .pack h4,.index .section4 .pack p{margin-top:1em}
.index .section4 .pack em{color:#c1954d}
.index .section4 .qrc{padding-top:0}
.index .section4 .qrc img{border:1px solid #c39852}
.index .section4 .contact{width:5.7rem;margin:1.7em auto 0;font-size:.19rem}
.index .section4 .contact div i{width:.84rem;height:.84rem;background-image:url(../image/icon_contact.png)}
.index .section4 .contact div.taptap i{background-image:url(../image/icon-taptap.png);background-size:100% 100%}
.index .section4 .contact div span{color:#666}
/*游戏列表*/
.game-mobile .scroller-content{ height: 100%;   padding: 10px; }
.game-mobile .game-item-wrapper{ background: #2b3143; border-radius: 0.2rem; margin-bottom: 0.2rem; }
.game-item-mobile{ align-items: center; display: flex;  justify-content: space-between; padding-right: 0.2rem;  }
.game-item-mobile:hover a {color:#ff0606!important}
.game-item-mobile .game-content{ align-items: center; display: flex; height: 100%; width: 100%; padding:10px;background: url(../image/horn.png) no-repeat;}
.game-item-mobile .arrow{ height: 45px;   }
.game-item-mobile .game-content .number-sort {     width: 0.3rem;height: 100%; position: relative; }
.game-item-mobile .game-content .horn { height: 100%; width: 65px; }
.game-item-mobile .game-content .number-sort .sort-num-text { align-items: center;  color: #fff; display: flex; font-size: 18px; justify-content: center;  margin: auto;   transform: translateX(-0.1rem); }
.game-item-mobile .game-content .game-info { align-items: center; display: flex; }
.game-item-mobile .game-content .game-icon { border-radius: 0.1rem; height: .8rem; margin-right: 0.2rem ; width: .8rem; }
.game-item-mobile .game-content .game-name { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: #eee; font-size: .25rem; font-weight: 600; margin-bottom: 0.1rem; overflow: hidden; text-overflow: ellipsis; }
.game-item-mobile .game-content .game-tag span  { border-radius: 10px; color: #00d06a; font-size: .16rem;  }

/*end丄*/
/*下载页*/
.index_banner {    background: #1e222f;    position: relative;    background: #1e222f url(../image/bg.png) bottom no-repeat;}
.ib_right {padding: 0 0.5rem; text-align: center; color: #fff; margin: 0 auto; }
.ib_right-box { display: flex; flex-direction: column; height: 100%; text-align: center; color: #fff; }
.ib_right h2 { font-size: .5rem;  margin-bottom: 34px; font-weight: bold; }
.ib_right h3 { font-size: 20px; line-height: 40px; margin: 0 0 20px 0; letter-spacing: 5px; }
.ib_right-btn { height: 83px; margin-bottom: 12px; display: flex; align-items: center; justify-content: center; }
.ib_right .down { display: inline-block; background: url(../image/down_btm1.png) no-repeat; background-size: contain; width: 385px; height: 100%; margin: 0; transition: opacity .2s linear 0s; position: relative; float: right; text-align: center; }
.ib_right .time {    font-size: 18px; font-weight: 500; color: #FFFFFF; line-height: 30px; }
.ib_right_codeBox { display: flex; flex-direction: column-reverse; margin-top: 48px; }
.ib_right_codeBox .ib_right_code { width: 150px; height: 180px; background: #FFFFFF; border-radius: 10px; box-sizing: border-box; padding: 12px 10px; margin: 0 auto; }
.ib_right_codeBox .ib_right_code .ib_right_code-title { width: 130px; height: 18px; font-size: 16px; font-family: SourceHanSansCN-Medium, SourceHanSansCN; font-weight: 500; color: #333333; margin: 7px auto 3px; }
.ib_right-box .icon_logo{margin:30px auto;    width: 100px;    height: 100px;}
.iscroll-wrap{touch-action:none}
@keyframes guide{0%{transform:translateY(.4688rem);-webkit-transform:translateY(.4688rem);-moz-transform:translateY(.4688rem);-ms-transform:translateY(.4688rem);-o-transform:translateY(.4688rem)}
100%{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0)}
}
.icon-shop{position:fixed;top:33%;left:.1562rem;width:2.0312rem;height:2.4375rem;background:url( ) no-repeat;background-size:100% 100%;animation:guide 2s ease-in-out infinite alternate;z-index:99}
.icon-shop .icon-hide{position:absolute;top:.2031rem;left:1.6094rem;display:block;width:.3438rem;height:.3438rem;text-indent:-99999px}
.icon-shop .shop{position:absolute;top:2.0156rem;left:.4375rem;display:block;width:1.0938rem;height:.3594rem;text-indent:-99999px}
.main-nav{z-index:99;position:fixed;bottom:0;left:0;right:0;width:100%;max-width:6.4rem;margin:0 auto;background:url( ) no-repeat;background-size:100% 100%}
.main-nav li{width:50%;height:1.11rem}
.main-nav li a{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;display:block;width:100%;height:100%}
.index .section1{margin-bottom: 0.5rem;position:relative;height:8.75rem;margin-top:0}
.index .section1 .gallery{width:100%;height:100%;position:absolute;top:0;left:0}
.index .section1 .gallery img{width:100%;height:100%;position:absolute;top:0;left:0;opacity:0;transition:opacity .3s}
.index .section1 .gallery .normal{opacity:1}
.index .section1 .gallery button{width:2.11rem;height:2.06rem;position:absolute;top:6.14rem;right:.21rem;padding:0;border:0;outline:0;background:url( ) no-repeat;background-size:200% 100%;cursor:pointer}
.index .section1 .gallery-cos .normal{opacity:0}
.index .section1 .gallery-cos .cos{opacity:1}
.index .section1 .gallery-cos button{background-position:100% 0}
.index .section3{margin-top:2em}
.game-index .section1 {margin-bottom: 0;}
.index .game-mobile {    border-radius: 5px;margin-bottom: 2em;margin-top: 0;padding-top: 2em; background: #1e222f;}
.index .section3 h2{background-image: none; font-size: .3rem; color: #fff; text-align: center; height: 0.5rem; margin-bottom: 0.1rem;text-shadow: 0 0 10px #00dcff, 0 0 20px #00b3ff, 0 0 40px #00b3ff, 0 0 80px #00b3ff, 0 0 120px #00b3ff;}
.index .section3 .feature{width:100%;margin-top:.5rem}
.index .section3 .feature,.index .section3 .feature .swiper-slide{height:6.7rem}
.index .section3 .feature .swiper-slide{width:3.77rem}
.index .section3 .feature .swiper-slide img{border-radius: 5px;opacity:.5;transition:opacity .2s}
.index .section3 .feature .swiper-slide-active img{opacity:1}
.index .section3 .swiper-button-next,.index .section3 .swiper-button-prev{top:4.38rem;margin-top:0}
.index .section3 .swiper-button-prev{left:.07rem}
.index .section3 .swiper-button-next{right:.07rem}

.copyright{display:flex;align-items:center;justify-content:space-between;margin:0 auto;padding:1em 1.5em;background-color:#1c1c1c;font-size:.14rem;color:#b3b3b3}
.copyright a{color:inherit}
.copyright>p:first-child{flex-grow:1}
.copyright .copyright-logo{display:flex;align-items:center}
.copyright .copyright-logo img{width:.6rem;height:.48rem;padding-right:.2rem;box-sizing:content-box;border-right:1px solid #7f7f7f}
.copyright .copyright-logo p{padding-left:.2rem;line-height:1.5}
.copyright .copyright-arrow{width:.48rem;height:.48rem;cursor:pointer}
.qmfooter{padding:20px 0;text-align:center;background-color:#1c1c1c;color:#b3b3b3;position:relative;width:100%;overflow:auto;margin:0 auto}
.qmfooter a{color:#b3b3b3}
.footerlog{width:17%;position:absolute;top:50%;height:40px}
.footerlog img{height:100%}
.xxabout{width:76%;float:left;font-size:12px;text-align:left;border-left:1px solid #4d4d4d;padding-left:2em;line-height:1.5;margin-left:72px}
.qmfriendlink{width:100%;float:left}
.qmfriendlink li{list-style:none}
.qmfriendlink a{padding-right: 3px;}
.qmabout{width:100%;float:left}
.qmcopyright{width:100%;float:left}
@media screen and (min-width:960px){.qmshezhi{width:850px;margin:0 auto;position:relative}
.footerlog{height:60px}
.xxabout{margin-left:118px}
}
@keyframes aniShakeDown{0%{transform:translateY(0)}
100%{transform:translateY(-1em)}
}
.aniShakeDown{animation:aniShakeDown .6s ease-in alternate infinite both}
@keyframes aniRotate{0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
.aniRotate{animation:aniRotate 1s linear infinite both}