﻿
/**文字**/
.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) { 

.game-hj-right  dl a{    border-radius: 10px;    box-shadow: 0 0px 10px #ddd;    height: 30px;    line-height: 30px;    width: 90%;    margin: 10px 5%;    float: left;    overflow: hidden;    padding: 0 0 0 0px;     font-size: 14px;   color: #666;font-weight:500;
    text-align:center;}

.game-hj-right li img {  float: left;  height: 20px; margin: 13px 10px 0 0;}
.game-hj-right{display:none;border-radius:0px;height:200px;float:right;margin:0 0 0px 0%;width:100%;padding:0px 0 0 0; overflow: hidden;}
.game-hj-right li{border-bottom:1px solid #f1f1f1;width:90%;height:45px;   line-height:45px;    overflow: hidden;    float: left;    margin: 0px 5% 0 5%;     padding: 0 0 0px 0%;}
.game-hj-right li a{height: px;line-height:45px;height:45px;overflow: hidden;font-size:16px;color:#666;width:auto;margin:0px auto;}
.game-hj-right li dd{display:none;float:left;border-radius:4px;height:20px;line-height:20px;font-size:12px;color:#fff;text-align:center;width:40px;margin:0px 0px 0 15px;background:#bd1a2d;overflow: hidden;}

#index-kt1{}
/**文字**/
.Mid4-vid{width:96%;margin:0 2%;overflow : hidden;}
.list-wz ul dd{float:left;width:100%;background-image: linear-gradient(to right, #bd1a2d , #003b87);height:240px;margin:0px 0px 0 0;overflow : hidden;line-height:40px; padding:0px 0%}
.list-wz-img{float:left;width:100%;height:200px;overflow : hidden;}
.list-wz ul img{float:left;width:100%;min-height:200px;}
.list-wz ul dd h3 p{float:left;width:90%;font-size:14px;text-align:center;color:#fff;height:40px;margin:0px 0px 0 0;line-height:40px;font-weight:500; padding:0px 5%}
.list-wz{display:none;float:left;margin:0px 0%;height:239px;width:100%; overflow: hidden;}
.list-wz h2 a{float:left;border-bottom:1px solid #ddd;width:100%;height:40px;}
.list-wz h2 a p{border-bottom:2px solid #bd1a2d;float:left;padding:0 3%;font-size:22px;line-height:40px;color:#000}
.list-wz h2 span{float:right;font-size:14px;font-weight:500;margin-right:2%;line-height:50px;color:#bd1a2d}
.list-wz ul{width:100%;margin:0 0 20px 0%;float:left;}
.list-wz ul li{border-bottom: 1px solid #f1f1f1;    background: url(../images/dian2.gif) 0px 20px no-repeat;
    width:86%;height:45px;   line-height:45px;    overflow: hidden;    float: left;    margin: 0px 5% 0 5%;     padding: 0 0 0px 4%;}
.list-wz ul li img{float:left;margin:0 auto;border-radius: 10%;width:30%;min-height:100px}
.list-wz ul li h3 span{float:left;width:100%;}
.list-wz ul li h3 span a{float:left;width:35%;font-weight:500;line-height:20px;color: #bd1a2d;}
.list-wz ul li h3  p{float:left;width:100%; font-size: 16px;font-weight:500;line-height:45px;color: #666;}
.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;}

.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%}
.tydh{display:none}
    
}

@media only screen and (min-width: 768px) { 
    .tydh{float:right;width:100%}
    .tydh h2{display:none;float:left;width:100%;background:#bd1a2d;font-size:22px;height:69px;text-align:center;margin:0px 0;line-height:69px;color:#fff;}
    .tydh ul{float:left;margin: 0px 0 0px 0%;}
    .tydh li{float:left;width:8%;margin:20px 2% 0px 2%;height:170px;text-align:center;overflow : hidden;}
    .tydh li a:hover{color:#f00}
    .tydh li a{color:#666;font-size:18px;font-weight:700}
    .tydh li img{width:100%;min-height:96px;margin:0 0 10px 0;border-radius: 20%;}


.Mid4-vid{width:1200px;overflow : hidden;}
.Mid4-vid dd{width:1200px;overflow : hidden;}
.list-wz{border-radius: 10px; box-shadow: 0 0px 20px #ddd;float:left;margin:20px 0;width:96%;padding:2%;overflow : hidden;}
.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{border-radius: 10px;width:100%; padding:0px 0%;overflow:hidden;float:left;margin:0px 0 0px 0}

.list-wz ul dd{float:left;width:45%;background:#f8f8f8;height:300px;margin:0px 0px 0px 0;overflow : hidden;line-height:40px; padding:0px 0 0 0px; }
.list-wz-img{float:left;width:100%;height:300px;overflow : hidden;}
.list-wz ul img{float:left;width:100%;min-height:300px;}
.list-wz ul dd h3 p{    background: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.63)),color-stop(71%,rgba(0,0,0,.11)),to(transparent));    background: linear-gradient(1turn,rgba(0,0,0,.63),rgba(0,0,0,.11) 71%,transparent);    float: left;    margin: -79px 0 0 0px;    font-size: 18px;    height: 79px;    color: #fff;    padding: 0 5%;    width: 90%;
    line-height: 110px;text-align:center;
    }
.list-wz ul img:hover{width:110%;height:110%}
.black20{float:left;width:100%;height:20px;}
.list-wz ul li{background: url(../images/dian2.gif) 0px 19px no-repeat;float:left;width:46%;height:50px;margin:0;overflow : hidden;border-bottom:0px solid #f1f1f1;line-height:50px; padding:0px  2%}
.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  p{ line-height:50px;overflow: hidden; font-size: 18px; color: #333;    width:85%;    float: left;    margin: 0px auto;}
.list-wz ul li  p:hover{color:#f00}
.list-wz ul li  span{line-height:50px;float:right;text-align:right;color:#999;width:10%;overflow : hidden;}
.list-wz ul li  span  p{float:right;color: #999;font-weight:500; font-size: 12px;height:20px;overflow : hidden;}
.list-wz ul h3 span a{font-size: 12px;font-weight:500;color: #000;overflow : hidden;}
.list-wz li h3  a{font-size: 12px;}
.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{}
.list-wz li:hover a,.list-wz li:hover span{color:#bd1a2d;}


/*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{box-shadow: 0 5px 10px #ddd;border-radius: 10px;text-align:center;float:left;height:48px;line-height:48px;font-size:14px;background:#f8f8f8;color:#bd1a2d;text-align:center;width:100%;margin:0 0 20px 0;overflow: hidden;font-weight:700}
.game-hj-right  dl a:hover{color:#f00;}
.sjb2022{background:#ccc ;background-size:100%;line-height:60px;width:100%;margin:5px 0;height:60px;overflow : hidden;border-bottom:1px solid #eee; padding:0px 0 0px 0px;}
.sjb2022 a{float:left;line-height:60px;font-size:36px;color:#f00;width:100%;margin:0px 0;height:60px;overflow : hidden;width:100%;text-align:center}
.game-hj-right{float:left;margin:0 0 20px auto;box-shadow: 0 5px 10px #ddd;border-radius: 10px;background:#fff;overflow: hidden;
width:400px;padding:0px 0px 20px 0px;}


.game-hj-right li{width:340px;padding:0 0%;border-bottom:0px solid #f3f3f3;height: px;float:left;height:45px;margin:0px 30px;overflow: hidden;}

.game-hj-right li img{float:left;height:15px;margin:15px 10px 0 0;}
.game-hj-right li a{height: px;line-height:45px;overflow: hidden;font-size:14px;color:#666;width:310px;float:left;margin:0px auto;}
.game-hj-right li:hover a{font-weight:700;color:#000}
.game-hj-right li dd{display:none;float:left;border-radius:4px;height:20px;line-height:20px;font-size:12px;color:#fff;text-align:center;width:40px;margin:13px 0px 0 0px;background:#bd1a2d;overflow: hidden;}


.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;}
}

