﻿
html{height: 100%;}
body{height: 100%; overflow-x: hidden; height: 100%; min-width: 1200px; background-color: #F7FCFF; min-height: 1080px; background-image: url(../image/all_bg.jpg); background-position: center top; background-repeat: no-repeat; background-size: 100% auto; background-attachment: fixed; overflow-x: hidden;}
@media (max-width: 1199px){body{overflow-x: auto;}}
.kf-table-wrap{width: 100%; margin: 0 auto;}
.e-sports-toast{position: absolute; top: 20px; left: 50%; width: 400px; background: rgba(0, 0, 0, 0.7); border-radius: .1rem; transform: translateX(-50%); padding: .1rem .3rem; font-size: .2rem; color: #fff; display: none; z-index: 100; text-align: center; letter-spacing: 2px;}
.down_to{top: 100px;}


/* 搜索 */
.kf-table-header-img-wrap{position: relative; width: 1200px; margin: 0 auto; z-index: 4;}
.search_wrap{width: 1200px; margin:0 auto; font-size: 14px; font-family: Microsoft YaHei; text-align: left; color: #f6f1d1; line-height: 18px;}
.select_data{position: relative; margin: 9px 0 0 34px; width: 106px; height: auto;}
.select_text{margin-left:15px; min-width: 29px; font-size: 14px; font-family: Microsoft YaHei; font-weight: 400; text-align: left; color: #8c8888; line-height: 25px; letter-spacing: 1px;}
.select_class{cursor: pointer; float: left; width: 106px; height: 27px; background: url(http://www.66666cq.com/gameBoxNew/images/legend/index/select_data.png) no-repeat; background-size: contain;}
.select_arrow{cursor: pointer; margin-top: 10px; margin-right: 10px; width: 14px; height: 8px; float: right; background: url(http://www.66666cq.com/gameBoxNew/images/legend/index/arrow-down.png) no-repeat; background-size: contain;}
.select_arrow:hover{background: url(http://www.66666cq.com/gameBoxNew/images/legend/index/arrow-down_h.png) no-repeat; background-size: contain;}
.select_ul{display: none; position: absolute; z-index: 999; top: 34px; left: 0px; width: 197px; height: 275px; background: url(http://www.66666cq.com/gameBoxNew/images/legend/index/select_ul_bg.png) no-repeat; background-size: contain;}
.select_ul ul{display: block; width: 100%; height: 100%;}
.select_ul ul li{cursor: pointer; margin: 0 auto; width: 88%; color: #8c8888; height: 29px; border-bottom:1px solid #594237 ; line-height: 29px; letter-spacing: 1px;}
.select_ul ul li:hover{color: #f6f1d1;}
.select_ul ul li:nth-child(9){border-bottom:none ;}
/* 更多版本选择 */
.select_edition{margin: 13px 0 0 126px; cursor: pointer;}
.select_sm{width: 100%;}
.select_sm ul{display: block; width: 100%; overflow: hidden;}
.select_sm ul li{float: left; padding: 1px 7px;}
.select_sm ul li:hover{padding: 1px 7px; color: #FCDA41; background-color:rgb(250, 250, 250,.23); border-radius: 11px;}
.select_sm ul li:nth-child(1):hover{color: #f6f1d1; background: none;}
.select_sm ul li:nth-child(8):hover{color: #fcda41; background: none;}
.select_sm_m{font-size: 14px; font-family: Microsoft YaHei ; font-weight: 400; text-align: left; color: #fcda41; line-height: 18px; letter-spacing: 1px;}
.select_edition_ul{position: absolute; display: none; top: 43px; right: 264px; z-index: 9; width: 380px; min-height: 108px; overflow: hidden; background: url(http://www.66666cq.com/gameBoxNew/images/legend/index/select_edition_bg.png) no-repeat; background-size: 100% 100%;}
.select_edition_ul ul{width: 100%; height: auto; padding: 6px 0;}
.select_edition_ul ul li{float: left; margin: 0 auto; width:63px; height: 28px; font-size: 14px; font-family: Microsoft YaHei ; font-weight: 400; text-align: center; color: #8c8888; line-height: 28px; letter-spacing: 1px;}
.select_edition_ul ul li:hover{color: #FCDA41;}
.search_con{float: left; width: 420px; height: 22px; margin:0 auto;}
.search_con ul{padding-top: 2px; display: block; width: 800px; height: 22px;}
.search_con ul li{display: block; margin-left: 5px; float: left; color: #4B5A99; font-size: 16px; cursor: pointer; padding: 2px 16px;}
.search_con ul li:hover,
.search_con ul li.cur{padding: 2px 16px; background: #D2DDEF; border-radius: 20px;}
.inputtext{position: relative; margin-top: 9px; margin-right: -56px; /* right: -10px; top: 10px; */ /* width: 270px; */ /* position: absolute; */}
.inputtext input{width: 175px; height: 27px; padding-left: 20px; margin-left: 10px; background: url(http://www.66666cq.com/gameBoxNew/images/legend/index/input_bg.png) no-repeat; background-size: contain; outline: none; font-size: 14px; font-family: Microsoft YaHei; font-weight: 400; text-align: left; color: #8c8888; line-height: 18px;}
.inputclose{position: absolute; top:5px; right: 35px; cursor: pointer; width: 18px; height: 18px; background: url(http://www.66666cq.com/images/kf-table/191225/inputclose.png) no-repeat; background-size: contain; display: none;}
.inputclose:hover{background: url(http://www.66666cq.com/images/kf-table/191225/inputclose_h.png) no-repeat;}
.search_bt{position: absolute; top:6px; left: 160px; cursor: pointer; width: 15px; height: 15px; background: url(http://www.66666cq.com/gameBoxNew/images/legend/index/search_bt.png) no-repeat; background-size: contain;}
.search_bt:hover{background: url(http://www.66666cq.com/gameBoxNew/images/legend/index/search_bt_h.png) no-repeat; background-size: contain;}
.reload_bt{position: absolute; top: 3px; left: 196px; cursor: pointer; width: 51px; height: 20px; background: url(http://www.66666cq.com/gameBoxNew/images/legend/index/reload_bt.png) no-repeat; background-size: contain;}
.reload_bt:hover{background: url(http://www.66666cq.com/gameBoxNew/images/legend/index/reload_bt_h.png) no-repeat; background-size: contain;}

/* 品牌专区*/
.special_zone{width: 1200px; margin: 0 auto;}
.special_bg{position: relative; width: 1495px; height: 372px; background: url(../image/s-bg1.png) no-repeat 50%; margin: -58px 0 0 -288px;}
.handle_zone{position: absolute; top: 21.5%; right: 0;}
.clock_zone{position: relative; width: 381px; height: 125px; background: url(../image/clock-bg.png) no-repeat 50%; margin-bottom: 4px;}
.clock_zone a{display: block; height: 100%;}
.red_packet{position: relative; width: 381px; height: 125px; background: url(../image/redpac-bg.png) no-repeat 50%; cursor: pointer;}
.handle_zone_btn{position: absolute; bottom: 6px; right: 94px; height:42px; width:126px; background: url(../image/nav-img.png) no-repeat 50%;}
.clock_zone_btn{background-position:0 -185px;}
.clock_zone:hover .clock_zone_btn{background-position:0 -232px;}
.red_packet_btn{background-position:0 -139px;}
.red_packet:hover .red_packet_btn{background-position:0 -278px;}
.redpac_countdown{position: absolute; bottom: 6px; left: 10px; width: 150px; height: 25px; line-height: 25px; font-size: 16px; font-family: AlibabaPuHuiTiR, AlibabaPuHuiTiR-Regular; text-align: left; color: #ffe6b3;}
.red_ani{position: absolute; top: 3px; left: 14px; width: 128px; height: 97px; background: url(../image/red-ani.png) no-repeat 50%; background-size: 128px 2910px; -webkit-animation: redAni 2s steps(29) 0s infinite; -moz-animation: redAni 2s steps(29) 0s infinite; -ms-animation: redAni 2s steps(29) 0s infinite; -o-animation: redAni 2s steps(29) 0s infinite; animation: redAni 2s steps(29) 0s infinite;}
@keyframes redAni{0%{background-position: 0 0;} 100%{background-position:0 100%;}}
@-webkit-keyframes redAni{0%{background-position: 0 0;} 100%{background-position:0 100%;}}
@-moz-keyframes redAni{0%{background-position: 0 0;} 100%{background-position:0 100%;}}
@-ms-keyframes redAni{0%{background-position: 0 0;} 100%{background-position:0 100%;}}
@-o-keyframes redAni{0%{background-position: 0 0;} 100%{background-position:0 100%;}}
/* 游戏列表 */
.game_wrapper{position: relative;}
.game_wrapper_top{width: 1169px; height: 42px; background: url(../image/spe-top1.png) no-repeat 50%; margin-left: -33px; margin-top: -30px;line-height:30px; text-align:left; font-size:16px;color:#000; font-weight:bold;padding-top:50px;padding-left:100px;}
.game_spe_con{width: 100%; height: auto; overflow: hidden;}
.game_spe_ul{width: 1200px; height: auto; padding: 4px 0 20px 11px; box-sizing: border-box; text-align: center; font-size: 30px; color: #C9383D; background: #f0f0f0; margin: 0 auto;}
.game_spe_ul li{float: left; width: 290px; height: 245px; background: url(../image/spe-list-bg1.png) no-repeat 50%; margin: 12px 6px 0 0; padding: 5px 4px 0 ; box-sizing: border-box;}
.spe_list_top{position: relative; width: 100%; height: 183px; overflow: hidden;}
.spe_list_top_link{height: 100%; display: block; font-size: 14px; font-family: Microsoft YaHei, Microsoft YaHei-Regular; font-weight: 400; text-align: left; color: #6F6F6F;}
.spe_list_top_link:hover{transform: scale(1.03);}
.spe_list_top:hover .game_name{color: #f5ad1e;}
.spe_list_top img{width: 100%; height: 100%;}
.spe_list_tit{position: absolute; bottom: 0; left: 0; width: 100%; height: 35px; line-height: 35px; background: rgba(48,46,46,0.8); z-index: 1;}
.spe_list_tit .go_ranking{width: 72px; height: 22px; padding: 0 2px; box-sizing: border-box; line-height: 22px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: Microsoft YaHei, Microsoft YaHei-Regular; text-align: left; color: #fbe8df; background: rgba(146,132,122,0.8); border-radius: 3px; margin-top: 7px;}
.spe_list_tit .game_name{width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; line-height: 35px; font-family: Microsoft YaHei, Microsoft YaHei-Regular; font-weight: 400; text-align: left; color: #fefae4; margin-left:4px;}
.support_icon_con{position: absolute; bottom: 0; right: 4px; height: 35px; width: 46px; z-index: 10;}
.support_icon_con .support_icon{position: relative; height: 17px; width: 46px; background: url(../image/spe-btn1.png) no-repeat 50%; background-position:0 0; cursor: pointer; margin-top: 10px;}
.support_icon_con .support_icon:hover{background-position:-52px 0;}
/* 支持样式 */
.support_icon_con .support_icon.active_supp{background-position:0 -21px;}
.support_ani{position: absolute; bottom: -33px; left: -38px; width: 124px; height: 0; background: url(../image/zan-ani1.png) no-repeat 50%; background-size: 124px 2227px;}
.support_ani_add{-webkit-animation: supportAni 2s steps(16) 0s alternate forwards; -moz-animation: supportAni 2s steps(16) 0s alternate forwards; -ms-animation: supportAni 2s steps(16) 0s alternate forwards; -o-animation: supportAni 2s steps(16) 0s infinite; animation: supportAni 2s steps(16) 0s alternate forwards;}
@keyframes supportAni{0%{background-position: 0 0;} 100%{background-position: 0 100%;}}
@-webkit-keyframes supportAni{0%{background-position: 0 0;} 100%{background-position: 0 100%;}}
@-moz-keyframes supportAni{0%{background-position: 0 0;} 100%{background-position: 0 100%;}}
@-ms-keyframes supportAni{0%{background-position: 0 0;} 100%{background-position: 0 100%;}}
@-o-keyframes supportAni{0%{background-position: 0 0;} 100%{background-position: 0 100%;}}
.spe_list_top .spe_safe_icon{position: absolute; top: 8px; left: 8px; width: 44px; line-height: 16px; background: linear-gradient(0deg,rgba(112,58,7,0.8) 0%, rgba(146,80,12,0.8) 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#703A07, endColorstr=#92500C); border-radius: 3px; font-size: 14px; padding: 2px 0; font-family: AlibabaPuHuiTiM, AlibabaPuHuiTiM-Regular; text-align: center; color: #ffffff;}
.spe_list_mid span{color: #C9383D;}
.spe_list_mid{padding: 8px 4px 8px 6px; box-sizing: border-box; font-size: 12px; font-family: Microsoft YaHei, Microsoft YaHei-Regular; font-weight: 400; text-align: left; color: #6F6F6F;}
.spe_list_mid .support_number i{font-style: normal;}
.spe_list_mid .verson_zan{width: 48%;}
.spe_list_mid .verson_zan p{text-overflow: ellipsis; white-space: nowrap; overflow: hidden; line-height: 18px;}
.living_btn,.no_living_btn{width:110px; height:32px; background: url(../image/spe-btn1.png) no-repeat 50%; background-position:0 -120px; margin-top: 4px;}
.living_btn:hover{background-position:0 -83px;}
.living_btn a{display: block; width: 100%; height: 100%;}
.no_living_btn{background-position:0 -44px;}
/* 滚动条 */
.game_spe_con .zUIpanelScrollBox,.game_spe_con .zUIpanelScrollBar{width: 8px; top: 4px; right: 2px; border-radius:5px;}
/* 滚动条背景 */
.game_spe_con .zUIpanelScrollBox{background: none;}
/* 滚动条 */
.game_spe_con .zUIpanelScrollBar{background: #B26055;}
/*
游戏列表和历史记录-------------------------------------s
*/
.game_con{position: relative; z-index: 100;}
.game_con .game_list_ul li{display: inline-block;}
.game_con .game_list_ul a{width: 300px; height: 200px; border: 2px solid #000; margin: 10px; background: #ddd; display: block;}
.gameHistory{display: none; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0,0,0,0.5); z-index: 101;}
.gameHistory .h-cont{width: 600px; height: 500px; border-radius: 8px; background-color: #fff; margin: 100px auto;}
.gameHistory .h-cont a{display: block; margin: 20px;}
/*
游戏列表和历史记录-------------------------------------e
*/
.games{float:left;width:296px;height:256px;position:relative;}
#GameVerbg{width:100%;position:relative;overflow:hidden;margin:0px auto 0px auto;padding-bottom:0px;z-index:1500;}
#GameVer{width:1200px;position:relative;overflow:hidden;margin:0px auto 0px auto;z-index:1500;}
#GameVer .gametitle{height:80px;text-indent:-99em;overflow:hidden;margin-bottom:0px;background:url(http://www.66666cq.com/images/title.png) no-repeat center top;display:block;}
#gameList{min-width:1200px;margin:0 auto;padding-top:0px;padding-left:0px;min-height:258px;z-index:999999999999999999}





/* 底部 */
.footer_list{width: 1200px; margin: 12px auto;}
.footer_list li{float: left; width: 297px; height: 213px; overflow: hidden;}
.footer_list li span{display: block; margin-left: 118px; margin-top: 76px; width: 136px; height: 60px; font-size: 12px; font-family: Microsoft YaHei, Microsoft YaHei-Regular; font-weight: 400; text-align: left; color: #606060; line-height: 16px;}
.footer_list li.f_list1{background: url(../image/f-list1.png) no-repeat 50%;}
.footer_list li.f_list2{background: url(../image/f-list2.png) no-repeat 50%; margin: 0 4px;}
.footer_list li.f_list3{background: url(../image/f-list3.png) no-repeat 50%; margin-right: 4px;}
.footer_list li.f_list4{background: url(../image/f-list4.png) no-repeat 50%;}
.footer_list li a.f_list_btn{width: 234px; height: 52px; background: url(http://www1.3wf3.com:88/static/image/f-list-btn.png) no-repeat 50%; margin: 0px auto 0; display: block;}
.footer_list li .f_list_btn:hover{background: url(http://www1.3wf3.com:88/static/image/f-list-btn-h.png) no-repeat 50%;}
.index_footer{width: 100%; min-height: 153px; background: url(../image/footer-bg.png) no-repeat 50%; background-size: 100% 100%; margin: 0 auto; padding-top: 54px; box-sizing: border-box;}
.index_footer .copy_text,.index_footer .copy_text a{font-size: 16px; font-family: Microsoft YaHei, Microsoft YaHei-Regular; text-align: center; color: #ffffff; line-height: 30px;}
.index_footer .copy_text a:hover{color: #FAE1A7;}

