*{margin:0;padding:0;border:none;} body,div,dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote {margin:0;padding:0;} ul,ul li{ list-style:none} a {font-family: "Microsoft Yahei",Arial,Helvetica,sans-serif;outline: medium none;text-decoration: none;} a:active,a:hover {outline: 0;} a:hover,a:focus{text-decoration: none;} table{border-collapse:collapse;} em{font-style:normal} a{color:#7d7c7c;text-decoration:none;} a:hover{text-decoration:none; color:#010101;} img{border:0} .cl{ clear:both} body {font-family:"Microsoft Yahei", Verdana, Arial, Helvetica, sans-serif;font-size:14px;color:#7d7c7c;background:#fff; min-width: 1200px;} /*布局*/ .container-fluid,.header{ width:100%; height:auto;} .container-fluid.conbg{ background:#eee;} .container,.contfoot{width:1200px; margin:0 auto;padding:0;height:auto; position:relative;} .container{/* overflow:hidden; */} .container.ptop,.contfoot{padding:30px 0;} .nav{ float:left; display:inline; margin-left:40px; position: relative; top: 30px; z-index: 12;} .nav a{float:left; display:inline-block; position:relative; cursor: pointer; margin:0 12px;width:auto;padding:0 10px;font-size:16px;} .nav a.active,.nav a:hover,.gameList dd a:hover,.gameList li a:hover{color:#e95400;} .nav a i{width: 12px; height: 7px; background: url(http://stc.kongzhong.com/kongzhong/images/2016/ico_jt.png) no-repeat; position: absolute; top: 50%; margin-top: -3px; right: -6px; transform:rotate(180deg); -webkit-transition:all 0.5s ease-in-out 0s; -moz-transition:all 0.5s ease-in-out 0s; -ms-transition:all 0.5s ease-in-out 0s;-o-transition:all 0.5s ease-in-out 0s;transition:all 0.5s ease-in-out 0s;} .nav a:hover i{ transform:rotate(0deg);} /*ico*/ .ico{ background:url(http://stc.kongzhong.com/kongzhong/images/2016/bg_ico.png) no-repeat;} .morenew{ background-position:-20px 0;width:30px; height:30px; position:absolute;top:0;right:0} .moreico{ width:10px; height:10px; background-position:-81px -59px; position: absolute;top:4px;right:4px;transition:all 0.4s linear 0s} .morenew:hover .moreico{transform:rotate(180deg)} .change{ background-position:-25px -34px; width:14px; height:12px; position:absolute;top:3px;right:10px; transition:all 0.4s linear 0s} .reload:hover .change,.change:hover{transform:rotate(360deg)} .newico,.hotico{ width:38px; height:35px; position:absolute;top:0;left:0} .newico{ background-position:-20px -60px;} .hotico{background-position:-20px -97px;} .hot_gico{ background-position:-58px 2px; width:12px; height:19px;display:inline-block;vertical-align:top} .ico_H,.ico_N{ width:11px; height:11px;display:inline-block; margin-left:5px;} .ico_H{ background-position:-79px 0px;} .ico_N{ background-position:-101px 0px;} .ico_ios,.ico_android{ width:22px; height:26px; display:inline-block; vertical-align:middle} .ico_ios{ background-position:-58px -21px;} .ico_android{background-position:-81px -21px;} /*login*/ .subnav{ float:right; display:inline;margin-top:36px; height:18px;} .subnav a{display:inline;height:18px;line-height:15px;*line-height:17px;margin-left:20px;padding-left:20px;position:relative; float:left;background-repeat:no-repeat; -webkit-transition:all 0.3s ease-in 0s; -moz-transition:all 0.3s ease-in 0s; -ms-transition:all 0.3s ease-in 0s;-o-transition:all 0.3s ease-in 0s;transition:all 0.3s ease-in 0s;} .reg{ background-image:url(http://stc.kongzhong.com/kongzhong/images/2016/reg.png); background-position:0 0;} .acc{ background-image:url(http://stc.kongzhong.com/kongzhong/images/2016/acc.png); background-position:0 0;} .reg:hover{ background-image:url(http://stc.kongzhong.com/kongzhong/images/2016/reg.png); background-position:0 -28px;} .acc:hover{background-image:url(http://stc.kongzhong.com/kongzhong/images/2016/acc.png); background-position:0 -28px;} /*头*/ .header{height:87px;border-bottom:1px solid #d7d7d7;} .logo{ float:left; display:inline; width:120px; height:49px; margin:20px 0 0 30px; background:url(http://stc.kongzhong.com/kongzhong/images/2016/logo.png) top center no-repeat} /*焦点图*/ .focus{width:100%;height:540px;overflow:hidden;position:relative} .focusbg{overflow: hidden;text-align:center;width:100%;height:100%;} .focusbg ul{ width:100%; height:100%;} .focus ul.focuslist{ width:1920px; position:absolute;top:0;left:50%; margin-left:-960px; height:540px;} .focus ul.focuslist li{ text-align:center} .focus ul.focuslist li img{ margin:0 auto;} .focusbg li{ width:100%;height:100%;background-position:center top; position:absolute;left:0;top:0} .focusbg li a{height:100%; display:block;} .focus .focusbg li a{width:1200px; margin:0 auto;position:relative} .focus_text{ position:absolute;top:180px; left:40px; width:420px; text-align:left;color:#fff;} .focus_text h2{ font-size:44px; line-height:44px;font-weight:bold;padding-top:10px;} .focus_text h3{font-size:36px; line-height:36px;font-weight:bold;padding-top:10px;} .focus_text p{ font-size:16px; color:#fff; line-height:25px;padding-top:15px;} #f_Handler{position:absolute;width:100%;font-size:0; z-index: 20; height:20px;} #f_Handler a{display:inline-block;*display:inline;*zoom:1;vertical-align:top;cursor:pointer; background:#e5e5e5;overflow:hidden; width:20px;margin: 0 5px; height:20px; border-radius:10px;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out} #f_Handler a.active{background: #f90;} .focus #f_Handler{text-align:center;bottom:30px;height:20px;} .focus #f_Handler a{width:20px;height:20px;border-radius:10px;margin: 0 5px;} .new_focus #f_Handler,.m_focus #f_Handler{text-align: right;right:10px;} .new_focus #f_Handler{bottom:8px;height:14px;} .new_focus #f_Handler a,.m_focus #f_Handler a{margin: 0 3px;} .new_focus #f_Handler a{width:14px;height:14px;border-radius:7px;} .m_focus #f_Handler{ height:5px;bottom:3px;} .m_focus #f_Handler a{width:10px;height:5px;} .new_focus{height:190px;margin:20px 0 0 15px; position:relative; overflow:hidden} .m_focus{ position: absolute;top:0px;right:0; z-index:1000; width:450px; height:130px;} .new_focus img,.new_focus a img,.m_focus img,.m_focus a img{ width:100%; height:100%;} /*左右*/ .f_sel{width:63px; height:94px; background:#000 url(http://stc.kongzhong.com/kongzhong/images/2016/focus_p.png) no-repeat; opacity:.3;filter:alpha(opacity=30);position:absolute;top:50%; margin-top:-47px;z-index:10;cursor:pointer;display:none; transform:all 0.3s; z-index:1000} .f_sel:hover{ background:#000 url(http://stc.kongzhong.com/kongzhong/images/2016/focus_p.png) no-repeat;opacity:.5;filter:alpha(opacity=50);} .f_sel.focus-next{ background-position:10px -94px;right:0;} .f_sel.focus-prev{ background-position:10px 0;left:0} /*广告和头条*/ .conbox{ width:100%; height:auto; overflow: hidden;} .carousebox,.cartext{ float:left; display:inline; background:#1f1f1f; margin-top:30px;height:290px;overflow:hidden;} .carousebox{width:600px;} .carouse{ width:300px; height:100%; float:left; display:inline; position: relative; cursor:pointer; overflow:hidden} .carouse:hover .car_bg{ bottom:0;} .car_bg,.car_text{ position:absolute;left:0; width:100%; } .carouse:hover .car_img{ background-position:60% 50%;} .car_img{ background-repeat:no-repeat; background-position:40% 50%;height:100%;width:100%} .car_bg{ background:#000;opacity:.5;filter:alpha(opacity=50);height:104px;bottom:-104px;} .car_title{text-align:center; color:#fff; position:absolute;top:0;left:0; width:100%; height:290px; z-index:100} .car_title h2,.car_title .p,.car_img{-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-ms-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear} .car_title h2{padding-top:30%; font-size:24px;} .car_title .p{ position:absolute;top:140px; width:100%;} .car_title p{ line-height:30px; height:30px; font-size:18px;} .f-turn{transition:all 0.3s ease-in 0s} .car_btn{ position:absolute;top:0;left:0; z-index:15; width:100%; height:100%; background-color:rgba(0,0,0,.3);-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-ms-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear} .car_btn:hover{ background-color:rgba(0,0,0,0)} .car_btn:hover .car_title .p{ top:210px;} .car_btn:hover .car_title h2{padding-top:10%} .cartext{ width:560px; position:relative;padding:0 20px;} .firstnew{ width:100%; height:30px;line-height:30px;text-align:center;padding:14px 0 12px;} .firstnew a{ font-size:24px; color:#f90; font-weight:700} .newslist{ width:100%; height:auto;padding-top:10px;border-top:1px solid #444; } .newslist li{ height:22px; width:22px; width:100%;color:#fff;margin-top:10px; float:left} .newslist li strong{ font-weight:normal; float:right;} .newslist li span{ background:#f27201; height:22px; line-height:22px; border-radius:2px;padding:0 4px; float:left; margin-right:15px; width:72px; text-align:center} .newslist li a{ font-size:14px; color:#fff; float:left;} .newslist li a:hover{ color:#f90} /*热门推荐*/ .con_title,.h2,.h4{ width:100%;color:#242222; } .con_title,.h2{font-size:18px; height:22px; line-height:22px; } .h3{ height:48px; line-height:48px;border-left:10px solid #f90; font-size:30px; color:#242222; margin-top:10px;padding-left:25px;} .con_title{ text-indent:10px; position:relative; margin-top:15px;} .h2{margin-top:5px; vertical-align:middle} .h4{ font-size:24px;border-left:4px solid #f90; height:24px; line-height:24px;padding-left:10px;} .reload{ position:absolute;top:0;right:0px; font-size:14px; height:100%;padding-right:32px; line-height:15px; cursor:pointer;} /*列表*/ .listbox{ width:1300px; height:325px;display: block;overflow:hidden;position:relative;margin-top:15px;} .listline{ position:absolute;top:0px;left:0; width:100%; height:100%; display:none;opacity:0;filter:alpha(opacity=0)} .listline.active{ display:block;} .listline .hot_box{float:left;width:380px;height:280px;margin:0px 30px 0 0;background:#fffdfe;position:relative;} .hot_link{ width:100%; height:168px; overflow:hidden; display:block;} .hot_link .hot_link_img {width:100%;height:168px;} .hot-title{color:#383838; font-size:18px; font-weight:bold;margin:15px 0 0 15px;height:36px;overflow:hidden} .hot-txt{padding:0 20px;font:14px;color:#9f9f9f} .hotbgbox{ position:absolute;top:-100%;left:0; width:100%; height:168px;-webkit-transition:all 0.3s ease-in 0s;-moz-transition:all 0.3s ease-in 0s;-ms-transition:all 0.3s ease-in 0s;-o-transition:all 0.3s ease-in 0s;transition:all 0.3s ease-in 0s;opacity:0;filter:alpha(opacity=0);} .hotbgbox .bg{ background:#000;opacity:0.3;filter:alpha(opacity=30); position: absolute;left:0;top:0; width:100%; height:168px;} .hotbgbox .hotbut{ width:40%; height:50px;border-radius:5px;top:50%;left:30%; margin-top:-25px;color:#fff; background:#f90; text-align:center; line-height:50px; position:absolute; font-weight:700; font-size:20px;} .hot_link:hover .hotbgbox{top:0;opacity:100;filter:alpha(opacity=100);} .hot_link:hover .hotbut{-webkit-animation:bounceInDown 0.8s ease 0.3s both;-moz-animation:bounceInDown 0.8s ease 0.3s both;-ms-animation:bounceInDown 0.8s ease 0.3s both;-o-animation:bounceInDown 0.8s ease 0.3s both;animation:bounceInDown 0.8s ease 0.3s both;} @-webkit-keyframes bounceInDown { 0%,100%,60%,75%,90% {-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)} 0% {opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)} 60% {opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)} 75% {-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)} 90% {-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)} 100% {-webkit-transform:none;transform:none} } @keyframes bounceInDown { 0%,100%,60%,75%,90% {-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)} 0% {opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)} 60% {opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)} 75% {-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)} 90% {-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)} 100% {-webkit-transform:none;transform:none} } .bounceInDown {-webkit-animation-name:bounceInDown;animation-name:bounceInDown} /*边框*/ .navlist{ float:left; display:inline; /* width:724px; */} .navlistbox{float:left;display:inline;border-left:1px solid #dad9d9; width:160px;height:240px;padding:0 0 0 70px;} .navlistbox ul{padding-top:13px;} .navlistbox ul li{ height:24px; line-height:24px;vertical-align:middle;} .navlistbox.gbox1{ width:140px;} .navlistbox.gbox2{ width:105px;} .navlistbox.gbox3{ width:180px;padding-left:10px;border:0} .navlistbox.gbox4{ width:178px;} .navlistbox.gbox5{ width:272px;} .navlistbox.gbox5 li{ float:left; display:inline; width:50%; position:relative} .erwm{ width:100%;} .erwm dt.active{background:#fff;} .erwm dd{display:none;position:absolute;left: 104px; top: 0;z-index:1000; height:0;} .erwm dd img{ width:200px; height:200px;} .navlistbox.gbox3,.navlistbox.gbox4,.navlistbox.gbox5{ height:190px; margin-top:30px; padding: 0 0 0 40px;} .navlistbox.gbox5 li.f_link{width: 100%;} .navlistbox.gbox5 li.f_link a{width: 22px; height: 18px; display: inline-block; margin: 2px 5px 0; background-size: 100% 100%; background-repeat: no-repeat;} .navlistbox.gbox5 li.f_link span{display: inline-block; width: 70px; float: left;} .navlistbox.gbox5 li.f_link .ico_tt{background-image: url('http://stc.kongzhong.com/kongzhong/images/tt01.png?v=20180403'); height: 15px;} .navlistbox.gbox5 li.f_link .ico_tt:hover{background-image: url('http://stc.kongzhong.com/kongzhong/images/tt02.png?v=20180403'); height: 15px;} .ico_wc{background-image: url('http://stc.kongzhong.com/kongzhong/images/wc01.png?v=20180403');} .ico_wc:hover{background-image: url('http://stc.kongzhong.com/kongzhong/images/wc02.png?v=20180403');} .ico_wb{background-image: url('http://stc.kongzhong.com/kongzhong/images/wb01.png?v=20180403');} .ico_wb:hover{background-image: url('http://stc.kongzhong.com/kongzhong/images/wb02.png?v=20180403');} /*无线list*/ .mbox,.mboxt{padding:30px; background:#fff; height:auto;overflow:hidden; width:1140px;} .mbox{ margin-top:45px; position:relative;padding-top:45px;} .mboxt{ margin-top:0px; background:#fff;} .borderbg{position:absolute;bottom:0;left:50%;width:20px; background:#fff; height:60px;} .tabs,.tab{border-bottom:2px solid #f90;height:46px; position: relative;} .tabs li,.tab li{border:1px solid #a6a5a5;border-bottom:0;width:140px; height:45px; line-height:45px; color:#323232; font-size:16px; float:left; display:inline;text-align:center; cursor:pointer; margin-left:-1px;} .tabs li:first-child,.tab li:first-child{ margin-left:0} .tabs li.active,.tab li.active{border-color:#f90;color:#fff;background:#f90;} .mleft .cons{ width:800px;} .cons,.con{ width:1140px; height:auto;overflow:hidden; display:none} .mlist{ width:1142px; margin-left:-21px;padding-top:30px;} .mlist li{ width:520px;margin-left:20px;padding-left:30px;height:150px; overflow:hidden;float:left; display:inline;padding-bottom:30px;border-left:1px dashed #7d7c7c;} .mlist li img,.mlist li a img{ width:125px; height:150px; float:left; display:inline; margin:0px 20px 0 0} .mlist li dl{ float:left; display:inline; width:375px;} .mlist li dl dt{ font-size:16px; color:#1d1d1d; font-weight:bold;line-height:25px;} .mlist li dl dd{ line-height:21px;} /*dylist*/ .dylist{ width:100%; height:auto;padding:40px 0 0} .dylist dl{ float:left; display:inline; width:240px; line-height:25px;padding-left:10px; margin-right:10px;} .dylist dl dt{ color:#46bc5b;} .dylist dl dd{ color:#7d7c7c} .dylist .pic{ float:left; display:inline; width:880px;} .dylist .pic img,.dylist .pic p{ float:left; display:inline; margin-left:20px;} .dylist .pic p{ width:200px; text-align:center;padding-top:30px;} .dylist .pic p span{ color:#e8040b;} /*新闻*/ .mleft{ width:800px; height:auto; float:left; position:relative} .mright{ width:300px; height:auto;float:left; margin-left:35px;} .news_list,.game_list{width:800px;height:auto;} .news_list li{ height:28px; line-height:28px; margin-bottom:8px; float:left; width:100%;} .news_list li a{ float:left} .news_list li .time{ float:right;} .news_list li.border{ background:url(http://stc.kongzhong.com/kongzhong/images/2016/line.jpg) repeat-x;margin:17px 0 25px; height:2px;} .ico_text{ display: inline-block; width:90px; height:28px; background:#f27201; color:#fff; text-align:center;border-radius:2px; margin-right:10px;} .r_box{ width:100%; height:auto;overflow:hidden;padding-bottom:40px;} .new_focus,.hotinfo,.game_dyna{ width:285px;} .hotinfo{height:auto;margin:20px 0 0 15px;} .hotinfo li{ height:28px; line-height:28px; width:100%; overflow:hidden} .game_dyna{margin:15px 0 0 15px; overflow:hidden} .game_dyna img,.game_dyna a img{ width:100%; float:left} /*游戏列表*/ .game_list li{ background:url(http://stc.kongzhong.com/kongzhong/images/2016/line.jpg) left bottom repeat-x;min-height:80px;margin-top:20px;} .game_list li .pic,.game_list li .gametext,.game_list li .gameindex{ float:left; display:inline} .game_list li .pic{ width:140px;padding-top:15px;} .game_list li .pic img{ width:100%;} .game_list li .gametext{line-height:32px; width:410px; margin-left:30px;padding-bottom:20px;} .gametext dt{font-size:26px; font-weight:bold; color:#1d1d1d} .gameindex{ width:125px; margin-left:80px;} .gameindex .btn{ margin-top:20px; float:left} .gameindex .btn.bntop{ margin-top:50px;} .btn{ width:100%; height:38px; line-height:38px; color:#fff; text-align:center;border-radius:2px; display:block;} .btn:hover{ color:#fff;} .comein{ background-color:#f90;} .comein:hover{ background-color:#f27201;} .down{ background-color:#00b7ee;} .down:hover{ background-color:#009dee;} .game_list.mobilegame{} .game_list.mobilegame .btn{ margin-top:0;margin-bottom:10px; vertical-align:middle} .game_list.mobilegame .ico{ margin-right:5px;} /*文章*/ .content{ width:100%; height:auto;} .content h1{ font-size:30px; color:#1d1d1d; line-height:32px; font-weight:normal; text-align:center;} .content h1.h1{margin-bottom:30px;background:url(http://stc.kongzhong.com/kongzhong/images/2016/line.jpg) left bottom repeat-x;padding-bottom:20px;} .content .date{ background:url(http://stc.kongzhong.com/kongzhong/images/2016/line.jpg) left bottom repeat-x;padding:20px 0 15px; text-align:center; color:#1d1d1d; margin-bottom:15px;} .content p{ line-height:32px; text-indent:28px; color:#555;} .content p.img{text-align:center;padding:10px 0;} .content p.img img{ display:inline; } /*分页*/ .fpage{width:100%;height:26px; line-height:24px;margin:25px 0;text-align:center} .fpage .total{display:none;} .fpage a{cursor:pointer;color:#7d7c7c; display:inline-block;vertical-align:middle;width:24px;height:24px;line-height:24px;text-align:center;border:1px solid #a6a5a5; background-color:#fafafa; margin:0 5px;border-radius:2px;} .fpage a.current,.fpage a:hover{ border-color:#f90; background:#f90; color:#fff;} .fpage a.uppage,.fpage a.downpage,.fpage a.current {overflow:hidden;} .fpage a.uppage,.fpage a.downpage{background:url(http://stc.kongzhong.com/kongzhong/images/2016/fpage.jpg) no-repeat;text-indent:-70px;} .fpage a.uppage{background-position:0 0;} .fpage a.downpage{background-position:0 -24px;} .fpage a.uppage:hover{background:#f90 url(http://stc.kongzhong.com/kongzhong/images/2016/fpge.png) -24px 0 no-repeat;} .fpage a.downpage:hover{background:#f90 url(http://stc.kongzhong.com/kongzhong/images/2016/fpge.png) -24px -24px no-repeat;} /*地步信息*/ .foot{ width:100%; height:auto;color:#999;padding-top:20px; clear:both} .foot .fcenter{ width:100%;margin:0 auto;text-align:center;vertical-algin:middle;padding:20px 0 0} .foot .flogo{ display:inline-block; background:url(http://stc.kongzhong.com/kongzhong/images/2016/f_logo.png) no-repeat;width:108px; height:45px;} .foot img{ margin:0 10px;} .foot .fcenter span{ height:20px; line-height:20px; vertical-align:top;padding-top:12px; display:inline-block} .foot .ftext{text-align:center; vertical-align:middle;padding-top:8px; width:100%;} .foot .ftext a{color:#999;} .foot .ftext a:hover{color:#333;} .foot .ftext span{ margin:0 10px;width:0px; height:14px; border-left:1px solid #d4d4d4;border-right:1px solid#999; display: inline-block; vertical-align:middle} .container-fluid:after,.header:after,.container:after,.conbox:after,.carousebox:after,.newslist:after,.adbox:after,.jsgame:after,.gamebox:after,.gamecenter:after,.foot:after,.foot .fcenter:after,.mbox:after,.tabs:after,.cons:after,.tab:after,.con:after,.mlist li:after,.dylist:after,.dylist .pic:after,.mleft:after,.news_list:after,.news_list li:after,.r_box:after,.hotinfo:after,.game_dyna:after,.fpage:after,.game_list:after,.game_list li:after,.gameindex:after,.gametext:after,.content:after,.navlist:after,.contfoot:after{clear: both;content: "";display: block;height: 0;visibility: hidden;} /* 顶部弹层 */ .gameList{/*box-shadow:3px 0 8px rgba(0,0,0,.15);*/width: 1000px; position: absolute; top: 0; left: 50%; margin-left: -500px; z-index: 10; overflow: hidden; padding:0; height: 0;} .gameList.active{padding: 88px 0 20px; height: 270px;} .pcGame,.phoneGame,.mall{display: inline-block; height: 100%; float: left; border-right: solid 1px #eaeaea; background: #fff; padding: 20px 0 0;} .gameList h2{width: 100%; line-height: 50px; background: #f5f5f5; color: #f90; font-size: 18px; text-align: center; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;} .gameList h2.active{color: #fff; background: #fdab31;} .pcGame div,.phoneGame div,.mall div{display: inline-block; float: left; color: #333; height: 220px;} .gameList ul{overflow: hidden; padding: 0 0 0 55px;} .gameList h3{font-size: 14px; text-align: center; width: 100%; font-weight: 700; line-height: 56px; margin-top: 12px;} .gameList .ico_H,.gameList .ico_N{margin-top: 12px; vertical-align: top;} .gameList ul li{height: 36px; width: 132px; display: inline-block; float: left; overflow: hidden;} .gameList ul li a{color: #333; float: none; font-size: 14px; line-height: 36px; height: 36px;vertical-align: top;} .wgnGames ul,.phoneGame ul{width: 265px; padding: 0 0 0 45px;} .bigGames ul,.mall ul{width: 134px; padding: 0 0 0 54px;} .phoneGame ul,.mall ul{padding-top: 38px;} .phoneGame ul li{width: 125px;} .wgnGames ul li a{display: inline-block;} .bigGames{border-left: solid 1px #eaeaea;} .mall{border-right: none;} /* 游戏列表 */ .pcGameL{width: 738px;} .indexGames h2{border-left:solid 4px #f27201; padding-left: 10px; font-size: 18px; color: #383838; line-height: 24px; font-weight: 200; margin-bottom: 20px;} .indexGames dt{color: #383838; font-size: 14px; width: 100%; line-height: 34px;} .indexGames dd{box-shadow: 0 0 8px rgba(61,93,212,.3); background: #fff; width: 216px; display: inline-block; float: left; margin: 10px 30px 10px 0; position: relative; overflow: hidden;} .indexGames dd img{width: 100%; height: 120px; display: inline-block; float: left; overflow: hidden;} .indexGames dd img.active{position: absolute; top: -120px; } .indexGames dd span{width: 100%; text-align: center; line-height: 36px; background: #fff; color: #333; font-size: 14px; overflow: hidden; display: inline-block; float: left;} .indexGames dd a:hover span{color: #ec6c00;} .indexGames,.indexGames dl{display: inline-block; float: left;} .wgnGameL{width: 492px;} .bigGameL,.phoneGameR dl{width: 246px;} .phoneGameR{width: 462px;} .indexGames .newGameR{width: 216px;} .indexGames .newGameR dd{margin: 10px 0 10px 0;} .ico_hot,.ico_new{width: 38px; height: 38px; display: block; position: absolute; top: 0; left: 0;} .ico_hot{background: url(http://stc.kongzhong.com/kongzhong/images/2016/ico_hot.png) no-repeat;} .ico_new{background: url(http://stc.kongzhong.com/kongzhong/images/2016/ico_new.png) no-repeat;} .ico_phone{background: url(http://stc.kongzhong.com/kongzhong/images/2016/img/ico_phone.png) no-repeat; width: 30px; height: 30px; display: block; position: absolute; bottom: 36px; right: 0;} a.morelist{position: absolute; bottom: 8px; right: 30px; color: #f90; font-size: 14px;} a.morelist{-webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;} a:hover.morelist{color: #ffb108}