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

.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%, #5ca8f6 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3399ff', endColorstr='#5ca8f6',GradientType=0 ) !important; background: linear-gradient(to bottom, #3399ff 0%, #5ca8f6 100%) !important; }

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

.Min_L { width: 880px; overflow: hidden; margin-right: 10px; }

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


.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(../images/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(../images/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%, #5ca8f6 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3399ff', endColorstr='#5ca8f6',GradientType=0 ) !important; background: linear-gradient(to bottom, #3399ff 0%, #5ca8f6 100%) !important; }

.about_bg { width: 100%; height: 300px; background: url(../images/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; }


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

.r_item { background: #fff; padding: 20px; }
.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(../images/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(../images/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: #5ca8f6; 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: #5ca8f6; }
.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: 110px; 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: #5ca8f6; }
.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: #5ca8f6; }
.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: #5ca8f6; }
.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: #5ca8f6; }
.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: #5ca8f6; }
.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: 110px; }
.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: #5ca8f6; }
.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: 200px; overflow: hidden; font-size: 14px; color: #555; }
.lqlb li .bt2:hover { color: #5ca8f6; }
.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: #5ca8f6; 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(../images/icon_star.png) no-repeat; }
.start i { position: absolute; width: 100%; height: 10px; background: url(../images/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(../images/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: #5ca8f6; }
.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: #5ca8f6; background: #ebf5ff; border-radius: 3px; text-align: center; }
.ph li .info .downl:hover { background: #5ca8f6; 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: #5ca8f6; }
.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; }