/*Yapi-20220630*/
body{font:14px/24px arial,'\5FAE\8F6F\96C5\9ED1,\5B8B\4F53';_font-family:arial,'\5B8B\4F53';color: #fff;/* background-color: #213d41; */}
body,html,a,img,div,form,select,input,ul,ol,li,h1,h2,h3,h4,h5,h6,dd,dl,dt,p,label,em,span,i{ margin:0;padding:0;font-style:normal;outline:none}
a{color: #fff;text-decoration:none;cursor:pointer;zoom:1;}
a:hover{color: #e7c772;cursor:pointer;}
ol,ul,li{ list-style:none;}
img{ border:none;}
.topbar{font:12px/24px arial,'\5FAE\8F6F\96C5\9ED1,\5B8B\4F53';}
.topbar .r_menu a{color:#555;}
.topbar a:hover{color:#f60;}
.topbar .logo{height:40px;}
/*common*/
.cf,.wrap{ *zoom:1;}
.cf:after,.wrap:after{ content:'\20';display:block;height:0;clear:both;}
.hide{ display:none;}
.mt8{ margin-top:8px !important;}
.mt10{ margin-top:10px !important;}
.fl{ float:left;}
.fr{ float:right;}
.fl,.fr{ _display:inline;}
:root *{ filter:none\9    !important;}
.bg{width:100%;min-width:1016px;background-position:center top;background-repeat:no-repeat;}
.m{width: 1016px;position:relative;margin:0 auto;background-repeat: no-repeat;background-position:center top;}
.btn{text-indent:-9999px;overflow:hidden;background-repeat:no-repeat;cursor: pointer;}
.btn:hover{background-position:bottom;}
.tabCon{display:none}
.pagemask{background-image:url("../images/rgbmask.png");background-repeat:repeat;width:100%;height:100%;position:fixed;top:0;left:0;display:none;min-width:1016px}
/* bg */
html{background:url("../images/bg_html.jpg") no-repeat;background-color:#0e1132;background-position:center top;background-attachment:fixed;}
.head{position: relative;min-width: 1016px;}
.m1 {background-image:url("../images/m1.png");height: 208px;}
.m2 {background-image:url("../images/m2.png");height: 484px;overflow: hidden;}
.m3 {background-image:url("../images/m3.png");height: 480px;padding-top: 103px;}
.m4 {background-image:url("../images/m4.png");height: 485px;position: relative;}
.m5 {background-image:url("../images/m5.png");height: 640px;position: relative;}
.m6{background-image: url("../images/m6.png");height: 431px;padding-top: 54px;}
.m7 {background-image:url("../images/m7.png");height: 264px;}
.m8 {background-image:url("../images/m8.png");height: 272px;}
.main .m{margin-bottom: 27px;}

/* hd */
/* .hdcon{position: absolute;bottom: 0;left:50%;width: 1000px;margin-left: -500px;font-size: 14px;font-weight: 700;} */
.hdcon{height: 540px;padding-top: 150px;}
.hdcon .hd-tit{height:296px;background-image: url(../images/hd-tit.png);margin-top: 28px;}
.btn-start{display: block;background-image: url(../images/btn-start.png);width: 338px;height: 90px;margin:10px auto;}
.btn-start:hover{background-position: 0 -100px;}
.hdcon .txt{text-align:center;margin: 10px 0;color: #5671e3;font-weight: bold;}
.hdcon .txt a{color: #5671e3;/* text-decoration:underline; */}
.hdcon .txt a:hover{color: #793159;}
/* .btn-video{position: absolute;top: 140px;left: 50%;display:block;background-image:url(../images/btn-video.png);width: 162px;height: 169px;margin-left: -81px;} */
.tlogo{position: absolute;top:0;left: 50%;display:block;background-image:url(../images/tlogo.png);width: 206px;height: 141px;margin-left: -103px;}
.top-menu{position: absolute;top:0;width: 100%;height: 88px;background: url(../images/bg-topMenu.png) no-repeat center 0;font-size: 22px;line-height: 88px;transition: height 1s;}
.top-menu:hover{height: 292px;background-image: url(../images/bg-topMenu-hover.png);}
.top-menu a{color: #ffefd4;display: block;}
.top-menu a:hover{color: #93e6ca;overflow: hidden;}
.top-menu .links{height:0;transition: height 1s;}
.top-menu:hover .links{height: 150px;}
.navs {width:1040px;overflow: hidden;}
.navs li{float: left;display: inline;width: 109px;text-align: center;margin-right: 26px;color: #fff;overflow: hidden;}
.navs li.nav3{margin-right: 252px;}
.navs li:last-child{margin:0}
.navs li:first-child{color:#93e6ca}
.navs li .links a{display: block;line-height: 30px;font-size: 16px;color: #fff;}
.navs li .links a:hover{color:#e7c772;}
/* m1*/
.game-info{float:left;width: 690px;margin-right: 30px;} 
.game-info .desc{padding: 62px 0px 0 107px;overflow:hidden;line-height: 24px;color:#fff} 
.game-info .desc a:hover,.game-info .links a:hover{color: #e7c772;}
.game-info .links{padding-left:107px;margin-top: 5px;}
.game-info .links a{margin-right:15px;color: #feebbc;}
.m1 .btn{float: left;width: 116px;height: 62px;margin: 57px 10px 0 0;}
.btn-luntan{background-image:url(../images/btn-luntan.png);}
.btn-luntan:hover{background-position:0 -69px;}
.btn-down{background-image:url(../images/btn-down.png);}
.btn-down:hover{background-position:0 -69px;}
.quninfo{width: 242px;height: 26px;margin-top: 10px;position:relative;float:left;display:inline;}
.quninfo .qunipt{background:#f0f8ff;border:1px solid #b28241;height: 25px;line-height: 25px;width: 140px;padding-left:10px;padding-right:30px;cursor:pointer;position:relative;}
.quninfo .qunipt span{color:#666;display:block;max-width:146px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:152px;}
.quninfo .qunipt i{background:url(../images/ico-sjiao.png) no-repeat;width:14px;height:8px;position:absolute;top: 9px;right:22px;}
.quninfo .qunipt ul{background:#f0f8ff;border:1px solid #b28241;width: 180px;position:absolute;top: 25px;left:-1px;z-index:13;}
.quninfo .qunipt ul li{height: 28px;line-height: 28px;overflow:hidden;}
.quninfo .qunipt ul li a{height:35px;line-height:35px;padding:0 10px;color:#666;display:block;overflow:hidden;font-size:14px;}
.quninfo .qunipt ul li a:hover{/* background:#060e3b; */color:#b28241;text-decoration:none;}
.quninfo .qunjoin{background:url(../images/btn-join.png);width: 60px;height: 27px;font-size:0;position:absolute;top:0;right:0;text-shadow:0 1px #b28241;}
.quninfo .qunjoin:hover{text-decoration:none;}

/* sharebox */
.sy_swxpop{background:#fff;width:260px;border-radius:6px;text-align:center;position:relative;}
.sy_swxpop .sclose{background:url("../images/closebg.png") no-repeat;width:17px;height:17px;position:absolute;top:16px;right:16px;}
.sy_swxpop .sclose:hover{background-position:0 -26px;}
.pop-qrcode .code{width:160px;height:160px;margin:10px auto 10px;}
.share{overflow:hidden;margin-top: 5px;}
.share .sy_sharebox,.share span{float:left;display:inline;overflow:hidden;}
.share span{line-height: 30px;/* margin-right:9px; */color: #fff;}
.share .sy_sharebox{height:28px;margin:0 auto;overflow:hidden;}
.share .sy_sharebox a{background-image:url("../images/ico-share.png");/* background-color:#50aefe; */background-repeat:no-repeat;float:left;display:inline;line-height:999px;width:17px;height:17px;margin: 6px 5px 0 0;overflow:hidden;opacity:1;/* border-radius:3px; */}
.share .sy_sharebox a:hover{background-color:#fff}
.share .sy_sharebox .sy_weixin{background-position:-22px 0;}
.share .sy_sharebox .sy_sqq{/* background-position:0 0; */}
.share .sy_sharebox .sy_qzone{background-position:-45px 0;}
.share .sy_sharebox .sy_tsina{background-position:-67px 0;}

/* m-ban-news */
.m-ban-news{margin: 41px 0 0 49px;width: 546px;height: 389px;position: relative;border:3px solid #a777e2}
.m-ban-news .ban-imgs img{display: block;width: 545px;height: 388px;}
.m-ban-news .btn{position: absolute;top:145px;width: 46px;height:68px;}
.m-ban-news .btn-prev{background-image: url(../images/ico-sleft-s.png);left:-5px}
.m-ban-news .btn-next{background-image: url(../images/ico-sright-s.png);right:-5px}
.ban-tit{background: url(../images/itab-mask.png) no-repeat;width: 546px;height: 57px;position: absolute;bottom: 0px;left: 0px;padding-left:2px;}
.ban-tit li{float: left;width: 25%;text-align: center;line-height: 57px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ban-tit .tabItem.on a{color: #e7c772;}

/*m-com*/
.hd{height:44px;overflow:hidden;padding-top: 40px;background: url(../images/bg-tit.png) no-repeat bottom left;margin-left: 40px;}
.hd .tit{font-size: 24px;font-weight:700;margin-left: 20px;height: 44px;line-height: 44px;color: #fff;}
.main .more{margin: 10px 40px 0 0;width: 53px;height: 19px;font-size:0;background: url(../images/btn-more.png) no-repeat;text-align: center;color: #fff;}
.main .more:hover{background-position:bottom;}
.half-box .more{margin-right:6px;}
.hdTab{overflow: hidden;}
.hdTab .tabItem{margin-right:8px;text-align:center;font-size:18px;float:left;display:inline;overflow:hidden;}
.hdTab .tabItem{width: 80px;height: 62px;display:block;color:#fff;background: url(../images/bg-tab-def.png) no-repeat;line-height: 47px;font-weight: 700;cursor: pointer;}
.hdTab .tabItem.on,.hdTab .tabItem:hover{color:#fffe8e;text-decoration:none;background-image: url(../images/bg-tab.png);}
.half-box{width:42%;margin:0 30px;}
.main .list{margin-bottom: 18px;overflow:hidden;padding-left: 33px;}
.main .list li{float:left;text-align:center;margin: 17px 0 0 10px;line-height:38px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;position: relative;}
.main .list li img{display:block;}
.main .list li a{color: #fff;}
.main .list li a:hover{color: #e7c772;}
.main .list_type1 li{width: 182px;height: 92px;}
.main .list_type1 li img{width: 180px;height: 90px;border: 7px solid #a777e2;}
.main .list_type2 li{width:148px;height:130px;margin-left: 10px;margin-top: 15px;}
.main .list_type2 li img{width:134px;border: 7px solid #a777e2;}
.main .list_type3 li{width:90px;height:120px;margin: 20px 6px 0 8px;white-space:normal;}
.main .list_type3 li img{width: 76px;height: 76px;margin: 0 auto;vertical-align: top;/* border-radius: 15px; */overflow: hidden;border: 7px solid #a777e2;}
.main .list_type3{margin-left:6px;}

/* m2 */
.m-news-tabs{margin: 41px 40px 0 0;width: 350px;}
.m-news-tabs .hdTab{width: 355px;}
.top-news{display: block;margin: 10px 0;background: url(../images/bg-newTop.png) no-repeat center;height: 74px;line-height: 74px;font-size: 24px;text-align: center;font-weight: bold;color:#ffefd4;padding: 0 23px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.news-list li{font-size: 18px;line-height: 60px;border-bottom: 1px solid #a777e2;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.news-list span{float: right;}

/* m3 m-ban-roles */
.m-ban-roles{width:1313px;height:370px;position: absolute;top: 103px;left: 50%;margin-left: -656px;}
.m-ban-roles .r-img{display: block;width:1313px;height:370px;}
.m-ban-roles .btn{position: absolute;top:145px;width: 62px;height: 102px;}
.m-ban-roles .btn-prev{background-image: url(../images/ico-sleft.png);left: 15px;}
.m-ban-roles .btn-next{background-image: url(../images/ico-sright.png);right:15px}
.m-ban-roles .info{background: url(../images/bg-zyInfo.png) no-repeat;width: 292px;height: 371px;position: absolute;top:0;right: 252px;}
.m-ban-roles .info .tit{font-size: 24px;line-height: 106px;color:#ffefd4;text-align: center;display: block;}
.m-ban-roles .info p{margin:5px 30px;line-height: 30px;color:#fff;}
.role-tab{height: 85px;margin:10px auto;text-align: center;font-size: 0;}
.role-tab .tabItem{margin: 0 11px;display: inline-block;background: url(../images/bg-tab-wq-def.png) no-repeat bottom;width: 80px;height: 85px;cursor: pointer;}
.role-tab .tabItem.on{background-image: url(../images/bg-tab-wq.png);}
.role-tab .tabItem img{display: block;width: 64px;height: 60px;margin: 16px auto 0;}

/* m4 */
.m4 .hd{margin-left:0;padding-top: 116px;}
.m4 .more{margin-right:24px}
.video-box{width: 480px;margin-left:30px;}
.video-box .list {margin-top:15px;padding: 0;}
.video-box .list li,.strategy-box .list li{background: url(../images/item_v2.png) no-repeat;width: 145px;height: 131px;margin:0 10px 5px 0;line-height: 28px;}
.video-box .list li:first-child{background: url(../images/item_v1.png) no-repeat;width: 291px;height: 266px;padding: 0 5px;}
.video-box .list li img,.strategy-box .list li img{width: 131px;height: 86px;margin: 7px 7px 3px;}
.video-box .list li:first-child img{width: 286px;height: 221px;margin: 7px 0 2px 2px;}
.strategy-box{width: 476px;margin-right:30px;}
.strategy-box .list{margin-top:15px;padding: 0;width: 145px;}
.strategy-box .news-list{margin-top: 15px;margin-left: 20px;}
.strategy-box .news-list li{width: 300px;line-height:37px;border: 0;}
.schwp{width: 242px;height: 26px;margin-top: 10px;position:relative;}
.schwp .ipt1{background:#f0f8ff;border:1px solid #f8d497;height: 25px;line-height: 25px;width: 153px;padding-left:10px;padding-right:30px;position:relative;}
.schwp .btn-search{background:url(../images/btn-search.png);width: 60px;height: 27px;font-size:0;position:absolute;top:0;right:0;text-shadow:0 1px #1a4458;border: 0;}
.schwp .btn-search:hover{text-decoration:none;}
.video-box .list li a:after{content:'';display:block;background:url(../images/play-s.png);width: 50px;height: 50px;position:absolute;top: 24px;left: 48px;cursor: pointer;}
.video-box .list li:first-child a:after{background:url(../images/play.png);width:88px;height:88px;top: 76px;left: 114px;cursor: pointer;}

/* m5 */
.atlas-box .hdTab{padding: 120px 0 0 250px;}
.atlas-box .hdTab .tabItem{margin-right: 24px;line-height: 50px;}
.atlas-box .list li{background: url(../images/item_v3.png) no-repeat;width: 147px;height: 191px;}
.atlas-box .list img{width: 133px;height: 133px;margin: 13px 0 5px 7px;}

/* m6 */
.m6 .hd{margin-left: 0;background-image: url(../images/bg-tit-s.png);height: 38px;line-height: 38px;margin-top: 23px;}
.m6 .hd .tit{margin-left: 10px;height: 38px;line-height: 38px;}
.novice-box{width: 620px;margin-top: 80px;}
.novice-box .list li{background-image: url(../images/item_v4.png);width: 185px;height: 153px;}
.novice-box .list img{width: 171px;height: 108px;margin: 7px 0 2px 7px;}
.m-pzhi{width: 303px;margin-left: 34px;overflow: hidden;}
.pztab{/* width: 218px;*/height: 56px;clear: both;margin-top: 17px;margin-left: -14px;}
.pztab span{width: 145px;margin: 0 -1px;height: 56px;line-height: 45px;text-align: center;float: left;background: url(../images/tab-def_v2.png) no-repeat;color: #fff;position: relative;cursor: pointer;font-size: 20px;margin-left: 14px;font-weight: 700;}
.pztab span.on,
.pztab span:hover{background: url(../images/tab-on_v2.png) no-repeat;color: #fff;text-decoration: none;position: relative;/* height: 62px;*//* line-height: 62px;*/border: 0;color: #ffefd4;}
.pzwrap{height: 245px;/* padding:0 10px;*/overflow: hidden;margin: 10px auto;}
.pzlist{height: 203px;clear: both;overflow: hidden;background: #5638a2;color: #fff;border: 1px solid #a777e2;}
.pzlist li{width: 100%;height: 40px;line-height: 40px;border-bottom: 1px solid #a777e2;float: left;display: inline;overflow: hidden;}
.pzlist em,
.pzlist span{height: 40px;line-height: 40px;font-size: 15px;float: left;display: inline;}
.pzlist em{width: 48px;text-align: center;/* color: #6c1111;*/background: #5638a2;border-right: 1px solid #a777e2;font-weight: 700;}
.pzlist span{margin-left: 10px;max-width: 222px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.m-qus{width: 311px;margin-left: 15px;}
.quslist{margin: 17px 0 0 18px;overflow: hidden;width: 278px;height: 272px;}
.quslist li{line-height: 45px;height: 45px;border-bottom: 1px solid #a777e2;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.m-kefu{width: 300px;text-align: left;line-height: 40px;color: #fff;margin-left: 12px;}
.quslist a{color: #fff;}
.quslist a:hover{color: ##e7c772;}
.m-kefu .links{border-bottom: 1px solid #a7e2f1;margin: 44px 33px 30px 37px;padding-bottom: 25px;line-height: 50px;font-weight: 700;}
.m-kefu .links a{display: inline-block;width: 129px;height: 26px;line-height: 26px;color: #fff;background: #9b711f;border: 5px solid #e7c772;font-weight: 400;position: relative;}
.m-kefu .links a.blue{background: #209f9b;border-color: #a7e2f1;}
.m-kefu .links a:after{content: "";display: block;position: absolute;bottom: -5px;left: -5px;height: 1px;width: 139px;background: #9b711f;}
.m-kefu .links a.blue:after{background: #209f9b;}
.m-kefu .links a:hover{top: 2px;cursor: pointer;}
.m-kefu .quninfo{margin: 45px 0 0 52px;}
.m-kefu .phone{width: 220px;padding: 26px 20px;overflow: hidden;border-top: 1px dashed #a777e2;margin: 110px 0 0 21px;}


.hot-games .hdTab{position: absolute;top: 39px;left:300px;}
.hot-games .hdTab .tabItem{background-image:url(../images/tab-def.png);width: 118px;height: 53px;}
.hot-games .hdTab .tabItem.on,.hot-games .hdTab .tabItem:hover{background-image:url(../images/tab-on.png);color: #ffefd4;}

.hot-games .hd,.hot-zone .hd {background: url('../images/bg-tit2.png') no-repeat left bottom;}
/* .plinfo{background:#fff;padding:15px 0;border:3px solid #6c1111;width:985px} */
.plinfo .plwrap{background: url(../images/m-com_02.png) repeat-y;padding: 0 30px;}
.m-com-top{height: 50px;background: url(../images/m-com_01.png) no-repeat;}
.m-com-bottom{height: 50px;background: url(../images/m-com_03.png) no-repeat;}
/*fix*/
.fixnav{text-align:center;position:fixed;left:50%;bottom:160px;margin-left:640px;z-index:100;overflow:hidden;padding-top: 165px;width: 136px;transition: bottom 1s;}
.fixnav .gift-btn{display:block;overflow:hidden;position:absolute;top: 0;left: 0;z-index:1;width: 136px;height: 161px;background-image:url(../images/fix-libao.png);text-indent: 0;font-size: 16px;background-repeat: no-repeat;}
.fixnav .gift-btn p{display: none;width: 104px;height: 31px;line-height: 31px;margin: 120px auto 0;color: #fff4b9;background: #6c1111;border-radius: 12.5px;}
.fixnav .gift-btn:hover{background-position: 0 -175px;}
.fix-con{background:url("../images/fixbg.png") no-repeat;width: 136px;height: 382px;color:#8399e1;position:relative;/* margin-top:80px; */padding-top: 30px;}
.fix-con{padding-top: 23px;width: 136px;margin: 0 auto;}
.fix-con a{width: 99px;height: 41px;line-height: 41px;margin-bottom: 4px;text-align:center;font-size:18px;margin: 0 auto 9px;}
.fix-con a{display:block;height:41px;color:#fff;position:relative;background: url(../images/fix-def.png) no-repeat;}
.fix-con a:hover, .fix-con a.on{color:#fff;text-decoration:none;background-image:url(../images/fix-on.png);}
.fix-con a.gotop{background: url(../images/fix-top.png) no-repeat;font-size: 0;width: 100px;height: 74px;margin: 0 auto;}
.fix-con a.gotop:hover{cursor:pointer;/* margin-top:1px; */background-position: bottom;}

.limit-ageBtn{top:550px}
.pop-limit{top:200px}
.phone_footer{position:relative;margin-top:20px;}
.friendlink{background:#fff;width:1005px;margin:20px auto 0;position:relative;z-index:3;overflow:hidden;}
.friendlink .hdarea{height:49px; border-bottom:1px solid #eee;}
.friendlink .hdarea em{height:48px; line-height:54px; margin-left:14px; margin-bottom:1px; padding:0 3px; float:left; display:inline; font-size:18px; font-weight:bold; color:#333; position:relative; border-bottom:2px solid #2794ef; overflow:hidden;}
.friendlink .fri-qq{background:url("../images/fri-ico_v1.png") no-repeat; background-position:-34px -52px; height:20px; line-height:20px; margin-top:20px; margin-left:20px; padding-left:24px; float:left; display:inline; color:#666;}
.friendlink .fri-qq span{color:#2794ef;}
.friendlink .fri-list{padding:10px 15px; font-size:12px; height:1%; clear:both; overflow:hidden;}
.friendlink .fri-list li{height:24px; line-height:24px; margin-right:20px; float:left; display:inline; white-space:nowrap; word-break:break-all; word-wrap:break-word;}
.friendlink .fri-list a{color:#666;}
.friendlink .fri-list a:hover{color:#f60;}
.bulletin{background:#fff;width:980px;line-height:24px;padding:10px;margin:20px auto 0;color:#999;text-align:center;position:relative;z-index:3;overflow:hidden;}
.bulletin img{width:19px;height:22px;margin-right:3px;display:inline-block;vertical-align:top;*vertical-align:middle;*margin-top:-2px;}
.bulletin a{color:#999;}
.bulletin a:hover{color:#f60;}