﻿body{font-size: 12px;background: #ebecee; margin:0 auto;font-family: "微软雅黑";}
div,form,img,ul,ol,li,dl,dt,dd,p{margin: 0; padding: 0; border: 0;line-height:100%;}
ul,li{list-style-type:none;}
i, cite, em, var, address, dfn{font-style:normal;}
h1,h2,h3,h4,h5,h6 { margin:0; padding:0;}
input, button{ outline:none;}
a{color: #3c3c3c; text-decoration:none;cursor:pointer;outline:none;}
.hide { display: none; }
.w1200 { width: 1200px; margin: 0px auto; }
.y1200 { width: 1200px; margin: 0px auto;margin-top: 20px; }
.icon { background: url("../images/icon.png") 0% 0% / 800px 800px no-repeat; display: inline-block; }
.clearfix::before, .clearfix::after { display: table; content: ""; line-height: 0; }
.clearfix::after { clear: both; }

/*nav*/

.navwarp{ width: 100%; height: 75px;background: #fff;opacity: 0.9;}
.nav { position: absolute; left: 50%; top: 0; z-index: 2; width: 1240px;height: 75px; margin-left: -620px;background: #fff;}
.nav .logo { float: left;padding-top: 5px;}
.nav .logo a { display: inline-block; width: 125px; height: 24px;}
.nav svg { width: 100%; height: 100%; vertical-align: top;}
.white .nav svg { fill: #fff;}

.nav-link { float: right; font-size: 0;}
.nav-link li { display: inline-block; font-size: 16px;}
.nav-link a { display: block; height: 22px; padding: 27px 20px; line-height: 22px; color: #000000;}
.gray .nav-link a { color: #fff;}
.white .nav-link a { color: #fff;}
.nav-link a:hover { color: #ff901a;}

.nav-search { position: relative; float: right; margin: 26px 0 0 10px;}
.nav-search .key { width: 120px; height: 28px; padding: 0 33px 0 15px; border: 1px solid #999; border-radius: 20px; font-size: 12px; color: #333;}
.nav-search .dwo { position: absolute; left: 146px; top: 7px; width: 17px; height: 14px; cursor: pointer;}
.nav-search .my { display: inline-block; width: 30px; height: 30px; margin: 0 8px; vertical-align: top; background-size: cover;}
.nav-search .cart { display: inline-block; width: 30px; height: 30px; vertical-align: top; background-size: cover;}

.container{width: 1220px;margin: 0 auto;}

/*产品展示*/
.pro-center{width: 100%;height: auto;overflow: hidden;background: #ebecee;position: absolute;}
.pro-center .title{font-size: 34px;text-align: center;padding-bottom: 5px;color: #5e5e5e;letter-spacing: 1px;}
.pro-center .sub-title{font-size: 20px;text-align: center;color: #333333;}
.pro-center .sub-title span{display: inline-block;height: 30px;line-height: 30px;width: auto;}
.pro-center .sub-title span.text{padding: 0 10px;}

.pro-left .left-category {width: 170px;background: #FFFFFF;border-radius: 10px;padding-top: 20px;max-height:100%;overflow:auto;position:fixed; }
.pro-left .left-category ul li{height: 50px;line-height: 50px;font-size: 16px;text-align: center;cursor: pointer;color: #757575;background: #fff;width: 155px;margin-left: 7px;}
.pro-left .left-category ul li a{height: 50px;width: 155px;display: block;}
.pro-left .left-category ul li.on{background: #ededed;color: #444;border-radius: 10px;}
.pro-left .left-category ul li:hover{background: #ededed;color: #444;}


/*产品展示左侧*/
.pro-left{flex: 1;box-sizing: border-box;}
.pro-content{width: 100%;
    padding-top: 20px;
    display: flex
;}



.pro-min{width: 688px;
    margin-left: 180px;
    margin-right: 10px;
    flex: 3;
    background: #fff;
    border-radius: 8px;}
.pro-min .pro-min_title{height: 50px;width: 678px;float:left;line-height: 50px;font-size: 20px;padding-left: 10px;font-weight: bold;border-bottom: 1px solid #c8c8c8;color: #5e5e5e;}
.pro-min ul li{float: left;width: 688px;background: #fff;box-sizing: border-box;transition: all .3s linear;height: 110px;}
.pro-min ul li a{width: 643px;height: 108px;display: block;float:right;border-bottom: 1px solid
#f4f4f4;}

.pro-min ul li b{width: 20px;
    height: 30px;
    float: left;
    margin-left: 15px;
    margin-top: 40px;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    margin-right: 10px;
    font-weight: bold;
    color: #3c3c3c;}
.pro-min ul li b img{width: 30px;height: 30px;margin-top: -1px;}
.pro-min ul li:nth-child(3n){margin-right: 0;}
.pro-min ul li .info{width: 400px;height: 100px;float: left;margin-left: 5px;overflow: hidden;}
.pro-min ul li .info h2{font-size: 20px;
    margin-top: 10px;
    line-height: 24px;
    margin-left: 15px;}
.pro-min ul li .info p{font-size: 14px;line-height: 20px;text-align: left;margin-top: 5px;margin-left: 15px;color: #757575;}
.pro-min ul li  .info_an{float:right;width: 70px;height: 30px;background: #c8c8c8;margin-top: 40px;text-align: center;line-height: 30px;font-size:14px;border-radius: 3px;color: #666; font-size: 16px;letter-spacing:2pt;margin-right: 20px;}
.pro-min ul li  .info_an:hover{background: #ff6300;color: #fff;}

.pro-min ul li img{width:110px;height:80px;overflow: hidden;margin-top: 15px;float: left;}

.pro-min ul li p{height: 40px;line-height: 40px;text-align: center;font-size: 18px;color: #333333;float: left;}
/*.pro-min.active{display: block;}*/
.pro-min ul li:hover{background: #f3f3f3;transition: all .2s linear;}


.ceshi{width: 1200px; height: 2000px; margin:  0 auto;}

/*yxneirong*/
.location { height: 48px; line-height: 48px; color:#444; font-size: 14px; position: relative; text-indent: 10px; }
.location a { color:#444;}
.location a { color:#444;}
.location a:hover { color: rgb(255, 148, 0); }
.location i { position: absolute; top: 14px; left: 2px; width: 16px; height: 20px; background-position: -2px -400px; }






.gDTlt { height: 24px; line-height: 24px; color: rgb(51, 51, 51); font-size: 20px; font-weight: bold; text-indent: 25px; position: relative; }
.gdtitle{height: 24px; line-height: 24px; color: #434343; font-size: 20px; font-weight: bold; text-indent: 25px; position: relative;padding-top: 20px;}



.gDTlt a.more { position: absolute; top: -3px; right: 28px; width: 84px; height: 28px; line-height: 28px; text-align: center; font-size: 12px; color:#ffc400; border-radius: 14px; border: 1px solid rgb(255, 246, 220); text-indent: 0px; box-shadow: rgba(254, 200, 12, 0.15) 0px 5px 15px 0px; font-weight: 300; }
.gDTlt a.more:hover { box-shadow: rgba(254, 200, 12, 0.3) 0px 5px 15px 0px; }



.gameintroduce { height: 206px; width: 100%;background: url(../images/bgtc1.png) no-repeat;margin-bottom: 85px;}
.gameintroduce .info { margin-top: 15px; }
.gameintroduce .info img {margin-top: 10px; float: left; width: 160px; height: 160px; border-radius: 30px; object-fit: cover;}
.gameintroduce .info .pingj {float: left;width: 650px;margin-left: 20px; margin-top: 10px;  overflow: hidden; }
.gameintroduce .info .pingj h1 {max-height: 64px;line-height: 32px;font-size: 28px;color: #0D0D0D;;font-weight: bold;white-space: normal;margin: 9px 0;    display: -webkit-box;-webkit-box-orient: vertical;   -webkit-line-clamp:2; text-overflow: ellipsis; overflow: hidden;}
.gameintroduce .info .pingj h1 span {display: inline-block;height: 24px;line-height: 24px;padding: 0px 8px;font-size: 12px;color: #ffc400;border: 1px solid #ffc400;border-radius: 4px;vertical-align: top;margin: 6px 0px 0px 15px;}
.gameintroduce .info .pingj h1 span i { display: inline-block; width: 14px; height: 14px; background-position: -350px -400px; vertical-align: top; margin: 5px 4px 0px 0px; }
.gameintroduce .info .pingj p:nth-child(2) { height: 24px; line-height: 24px; font-size: 14px; color: #e8e8e8; }
.gameintroduce .info .pingj p:nth-child(3) span { float: left; height: 24px; line-height: 24px; font-size: 14px; color: #e8e8e8; background-color: rgb(67, 67, 72); padding: 0px 12px; margin: 12px 11px 0px 0px; border-radius: 2px; }
.gameintroduce .info .pingj p{font-size: 13px;margin-top: 3px;color: #e8e8e8;overflow: hidden;line-height: 20px;letter-spacing:1pt}
.gameintroduce .button { float: right; width: 280px; height: 88px; overflow: hidden; margin-top: 40px; }
.gameintroduce .button a { float: right; width: 165px; height: 45px; line-height: 45px; font-size: 18px; color: rgb(255, 255, 255); text-align: center; border-radius: 22px; margin-left: 8px; transition: opacity 0.2s ease 0s; }
.gameintroduce .button a.iosBtn { background: #ffc400; }






/*yxneirongpxb*/
.pyxgameJS { float: left; width: 322px; }
.pyxgameJS .gDRTlt { height: 46px; line-height: 30px; font-size: 24px; color: rgb(51, 51, 51); position: relative; }
.pyxgameJS .gDRTlt a.more { position: absolute;  right: 0px; width: 84px; height: 28px; line-height: 28px; text-align: center; font-size: 12px; color:#ffc400; border-radius: 14px;font-size: 13px;}

.pyxgameJS .gDRTlt .change { position: absolute; right: 0px; font-size: 12px; color: rgb(138, 138, 138); cursor: pointer; }
.pyxgameJS .gDRTlt.move { position: absolute; top: -66px; left: 0px; width: 100%; }
.pyxgameJS .gDRTlt.move i { display: inline-block; width: 12px; height: 14px; background-position: -216px -420px; vertical-align: top; margin: 27px 4px 0px 0px; }
.pyxgameJS .gDRTlt.move i.cur { transition: all 1s ease 0s; transform: rotate(360deg); }
.pyxgameJS3 ul { padding-bottom: 24px; border-radius: 12px; background: rgb(255, 255, 255); }
.pyxgameJS3 ul li a { display: block; height: 42px; line-height: 42px; color: rgb(68, 68, 68); font-size: 16px; white-space: nowrap; overflow: hidden; position: relative; }
.pyxgameJS3 ul li a i.rank { float: left; font-size: 20px; color: rgb(185, 192, 200); font-weight: bold; font-style: italic; margin: 0px 26px 0px 28px; }
.pyxgameJS3 ul li a p { overflow: hidden; text-overflow: ellipsis; }
.pyxgameJS3 ul li:nth-child(1) a, .pyxgameJS3 ul li:nth-child(2) a, .pyxgameJS3 ul li:nth-child(3) a { display: block; width: 322px; height: 126px; box-sizing: border-box; background: rgb(255, 255, 255); padding: 30px 0px 0px 18px; position: relative; border-bottom: 1px solid rgb(240, 240, 240); }
.pyxgameJS3 ul li:nth-child(1) a { border-radius: 12px 12px 0px 0px; }
.pyxgameJS3 ul li:nth-child(3) a { margin-bottom: 14px; }
.pyxgameJS3 ul li:nth-child(1) a .rank, .pyxgameJS3 ul li:nth-child(2) a .rank, .pyxgameJS3 ul li:nth-child(3) a .rank { position: absolute; top: 2px; left: 35px; width: 40px; height: 40px; background-position: -365px -456px; margin: 0px; }
.pyxgameJS3 ul li:nth-child(2) a .rank { background-position: -405px -457px; }
.pyxgameJS3 ul li:nth-child(3) a .rank { background-position: -449px -456px; }
.pyxgameJS3 ul li:nth-child(1) a img, .pyxgameJS3 ul li:nth-child(2) a img, .pyxgameJS3 ul li:nth-child(3) a img { float: left; width: 76px; height: 76px; border-radius: 22px; margin-right: 18px; box-sizing: border-box;}

.pyxgameJS3 ul li:nth-child(1) a div, .pyxgameJS3 ul li:nth-child(2) a div, .pyxgameJS3 ul li:nth-child(3) a div { float: left; width: 150px; white-space: nowrap; overflow: hidden; }
.pyxgameJS3 ul li:nth-child(1) a div p:nth-child(1), .pyxgameJS3 ul li:nth-child(2) a div p:nth-child(1), .pyxgameJS3 ul li:nth-child(3) a div p:nth-child(1) { height: 26px; line-height: 26px; font-size: 16px; color: rgb(51, 51, 51); }
.pyxgameJS3 ul li:nth-child(1) a div p:nth-child(2), .pyxgameJS3 ul li:nth-child(2) a div p:nth-child(2), .pyxgameJS3 ul li:nth-child(3) a div p:nth-child(2) { height: 26px; line-height: 26px; font-size: 14px; color: rgb(153, 153, 153); }
.pyxgameJS3 ul li:nth-child(1) a div p:nth-child(3), .pyxgameJS3 ul li:nth-child(2) a div p:nth-child(3), .pyxgameJS3 ul li:nth-child(3) a div p:nth-child(3) { height: 18px; line-height: 18px; font-size: 12px; color: rgb(153, 153, 153); }
.pyxgameJS3 ul li:nth-child(1) a div p:nth-child(3) i, .pyxgameJS3 ul li:nth-child(2) a div p:nth-child(3) i, .pyxgameJS3 ul li:nth-child(3) a div p:nth-child(3) i { display: inline-block; height: 16px; width: 16px; background-position: -32px -400px; vertical-align: top; margin: 0px 8px 0px 0px; }
.pyxgameJS3 ul li a span.down, .pyxgameJS3 ul li a span.look { position: absolute; width: 56px; height: 27px; line-height: 27px; border-radius: 0px 12px; right: 0px; top: 0px; color: rgb(255, 255, 255); font-size: 15px; text-align: center; background:#ffc400;margin-top: 50px;margin-right: 13px; }
.pyxgameJS3 ul li a span.look { background: rgb(0, 192, 255); }
.pyxgameJS3 ul li a:hover .name { color: #ffc400;  }
.pyxgameJS3 ul li a .name {line-height: 40px;}



.pyxgameJJ { float: left; width: 850px; margin-right: 28px; position: relative; }
.pyxgameJJ2 { background: rgb(255, 255, 255); padding-top: 10px;padding-bottom: 30px;}
.pyxgameJJ2 .cont { margin: 18px 24px 0px; line-height: 30px;
    color: rgb(68, 68, 68);
    margin-bottom: 16px;
    text-indent: 2em;
    font-size: 16px;
    word-break: break-all;}
.pyxgameJJ2 .cont img { display: block; padding: 5px 0px; margin: 0px auto;width: auto;max-width: 90%;object-fit: cover;}
.pyxgameJJ2 .cont h3 { font-size: 20px; color: #999；; height: 52px; line-height: 52px; font-weight: 600;}
.pyxgameJJ2 .cont p { line-height: 25px; color: rgb(102, 102, 102); font-size: 16px; margin: 15px 0px; text-indent: 2em;}
.pyxgameJJ2 .cont p a { text-decoration: underline; color: blue; }
.pyxgameJJ2 .cont table{margin: 20px auto;}


/* lbtu */
.gDSwiper { width: 800px; height: 312px; padding: 27px 0px 83px; margin: 0px 24px; overflow: hidden; position: relative; }
.gDSwiper .swiper-slide { height: 310px; width: auto; max-width: 548px;overflow: hidden; }
.gDSwiper .swiper-slide video, .gDSwiper .swiper-slide img { height: 310px; width: auto; border-radius: 10px; box-sizing: border-box; max-width: 548px;}
.gDSwiper .swiper-slide-active video, .gDSwiper .swiper-slide-active img { border: 2px solid rgb(255, 186, 37); }
.showImg { border-radius: 12px 12px 0px 0px; background: rgb(255, 255, 255); }
.showImg .gDSwiper .swiper-pagination { width: 666px; height: 2px; line-height: 2px; background: rgb(204, 204, 204); left: 134px; bottom: 47px; font-size: 0px; display: flex; }
.gDSwiper .swiper-pagination .swiper-pagination-bullet { height: 2px; background: rgb(204, 204, 204); border-radius: 0px; opacity: 1; flex: 1 1 0%; margin: 0px !important; }
.gDSwiper .swiper-pagination .swiper-pagination-bullet-active { background: rgb(37, 36, 41); }
.gDSwiper .btnPrev, .gDSwiper .btnNext { height: 40px; width: 40px; border-radius: 50%; top: 377px; left: 0px; background: url("../images/icon.png") -310px -454px / 800px 800px no-repeat; }
.gDSwiper .btnNext { left: 64px; transform: rotate(180deg); }
.gDSwiper .btnPrev:hover, .gDSwiper .btnNext:hover { background-position: -254px -454px; }

/* lbtu */

/* 相关攻略 */
.pyxnew_info{width:820px;padding:16px;margin-bottom: 16px;background-color: #fff;border-radius: 3px;float: left;margin-top: 20px;}

.pyxnew_info .title_l h2{float: left;height:32px;line-height: 32px;font-size:20px ;color:#464646; margin-top: 3px;margin-left: 5px; }


.pyxnew_info ul{width: 1000px;max-height: 350px;overflow: hidden;}
.pyxnew_info li{float: left;width: 180px;height: 159px;margin: 16px 20px 0 10px;}
.pyxnew_info li a{display: block;}
.pyxnew_info li:nth-child(5n+5) {margin-right:0;}
.pyxnew_info li img{display:block;width:180px;height:110px;margin: 0 auto;}
.pyxnew_info li .txt{display: block;height: 40px;line-height:20px;font-size:14px;color: #454545;margin-top: 8px;overflow: hidden;}
.pyxnew_info li:hover .txt{color: #ff6655;}




.pyxnews_cont{width: 816px;padding:16px;margin-bottom: 16px;background-color: #fff;border-radius: 10px;float: left;margin-right: 30px;margin-top: 45px;}
.pyxnews_cont .tit{padding: 16px 0;text-align:center;border-bottom:1px solid #444;font-weight:400;}
.pyxnews_cont .tit h1{display:block;line-height:40px;font-size:24px;color: #444;font-weight:700;margin-bottom: 16px;}
.pyxnews_cont .tit .source{color:#444;}
.pyxnews_cont .tit .source span{max-width: 300px;margin:0 20px;overflow:hidden;white-space:nowrap;}
.pyxnews_cont .tit .source span em{color: #454545;}
.pyxnews_cont .cont{padding:20px 0 0;font-size:16px;color:#666;line-height:1.5;}
.pyxnews_cont .cont a{line-height: 25px; text-indent: 0;color:#19b955;}
.pyxnews_cont .cont a:hover{color: #ff940f;border-bottom: .01rem solid #ff940f;}
.pyxnews_cont .cont p{line-height: 26px;color: #454545;margin-bottom: 16px;text-indent: 2em;}
.pyxnews_cont .cont br{height: 2px;}
.pyxnews_cont .cont img{display:block;max-width:790px;margin:16px auto;text-align: center;}
.pyxnews_cont .cont p img{display:block;max-width:790px;margin:2px auto;text-align: center;}

.pyxnews_cont .cont h3{margin-bottom:16px;line-height: 26px;font-size:18px;font-weight:700;color:#454545;padding:0 0 4px 10px;border-left:10px solid #19b955;border-bottom: 1px solid #e6e6e6;}


/*csb*/
 .pyxganme_csb{width: 322px;background: #fff;float: right;margin-top: 20px;border-radius: 10px;}
 .pyxganme_csb .pyxganme_csb_title{width: 284px;height: 40px;border-bottom: 1px solid #ebecee;margin-left: 12px;margin-top: 10px;}
 .pyxganme_csb .pyxganme_csb_title a{float: right;width: 40px;height: 35px;margin-top: -30px;line-height: 35px;color: #ffc400; font-size:13px;}





 .pyxganme_csb .pyxganme_csb_title h3{width: 180px;height: 30px; text-align: left; font-size: 25px; color: #36373b; font-weight: 400;line-height: 35px;}
 .pyxganme_csb ul{width: 322px;float: left;margin-left: -0px;}
 .pyxganme_csb ul .pyxganme_csb_li{width: 322px;height: 80px;margin-top: 5px; }

 .pyxganme_csb ul .pyxganme_csb_li img{width: 92px;height: 54px;margin-top: 12px;margin-left: 10px;border-radius: 3px;float: left;}
 .pyxganme_csb ul .pyxganme_csb_li .pyxganme_csb_info{width: 130px;float: left;height: 80px;margin-left: 10px;margin-top: 8px;}
 .pyxganme_csb ul .pyxganme_csb_li .pyxganme_csb_info h2{width: 130px;height: 20px; font-size: 18px;font-weight: 400;line-height: 20px;color: #41454f;}
 .pyxganme_csb ul .pyxganme_csb_li .pyxganme_csb_info span{width: 130px;height: 11px;font-size: 12px;float: left;font-style: normal;margin-bottom: -3px;margin-top: 8px;}
.pyxganme_csb ul .pyxganme_csb_li .pyxganme_csb_an{ width: 50px;height: 25px;float: left;background:#ffc400;line-height: 25px;text-align:center;font-size: 14px;color: #fff;letter-spacing:1pt;margin-top: 30px;}



/*news*/


.pyxnewsinfo { width: 856px; background-color: #fff; border-radius: 8px; margin-bottom: 53px; float: left;  box-shadow: 0.6px 0.9px 5px rgba(0, 0, 0, .06);margin-right: 20px;margin-top: 45px;}

.zixuntitile{ font-size: 25px;width: 200px;height: 35px;line-height: 100px;padding-top: 10px;}


.pyxnewsinfo .page_bar p span { color: #fc5b12; padding: 0 4px; font-weight: bold; }
.pyxnewsinfo .pyxnewsinfo_list li a { display: block; width: 818px; height: 185px; padding: 20px 17px 0 21px; }
.pyxnewsinfo .pyxnewsinfo_list li a img { display: block; float: left; width: 261px; height: 165px; border-radius: 8px; margin-right: 27px; }
.pyxnewsinfo .pyxnewsinfo_list li a .cont { float: left; }
.pyxnewsinfo .pyxnewsinfo_list li a .name { font-size: 20px; color: #262626; font-weight: bold; width: 530px; height: 32px; line-height: 32px; overflow: hidden; white-space: nowrap; margin-bottom: 16px; }
.pyxnewsinfo .pyxnewsinfo_list li a .name span { display: inline-block; font-size: 12px; color: #ff940f; width: 36px; height: 22px; line-height: 22px; text-align: center; border: 1px solid #ff940f; border-radius: 4px; margin-right: 9px; position: relative; top: -2px; }
.pyxnewsinfo .pyxnewsinfo_list li a .txt { font-size: 14px; color: #888888; line-height: 26px; width: 530px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin-bottom: 12px; }
.pyxnewsinfo .pyxnewsinfo_list li a .msg { height: 22px; line-height: 22px; font-size: 12px; color: #888888; }
.pyxnewsinfo .pyxnewsinfo_list li a  i{width: 20px;height: 20px;float: left;background-position: -30px -398px;display: block;margin-right: 3px;
} 
.pyxnewsinfo .pyxnewsinfo_list li a .msg .type { padding: 0 29px; }
.pyxnewsinfo .pyxnewsinfo_list li a .msg .label { display: inline-block; padding: 0 4px; border-radius: 4px; background: #f7f7f7; }
.pyxnewsinfo .pyxnewsinfo_list li:hover a { background-color: #f9f9f9; }
.pyxnewsinfo .pyxnewsinfo_list li:hover a .name { color: #ff940f; }
.pyxnewsinfo .pyxnewsinfo_list li:hover a .msg .label { color: #fff; background: #ff940f; }


/* kaic */



#main{width:1200px; height:auto; margin:20px auto; overflow:hidden;}



.gamekc-title ul li{ width:1200px; height:94px; float:left; text-align:center; cursor:pointer; border-bottom:1px solid #e0e0e0; border-top:2px solid #fff; line-height:94px; color:#333; font-size:30px;}
.gamekc-title ul li.border_rg{ border-right:1px solid #e0e0e0; width:599px;}
.gamekc-title ul li.title{ border-top:1px solid #ffc400;}
.gamekc-title ul li.title a{ color:#666;float: left;margin-left:20px;line-height: 94px;}
.gamekc-table dl dt{ height:50px; background:#f8f8f8; border-bottom:1px solid #e0e0e0; color:#333; font-size:18px; line-height:50px; text-align:center;}
.gamekc-table dl dd{ height:120px; border-bottom:1px dashed #ebebeb; text-align:center; color:#666; font-size:16px; overflow:hidden; line-height:120px;}
.gamekc-table ul li{ width:150px; height:100%; float:left; line-height: 50px; position:relative;}
.gamekc-table ul li p{ line-height:25px; color:#666; font-size:14px;}
.gamekc-table dl a{ display:inline-block; width:70px; height:30px; border-radius:1px; line-height:30px;}
.gamekc-table .table_time{ margin-top:7px;font-size: 18px;}
.gamekc-table .table_time a{ background:#fff; border:1px solid #258cff; color:#258cff;}
.gamekc-table .table_time a:hover{ background:#258cff; color:#fff;}
.gamekc-table dl dd ul{clear:both; height:100px;}
.gamekc-table dl dd ul li{line-height: 100px;}
.gamekc-table .time2{margin-top:40px;}
.gamekc-table .time2.red{color:red;}
.gamekc-table .time2_bnt{ margin:36px auto 0; display:none;width:102px; height:47px; }
.mt8{ margin-top:8px;}
.gamekc-table .game a{ display:block; width:80px; height:auto; margin:0 auto; position:relative; margin-top:9px;}
.gamekc-table .game img{ width:80px; height:80px; border-radius:10px;}
.gamekc-table .game em{ display:block; line-height:20px; height:20px; overflow:hidden; color:#666; font-size:16px;  margin-top:2px; _margin-top:0;}

.gamekc-table .kc-gamegc a{ width:130px; height:35px; line-height:35px;  color:#1d2026; _margin-top:41.5px;white-space:nowrap;}

.gamekc-table .kc-gameyys i{ width:130px; height:35px; line-height:35px; color:#1d2026; _margin-top:41.5px;white-space:nowrap;}

.gamekc-table .kc-gamegw a{ width:78px; height:35px; line-height:35px; background:#ffc400; color:#fff; _margin-top:41.5px; border-radius: 0px 12px;text-align: center;}
.gamekc-table .kc-gamegw a:hover{ background:#fff; color:#ffc400;}











footer{width:100%;color:#c6c6ca;padding-top:5px;height:115px;font-size:14px;background-color:#333333;text-align:center; float: left;margin-top:40px}
footer p{color:#c6c6ca;font-weight:400;margin-top:10px}
footer p a{color:#c6c6ca;margin:0 10px;font-weight:400}footer p:nth-child(2){color:#c6c6ca}
footer p:nth-child(3){margin-top:10px;color:#c6c6ca!important}
footer p:nth-child(3) a{color:#c6c6ca}
footer p:nth-child(3) a:hover{color:#ffba25}
footer p:nth-of-type(2) a{margin:0}


.clearfix:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix{*zoom:1;}
.o-m{background:#f8f8f8;width:1200px;margin:20px auto;}
.o-m .ul-o{float:left;width:320px;position:relative;background:#ffc400; height:100%;}
.o-m .ul-o li{width:100%;cursor:pointer;position:relative;z-index:2}
.o-m .ul-o span{width:62px;height:68px;float:left;display:block;background:url(../images/n-qyjz-1.png) no-repeat;background-position:-272px 20px;}
.o-m .ul-o li p{float:left;line-height:68px;color:#fff;font-size:20px;font-style:italic;width:258px;border-bottom:1px solid #fff;}
.o-m .ul-o li b{position:absolute;display:block;width:15px;height:32px;background:url(../images/n-qyjz-38.png) no-repeat;top:50%;margin-top:-16px;right:-15px;display:none}
.o-m .ul-o .li-mask{background:#ff6800;position:absolute;left:0;top:0;width:335px;height:68px;background:url(../images/n-qyjz-52.png) no-repeat;}
.o-m .ul-o li.on b{display:block;}
.o-m .ul-t{background:#f8f8f8;width:880px;float:left;height:714px;}
.o-m .ul-t li{list-style-type:none;position:relative;height:100%;display:none;}
.o-m .ul-t .li-top{padding:25px 0 0 50px;}
.o-m .ul-t h5{color:#666;font-size:24px;line-height:38px;}
.o-m .ul-t p{color:#999;font-size:14px;line-height:22px;margin-bottom:5px}
.o-m .ul-t .li-a a{color:#2b91b8;font-size:14px;margin-right:30px;cursor:default;line-height:22px;}
.o-m .ul-t .li-a span{color:#999;font-size:14px}
.o-m .ul-t .li-img{width:100%;text-align:center;position:absolute;left:0;bottom:0;}




.bannerhz{width: 100%;height: 500px;background: url(../images/bannerhz.jpg) no-repeat;}
.pyx_newinfo {width: 100%; max-width: 1200px;margin: 0 auto;height: 450px;}
.pyx_newinfo li{padding-top: 100px;}
.pyx_newinfo li h3{font-size: 30px; }
.pyx_newinfo li p{margin-top: 18px;font-size: 18px;}


.spider-stats {
    margin-bottom: 20px;
}

.spider-stats .card {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 15px;
    margin-bottom: 15px;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
}

.spider-stats .card-title {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #333;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}

.spider-stats .card-body {
    display: flex;
    flex-wrap: wrap;
}

.spider-stats .stat-item {
    flex: 1;
    min-width: 120px;
    text-align: center;
    padding: 10px;
}

.spider-stats .stat-value {
    font-size: 24px;
    font-weight: bold;
    color: #3598dc;
    margin-bottom: 5px;
}

.spider-stats .stat-label {
    font-size: 12px;
    color: #888;
}

.spider-chart {
    height: 300px;
    margin-bottom: 20px;
}