/*选项卡*/ .azgame{ width:100%;position: relative; z-index: 1;padding-bottom:25px; overflow:hidden;} .azgame .game_nav{width: 72%;height: 34px;margin:0 auto;margin-top: 8px;border: 1px solid #1dcfd0;display:block;overflow:hidden;margin-bottom: 10px;} .azgame .game_nav a{width:50%;height: 34px;display:block;text-align:center;float:left;} .azgame .game_nav a span{font-size: 14px;line-height: 34px;color: #13c0c1;} .azgame .game_nav .hover{background: #1dcfd0;} .azgame .game_nav .hover span{ color:#fff;} .azgame h1{ font-size: 18px;color: #333333;text-align: center; margin: 18px auto 6px auto;} /*选项卡end*/ /*游戏列表*/ #wrapper {z-index:1;bottom: 0px;left:0;width:100%;position:relative;float:left;background: #fff;} #wrapper ul{overflow:hidden;zoom:1;} .infocon { position:relative;} .infocon h3{ color:#151515;font-size:15px;height:15px; line-height:15px; display:block;margin-left:10px; border-left:4px solid #fe715f; padding-left:6px; margin-top:23px;} .infocon .more_game{ color:#151515;font-size:15px;height:15px; line-height:15px; display:block;margin-left:10px; border-left:4px solid #fe715f; padding-left:6px; margin-top:166px;} .infocon .line{ width:100%; height:1px; background:#ececec; margin-top:8px; float:left;} .infocon .infobox{display:block;overflow:hidden;padding: 15px 10px 12px 10px; height: 61px;position: relative;} .infocon .infobox .phmub{display:block; width:15px; height:26px; overflow:hidden; position:absolute; left: 3.1%; top: 12px; background-image:;background-repeat:no-repeat; background-size:auto 26px;font-size: 12px;font-style: normal;text-align: center;color: #fff;line-height: 23px;} .infocon .infobox .mub1{background-position:0px 0px;} .infocon .infobox .mub2{background-position:-15px 0px;} .infocon .infobox .mub3{background-position:-30px 0px;} .infocon .infobox .mubother{background-position:-45px 0px;} .infobox {overflow:hidden;zoom:1; position:relative;} .infobox .gimg{float:left;display:inline;} .phbox .gimg {margin-left: 22px;} .infobox .gimg{width: 55px;height: 55px;overflow:hidden;margin-right: 11px;margin-top: 0px;} .infobox .gimg img{width: 55px; height: 55px;border-radius: 10px;overflow: hidden;} .infobox .ginfo .gname{ width:185px; line-height: 20px; height:20px; font-size: 15px;display:block; font-style:normal;color:#1a1a1a; margin-bottom: 2px; overflow: hidden;white-space: nowrap; text-overflow: ellipsis;} .infobox .ginfo b{font-weight:300;line-height: 18px;height: 18px;font-size: 11px;display: block;color: #9e9e9e;} .infobox .ginfo b font{margin-left: 2px;font-size: 10px;font-family: arial,tahoma;line-height: 18px;} .infobox .ginfo .gstar{line-height: 20px; height:20px;display:block; float: left;display:inline; font-style:normal; } .infobox .ginfo .gstar strong{float:left;display:inline; width:89px; height: 16px; overflow:hidden; background: no-repeat 0px 0px;background-size: 89px 32px;margin-top: 1px;} .infobox .ginfo .gstar i{float:left;display: inline; height: 16px; overflow:hidden; background: no-repeat 0px -16px;background-size: 89px 32px;} .infobox .ginfo .gstar font{float:left;display:inline; line-height: 17px; height:17px; overflow:hidden; font-size:14px;color:#ff3600;font-weight: bold;margin-left: 6px;} .infobox .gbtn{display:block;width: 48px;height: 22px;line-height: 22px;font-size: 12px;color: #fff;overflow:hidden;position:absolute;right:10px;top: 27px;text-align: center;border: 1px #835726 solid;background: #835726;} .infobox .ginfo .ginfoset{font-weight: 300;line-height: 18px;height: 18px;font-size: 12px;display: block;color: #9e9e9e;font-style: normal;overflow: hidden;zoom: 1;font-family: arial,tahoma;} .infobox .ginfo .ginfoset span{font-size:12px;margin-top:2px;color: #9e9e9e;display:block;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;height:12px;line-height:12px;width:90%;} .infobox .ginfo .ginfoset i{font-style:normal; margin: 0px 4px;font-size: 10px;line-height: 20px;width: 1px;overflow: hidden;zoom: 1;background: #b9b9b9;height: 10px;margin-top: 3px;} .infobox .ginfo .ginfoset span,.infobox .ginfo .ginfoset i{float:left;display:inline;} .infocon .infobox .pl1,#infocon .infobox .pl2{height:1px; width:100%; position: absolute; left:0px;} .infocon .infobox .pl1{background:#f2ebeb; bottom:1px;} .infocon .infobox .pl2{background:#fefcfc;bottom:0px;} .infocon .infobox .pl2{background:#fefcfc;bottom:0px;} /*魔兽地图调整img样式190118*/ .blist_msdt .infobox .gimg,.blist_msdt .infobox .gimg img{ border-radius: 0; width: 81px; } #more{ font-size: 12px; color: #888888; text-align: center; display: block; height: 40px; line-height: 40px;} /*分类*/ .fl_nav{padding: 20px 4px 15px;} .fl_nav ul{ overflow:hidden;zoom:1;} .fl_nav ul li{width: 25%;height: 36px;line-height:33px;margin-bottom: 7px;float: left;} .fl_nav ul li a{display: block;width: 90%;margin: 0 auto;height: 34px;line-height: 32px;text-align: center;color: #555;font-size: 13px;overflow: hidden;background: #f9f9f9;box-sizing: border-box;} .fl_nav ul li.active{ background: #825726;color: #fff;} .fl_nav ul li.active a{background: #825726;color: #fff;line-height: unset;} .fl_nav ul li.hover a{border: 1px solid #835726;background: #fff2e6;color: #835726;} #moreinfo{display: block; height: 15px;line-height: 15px;text-align:center;margin:10px 0 0; display:none;} #moreinfo span {font-size: 14px;color: #999;} #moreinfo em{display: inline-block;width:13px;height:13px; margin-right: 7px;} #moreinfo span em.arr { background: no-repeat -47px -55px;} #moreinfo span em.arr_sq{background: no-repeat -47px -72px;} .game_nav{width: 64%;margin: 0 auto;overflow: hidden;border: 1px solid #835726;margin-bottom: 8px;} .game_nav a{display: inline-block;width: 50%;float: left;} .game_nav a span{display: block;text-align: center;color: #835726;font-size: 13px;height: 33px;line-height: 33px;font-weight: bold;} .game_nav a.hover{background: #835726;} .game_nav a.hover span{ color: #fff; } .azg{ overflow: hidden; }@charset "utf-8"; html, body, div, span,applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;} body {width: 100%;height:auto;-webkit-text-size-adjust:none;} div {text-align:left;} body{font:12px/1.5em "microsoft yahei";color:#fff;position: relative;} h1, h2, h3, h4, h5, h6{font-size:100%;} ba{font-style:normal;} li{list-style-type:none;} a{text-decoration:none;color:#d5d4d4;} a:hover{color: #f0c110;text-decoration:none;} fieldset, img {border:0;} label,button{cursor: pointer;} select,input,textarea,font{font-size: 11px;line-height:1.2em;} .clear{clear:both; line-height:0px; overflow:hidden;} /*二级导航样式*/ .column{overflow:hidden;height:38px;padding: 25px 10% 23px 10%;} .column ul{overflow:hidden;width:100%;height: 34px;background:#fff;border: 1px solid #ff881b;} .column li{width: 50%;height: 34px;float:left;} .column li a{display:block;overflow:hidden;font-size: 13px;font-weight:bolder;text-align:center;line-height: 34px;color: #ff881b;} .column .hover{background: #ff881b;color:#fff;} .zt_content{overflow:hidden;padding-bottom: 56px;padding-top: 20px;} /*推荐*/ .recommend{ overflow:hidden; position:relative;} .title{ overflow:hidden; font-size:16px; color:#242222; font-weight:bold; height:20px; margin-left:16px;} .title span{ width:17px; height:16px; display:inline-block; background:url(/uploads/image/sqtmimages/qqxzb_zt_bg.png) no-repeat; background-size:51px auto; background-position:0 0; margin-right:9px;} .title em{ font-size:12px; color:#c8c9ca; margin:0 6px; display:inline-block;} .title font{ font-size:12px; color:#c8c9ca; font-weight:none;} .recommend_ui{ display:block; overflow:hidden; width:24px; height:42px; background:url(/uploads/image/sqtmimages/qqxzb_zt_bg.png) no-repeat; background-size:51px auto; background-position:0 -26px; position:absolute; top:37px; left:7px;} .recommend_list{ overflow:hidden; display:block; height:158px; border:1px solid #ecebeb;text-align:center; z-index:1; margin:0 auto;} .r_ul{ padding:0 10px; overflow:hidden; margin-top:22px; margin-bottom:37px;} .r_ul li{ width:33.33%; overflow:hidden; float:left;} .recommend_list .p_img1{ overflow:hidden; z-index:10; margin-top:39px;} .recommend_list .p_img1 .img_bg{ width:50px; height:50px; border-radius:10px; overflow:hidden; z-index:1; text-align:center;} .recommend_list .p_img1 .img2{ margin-left:5px;} .recommend_list .recommend_img_3{ width:60px; height:60px; border-radius:10px; overflow:hidden; margin:0 auto; display:block; margin-top:-69px; z-index:11;} .recommend_list span{ font-size:12px; font-weight:bold; text-align:center; display:block; overflow:hidden; height:28px; line-height:14px; color:#110f0f; width:90%; margin:32px auto 0 auto;} /*最新*/ .title_new{ overflow:hidden; font-size:16px; color:#242222; font-weight:bold; height:20px;} .title_new span{ width:19px; height:16px; display:inline-block; background:url(/uploads/image/sqtmimages/qqxzb_zt_bg.png) no-repeat; background-size:51px auto; background-position:-27px 0; margin-right:9px;} .recommend_ui_new{ display:block; overflow:hidden; width:24px; height:42px; background:url(/uploads/image/sqtmimages/qqxzb_zt_bg.png) no-repeat; background-size:51px auto; background-position:-27px -26px; position:absolute; top:37px; left:7px; z-index:100;} .n_ul{ overflow:hidden; margin-top:22px; border-top:1px solid #ecebeb;} .n_ul li{ width:100%; overflow:hidden; float:left; height:88px; border-bottom:1px solid #ecebeb;} .n_ul li a{ display:block; overflow:hidden; } .n_ul li a span{ width:84px; height:60px; display:block; overflow:hidden; margin-left:10px; position:relative; margin-top:15px; margin-bottom:15px; float:left;} .n_ul li a span .n_img1{ width:60px; height:60px; overflow:hidden; position:absolute; z-index:3; border-radius: 10px;} .n_ul li a span .n_img2{ width:52px; height:52px; overflow:hidden;position:absolute; top:5px; left:20px; z-index:2; border-radius: 10px;} .n_ul li a span .n_img3{ width:44px; height:44px; overflow:hidden;position:absolute; top:10px; left:40px; z-index:1; border-radius: 10px;} .n_ul li a p{ font-size:16px; color:#1b1b1b; font-weight:bold; padding-right:10px; padding-left:18px; margin-top:20px; display:block; overflow:hidden; height:16px; line-height:16px;} .n_ul li a font{ font-size:12px; color:#acabab; height:12px; line-height:12px; margin-top:23px; display:block; overflow:hidden; padding-left:18px;} /*屏幕尺寸样式控制*/ @media screen and (max-width: 320px) { .recommend_list .p_img1 .img2{ margin-left:0px;} .r_ul{ padding:0 0px; overflow:hidden; margin-top:22px; margin-bottom:37px;} .recommend_ui{ display:block; overflow:hidden; width:24px; height:42px; background:url(/uploads/image/sqtmimages/qqxzb_zt_bg.png) no-repeat; background-size:51px auto; background-position:0 -26px; position:absolute; top:37px; left:0px;} .recommend_ui_new{ display:block; overflow:hidden; width:24px; height:42px; background:url(/uploads/image/sqtmimages/qqxzb_zt_bg.png) no-repeat; background-size:51px auto; background-position:-27px -26px; position:absolute; top:37px; left:0px; z-index:100;} } /*公司简介底部*/ footer{ width:100%; background:#333;} .copyright{ font-size:.24rem;color:#999;text-align:center;padding:.25rem 0} .hjlist2 { margin-left: 4px; margin-right: 4px; } .hjlist2 > li { width: 50%; float: left; margin-bottom: 0.4rem; } .hjlist2 > li .box { display: block; -moz-box-shadow: 0px 0px 5px #ccc; -webkit-box-shadow: 0px 0px 5px #ccc; box-shadow: 0px 0px 5px #ccc; border-radius: 0.1rem; margin: 0 0.16rem; } .hjlist2 .dimg { width: 100%; height: 1.69rem; position: relative; border-radius: 0.1rem 0.1rem 0 0; } .hjlist2 .dimg img { display: block; height: 100%; width: 100% } .hjlist2 li .applist1 li { width: 50%; } .hjlist2 li .applist1 { margin: 0; padding: 0.46rem 0.2rem 0.2rem; } .hjlist1 .tt2, .dimg .tt { position: absolute; left: 0; right: 0; bottom: 0; text-align: center; color: #fff; font-size: 0.32rem; height: 0.6rem; line-height: 0.6rem; padding: 0 0.15rem; overflow: hidden; border-radius: 0 0 0.1rem 0.1rem; background: rgba(0, 0, 0, 0.5); } .applist1 li { width: 25%; float: left; } .applist1 li a { display: block; width: 96%; margin: 0 auto; text-align: center; } .applist1 li .imgbox { width: 1.11rem; height: 1.11rem; position: relative; display: block; } .applist1 li .imgbox img { display: block; width: 100%; height: 100%; border-radius: 0.15rem; } .applist1 li .tt { font-size: 0.27rem; height: 0.8rem; line-height: 0.8rem; overflow: hidden; padding-top: 0.17rem; color: #333; } .clearfix:after, .taglist:after { content: "."; display: block; height: 0; visibility: hidden; clear: both; } .sturnpags { text-align: center; padding: 0.2rem 0; display: flex; margin-left: 4px; margin-right: 4px; } .sturnpags a { display: block; } .sturnpags a span { display: block; margin: 0 0.06rem; border: 1px solid #ccc; height: 0.54rem; line-height: 0.54rem; font-size: 0.27rem; border-radius: 0.08rem; } .sturnpags a.nopage span { border-color: #f0f0f0; color: #ccc; } .sturnpags a.active span { color: #835726; border-color: #835726; } .flex1 { -moz-flex-grow: 1; -webkit-flex-grow: 1; flex-grow: 1; }