@charset "utf-8";
/* CSS Document */

/**公共部分**/
*{margin:0px;padding:0px;}
img{border:none;vertical-align:top;}
li{list-style-type:none;}
ul,dl,ol{list-style:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal; font-size:100%;}
body{font-size:14px; font-family:"微软雅黑"; }
address,cite,code,em,th{font-weight:normal; font-style:normal;}
.clear{clear:both;}
a{outline: none;}
.ngbbodybg{ min-width:1380px;}

.aBlack a,.aBlack{ color:#303133; text-decoration:none;}
.aBlack a:hover,.aBlack:hover{ color:#0081d5;}

.bBlack a,.bBlack{ color:#999999; text-decoration:none;}
.bBlack a:hover,.bBlack:hover{ color:#0081d5;}


.cBlack a,.cBlack{ color:#666666; text-decoration:none;}
.cBlack a:hover,.cBlack:hover{ color:#0081d5;}


.dBlack a,.dBlack{ color:#0081d5; text-decoration:none;}
.dBlack a:hover,.dBlack:hover{ color:#0081d5;}


.xzoTop{ width: 100%; height: 60px; background:#ffffff; border-bottom: 1px solid #eeeeee;} 
.xzoTopIn{ width: 1380px; margin: auto;}
.xzoTopLeft{ float: left;}
.xzoTopLeft span{ display: block; float: left; width: 29px; height: 23px; background: url(../images/bg1.png) no-repeat 0px 0px; background-size: 200px 200px; margin-top:20px; cursor: pointer;}
.xzoTopLeft a {display: block;  margin: 11px 0px 0px 30px; float: left; }
.xzoTopLeft a em{ display: block; width: 141px; height: 40px; background:url(../images/logo.png) no-repeat;}
.xzoTopRight{ float:right;}
.xzoTopApps{ float: left;}
.xzoTopApps a{ display: block; float: left; margin: 20px 0px 0px 30px; color: #333333;}
.xzoTopApps a b{ display: block; width: 25px; height: 25px; background: url(../images/bg1.png) no-repeat; background-size:200px 200px; float: left;}
.xzoTopApps a b.icon1{ background-position: -40px 0px;}
.xzoTopApps a b.icon2{ background-position: -70px 0px;}
.xzoTopApps a b.icon3{ background-position: -100px 0px;}
.xzoTopApps a b.icon4{ background-position: -75px -175px;}
.xzoTopApps a b.icon5{ background-position: -175px -165px;}
.xzoTopApps a span{ display: block; float: left; margin: 0px 0px 0px 5px;  line-height: 25px;}
.xzoTopApps a:hover{ color: #333333;}
.dggbYuyan{ float: right; position: relative; margin: 0px 0px 0px 20px;}
.dggbYuyanTitle{ height: 60px; }
.dggbYuyanTitle a{ display: block; height: 60px; cursor: pointer;}
.dggbYuyanTitle a span{ display: block; float: left; color: #333333; text-decoration:none;  overflow: hidden; margin-top:24px; font-weight: bold;}
.dggbYuyanTitle a b{ display: block; float: left; margin:32px 0px 0px 7px; width: 9px; height: 6px; background:url(../images/bg1.png) no-repeat -135px 0px; background-size: 200px 200px;}
.dggbYuyanSub{ width: 230px; height: 355px; background: #ffffff; box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15); position:absolute; right: 0px; top:55px; z-index: 1000; border-radius: 5px;}    
.dggbYuyanDl{ width: 230px; height: 335px; overflow: hidden; overflow-y: auto; margin-top:5px;}
.dggbYuyanDl::-webkit-scrollbar { width: 8px; /* Chrome, Safari, Opera */height: 8px; border-radius: 100px;}
.dggbYuyanDl::-webkit-scrollbar-thumb {background-color: #cbcbcb; /* 滚动条thumb颜色 */ border-radius: 100px; /* 滚动条thumb圆角 */ }
.dggbYuyanDl::-webkit-scrollbar-track { background-color: #ebebeb; /* 滚动条track颜色 */  border-radius: 100px;}
.dggbYuyanDl::-ms-scrollbar {width: 8px;height: 8px; /* Edge, IE */ border-radius: 100px;}
.dggbYuyanDl::-ms-scrollbar-thumb { background-color: #cbcbcb; /* 滚动条thumb颜色 */ border-radius: 100px; /* 滚动条thumb圆角 */}
.dggbYuyanDl::-ms-scrollbar-track {background-color: #ebebeb; /* 滚动条track颜色 */}
.dggbYuyanDl dl{ width: 230px; margin-top:10px;}
.dggbYuyanDl dl dt{ margin-left:10px;}
.dggbYuyanDl dl dd a{ height: 30px; line-height: 30px; overflow: hidden; padding:0px 10px; box-sizing: border-box; margin-top:6px; display: block; font-weight: bold;} 
.dggbYuyanDl dl dd a:hover{ background: #f3f3f3; color: #333333;}
.dggbYuyanDl dl dd a span{ font-weight:normal; color: #999999;}


@media screen and (max-width:768px){
.xzoTopIn{ width: 94%; margin: auto;}
.xzoTopLeft{ width: 100%;}
.xzoTopLeft a{ margin: 18px 0px 0px 0px; float: left; }
.xzoTopLeft a em{ background: none; width:90px; height: 25px; background: url(../images/logo2.png) no-repeat; margin-left: 10px;}



.xzoTopRight{ display:none;}

}


.xzoMain{ width: 1380px; margin: auto;}


@media screen and (max-width:768px){
   .xzoMain{ width:100%;}
   .ngbbodybg{ min-width:0px !important;}
}


.xzoFoot{ width: 100%; border-top: 1px solid #eeeeee; margin-top:30px; padding-bottom: 30px; background: #f3f3f3;}
.xzoFootIn{ width: 1380px; margin:auto;}
.xzoFootLink{ text-align: center; padding-top:20px; color: #999999;}
.xzoFootLink a{ color: #999999;}
.xzoFootMsg{ text-align: center; margin-top:20px; color: #999999;}

@media screen and (max-width:768px){
   .xzoFootIn{ width: 100%;}
}

.xzoTanBg{ width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); position:absolute; left: 0px; top: 0px; position:fixed;}
.xzoTanBg2{ width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); position:absolute; left: 0px; top: 0px; position:fixed;}
.xzoTanBox{ width: 400px; height:100%; background: #FFFFFF; position:absolute; left: 0px; top: 0px; }
.xzoGuanbi a{ display: block; width: 11px; height: 11px; background: url(../images/bg1.png) no-repeat -60px -145px; background-size: 200px 200px; position:absolute; right: -35px; top: 30px;}
.xzoTanMenu{ width: 100%; height: 48px; border-bottom: 1px solid #FFFFFF;}
.xzoTanMenu a{ display: block; width: 100%; height: 48px; background: #0087de; }
.xzoTanMenu a span{ display: block; float: left; width: calc(100% - 51px); margin: 0px 0px 0px 15px; line-height: 48px; overflow: hidden; color: #ffffff; font-size: 16px;}
.xzoTanMenu a em{ display: block; float:right; width: 6px; height: 11px; background: url(../images/bg1.png) no-repeat -95px -145px; background-size: 200px 200px; margin: 17px 15px 0px 0px; }
.xzoTanMenuList{ width: 100%;}
.xzoTanMenuList li{ width: 100%; height: 48px; border-bottom: 1px  solid #eeeeee; overflow: hidden;}
.xzoTanMenuList li a{ display: block; height: 48px;}
.xzoTanMenuList li a b{ display: block; float: left; width:23px; height: 23px; background:url(../images/bg1.png) no-repeat; background-size: 200px 200px; margin: 13px 15px 0px 15px;}
.xzoTanMenuList li a b.icon1{ background-position: -80px -100px;}
.xzoTanMenuList li a b.icon2{ background-position: -110px -100px;}
.xzoTanMenuList li a b.icon3{ background-position: -140px -100px;}
.xzoTanMenuList li a b.icon4{ background-position: -170px -100px;}
.xzoTanMenuList li a b.icon5{ background-position: 0px -145px;}
.xzoTanMenuList li a b.icon6{ background-position: -30px -145px;}
.xzoTanMenuList li a h2{ float: left; width:calc(100% - 89px); line-height: 48px; overflow: hidden; font-weight: normal;}
.xzoTanMenuList li a em{ display: block; float: right; width: 6px; height: 11px; background: url(../images/bg1.png) no-repeat -80px -145px; background-size: 200px 200px; margin:15px 15px 0px 0px;}

@media screen and (max-width:768px){
   .xzoTanBox{ width: 100%;}
   .xzoGuanbi a{ width: 100%; height: 48px; background: #333333; position:inherit; right: 0px; top: 0px;}
   .xzoGuanbi a em{ display: block; width: 11px; height: 11px; background: url(../images/bg1.png) no-repeat -60px -145px; background-size: 200px 200px; float: right; margin: 20px 15px 0px 0px;}

}

.xzoGames{ width: 100%; height: 48px; border-bottom: 1px solid #eeeeee;}
.xzoGames a{ display: block; color: #333333;}
.xzoGames a b{ display: block; width: 6px; height: 11px; background: url(../images/bg1.png) no-repeat -110px -145px; background-size: 200px 200px; float: left; margin: 20px 0px 0px 15px;}
.xzoGames a h2{ float: left; width: calc(100% - 51px); line-height: 48px; height: 48px; overflow: hidden; margin: 0px 0px 0px 15px;}
.xzoGamesBox{ width: 100%; height: 48px; border-bottom: 1px solid #eeeeee; background: #f5f5f5;}
.xzoGamesBox a{ display: block;}
.xzoGamesBox a b{ display: block; float: left; width:23px; height: 23px; background:url(../images/bg1.png) no-repeat; background-size: 200px 200px; margin: 13px 15px 0px 15px;}
.xzoGamesBox a b.icon1{ background-position: -80px -100px;}
.xzoGamesBox a h2{ float: left; width: calc(100% - 68px); line-height: 48px; height: 48px; overflow: hidden;}
.xzoGamesList{ width: 100%; height:calc(100% - 49px); overflow: hidden; overflow-y: scroll;}
.xzoGamesList li{ width: 100%; height: 48px; border-bottom: 1px solid #eeeeee;}
.xzoGamesList li a{ display: block; width: calc(100% - 68px); line-height: 48px; height: 48px; overflow: hidden; padding-left:40px; box-sizing: border-box; color: #333333;}
.xzoGamesList::-webkit-scrollbar { width: 4px; /* Chrome, Safari, Opera */height: 4px;}
.xzoGamesList::-webkit-scrollbar-thumb {background-color: #cbcbcb; /* 滚动条thumb颜色 */ border-radius: 4px; /* 滚动条thumb圆角 */ }
.xzoGamesList::-webkit-scrollbar-track { background-color: #ebebeb; /* 滚动条track颜色 */}
.xzoGamesList::-ms-scrollbar {width: px;height: 4px; /* Edge, IE */}
.xzoGamesList::-ms-scrollbar-thumb { background-color: #cbcbcb; /* 滚动条thumb颜色 */ border-radius: 4px; /* 滚动条thumb圆角 */}
.xzoGamesList::-ms-scrollbar-track {background-color: #ebebeb; /* 滚动条track颜色 */}


.xzoSsuoBox{ float: left; width:380px; height: 38px; border: 1px solid #eeeeee; margin: 10px 0px 0px 40px; border-radius: 5px;}
.xzoSsuoBox input.text1{ float: left; width:calc(100% - 69px); margin-left:15px; border: none; background: none; height: 38px; line-height: 38px; overflow: hidden;}
.xzoSsuoBox input.submit1{ border: none; background: none; width: 39px; height: 38px; background: url(../images/bg1.png) no-repeat -130px -145px; background-size: 200px 200px; float: right; cursor: pointer;}
.xzoSsuoBox input::placeholder{ color: #999999;}


@media screen and (max-width:768px){
   .xzoSsuoBox{ width: calc(100% - 170px); position:absolute; top: 0px; right: 3%;}
   .xzoSsuoIn{ position:absolute; right: 3%; top: 18px;}
   .xzoSsuoIn a{ display: block; width: 30px; height: 30px; background: url(../images/bg1.png) no-repeat -160px 0px; background-size: 200px 200px;}


}


.xzoSize{ width: 100%; margin-top:15px;}
.xzoSize b{ display: block; float: left; width: 9px; height: 13px; background: url(../images/bg1.png) no-repeat -180px -145px; background-size: 200px 200px; margin: 10px 5px 0px 0px;}
.xzoSize p{ float: left; width: calc(100% - 14px); margin-top:7px; color: #999999; height: 18px; line-height: 18px; overflow: hidden;}
.xzoSize p span{ color: #333333;}

@media screen and (max-width:768px){
   .xzoSize{ width: 94%; margin-left:3%;}
}


.fyxxPage{width:100%; text-align:center; margin-top:15px;}
.fyxxPage a{height:33px; line-height:33px; display:inline-block; color:#323233; text-decoration:none; border:1px solid #DCDEE0; padding:0px 12px; background:#FFFFFF; font-size:14px; margin-left:4px; border-radius: 2px; margin-top:15px;}
.fyxxPage a.currentPage{color:#ffffff; background:#0081D5; border:1px solid #0081D5;}
.fyxxPage a:hover{ background: #0081D5; color: #FFFFFF; border: 1px solid #0081D5;}


.star{ width: 69px; height: 73px; background: url(../images/bg3.png) no-repeat; background-size: 69px 73px;}
.star1{ background-position: 0px 0px;}
.star2{ background-position: 0px -15px;}
.star3{ background-position: 0px -30px;}
.star4{ background-position: 0px -45px;}
.star5{ background-position: 0px -60px;}




.xzoProbBox iframe{
   max-width: 100%;
     aspect-ratio: 16 / 9;
     height: auto !important;
  }