body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, input, select, textarea, div, table, td, th, tr, dt, dd, dl, a { margin: 0; padding: 0; }

ul, ol { list-style: none; }

em, i { font-style: normal; }

table { border-spacing: 0; border-collapse: collapse; }

img { border: none; vertical-align: middle; }

input, select, button { vertical-align: middle; outline: none; }

a { text-decoration: none; color: #0080ff; }

body { min-width: 1200px; font-family: 'Microsoft YaHei','Arial','Heiti SC'; background: #f5f5f5; }

.fl { float: left; }

.fr { float: right; }

.wrap { width: 1200px; margin: 0 auto; }

.header { width: 100%; height: 40px; background: #262626; position: relative; z-index: 9; }
.header .wrap { width: 1200px; margin: 0 auto; font-size: 14px; }
.header .wrap .nav_list li { float: left; line-height: 40px; }
.header .wrap .nav_list li a { color: #999; margin: 0 15px; }
.header .wrap .nav_list li a.on, .header .wrap .nav_list li a:hover { color: #e6e6e6; }
.header .wrap .sitenav { position: relative; cursor: pointer; }
.header .wrap .sitenav > span { background: #eee; height: 43px; line-height: 40px; display: block; width: 95px; text-align: center; color: #fff; background: -webkit-linear-gradient(to bottom, #3399ff 0%, #0281ff 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3399ff', endColorstr='#0281ff',GradientType=0 ) !important; background: linear-gradient(to bottom, #3399ff 0%, #0281ff 100%) !important; position: relative; }
.header .wrap .sitenav > span:before { display: block; position: absolute; content: " "; left: -6px; bottom: 0; width: 0; height: 0; border-bottom: 6px solid transparent; border-right: 6px solid #000; }
.header .wrap .sitenav .topr { position: absolute; right: 0px; top: 43px; display: none; box-shadow: 0 6px 12px #bfbebe; -webkit-box-shadow: 0 6px 12px #bfbebe; -moz-box-shadow: 0 6px 12px #bfbebe; }
.header .wrap .sitenav .nav_item { width: 1200px; overflow: hidden; background: #fff; display: flex; }
.header .wrap .sitenav .nav_item ul { float: left; width: 199px; flex: 1; text-align: center; border-right: 1px solid #e6e6e6; padding-bottom: 15px; }
.header .wrap .sitenav .nav_item ul li { width: 100%; float: left; }
.header .wrap .sitenav .nav_item ul li span { display: inline-block; width: 100%; font-size: 16px; color: #fff; line-height: 50px; height: 50px; font-weight: 600; background: #0281ff; border-right: 1px solid #409fff; border-bottom: 1px solid #66b3ff; box-sizing: border-box; margin-bottom: 25px; }
.header .wrap .sitenav .nav_item ul li a { display: inline-block; box-sizing: border-box; width: 100%; height: 36px; line-height: 36px; font-size: 14px; color: #565656; }
.header .wrap .sitenav .nav_item ul li a:hover { color: #0281ff; }
.header .wrap .sitenav .nav_item ul li .ico_h::after { display: inline-block; content: ""; background: url(../img/img_icon.png) no-repeat; height: 12px; width: 10px; background-position: 0 0; margin: 0 0 0 5px; }
.header .wrap .sitenav .nav_item ul:last-child { border: none; }

.top_wrap { height: 100px; width: 1200px; overflow: hidden; margin: 10px auto; }
.top_wrap .search_box { background: #fff; border: 1px solid #ddd; border-radius: 3px; overflow: hidden; width: 440px; height: 42px; margin-top: 30px; }
.top_wrap .search_box .search_ksy { float: left; background: none; height: 42px; line-height: inherit; border: none; width: 250px; padding: 0 25px; color: #6b6b6b; }
.top_wrap .search_box .search_btn { float: right; width: 80px; height: 42px; cursor: pointer; border: none; outline: none; background: -webkit-linear-gradient(to right, #3399ff 0%, #0281ff 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3399ff', endColorstr='#0281ff',GradientType=1 ) !important; background: linear-gradient(to right, #3399ff 0%, #0281ff 100%) !important; }
.top_wrap .search_box .search_btn:hover { opacity: .8; }
.top_wrap .search_box .search_btn .icon-search { color: #fff; display: block; text-align: center; line-height: 42px; background: url(../img/img_icon.png) no-repeat; margin: 0 auto; height: 24px; width: 24px; background-position: 0 -78px; }

.Min_nav { width: 100%; height: 52px; background: #3399ff; }
.Min_nav .wrap { overflow: hidden; }
.Min_nav a { line-height: 52px; height: 52px; display: inline-block; float: left; padding: 0 32px; color: #fafafa; font-size: 16px; background: #3399ff; transition: all .4s linear; -webkit-transition: all .4s linear; }
.Min_nav a.on, .Min_nav a:hover { background: -webkit-linear-gradient(to bottom, #3399ff 0%, #0281ff 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3399ff', endColorstr='#0281ff',GradientType=0 ) !important; background: linear-gradient(to bottom, #3399ff 0%, #0281ff 100%) !important; }

.content { width: 1200px; margin: 0 auto 40px; min-height: calc(119vh - 500px); overflow: hidden; }

.Min_L { width: 800px; overflow: hidden; margin-right: 40px; }

.Min_R { width: 360px; overflow: hidden; }

.footer { width: 100%; background: #262626; padding: 15px 0; overflow: hidden; font-size: 12px; }
.footer .wrap { width: 1200px; margin: 0 auto; }
.footer .wrap .footer-links { text-align: center; margin: 8px auto; }
.footer .wrap .footer-links a + a { border-left: 1px solid #565656; }
.footer .wrap .footer-links a { padding: 0px 10px; height: 14px; line-height: 14px; display: inline-block; text-decoration: none; color: #D7D7D7; font-size: 14px; transition: all .1s linear; }
.footer .wrap .footer-links a:hover { color: #0281ff; }
.footer .wrap p { text-align: center; line-height: 26px; color: #6B6B6B; }
.footer .wrap p a { color: #0281ff; }
.footer .wrap .logo img { display: block; height: 70px; margin: 5px auto 0; }

.crumb { width: 100%; margin-top: 10px; }
.crumb .wrap { width: 1200px; margin: 0 auto; height: 50px; line-height: 50px; font-size: 13px; color: #797979; }
.crumb .wrap a { color: #797979; }
.crumb .wrap a:hover { color: #0281ff; }

.side-toolbar { position: fixed; bottom: 153px; left: 50%; z-index: 10; margin-left: 620px; display: none; }

.side-toolbar li { width: 54px; height: 54px; line-height: 54px; text-align: center; background: #3aa9ff; color: #fff; cursor: pointer; margin-bottom: 4px; font-size: 18px; }

.side-toolbar .totop { background-image: url(../img/totop.png); background-repeat: no-repeat; background-position: center center; }

.side-toolbar .bd-share .bdsharebuttonbox { position: absolute; }

.side-toolbar .bd-share .bds_more { color: #333; float: left; width: 54px; height: 54px; margin: 0; padding: 0; background: none; }

.QZtitle { width: 100%; height: 44px; line-height: 44px; margin-top: 15px; border-bottom: 1px solid #f5f5f5; position: relative; }
.QZtitle .tab_more a + a { display: none; }
.QZtitle span, .QZtitle h2 { display: block; float: left; line-height: 40px; font-size: 20px; color: #333; font-weight: bold; border-bottom: 3px solid #b2d9ff; position: absolute; left: 0; bottom: -1.5px; }
.QZtitle .more { float: right; font-size: 14px; color: #99ccff; }
.QZtitle .more i { display: inline-block; background: url(../img/img_icon.png) no-repeat; height: 4px; width: 10px; background-position: -17px 0; margin: 0 3px 3px; }

.about_head { width: 1200px; height: 120px; overflow: hidden; margin: 0 auto; }
.about_head .logo { display: block; margin-top: 35px; }
.about_head .logo img { height: 49px; }
.about_head .links { overflow: hidden; width: 970px; }
.about_head .links a { display: block; float: left; width: 160px; height: 120px; text-align: center; line-height: 120px; font: 12px/120px; color: #666; }
.about_head .links a.on, .about_head .links a:hover { color: #fff; font-weight: bold; background: -webkit-linear-gradient(to bottom, #3399ff 0%, #0281ff 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3399ff', endColorstr='#0281ff',GradientType=0 ) !important; background: linear-gradient(to bottom, #3399ff 0%, #0281ff 100%) !important; }

.about_bg { width: 100%; height: 300px; background: url(../img/bg.jpg) repeat center; }

.about_wrap { background: #fff; padding: 20px; margin-top: 30px; }
.about_wrap .about_title { font-size: 30px; color: #333; font-weight: bold; text-align: center; margin: 10px 0; }
.about_wrap .about_cont { font-size: 15px; color: #555; line-height: 26px;}
.about_wrap .about_cont p { width: 100%; margin: 10px 0; }

#page { margin: 20px auto; width: 100%; overflow: hidden; text-align: center; }
#page a, #page span { display: inline-block; width: auto; padding: 0 10px; height: 30px; text-align: center; line-height: 30px; color: #666; font-size: 14px; border-radius: 5px; border: 1px solid #e6e6e6; margin: 0 5px; }
#page span { background-color: #589cf6; color: #fff; }
#page a:hover { background-color: #589cf6; color: #fff; }
#page .activP { background-color: #589cf6; color: #fff; }

.r_item:last-child { margin-bottom: 0; }

.r_item { background: #fff; padding: 20px; margin-bottom: 30px; }
.r_item .r_title { width: 100%; height: 22px; line-height: 22px; }
.r_item .r_title h2 { font-size: 20px; color: #333; float: left; }
.r_item .r_title .more { float: right; font-size: 14px; color: #99ccff; line-height: 22px; }
.r_item .r_title .more i { display: inline-block; background: url(../img/img_icon.png) no-repeat; height: 4px; width: 10px; background-position: -17px 0; margin: 0 3px 3px; }
.r_item .r_title .reset_btn { cursor: pointer; font-size: 14px; color: #99ccff; }
.r_item .r_title .reset_btn i { background: url(../img/icon_res.png) no-repeat; width: 14px; height: 14px; display: inline-block; margin: 0 1px -1.4px; transition: all .3s linear; -webkit-transition: all .3s linear; }
.r_item .r_title .reset_btn:hover { opacity: 0.8; }
.r_item .r_title .reset_btn:hover i { transform: rotate(180deg); }

.cls_wrap { width: 360px; overflow: hidden; margin: 5px 0; }
.cls_wrap a { display: block; float: left; width: 96px; height: 30px; font-size: 14px; color: #666; background: #eee; text-align: center; line-height: 30px; border-radius: 15px; margin: 20px 16px 0 0; }
.cls_wrap a.on, .cls_wrap a:hover { background: #0281ff; color: #fff; }

.hot_rd { width: 100%; overflow: hidden; }
.hot_rd li { height: 67px; padding: 20px 0; }
.hot_rd li .img { float: left; display: block; margin-right: 20px; }
.hot_rd li .img, .hot_rd li .img img { width: 100px; height: 67px; }
.hot_rd li .bt { float: left; width: 200px; height: 40px; line-height: 20px; overflow: hidden; color: #666; font-size: 14px; }
.hot_rd li .bt:hover { color: #0281ff; }
.hot_rd li p { float: left; width: 200px; height: 20px; line-height: 20px; font-size: 12px; color: #666; margin-top: 12px; }
.hot_rd li p span { color: #99ccff; }
.hot_rd li + li { border-top: 1px dashed #edeff5; }
.hot_rd li:last-child { padding-bottom: 0; }

.hot_games { width: 100%; overflow: hidden; }
.hot_games li + li { border-top: 1px dashed #edeff5; }
.hot_games li { height: 64px; padding: 20px 0; }
.hot_games li .img { float: left; display: block; margin-right: 20px; }
.hot_games li .img, .hot_games li .img img { width: 64px; height: 64px; border-radius: 10px; }
.hot_games li .info { float: left; width: 170px; height: 64px; }
.hot_games li .info .bt { display: block; width: 255px; height: 16px; line-height: 16px; overflow: hidden; color: #555; font-size: 14px; font-weight: bold; }
.hot_games li .info .bt:hover { color: #0281ff; }
.hot_games li .info .tag { width: 100%; height: 16px; margin: 10px 0; overflow: hidden; font-size: 12px; color: #9e9e9e; }
.hot_games li .downl { display: block; float: right; background: #f2f2f2; border-radius: 3px; color: #333; font-size: 14px; width: 64px; height: 30px; line-height: 30px; text-align: center; margin-top: 18px; }
.hot_games li .downl:hover { color: #fff; background: #0281ff; }
.hot_games li:last-child { padding-bottom: 0; }

.sykc { width: 100%; overflow: hidden; }
.sykc li + li { border-top: 1px dashed #edeff5; }
.sykc li { height: 64px; padding: 20px 0; list-style: none; }
.sykc li .img { float: left; display: block; margin-right: 20px; }
.sykc li .img, .sykc li .img img { width: 64px; height: 64px; border-radius: 10px; }
.sykc li .info { float: left; width: 170px; height: 64px; }
.sykc li .info .bt { display: block; width: 235px; height: 16px; line-height: 16px; overflow: hidden; color: #555; font-size: 14px; font-weight: bold; }
.sykc li .info .bt:hover { color: #0281ff; }
.sykc li .info .time { font-size: 12px; color: #99ccff; height: 20px; line-height: 20px; width: 100%; margin: 8px 0 4px; }
.sykc li .info .time span { color: #ff4c4c; }
.sykc li .info .type { font-size: 12px; color: #565656; height: 20px; line-height: 20px; width: 100%; }
.sykc li .info .type span { color: #666; }
.sykc li .bt2 { display: block; float: left; height: 20px; width: 250px; overflow: hidden; font-size: 14px; color: #555; margin-top: 22px; }
.sykc li .bt2:hover { color: #0281ff; }
.sykc li .btn { display: block; float: right; background: #f2f2f2; border-radius: 3px; color: #333; font-size: 14px; width: 64px; height: 30px; line-height: 30px; text-align: center; margin-top: 18px; }
.sykc li .btn:hover { color: #fff; background: #0281ff; }
.sykc li:last-child { padding-bottom: 0; }

.lqlb { width: 100%; overflow: hidden; }
.lqlb li + li { border-top: 1px dashed #edeff5; }
.lqlb li { height: 30px; padding: 20px 0; list-style: none; }
.lqlb li .img { display: none; float: left; margin-right: 20px; }
.lqlb li .img, .lqlb li .img img { width: 64px; height: 64px; border-radius: 10px; }
.lqlb li .info { display: none; float: left; width: 170px; }
.lqlb li .info .bt { display: block; width: 235px; height: 16px; line-height: 16px; overflow: hidden; color: #555; font-size: 14px; font-weight: bold; }
.lqlb li .info .bt:hover { color: #0281ff; }
.lqlb li .info .time { font-size: 12px; color: #99ccff; height: 20px; line-height: 20px; width: 100%; margin: 8px 0 4px; }
.lqlb li .info .time span { color: #ff4c4c; }
.lqlb li .info .type { font-size: 12px; color: #565656; height: 20px; line-height: 20px; width: 100%; }
.lqlb li .info .type span { color: #666; }
.lqlb li .bt2 { display: block; float: left; height: 30px; line-height: 30px; width: 250px; overflow: hidden; font-size: 14px; color: #555; }
.lqlb li .bt2:hover { color: #0281ff; }
.lqlb li .btn { display: block; float: right; background: #f2f2f2; border-radius: 3px; color: #333; font-size: 14px; width: 64px; height: 30px; line-height: 30px; text-align: center; }
.lqlb li .btn:hover { color: #0281ff; background: #ebf5ff; }
.lqlb li:last-child { padding-bottom: 0; }
.lqlb li.on { height: 70px; }
.lqlb li.on .bt2 { display: none; }
.lqlb li.on .info, .lqlb li.on .img { display: block; }
.lqlb li.on .btn { margin-top: 18px; }

.hotlb li .info .time { margin: 4px 0 2px; width: 236px; overflow: hidden; }
.hotlb li .info .time .line { width: 140px; height: 6px; border-radius: 3px; position: relative; float: right; margin-top: 7px; background: #f2f2f2; overflow: hidden; }
.hotlb li .info .time .line i { display: block; position: absolute; left: 0; top: 0; height: 6px; border-radius: 3px; background: #3399ff; }
.hotlb li .btn { border-radius: 16px; height: 24px; line-height: 24px; font-size: 12px; width: 56px; }
.hotlb .on .btn { margin-top: 40px !important; }

.gameinfo { overflow: hidden; width: 100%; }
.gameinfo .infobox { width: 100%; height: 100px; }
.gameinfo .infobox img { display: block; float: left; width: 100px; height: 100px; border-radius: 12px; margin-right: 20px; }
.gameinfo .infobox .lis { float: left; width: 200px; height: 100px; }
.gameinfo .infobox .lis p { width: 100%; height: 20px; line-height: 20px; color: #525252; overflow: hidden; font-size: 16px; font-weight: bold; }
.gameinfo .infobox .lis ul { width: 100%; margin-top: 10px; }
.gameinfo .infobox .lis ul li { float: left; width: 50%; height: 25px; overflow: hidden; line-height: 25px; font-size: 12px; color: #565656;       word-break: break-all;
    white-space: nowrap; }
.gameinfo .infobox .lis ul li span { color: #99ccff; }
.gameinfo .infobox .lis ul .startbox { width: 100%; }
.gameinfo .infobox .lis ul .startbox span { float: left; display: block; }
.gameinfo .infobox .lis ul .startbox .start { margin: 7px 5px; }
.gameinfo .desc { width: 100%; height: 48px; line-height: 24px; overflow: hidden; font-size: 14px; color: #666; margin: 20px auto; }
.gameinfo .downl { display: block; width: 100%; height: 36px; line-height: 36px; text-align: center; background: #0180ff; color: #fff; font-weight: 600; font-size: 14px; border-radius: 3px; }
.gameinfo .downl:hover { opacity: .8; }

.start { float: left; width: 72px; height: 10px; position: relative; overflow: hidden; background: url(../img/icon_star.png) no-repeat; }
.start i { position: absolute; width: 100%; height: 10px; background: url(../img/icon_star.png) no-repeat; background-position: 0 -10px; }

.icon { display: inline-block; width: 24px; height: 24px; margin: 0 4px; border-radius: 50%; vertical-align: bottom; background: url(../img/img_icon.png) no-repeat; }
.type .icon {  margin: 0 -1px; width:21px;height: 21px}

.az { background-position: 0 -126px; }

.ios { background-position: 0 -102px; }

.ph { overflow: hidden; width: 100%; margin-top: 5px; }
.ph li { width: 100%; margin-top: 22px; line-height: 22px; overflow: hidden; }
.ph li span { float: left; width: 16px; height: 16px; line-height: 16px; background: #e94646; border: 1px solid #e94646; color: #fff; text-align: center; display: block; margin: 3px 15px 0 0; font-family: 'SimSun'; font-size: 12px; }
.ph li .title { display: block; float: left; width: 260px; overflow: hidden; height: 22px; line-height: 22px; font-size: 14px; color: #2e2e2e; }
.ph li .info { display: none; }
.ph li .info .img { float: left; display: block; margin-right: 10px; }
.ph li .info .img, .ph li .info .img img { width: 67px; height: 67px; border-radius: 12px; }
.ph li .info .bt { display: block; width: 190px; height: 20px; line-height: 20px; overflow: hidden; font-size: 16px; color: #2e2e2e; }
.ph li .info .bt:hover { color: #0281ff; }
.ph li .info .start { margin: 6px 80px 9px 0; }
.ph li .info .downl { display: block; float: left; width: 64px; height: 24px; line-height: 24px; font-size: 12px; color: #0281ff; background: #ebf5ff; border-radius: 3px; text-align: center; }
.ph li .info .downl:hover { background: #0281ff; color: #fff; }
.ph li + li span { background: #ff8610; border: 1px solid #ff8610; }
.ph li + li + li span { background: #ffd37f; border: 1px solid #ffd37f; }
.ph li + li + li + li span { background: #fff; border: 1px solid #7d99b2; color: #7d99b2; }
.ph li.on .title { display: none; }
.ph li.on span { height: 32px; line-height: 32px; margin-top: 17px; }
.ph li.on .info { display: block; }

.zt_wrap { padding: 20px; background: #fff; overflow: hidden; }
.zt_wrap ul { overflow: hidden; width: 1180px; }
.zt_wrap ul li { width: 380px; height: 200px; position: relative; overflow: hidden; float: left; margin: 0 10px 30px 0; }
.zt_wrap ul li:hover .bt { bottom: -40px; }
.zt_wrap ul li:hover .info { top: 0; }
.zt_wrap ul li .img { width: 100%; height: 200px; position: relative; z-index: 1; }
.zt_wrap ul li .bt { position: absolute; left: 0; bottom: 0; z-index: 2; width: 96%; padding: 0 2%; height: 40px; background: -webkit-linear-gradient(to bottom, transparent 0%, #000000 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#000000',GradientType=0 ) !important; background: linear-gradient(to bottom, transparent 0%, #000000 100%) !important; text-align: center; color: #fff; font-size: 15px; line-height: 40px; transition: all .1s linear; -webkit-transition: all .1s linear; }
.zt_wrap ul li .info { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8000000,endColorstr=#C8000000); position: absolute; left: 0; top: -200px; z-index: 3; transition: all .2s linear; -webkit-transition: all .2s linear; }
.zt_wrap ul li .info .game { width: 112px; height: 112px; border-radius: 20px; display: block; float: left; margin: 44px 30px 38px; }
.zt_wrap ul li .info .bt2 { width: 190px; height: 24px; line-height: 24px; font-size: 18px; color: #fff; font-weight: bold; overflow: hidden; float: left; margin-top: 44px; }
.zt_wrap ul li .info .bt2:hover { color: #ff4c4c; }
.zt_wrap ul li .info span { width: 190px; height: 24px; line-height: 24px; font-size: 15px; color: #ddd; font-weight: bold; overflow: hidden; float: left; margin: 13px 0; }
.zt_wrap ul li .info .btn { width: 120px; height: 36px; border-radius: 3px; text-align: center; line-height: 36px; font-size: 14px; color: #fff; display: block; float: left; background: #0281ff; }
.zt_wrap ul li .info .btn:hover { opacity: 0.8; }

/*# sourceMappingURL=main.css.map */
.not_find {height: 100%;margin-top: 150px;margin-bottom: 139px}
.not_find img { display: block; width: initial; max-width: 80%; margin: 80px auto 30px; }
.not_find p { text-align: center; font-size: 14px; color: #555; line-height: 30px; }
.not_find .back { margin: 20px auto; background: #3399ff; height: 30px; line-height: 30px; color: #fff; border-radius: 15px; text-align: center; font-size: 14px; display: block; width: 120px; }

/*广告*/
.ad a{
    position: relative;
}
.ad a:before {
    position: absolute;
    content: " ";
    width: 26px;
    height: 1pc;
    background: url(../../style/img/ceo-ads.png);
    right: 0;
    font-size: 9pt;
    text-align: center;
    color: #fff;
}