.comment { position: relative; z-index: 5; padding-bottom: 50px; }
.comment .center { width: 1200px; height: 100%; margin: 0 auto; position: relative; }
.comment .center .title { background: #efeff4; }
.comment .center .title .bt { height: 130px; text-align: center; background: url("../images/title.png") no-repeat center; width: 1009px; line-height: 130px; margin: 0 auto; font-size: 45px; color: #1f212b; font-weight: bold; }
.comment .nav_title1 { background: #fff; box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.1); border-radius: 10px; margin-bottom: 34px; }
.comment .nav_title1 ul { padding: 0 20px; }
.comment .nav_title1 ul li { width: 25%; display: block; position: relative; cursor: pointer; z-index: 1; }
.comment .nav_title1 ul li:last-child:after { display: none; }
.comment .nav_title1 ul li:after { width: 1px; height: 57px; content: ''; position: absolute; right: 0px; top: 40px; background: #e5e5e5; }
.comment .nav_title { height: 132px; position: relative; }
.comment .nav_title ul li { float: left; text-align: center; padding-top: 15px; position: relative; line-height: 30px; font-size: 18px; color: #b8b8b8; }
.comment .nav_title ul li a { color: #b8b8b8; }
.comment .nav_title ul li .tab { height: 60px; width: 100%; position: relative; z-index: 1; }
.comment .nav_title ul li .ico { background: url("../images/ico_img.png") no-repeat center; position: absolute; left: 0px; top: 0px; bottom: 0px; right: 0px; margin: auto; }
.comment .nav_title ul li .ico1 { height: 47px; width: 47px; background-position: -83px -383px; }
.comment .nav_title ul li .ico2 { height: 43px; width: 47px; background-position: -83px -257px; }
.comment .nav_title ul li .ico3 { height: 35px; width: 47px; background-position: -83px -325px; }
.comment .nav_title ul li .ico4 { height: 39px; width: 41px; background-position: -83px -57px; }
.comment .nav_title ul li:hover { color: #000; }
.comment .nav_title ul li:hover .ico { background-position-x: 0; }
.comment .nav_title ul li:hover a { color: #000; }
.comment .nav_title ul .on { color: #000; }
.comment .nav_title ul .on .ico { background-position-x: 0; }
.comment .nav_title ul .on a { color: #000; }
.comment .nav_title .line_ { z-index: 0; width: 110px; height: 10px; background: #ffdc00; position: absolute; left: 105px; top: 42px; display: block; }
.comment .nav_title2 { margin-bottom: 13px; }
.comment .nav_title2 ul { width: 1222px; height: 132px; }
.comment .nav_title2 ul li { background: #fff; width: 393px; height: 117px; border-radius: 10px; position: relative; margin-right: 11px; }
.comment .nav_title2 .line_ { z-index: 1; left: 137px; }

.fotter { position: relative; z-index: 5; }

.index_bg_box { height: 4000px; width: 100%; min-width: 1200px; position: fixed; margin: auto; top: 0; left: 0; right: 0; z-index: 1; background: url("../images/bj.png") no-repeat center top #efeff4; background-size: auto; }

@keyframes fadeInscalse { 0% { -webkit-transform: scale(0); transform: scale(0); }
  50% { -webkit-transform: scale(1); transform: scale(1); }
  100% { -webkit-transform: scale(0); transform: scale(0); } }
.hide { display: none; }

.Min1 { height: 645px; width: 100%; position: fixed; left: 0px; top: 34px; }
.Min1 .tab_item { position: absolute; }
.Min1 .tab_item .animated { background: url("../images/ico_img.png") no-repeat center; position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; bottom: 0px; margin: auto; }
.Min1 .tab1 { height: 104px; width: 108px; left: 139px; top: 226px; }
.Min1 .tab1 .tab { background-position: -170px 0; }
.Min1 .tab2 { height: 172px; width: 178px; left: 300px; top: 145px; }
.Min1 .tab2 .tab { background-position: -326px 0; }

.Min2 { padding-top: 642px; height: 640px; }
.Min2 .warp2 { width: 100%; height: 100%; position: relative; overflow: hidden; margin-left: -1px;}
.Min2 .warp2 ul { width: 1202px; height: 100%; }
.Min2 .warp2 ul li { float: left; width: 399px; height: 320px; overflow: hidden; margin: 0 0px 1px 0; position: relative; }
.Min2 .warp2 ul li a { display: block; width: 100%; height: 100%; }
.Min2 .warp2 ul li img { display: block; width: 100%; height: 100%; transition: all 0.2s linear; }
.Min2 .warp2 ul li p { background: url("../images/lin1.png") repeat-x left; width: 100%; height: 55px; text-align: center; color: #fff; overflow: hidden; position: absolute; left: 0px; bottom: 0px; }
.Min2 .warp2 ul li p span { display: block; padding: 0 10px; line-height: 40px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 18px; }
.Min2 .warp2 ul li:hover img { transform: scale(1.1); }
.Min2 .warp2 ul li:hover p { color: #ffdc00; }
.Min2 .warp2 ul li:nth-child(2) { margin: 0 1px 1px 1px; width: 400px; }
.Min2 .warp2 ul li:nth-child(2) p { background-image: url("../images/lin2.png"); }
.Min2 .warp2 ul li:nth-child(3) p { background-image: url("../images/lin3.png"); }
.Min2 .warp2 ul li:nth-child(4) { width: 800px; margin-right: 1px; }
.Min2 .warp2 ul li:nth-child(4) p { background-image: url("../images/lin4.png"); text-align: left; }
.Min2 .warp2 ul li:nth-child(5) p { background-image: url("../images/lin5.png"); }

.news { background: #fff; border-radius: 10px; }
.news ul { padding-top: 10px; }
.news ul li { display: block; padding: 20px 0; margin: 0 20px; height: 181px; border-bottom: 1px dashed #ebebeb; }
.news ul li .img { float: left; width: 302px; height: 100%; display: block; margin-right: 25px; border-radius: 10px; overflow: hidden; }
.news ul li .img img { display: block; width: 100%; height: 100%; transition: all 0.2s linear; }
.news ul li .infor { float: left; width: 768px; color: #999; font-size: 16px; }
.news ul li .infor .name { font-size: 24px; height: 36px; line-height: 36px; color: #444; display: block; margin-top: -5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.news ul li .infor .text { padding-top: 10px; text-align: justify; line-height: 36px; height: 80px; overflow: hidden; font-size: 16px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-break: break-all; }
/*.news ul li .infor .text { padding-top: 10px; text-align: justify; line-height: 36px; height: 108px; overflow: hidden; font-size: 16px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-break: break-all; }*/
.news ul li .infor .bq { margin-top: 20px; height: 30px; overflow: hidden; line-height: 30px; }
/*.news ul li .infor .bq { height: 30px; overflow: hidden; line-height: 30px; }*/
.news ul li .infor .bq span { padding-right: 100px; }
.news ul li .infor .bq span .ico { display: inline-block; vertical-align: middle; background: url("../images/ico_img.png") no-repeat center; margin: -2px 10px 0 0; height: 26px; width: 26px; }
.news ul li .infor .bq .time .ico { background-position: -52px 0; }
.news ul li .infor .bq .pl .ico { background-position: 0px 0; }
.news ul li:hover img { transform: scale(1.1); }
.news ul li:hover .infor .name { color: #ffdc00; }

.more_link { height: 62px; padding: 26px 0 29px; background: #fff; border-radius: 10px; }
.more_link .more { cursor: pointer; background: url("../images/ico_img.png") no-repeat center; margin: 0 auto; height: 62px; width: 274px; background-position: -214px -219px; text-align: center; color: #9e9e9e; line-height: 62px; font-size: 18px; display: block; }
.more_link .more:hover { background-position: -212px -306px; color: #fff; }

.Min4 .warp4 { border-radius: 10px; background: #fff; overflow: hidden; }
.Min4 .warp4 .ul { padding: 28px 0px 8px 20px; background: #1f212b; }
.Min4 .warp4 .ul ul li { margin: 0 16px 16px 0; float: left; width: 377px; height: 226px; position: relative; overflow: hidden; }
.Min4 .warp4 .ul ul li:hover img { transform: scale(1.1); }
.Min4 .warp4 .ul ul li:hover p { color: #ffdc00; }
.Min4 .warp4 .ul ul li a { display: block; width: 100%; height: 100%; }
.Min4 .warp4 .ul ul li img { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; transition: all 0.2s linear; }
.Min4 .warp4 .ul ul li p { background: url("../images/lin6.png") repeat-x left; height: 55px; position: absolute; width: 100%; left: 0px; bottom: 0px; color: #fff; }
.Min4 .warp4 .ul ul li p span { display: block; padding: 0 4px 0 10px; line-height: 40px; height: 40px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 18px; }

.Min5 { margin-bottom: 10px; }
.Min5 .gamelist ul { margin-top: -28px; margin-bottom: 8px; }
.Min5 .gamelist ul li { margin-top: 28px; float: left; height: 211px; padding-top: 90px; width: 200px; }
.Min5 .gamelist ul li .lis { background: #fff; padding: 0 12px; position: relative; height: 100%; }
.Min5 .gamelist ul li .lis .tab { position: absolute; top: -87px; left: 12px; width: 168px; height: 218px; padding: 4px; background: #fff; border-radius: 5px; box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.2); overflow: hidden; }
.Min5 .gamelist ul li .lis .tab:hover .img img { transform: scale(1.1); }
.Min5 .gamelist ul li .lis .tab:hover .show_ { top: 4px; }
.Min5 .gamelist ul li .lis .tab .img, .Min5 .gamelist ul li .lis .tab .img img { width: 100%; height: 100%; overflow: hidden; transition: all 0.2s linear; }
.Min5 .gamelist ul li .lis .tab .show_ { position: absolute; left: 4px; top: 304px; width: 158px; height: 218px; background: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); zoom: 1; background: rgba(0, 0, 0, 0.6); color: #ff921e; text-align: center; padding: 0 5px; transition: all 0.2s linear; }
.Min5 .gamelist ul li .lis .tab .show_ .bt { font-size: 18px; width: 100%; height: 60px; overflow: hidden; line-height: 60px; }
.Min5 .gamelist ul li .lis .tab .show_ .zan { border: 1px solid #ff921e; width: 62px; height: 62px; margin: 7px auto; margin-bottom: 26px; border-radius: 50%; position: relative; cursor: pointer; }
.Min5 .gamelist ul li .lis .tab .show_ .zan i { display: block; position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; margin: auto; background: url("../images/ico_img.png") no-repeat center; height: 32px; width: 30px; background-position: -100px 0; }
.Min5 .gamelist ul li .lis .tab .show_ .zan:hover { background: #ff921e; }
.Min5 .gamelist ul li .lis .tab .show_ .zan:hover i { background-position: -183px -170px; }
.Min5 .gamelist ul li .lis .tab .show_ p { line-height: 27px; height: 27px; overflow: hidden; width: 100%; font-size: 13px; }
.Min5 .gamelist ul li .lis .name { width: 168px; bottom: 8px; left: 16px; position: absolute; height: 64px; line-height: 64px; overflow: hidden; text-align: center; white-space: nowrap; text-overflow: ellipsis; font-size: 18px; color: #000; }
.Min5 .gamelist ul .on .lis .tab .show_ .zan { background: #ff921e; }
.Min5 .gamelist ul .on .lis .tab .show_ .zan i { background-position: -183px -170px; }

.Min_pl { background: #fff; border-radius: 10px; padding: 15px 30px; width: 1140px; margin: 0 auto; box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.1); }

.fell_nav { position: fixed; display: none; right: 125px; width: 203px; background: #313131; height: 414px; top: 50%; margin-top: -207px; z-index: 100; }
.fell_nav .top { background: #1b1b1b; height: 160px; position: relative; width: 100%; cursor: pointer; }
.fell_nav .top img { max-width: 80%; display: block; position: absolute; left: 0px; top: 0px; bottom: 0px; right: 0px; margin: auto; }
.fell_nav ul li { display: block; height: 80px; line-height: 80px; text-align: center; color: #fff; font-size: 24px; font-weight: bold; cursor: pointer; }
.fell_nav ul li span { border-bottom: 1px solid #eee; display: inline-block; }
.fell_nav ul li:last-child span { border: none; }
.fell_nav ul .on { color: #03fb2b; }

.Min6 { padding-top: 645px; }

.warp6 { padding: 15px 20px 0 20px; background: #fff; border-radius: 10px; box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.1); }
.warp6 .data_list { width: 100%; overflow: hidden; border-bottom: 1px solid #e5e5e5; }
.warp6 ul { width: 105%; }
.warp6 ul li { float: left; width: 236px; border-bottom: 1px solid #e5e5e5; padding: 15px 0; margin-bottom: -1px; }
.warp6 ul li .img { width: 218px; height: 131px; display: block; overflow: hidden; position: relative; border-radius: 5px; }
.warp6 ul li .img:hover img { transform: scale(1.1); }
.warp6 ul li .img img { display: block; transition: all 0.2s linear; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; }
.warp6 ul li .text { display: block; margin: 10px 0; width: 218px; height: 60px; line-height: 30px; color: #424242; font-size: 16px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; }
.warp6 ul li:hover .img img { transform: scale(1.1); }
.warp6 ul li:hover .text { color: #ffdc00; }

.tcdPageCode { width: 100%; height: 40px; padding: 40px 0; font-size: 13px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-align: center; }

.tcdPageCode span { color: #fff; }

.tcdPageCode .disabled, .tcdPageCode .current, .tcdPageCode .prevPage, .tcdPageCode .nextPage, .tcdPageCode .tcdNumber { line-height: 30px; font-size: 14px; color: #333; padding: 8px 13px; margin: 0 6px; height: 40px; border-radius: 4px; cursor: pointer; border: 1px solid #e9e9e9; }

.tcdPageCode .current { background: #ffdc00; border-color: #ffdc00; color: #fff; }