
/**文字**/
.nav-o {    width: 100%; background:#f8f8f8;   overflow: hidden;    border-bottom: px solid #e3e3e2;}
.nav-o li {    width: 20%;    text-align: center;    float: left;    font-size: 0.8rem;    padding-bottom:15px;}
.nav-o li .span {    display: block;    text-align: center;    margin-top: 15px;    margin-bottom: 5px;}
.nav-o li img { width: 40px;height: 40px;border-radius: 50%;    display: inline-block;}
@media only screen and (max-width: 768px) { 
.tit-zb{background-image: linear-gradient(to right, #bd1a2d , #003b87);float:left;width:100%;text-align:center;min-height:90px;line-height:30px;margin:-2px 0;color:#fff;padding:20px 0;overflow: hidden;}
.tit-zb a{font-size:14px;text-align:center;white-space: nowrap;line-height:30px;margin:0 0 0 0;color:#fff;padding:0 10px}
.tit-zb a:hover{color:#f00}
.tit-zb #sjb{float:left;width:100%;}
.tit-zb a img{height:40px; object-fit: cover;height:40px;max-width: 100%;display: block;    margin: 10px auto 20px auto;border-bottom:1px solid #ff0;border-top:1px solid #ff0;padding:5px 5% 10px 5%}
/*游戏合集*/
.game-hj-right  dl a{text-align:center;/**background: url(/xincss/img/icon-hot.png) 30% 3px no-repeat;**/float:left;height:40px;line-height:20px;font-size:18px;color:#fff;text-align:center;width:100%;margin:20px auto 10px auto;overflow: hidden;border-bottom:1px solid #444;}


.game-hj-right{height: 452px;border-radius:0px;float:right;margin:0px 0%;background:#222;overflow: hidden;width:100%;padding:10px 0;}
.game-hj-right li{border-bottom:1px solid #333;height: px;float:left;height:45px;line-height:45px;margin:0px 0px;overflow: hidden;width:96%;}
.game-hj-right li:hover{border-radius:4px;background:#bd1a2d;border-bottom:1px solid #333;height: px;}
.game-hj-right li a{height: px;line-height:45px;height:45px;overflow: hidden;font-size:14px;color:#fff;width:auto;margin:0px auto;}
.game-hj-right li dd{float:left;border-radius:4px;height:20px;line-height:20px;font-size:12px;color:#fff;text-align:center;width:40px;margin:13px 10px 0 15px;background:#bd1a2d;overflow: hidden;}


/**文字**/
.Mid4-vid{width:100%;margin:2px 0;overflow : hidden;}

.list-wz{float:left;margin:0px 0%;width:100%;}
.list-wz ul{float:left;margin:20px 0}
.list-wz ul li{/**background: url(/xincss/img/10.png) 0px 0px no-repeat;**/background: linear-gradient(to right, #fff , #fff)  ;float:left;width:100%;max-height:40px;margin:0px 0;overflow : hidden;border-bottom:1px solid #f3f3f3;line-height:40px; padding:0px 0 0 0px}

.list-wz ul li h3{background: url(/xincss/images/dian3.gif) 0 20px no-repeat;float:left;color: #404040; font-weight:500;height:80px;padding:0 0 0 15px;width:90%;margin:0 4%;overflow : hidden;}
.list-wz ul li h3 a{ font-size: 14px;text-align:left;font-weight:500;line-height:40px;overflow : hidden;margin-bottom:10px;color:#000}



.nav-foot{float:left;width:90%;background:#004276;text-align:center;padding:20px 5%}
.nav-foot a{color:#fff;margin:5px .5%;width:19%;float:left;font-size:14px;}
/*横版yx下载*/
.Mid3-tl2 .tlbt{width:92%;margin:20px 4% 0 4%;height: 38px;line-height: 38px;}
.Mid3-tl2 .tlbt p{font-size: 20px;color: #333;font-weight: bold;display: block;float: left;}
.Mid3-tl2 .tlbt .mor{float:right;font-size: 12px;color: #9eb1ca;}
.Mid3-tl2 .tlbt .mor:hover{color: #2d72eb;}
.Mid3-tl2 .tlbt .bq{margin-right: 40px;}
.Mid3-tl2 .tlbt .bq li{display: block;float: left;font-size: 14px;margin: 0 8px;}
.Mid3-tl2 .tlbt .bq li a{color: #666;}
.Mid3-tl2 .tlbt .bq li a:hover{color: #2d72eb;}
.downlis{width: 100%;height:520px;overflow: hidden;margin:10px auto;}
.downlis ul li{text-align: center;float: left;width:21%;height:108px;margin: 10px 2%;}
.downlis ul li .img{text-align: center;max-width:80px;height:80px;overflow: hidden;border-radius: 18px;}
.downlis ul li .img img{text-align: center;height:80px;border-radius: 18px;}
.downlis ul li .name p{font-size: 14px;color: #333;text-align: center;width: 100%;height: 20px;line-height:20px;overflow: hidden;margin: 10px 0 20px 0;}
.downlis ul li .img:hover img{opacity: 0.8;}
.downlis ul li .name p:hover{color: #2d72eb;}
/*Mid-top*/

/*Mid-top*/
.Mid-top{float:left;width: 100%;}
.Mid-top .cL{float:left;width: 100%;}
.Mid-top .cL ul{float:left;width: 100%;margin-bottom: 0px;overflow: hidden;}
.Mid-top .cL ul li{float:left;width:21%;height:auto;margin:0px 2% 20px 2%;overflow : hidden;border-top:0px solid #d8d8d8; padding:0px 0}
.Mid-top .cL ul .ttimg{border-radius:100%;float:left;width: 100%;height:100px;margin:0 0% 0px 0;overflow :hidden; }
.Mid-top .cL ul li img{object-fit: contain;display:table-cell;margin:0 auto;max-width:100%;height:100%; }
.Mid-top .cL ul li p{float: left;width:100%;height:40px;text-align: center;line-height:20px;font-size: 14px;color: #000;font-weight: bold;margin:0px}
.Mid-top .cL ul li p:hover{color:#bd1a2d}
.Mid-top .cL ul li img:hover{width:120%}
/*游戏合集*/
.game-hj{height:200px;margin: 0px 0%;overflow: hidden;width:100%;}
.game-hj ul{width:100%;}
.game-hj ul .dg li{border-radius: 0px;display: block;float: left;width:100%;height:200px;margin: 0 1px 2% 0;position: relative;overflow: hidden;background: conic-gradient(#eee, #000);}
.game-hj ul .dg li img{object-fit: cover;border-radius:0px;width:100%;min-height:300px;}
.game-hj ul .dg li p{line-height: 46px;position: absolute;width:100%;height: 46px;left: 0;bottom: 0;border-bottom-left-radius:0px;border-bottom-right-radius: 0px;background: rgba(0,0,0,.6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);text-align: center;color: #fafafa;font-size: 18px;transition: all .1s linear;-webkit-transition: all .1s linear;}
.game-hj ul .dg li:hover p{background: #2d72eb;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C816debd,endColorstr=#C816debd);}
.game-hj ul .dg li:hover{-webkit-box-shadow: 0 8px 20px rgba(0,0,0,0.3);-moz-box-shadow: 0 8px 20px rgba(0,0,0,0.3);box-shadow: 0 8px 20px rgba(0,0,0,0.3);}
.game-hj ul li{border-radius:8px;display: block;float: left;width:46%;height:120px;margin: 2%;position: relative;overflow: hidden;}
.game-hj ul li img{object-fit: cover;width:100%;height: 120px;}
.game-hj ul li p{line-height: 36px;position: absolute;width:100%;height: 36px;left: 0;bottom: 0;border-bottom-left-radius:0px;border-bottom-right-radius: 10px;background: rgba(0,0,0,.6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);text-align: center;color: #fafafa;font-size: 16px;transition: all .1s linear;-webkit-transition: all .1s linear;}
.game-hj ul li img:hover {transition-duration: 1s;transition-timing-function: linear;width:112%;height:112%;padding-left:-50%}
}

@media only screen and (min-width: 768px) { 
.tit-zb{float:left;background:#003b87;float:left;width:1140px;text-align:center;height:80px;line-height:40px;margin:0px 0px;color:#fff;padding:20px 30px;overflow: hidden;}
.tit-zb a{float:left;font-size:16px;text-align:center;white-space:nowrap;white-space: nowrap;color:#fff;width:71.6px;line-height:40px;}
.tit-zb a:hover{color:#f00}
.tit-zb #sjb{float:left;width:260px;margin:0 20px 0 0;height:100px;}
.tit-zb a img{height:45px;margin: 8px 0 0px 0px;border-bottom:2px solid #ff0;border:2px solid #ff0;padding:5px 5% 10px 5%}

.Mid4-vid{width:1200px;overflow : hidden;}
.Mid4-vid dd{width:1400px;overflow : hidden;}
.list-wz{float:left;margin:0px 0 0 0;width:1250px;}
.list-wz h2 a{float:left;border-bottom:1px solid #ddd;width:580px;height:40px;}
.list-wz h2 a p{border-bottom:2px solid #bd1a2d;float:left;padding:0 0px;font-size:22px;line-height:40px;color:#000}
.list-wz h2 span{float:right;font-size:16px;font-weight:500;line-height:50px;color:#bd1a2d}
.list-wz h2 a p:hover{color:#bd1a2d}
.list-wz ul{float:left;margin:0 0 20px 0}
.list-wz ul li{border-radius:8px;/**background: url(/xincss/img/10.png) 0px 0px no-repeat;**/background: linear-gradient(to right, #fff , #f6f6f6)  ;float:left;width:386px;max-height:55px;margin:0px 20px 0 0;overflow : hidden;border-bottom:1px solid #dcdcdc;line-height:55px; padding:0px 0 0 0px}
.ttimg{border-radius:8px;background:#f8f8f8;border:px solid #ddd;float:left;width: 100%;height:0px;margin:0 0% 10px 0;overflow :hidden; }
.list-wz ul li img{display:table-cell;margin:0 auto;min-width:100%;height:150px; }
.list-wz ul li h3{background: url(/xincss/images/dian3.gif) 0 25px no-repeat;float:left;color: #404040; font-weight:500;height:80px;padding:0 0 0 18px;}
.list-wz ul li h3 p{ font-size: 16px;text-align:left;line-height:55px;overflow : hidden;margin-bottom:0px;color:#000}
.list-wz ul li h3 p:hover{color:#f00}
.list-wz ul li  span{line-height:15px;float:left;width:100%;overflow : hidden;}
.list-wz ul li  span  p{line-height:20px;float:right;color: #999; font-size: 12px;height:20px;overflow : hidden;}
.list-wz ul h3 span a{font-size: 12px;color: #000;overflow : hidden;}
.list-wz li h3  a{font-size: 15px;color: #000;}
.list-wz ul h3 span a:hover{color: #bd1a2d;}

.list-wz ul li i{display: block;float: left;width: 7px;height: 7px;background:#e6e6e6;border-radius: 50%;margin:13px 10px 0 0px;}
.list-wz li:hover{background:#bd1a2d;border-radius:8px;}
.list-wz li:hover a,.list-wz li:hover span{color:#fff;}


/*Mid-top*/
.Mid-top{float:left;width: 100%;padding-top:30px}
.Mid-top .cL{width: 100%;}
.Mid-top .cL ul{width: 100%;margin-bottom: 20px;overflow: hidden;}
.Mid-top .cL ul li{float: left;width:130px;height:160px;margin:20px 10px;overflow : hidden;}
.Mid-top .cL ul .ttimg{border-radius:40px;width:100%;height:130px;}
.Mid-top .cL ul li img{width:100%;height:100%x;}
.Mid-top .cL ul li p{float: left;width:100%;height:20px;text-align: center;line-height:20px;font-size: 14px;color: #000;font-weight: bold;margin:0px}
.Mid-top .cL ul li p:hover{color:#bd1a2d}
.Mid-top .cL ul li img:hover{width:120%}



.Mid3-tl2 .tlbt{width: 100%;height: 38px;line-height: 38px;}
.Mid3-tl2 .tlbt p{font-size: 20px;color: #333;font-weight: bold;display: block;float: left;}
.Mid3-tl2 .tlbt .mor{font-size: 12px;color: #9eb1ca;}
.Mid3-tl2 .tlbt .mor:hover{color: #2d72eb;}
.Mid3-tl2 .tlbt .bq{margin-right: 40px;}
.Mid3-tl2 .tlbt .bq li{display: block;float: left;font-size: 14px;margin: 0 8px;}
.Mid3-tl2 .tlbt .bq li a{color: #666;}
.Mid3-tl2 .tlbt .bq li a:hover{color: #2d72eb;}
.downlis{width: 102%;height: 340px;overflow: hidden;margin: 20px auto;}
.downlis ul li{display: block;float: left;width: 110px;height: 160px;margin: 10px 20px 0;}
.downlis ul li .img{display: block;width: 110px;height: 110px;overflow: hidden;border-radius: 18px;}
.downlis ul li .img img{width: 110px;height: 110px;border-radius: 18px;}
.downlis ul li .name p{font-size: 14px;color: #333;text-align: center;width: 100%;height: 40px;line-height: 40px;overflow: hidden;margin-top: 5px;}
.downlis ul li .img:hover img{opacity: 0.8;}
.downlis ul li .name p:hover{color: #2d72eb;}


/*游戏合集*/
.game-hj-right  dl a{text-align:center;background: url(/xincss/img/icon-hot.png) 80px 3px no-repeat;float:left;height:40px;line-height:20px;font-size:18px;color:#fff;text-align:center;width:100%;margin:20px auto 10px auto;overflow: hidden;border-bottom:1px solid #444;}


.game-hj-right{height: 452px;float:right;margin:0px auto;background:#222;overflow: hidden;width:360px;padding:10px 20px 20px 20px;}
.game-hj-right li{border-bottom:1px solid #333;height: px;float:left;height:45px;line-height:45px;margin:0px 0px;overflow: hidden;width:100%;}
.game-hj-right li:hover{border-radius:4px;background:#bd1a2d;border-bottom:1px solid #333;height: px;}
.game-hj-right li a{height: px;line-height:45px;height:45px;overflow: hidden;font-size:14px;color:#fff;width:260px;float:left;margin:0px auto;}
.game-hj-right li dd{float:left;border-radius:4px;height:20px;line-height:20px;font-size:12px;color:#fff;text-align:center;width:60px;margin:13px 10px 0 15px;background:#bd1a2d;overflow: hidden;}


.game-hj{height: auto;float:left;margin:0px auto;background:#000;overflow: hidden;width: 800px;}
.game-hj ul{width: 1342px;background:#000;height:  auto;}
.game-hj ul .dg li{border-bottom-left-radius:0px;border-bottom-right-radius: 0px;background: rgba(0,0,0,.6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);text-align: center;color: #fafafa;font-size: 26px;transition: all .1s linear;-webkit-transition: all .1s linear;border-radius: 0px;display: block;float: left;width: 450px;height:481px;margin: 0 1px 1px 0;position: relative;overflow: hidden;}
.game-hj ul .dg li img{object-fit: cover;border-radius:0px;width:100%;height:500px;}
.game-hj ul .dg li p{overflow: hidden;line-height: 35px;position: absolute;width:96%;height: 70px;padding:20px 2%;left: 0;bottom: 0;}
.game-hj ul .dg li:hover p,.game-hj ul  li:hover p{background: #2d72eb;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C816debd,endColorstr=#C816debd);}
.game-hj ul .dg li :hover{-webkit-box-shadow: 0 8px 20px rgba(0,0,0,0.3);-moz-box-shadow: 0 8px 20px rgba(0,0,0,0.3);box-shadow: 0 8px 20px rgba(0,0,0,0.3);}
.game-hj ul li{background:#000;border-radius: 0px;display: block;float: left;width: 348px;height: 240px;margin: 0 1px 1px 0;position: relative;overflow: hidden;}
.game-hj ul li img{object-fit: cover;border-radius:0px;width:100%;height:240px;}
.game-hj ul li p{overflow: hidden;line-height: 27px;position: absolute;width:96%;height:50px;padding:10px 2%;left: 0;bottom: 0;border-bottom-left-radius:0px;background: rgba(0,0,0,.6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);text-align: center;color: #fafafa;font-size: 18px;transition: all .1s linear;-webkit-transition: all .1s linear;}
.game-hj ul li img:hover{transition-duration: 1s;transition-timing-function: linear;width:112%;height:112%;padding-left:-50%}
.hj-ioscolor ul li:hover p{background: rgba(25,171,255,.8);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C819abff,endColorstr=#C819abff);}

.nav-foot{float:left;width:100%;background:#004276;padding:20px 0}
.nav-foot a{color:#fff;margin:5px 3px;width:60px;float:left;font-size:12px;}
.nav-foot a:hover{color:#ff0;}
}

