button, input, select, textarea, a{outline:none;} .g-top-dome{ overflow:hidden; position:relative;margin:0px 15px 12px;border-bottom: 1px dashed #e2e2e2;} .g-top-dome b{display: block;top: 15px;position: absolute;font-family: serif;height: 125px;width: 30px;line-height: 125px;font-size: 30px;font-weight: bold;color: #999;text-align: center;background: #e6e6e6;cursor: pointer;position: absolute;} .g-top-dome b:hover{ color:#FF4939;} .g-top-dome b.g-scroll-left{ left:0;} .g-top-dome b.g-scroll-right{ right:0;} .g-top-dome ul li{ background:#f1f1f1; float:left; width:100px; height:125px;margin-left:10px;text-align: center;overflow: hidden; cursor:pointer;border-radius: 2px;} .g-top-dome li img {width: 80px;height: 80px;-webkit-border-radius: 14px;-moz-border-radius: 14px;border-radius: 14px;margin: 10px 0 5px 0;} .g-top-dome li strong{display:block;color: #666;width: 80px;text-align: center;overflow: hidden;height: 20px; font-weight:normal;margin: 0px auto; line-height:20px;} .g-top-dome ul li:hover strong{ color:#FF4939;} .g-top-dome .g-domelist{ overflow:hidden; margin:15px auto; height:125px;width: 1110px;} p.g-font-list{line-height:28px;height:28px;overflow: hidden;padding: 0px 15px 2px;margin-bottom: 10px;} p.g-font-list b {font-size: 18px; font-weight:normal;color: #444;float: left;width: 56px;display: inline;background: url(nt-index2018.png) 40px 7px no-repeat;} p.g-font-list span a {padding: 0 12px;border-right: 1px solid #ddd;color: #444;} p.g-font-list span a:hover{color:#FF4939;} p.g-font-list span a:last-of-type{border: medium none;} /* ----- */ .g-width380{ width:390px;} .g-width260{ width:285px;} .g-banimg{ overflow:hidden; position:relative; margin-bottom:20px;} .g-banimg-ico{ position:absolute; bottom:13px; right:10px;z-index: 99;} .g-banimg-ico ul li{width: 12px; float:left;height: 12px;background-color: #E5E5E5;-webkit-border-radius: 50%;border-radius: 50%; margin-right:5px; cursor:pointer; text-indent:-99999px;} .g-banimg-ico ul li.m-hover{ background:#41d490;} .g-banimg-list{ width:380px; height:300px; overflow:hidden;} .g-banimg-list ul li{ position:relative; overflow:hidden; width:380px; height:300px;} .g-banimg-list ul li p{ position:absolute; bottom:0px; left:0px; width:100%; height:40px; line-height:40px; background:url(rgba50.png);;} .g-banimg-list ul li p strong{ color:#fff; font-weight:normal; padding-left:20px; width:270px; display:block; font-size:16px;white-space: nowrap;text-overflow: ellipsis; overflow:hidden;} .g-banimg-list ul li img{width:380px; height:300px;} .g-banimg-list ul li:hover p strong{color:#FF4939;} ul.g-five-list{padding-top:5px;} ul.g-five-list li{ height:70px;background-color: #fff;overflow:hidden; margin-top:10px; position:relative;box-shadow: 0px 0px 3px #ccc;} ul.g-five-list li a{ display:block;height:70px;} ul.g-five-list li i{float: left; display:block;margin:13px 12px auto 15px;} ul.g-five-list li i img{width: 48px;height: 48px;} ul.g-five-list li p{color: #39404c;height:18px;line-height: 18px;padding-top: 14px; overflow:hidden;font-size: 14px;font-weight: 400; width:290px;} ul.g-five-list li p font{ display:block; float:left; width:200px; overflow:hidden;} ul.g-five-list li span{font-size: 12px;color: #8d9ab2;font-weight: 400; float:right; display:block;} ul.g-five-list li strong{font-size: 12px;color: #8a8f99;overflow: hidden;height: 12px;line-height: 12px;padding-top:12px;font-weight:normal;display:block;float:left;width:290px;white-space:nowrap;text-overflow:ellipsis;} ul.g-five-list li:hover p{ color:#41d490;} ul.g-five-list li a.g-list-hover{ display:none; overflow:hidden;position: absolute;right: 0;top: 0;bottom: 0;width:82px;height: 70px;background: #41d490;font-size: 14px;line-height: 14px;color: #fff;text-align: center;} ul.g-five-list li a.g-list-hover i{ background:url(down_detailimg.png) no-repeat -164px 0px;height:26px;width: 26px; margin:10px auto 7px; display:block; float:none;} ul.g-five-list li a.g-list-hover font{ display:block;font-size: 14px;line-height: 14px;color: #fff;text-align: center;} ul.g-five-list li:hover a.g-list-hover{ display:block;} .g-latest-news{ overflow:hidden;width:465px; position:relative} .g-latest-news i.m-ico-news{ position:absolute; width:81px; height:81px; background:url(nt-index2018.png) no-repeat -197px 0px;} .g-topnews{font-size: 14px;line-height: 24px;text-align: center;overflow: hidden;margin-top:20px; border-bottom:2px solid #41d490; padding-bottom:20px;} .g-topnews h1{ width:450px; margin:0px auto; overflow:hidden; max-width: 400px; height: 30px; line-height: 30px;} .g-topnews h1 a {color: #ff3d3d;font-size: 22px;font-weight: bold;line-height: 30px; height:30px;} .g-topnews h1 a:hover{ text-decoration:underline;} .g-topnews p {height: 27px;color: #888;overflow: hidden; width:430px; margin:6px auto 0;line-height: 27px;} .g-topnews p a {font-size: 14px;color: #888;overflow: hidden; padding:0px 5px;} .g-topnews p a:hover{ color:#FF4939;} .g-ivtab{ overflow:hidden; padding:0px 0px 0px 0px;} /*.g-ivtab .g-ivtab-top{border-left: 1px solid #e2e2e2; overflow:hidden;}*/ /*.g-ivtab .g-ivtab-bd .g-tab-con ul{ overflow:hidden; clear:both;}*/ /*.g-ivtab .g-ivtab-top ul li{ display:block; float:left; border:1px solid #e2e2e2; border-left:0; width:97px; height:36px; font-size:14px; color:#565656; line-height:36px; text-align:center; cursor:pointer;}*/ /*.g-ivtab .g-ivtab-top ul li.m-hover{color: #41d490;font-weight: bold;border-top: 2px solid #41d490;border-bottom: 0;background: #fff;line-height:34px;}*/ /*.g-ivtab .g-ivtab-bd{ overflow:hidden;padding-top: 5px;}*/ /*.g-ivtab .g-ivtab-bd .g-tab-con li {height: 22px;line-height: 22px;font-size: 14px;padding: 6px 0 0;margin-bottom: 6px;float: left;width: 100%;overflow: hidden;}*/ /*.g-ivtab .g-ivtab-bd .g-tab-con li span{padding-right: 5px;color: #999; float:right;}*/ /*.g-ivtab .g-ivtab-bd .g-tab-con li i.u-type {display: block;float: left;width: 73px;margin-right: 10px;line-height: 22px;text-align: right;overflow: hidden;position: relative; font-style:normal;}*/ /*.g-ivtab .g-ivtab-bd .g-tab-con li i.u-type a {font-size: 14px;color: #999;}*/ /*.g-ivtab .g-ivtab-bd .g-tab-con li p{float: left;width: 345px;overflow: hidden; height:22px;}*/ /*.g-ivtab .g-ivtab-bd .g-tab-con li p img {display: inline-block;float: left;width: 22px;height: 22px;vertical-align: middle;margin-right: 8px;}*/ /*.g-ivtab .g-ivtab-bd .g-tab-con li p a{ color:#333;}*/ .g-ivtab .g-ivtab-bd .g-tab-con li a:hover{#41d490;} /*.g-ivtab .g-ivtab-bd .g-tab-con li i.u-type a:hover{color:#FF4939;}*/ /*.g-ivtab .g-ivtab-bd .g-tab-con p.u-dashed {border-top: 1px dashed #ddd;margin: 10px 0 0;height: 10px;padding: 0;overflow: hidden;}*/ /*.g-ivtab .g-ivtab-bd .g-tab-con li.m-cen-sod{border-bottom: 1px dashed #ddd;overflow: hidden;margin-bottom: 9px;padding-bottom: 17px;}*/ /* -- 最近更新 end -- */ h4.g-tit-name {height: 45px;line-height: 45px;font-size: 20px;color: #333;font-weight: bold;position: relative;padding-left:30px;} h4.g-tit-name i{height: 25px;width: 6px;display: block;position: absolute;background: #41d490;top: 11px;left: 10px;} .g-fr-dome{ overflow:hidden; width:320px; margin:0px auto; position:relative;} .g-fr-dome .g-fr-ico{ position:absolute; bottom:9px; right:5px;z-index: 99;} .g-fr-dome .g-fr-ico ul li{ width:10px; height:10px; float:left;background-color: #E5E5E5;-webkit-border-radius: 50%;border-radius: 50%; margin-right:5px; cursor:pointer; text-indent:-99999px;} .g-fr-dome .g-fr-ico ul li.m-hover{background-color: #41d490;} .g-fr-dome .g-fr-bd{ overflow:hidden;width:320px; height:240px;} .g-fr-dome .g-fr-bd ul li{ position:relative; overflow:hidden; width:320px; height:240px;} .g-fr-dome .g-fr-bd ul li img{width:320px; height:240px;} .g-fr-dome .g-fr-bd ul li p{position: absolute;bottom: 0px;left: 0px;height:30px;line-height:30px;background: url(rgba50.png); width:100%;} .g-fr-dome .g-fr-bd ul li p strong{ display:block;height:30px; overflow:hidden;width:250px; padding-left:10px;color: #fff; font-size:14px;font-weight: normal;white-space: nowrap;text-overflow: ellipsis;} .g-fr-dome .g-fr-bd ul li a:hover p strong{color: #41d490;} .g-tjzt-list{ padding:0px 20px; overflow:hidden; margin-bottom:20px} .g-tjzt-list li{width:155px; float:left;} .g-tjzt-list li:nth-child(odd){margin-right:10px;} .g-tjzt-list li a{display: block;line-height: 28px;cursor: pointer; height:28px; overflow:hidden; margin-top:12px;} .g-tjzt-list li a span{text-align: center;width: 42px;float: left;color: #41d490;border-width: 1px 0 1px 1px;border-style: solid;border-color: #ededed; height:26px; line-height:26px;} .g-tjzt-list li a p{background: url(nt-index2018.png) -3px -342px no-repeat #edf1f3;margin-left: 42px;padding: 0 8px 0 22px;line-height:30px; height:28px; overflow:hidden;color: #4d4d4d;} .g-tjzt-list li a:hover p{color: #41d490;} .g-tjzq{ overflow:hidden; margin-top:6px;} .g-tjzq .g-title{ overflow:hidden;} .g-tjzq .g-dome-link{ overflow:hidden; padding-right:10px;} .g-tjzq .g-dome-link ul li{ float:left; color:#999; height:50px; line-height:50px;background: url(lbl_bg.png) no-repeat left center; padding:0px 5px 0px 16px; cursor:pointer;} .g-tjzq .g-dome-link ul li.m-hover{ color:#41d490;} .g-tjzq .g-dome-link ul li:first-child{ background:none;} .g-tjzq-bd{ overflow:hidden;} .g-tjzq-con{ overflow:hidden;width: 249px;margin: 0px auto;} .g-tjzq-con ul li{float: left;width:67px;margin:0px 8px 13px 8px;text-align: center;} .g-tjzq-con ul li img {display: block;width: 67px;height: 67px;margin: 0 auto 2px;border-radius: 12px;} .g-tjzq-con ul li a p {width:65px;height:26px;line-height: 26px;text-align: center;border-radius: 3px;background: #fff;margin: 0 auto;overflow: hidden;color: #333;} .g-tjzq-con ul li a b{ display:none;width:35px;height:35px;padding: 16px;border-radius: 12px;background-color: #f60;color: #fff;font-size: 14px;font-weight: normal;text-align: center;margin: 0 auto 2px;} .g-tjzq-con ul li:hover a b{ display: block; } .g-tjzq-con ul li:hover img{ display: none; } .g-tjzq-con ul li:hover a p{ color:#f40;} /*-- 主题 专区--*/ .g-special{ overflow:hidden;} .g-head-title{ overflow:hidden; margin:0px 15px; border-bottom:2px solid #41d490;position:relative;} .g-head-title h4{font-size: 18px;font-weight: 700;line-height:50px;float: left; height:50px; overflow:hidden;} .g-head-title h4 span{font-size: 20px;font-weight: 700;color: #f0efef;margin-left: 14px; display:none} span.u-more{cursor: pointer;width: 38px;height: 15px;display: inline;overflow: hidden;background: url(icobox.png) no-repeat -4px -510px; position:absolute; right:0px; top:22px;} span.u-more a{ display:block;width: 38px;height: 15px;} span.u-more:hover{background:url(icobox.png) no-repeat -163px -510px;} span.f-fr {cursor: pointer;width: 38px;height: 15px;display: inline;overflow: hidden;background: url(icobox.png) no-repeat -4px -510px; position:absolute; right:0px; top:6px;} span.f-fr a{ display:block;width: 38px;height: 15px;} span.f-fr:hover{background:url(icobox.png) no-repeat -163px -510px;} .g-head-title p{ overflow:hidden; height:50px; line-height:50px; padding-right:70px; width:1030px;text-align: right;} .g-head-title p a{color: #999;padding: 0 12px;} .g-head-title p a:hover{color: #FF4939;} .g-special-dome{ overflow:hidden; position:relative; margin:15px;} .g-special-dome b{display: block;top: 0px;position: absolute;font-family: serif;height: 133px;width: 30px;line-height: 133px;font-size: 30px;font-weight: bold;color: #999;text-align: center;background: #e6e6e6;cursor: pointer;} .g-special-dome b.g-scroll-left{ left:0px;} .g-special-dome b.g-scroll-right{right:0px;} .g-special-dome b:hover{ color:#FF4939} .g-special-dome .g-special-cont{ overflow:hidden; margin:0px auto; height:133px; width:1100px;} .g-special-dome .g-special-cont ul li{width: 266px;height: 133px;float: left;margin: 0 4px 0 5px;display: inline;overflow: hidden;} .g-special-dome .g-special-cont ul li a {width: 100%;height: 133px;display: block;overflow: hidden;position: relative;zoom: 1;} .g-special-dome .g-special-cont ul li a img{width: 266px;height: 133px;} .g-special-dome .g-special-cont ul li a strong{ width:100%; height:26px; line-height:26px; font-size:14px; font-weight:normal; color:#fff; text-shadow:1px 1px 2px #000; text-align:center; display:block; overflow:hidden; position:absolute; left:0; bottom:0; background:-moz-linear-gradient(top,rgba(255,255,255,0),rgba(0, 0, 0, 0.7)); background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0,rgba(255,255,255,0)), color-stop(1, rgba(0,0,0,0.7))); background: -ms-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(0,0,0,0.7) 100%); /*IE9+*/ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 );/*IE9-*/} .g-special-dome .g-special-cont ul li a:hover strong{color: #FF4939;} /*-- 专题精选 --*/ .g-spftware-cont{position:relative; padding:15px 15px 0px 15px;} .g-spftware-top{ position:absolute; overflow:hidden; top:-53px; left:260px;} .g-title-list ul li{float:left;overflow:hidden;padding-left: 28px;background: url(nt-index2018.png) no-repeat -261px -150px; height:50px; line-height:50px;font-size: 18px;padding-right:10px; color:#333; cursor:pointer;} .g-title-list ul li:first-child{ background:none;} .g-title-list ul li.m-hover{ color:#41d490} .g-spftware-bd{width:860px; height:456px;} .g-spftware-list{ position:relative;width:860px} span.u-title-more{ top:-44px; right:-310px;} ul.m-spftware-list li {width: 195px;padding:0 20px 8px 0px;height: 220px;float: left;} ul.m-spftware-list li:hover span{ background:#41d490; color:#fff;} ul.m-spftware-list li span {display: block;width: 195px;line-height: 40px;background-color: #f6f6f6;text-align: center;margin-bottom: 5px; font-size:16px;color: #666;} ul.m-spftware-list li p a {height: 34px;line-height: 34px;display: block;margin-left: 7px;overflow: hidden;color: #666666;} ul.m-spftware-list li p a img {width: 24px;height: 24px;margin-right: 8px;border-radius: 3px;vertical-align: middle;} ul.m-spftware-list li p a:hover{color: #FF4939;} ul.m-spftware-rank{ overflow:hidden; width:310px;} p.m-r-title {font-size: 22px;line-height:30px;height:30px;overflow: hidden;padding-left: 28px;letter-spacing: 2px; font-weight:bold;color: #333;background: url(nt-index2018.png) no-repeat -264px -114px; margin-top:7px;} p.m-r-title font{ color:#41d490;font-size: 22px;} ul.m-spftware-rank li{padding-top: 16px; overflow:hidden; height:24px; line-height:24px;} ul.m-spftware-rank li i{background: #c7c7c7;border-radius: 2px;-webkit-border-radius: 2px;text-align: center;color: #fff;font-size: 14px;margin-right: 5px; display:block; font-style:normal;width: 20px; height: 20px;line-height: 20px;margin-right: 10px;margin-top: 2px;float: left;} ul.m-spftware-rank li a{ color:#333;display: block;width: 260px;height: 24px;line-height: 24px;overflow: hidden;float: left;white-space: nowrap;text-overflow: ellipsis;} ul.m-spftware-rank li a:hover{color: #FF4939;} li.one i{background: #ff6b66 !important;} li.two i{background: #ff8652 !important;} li.three i{background: #ffa742 !important;} /*-- 软件必备 --*/ .g-android{ overflow:hidden;} .g-android-cont{ position:relative;} .g-android-top{ overflow:hidden; position: absolute;top: -53px;left: 260px;} .g-android-bd{padding:0px 15px 0px 15px;} .g-android-list{margin-bottom:15px;} .g-android-list p.u-title-link{ width:630px; overflow:hidden; height:50px; line-height:50px;position: absolute;top: -52px;left: 510px;} .g-android-list p.u-title-link a{color: #999;padding: 0 12px;} .g-android-list p.u-title-link a:hover {color: #FF4939;} .g-android-list span.u-more{top: -30px;right: 15px;} .g-android-list .g-android-list{ width:860px; overflow:hidden;padding-bottom: 20px;} .g-android-list .g-android-rank{ width:310px; overflow:hidden;padding-top: 15px;} .g-android-list .g-android-list li {width: 90px;padding:30px 38px 0px 15px;float: left;text-align: center;} .g-android-list .g-android-list li img {width: 75px;height: 75px;margin: 0 auto 5px auto;border-radius: 12px;} .g-android-list .g-android-list li p {color: #444;height: 22px;line-height: 22px;overflow: hidden;} .g-android-list .g-android-list li strong{font-size: 12px;color: #999; font-weight:normal;} .g-android-list .g-android-list li:hover p{color: #FF4939;} ul.g-android-rank{ overflow:hidden;} ul.g-android-rank li{padding-top: 15px; overflow:hidden;} ul.g-android-rank li i{background: #c7c7c7;border-radius: 2px;-webkit-border-radius: 2px;text-align: center;color: #fff;font-size: 14px;margin-right: 5px;display: block;font-style: normal;width: 20px;height: 20px;line-height: 20px;margin-right: 10px;margin-top: 2px;float: left;} ul.g-android-rank li a{ color:#333;} ul.g-android-rank li a:hover{color: #FF4939;} ul.g-android-rank li .u-info{display: none;padding-top: 12px;margin-left: 30px; overflow:auto;} ul.g-android-rank .u-info p{ float:left; overflow:hidden; margin:4px 0px 18px 0px} ul.g-android-rank .u-info img{ float:left;margin-right: 10px; width:68px; height:68px;border-radius: 12px;} ul.g-android-rank .u-info a{border-radius: 2px;width: 85px;height:24px;line-height: 24px;text-align: center;display: block;border: 1px solid #41d490; float:left; color:#41d490;} ul.g-android-rank .u-info p span img{ height:14px; width:78px;} ul.g-android-rank .u-info p span { float:left; display:block; height:14px; line-height:14px; padding-right:3px;color: #999;} ul.g-android-rank .u-info a:hover{ background:#41d490; color:#fff;} ul.g-android-rank li.m-hover .u-info{ display:block;} ul.g-android-rank li a.r-name{ overflow:hidden; height:24px; line-height:24px; display:block;white-space: nowrap;text-overflow: ellipsis;} ul.g-android-rank li.m-hover a.r-name{ color:#333;font-weight: 700; font-size:16px;} /*-- 苹果安卓必备 --*/ .g-Personality{ overflow:hidden;margin: 15px 0px 15px 15px;} ul.m-qqgxbig{ overflow:hidden; width:234px; margin-right:4px;} ul.m-qqgxbig li{ float:left; overflow:hidden; width:234px; height:340px; position:relative;} ul.m-qqgxbig li img{width:234px; height:340px;} ul.u-gx-hover li a.m-hover{ overflow:hidden;background:url(rgba50.png);width:234px; height:341px; position:absolute;left: 0;top: 100%;-webkit-transition: top .4s;-moz-transition: top .4s;-ms-transition: top .4s;-o-transition: top .4s;transition: top .4s;} ul.u-gx-hover li:hover a.m-hover{ top:0px; left:0px;} ul.u-gx-hover li a.m-hover strong{ color:#fff; line-height:26px; overflow:hidden; padding:20px; font-weight:normal;display: block;max-height: 208px;margin-top: 20px;text-align: center;} ul.m-qqgxss{ width:230px; overflow:hidden;} ul.m-qqgxss li.m_pzp1{ overflow:hidden; width:226px; height:226px; position:relative; margin-bottom:4px;} ul.m-qqgxss li.m_pzp1 img{width:226px; height:226px;} ul.m-qqgxss li.m_pzp1 a.m-hover{width:226px; height:226px;} ul.m-qqgxss .m_pzp1:hover a.m-hover{ top:0px; left:0px;} ul.m-qqgxss li.m_pzp1 a.m-hover strong{ max-height:104px;} ul.m-qqgxss li.m-pzp1 ,ul.m-qqgxss li.m-pzp4{ float:left; overflow:hidden; width:226px; height:226px; margin-right:4px; position:relative;} ul.m-qqgxss li.m-pzp2 ,ul.m-qqgxss li.m-pzp3 ,ul.m-qqgxss li.m-pzp5 ,ul.m-qqgxss li.m-pzp6{ float:left; overflow:hidden; width:110px; height:110px; margin-right:4px; position:relative;} ul.m-qqgxss li.m-pzp2 a.m-hover ,ul.m-qqgxss li.m-pzp3 a.m-hover ,ul.m-qqgxss li.m-pzp5 a.m-hover ,ul.m-qqgxss li.m-pzp6 a.m-hover{width:90px; height:90px; padding:10px;} ul.m-qqgxss .m-pzp2:hover a.m-hover ,ul.m-qqgxss .m-pzp3:hover a.m-hover ,ul.m-qqgxss .m-pzp5:hover a.m-hover ,ul.m-qqgxss .m-pzp6:hover a.m-hover{ top:0px; left:0px;} ul.m-qqgxss .m-pzp2 a.m-hover strong ,ul.m-qqgxss .m-pzp3 a.m-hover strong ,ul.m-qqgxss .m-pzp5 a.m-hover strong ,ul.m-qqgxss .m-pzp6 a.m-hover strong{ padding:0px; margin:10px 0 0 0; line-height:24px; max-height:72px; overflow:hidden;} ul.m-qqgxss .m-pzp2 ,ul.m-qqgxss .m-pzp3 ,ul.m-qqgxss .m-pzp5 ,ul.m-qqgxss .m-pzp6{ margin-top:4px;} /*-- QQ个性 --*/ .g-article{ position:relative;} .g-article-top{ position: absolute;overflow: hidden;top: -53px;left: 260px;} .g-article-bd{margin:0px 15px;padding-bottom: 15px;} .g-article-bd .g-article-list{ position:relative;} .g-article-bd .g-article-list span.u-more{ top:-30px; right:0px;} .g-article-img{ overflow:hidden; width:300px;} .g-article-img li{ width:300px; height:200px; position:relative; overflow:hidden; margin-top:15px;} .g-article-img li img{ width:300px; height:200px;-webkit-transition: .2s linear;-moz-transition: .2s linear;transition: .2s linear;} .g-article-img li strong{ position:absolute; bottom:0px; width:280px; padding:0px 10px; font-weight:normal; height:32px; line-height:32px; overflow:hidden; color:#fff;background:url(rgba50.png); left:0px;} .g-article-img li a:hover img{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);transform: scale(1.05);} .g-article-img li a:hover strong{color: #FF4939;} .g-article-li{ overflow:hidden; width:515px; margin:20px 20px 0px 20px;} .g-article-li a.u-first-title{ overflow:hidden;display: block;padding-bottom: 15px;border-bottom: 1px dotted #ededed;} .g-article-li a.u-first-title p{text-align: center;margin-top: -3px;margin-bottom: 10px;font-weight: 700;font-size: 18px; color:#333;} .g-article-li a.u-first-title span{color: #999;font-size: 12px;line-height: 22px;height: 44px; display:block;overflow: hidden;} .g-article-li a.u-first-title:hover p{ color:#FF4939} .g-article-li li{line-height: 24px;height: 24px;overflow: hidden;margin-top:11px;} .g-article-li li span{ float:right;color: #999;} .g-article-li li i{ display:block; float:left; width:5px; height:5px; background:#ededed;border-radius:50%;-webkit-border-radius:50%;margin-top: 9px;} .g-article-li li a{color: #333; display:block; float:left; padding-left:8px; width:435px;white-space: nowrap;text-overflow: ellipsis; height:24px; line-height:24px; overflow:hidden;} .g-article-li li a:hover{color: #FF4939;} ul.m-article-rank{ padding-top:15px;} ul.m-article-rank li{padding-top: 13.5px;} /*-- 资讯教程end --*/ .g-head-title p.u-msg{ color:#666; padding:0px 0px 0px 60px} .links-click{ padding-top:11px;} .links-click a {cursor: pointer;display: inline-block;width: 24px;height: 22px;margin: 2px 5px;background: url(nt-index2018.png) no-repeat -207px -321px;border: 1px solid #e2e2e2;overflow: hidden;} .links-click a.r-bottom{ background-position:-243px -321px } .links-click a.r-bottom:hover{background-position:-243px -343px} .links-click a.r-top:hover{background-position:-207px -343px} #links-box {position: absolute;left: 0;top: 0;} .u-fbox {position: relative;margin: 12px 15px 12px 20px;height: auto;overflow: hidden;} .u-idx-fbox {height:136px;} .u-fbox ul li{display: inline;} .u-fbox ul li a {line-height:34px;color: #666;margin-right: 17px;} .u-fbox ul li a:hover{color: #FF4939;} /*-- 友情链接end --*/ .f-gotoBox{overflow:hidden;width:50px;height: auto;position: fixed;top:300px;left: 50%;cursor: pointer;margin-left: 630px;z-index:9900; display:none;} .f-gotoBox a, .f-gotoBox i{display: block;line-height:50px;height: 50px;width:50px;font-style: normal;text-align: center;background: #fff; margin-bottom:8px; color:#444;border-radius:2px;} .f-gotoBox i{background: #fff url(nt-index2018.png) no-repeat 9px -186px;} .f-gotoBox a:hover{ background:#41d490; color:#fff;} .f-gotoBox i:hover{background: #41d490 url(nt-index2018.png) no-repeat 9px -246px;} .f-gotoBox a.m-hover{background:#41d490; color:#fff;} .u-block{ display:block !important;} /*-- 右侧悬浮 end --*/ .g-jbzx{text-align:center; width: 580px;margin:10px auto 0;} .g-jbzx a{display: block;padding: 0px 5px;float: left;} .g-jbzx p{display: block;margin-top: 0px;height: 45px;float: left;margin-left: 5px;} .g-jbzx p span{display: block;line-height: 22.5px;text-align: left;} .CWidth1{overflow:auto;background:#fff;width:1150px; margin:0 auto; margin-bottom:20px;padding:10px 25px;} .SoftHosList{height:330px;background:#fff;width:1150px; margin:15px auto; padding:10px 25px;} .SoftList{padding:15px 0; overflow: hidden; height:120px;width:1150px; position:relative; border-bottom:1px dashed #d8d8d8; margin-bottom:20px;} .SoftList .al{width:30px;background:url(3322.png) no-repeat -420px -122px; display:block; float:left; height:120px;} .SoftList .ar{width:30px;background:url(3322.png) no-repeat -420px -211px; display:block; float:left; height:120px;} .SoftList .al:hover{width:30px;background:url(3322.png) no-repeat -491px -122px;} .SoftList .ar:hover{background:url(3322.png) no-repeat -491px -211px;} .SoftList .SWList{width:1040px;padding:0 10px; float:left; height:120px;white-space: nowrap; overflow:hidden;margin:0 15px;} .SoftList .SWList a{width:90px; text-align:center; line-height:30px; display: inline-block; white-space:nowrap; overflow:hidden;margin:0 7px;} .SoftList .SWList a img{width:80px;margin-bottom:10px;} .HotSoft li{float:left;width:1140px;margin-bottom:10px;white-space: nowrap; overflow:hidden; margin-right:5px;} .HotSoft li span{width:50px;height:22px; text-align:center; line-height:22px;padding-top:3px;padding-bottom:3px;color:#fff;display:inline-block;border-radius:3px; } .HotSoft li a{margin:0 8px;color:#444} .HotSoft li.PCSoft{background:url(3322.png) no-repeat -511px -2px;} .HotSoft li.PCSoft span{background:#4197E2;} .HotSoft li.AndSoft{background:url(3322.png) no-repeat -511px -32px;} .HotSoft li.AndSoft span{background:#a0cb0c;} .HotSoft li.IOSSoft{background:url(3322.png) no-repeat -511px -62px;} .HotSoft li.IOSSoft span{background:#fea501;} .HotSoft li.ComSoft{background:url(3322.png) no-repeat -511px -92px;} .HotSoft li.ComSoft span{background:#fe3432;} /* 轮播*/ #main1_l .bd{position: relative} #main1_l .main1_l_bar_box{width: 100%;height:240px;position: relative;overflow: hidden;} #main1_l .main1_l_bar{width: 10000px} #main1_l .main1_l_bar li{float: left;width:390px;height:240px} #main1_l .main1_l_bar li a{width: 100%;height: 100%;display: block} #main1_l .main1_l_bar li img{width: 100%; height:240px;} #main1_l .main1_l_bar li p{position: absolute;bottom: 0;left: 0;z-index: 1;width:100%;height:100px; text-align:center; background:url(new_lc.png) no-repeat 0 -168px; overflow:hidden;} #main1_l .main1_l_bar li p span{ display:inline-block; max-width:95%; color:#fff; font-size:16px; height:22px; line-height:22px; margin-top:75px; overflow:hidden;} #main1_l .ft{position: absolute;left: 0;bottom:0px;z-index: 1;width:390px;height:78px} #main1_l .change{position: absolute;left: 0;bottom:0px;width:390px; height:60px; background:#191919;} #main1_l .change a{float: left;width:72px;height:50px; margin:5px 0 5px 5px;cursor: pointer;position:relative;} #main1_l .change a img{width:73px;height:50px;} #main1_l .change a .mask { display:none;width:73px;height:50px; position: relative; top:-55px;left:-5px; border:5px solid #56a5fa; +top:-5px; +position:absolute;} #main1_l .change a .mask em{ background:url(new_lc.png) no-repeat -207px -36px; width:8px; height:4px; display:inline-block; position:absolute; left:50%; top:-9px; margin-left:-4px;} #main1_l .change a:hover .mask,#main1_l .change a.on .mask { display: block; } #main1_l .hd{position: absolute;left:5px;bottom:80px;z-index: 2;width:390px;height:22px;text-align:center;} #main1_l .main1_l_title{overflow: hidden;position: absolute;top: 0;left: 0;height:100%;line-height:22px;font-size:16px; width:100%;} #main1_l .main1_l_title a{display: none;color: #fff; width:100%;} .Min2 .title { font-size: 24px; color: #333; font-weight: bold; width: 100%; height: 30px; line-height: 30px; overflow: hidden; margin-top:30px;} .Min2 .M2L { width: 285px; } .Min2 .M2L ul { width: 100%; } .Min2 .M2L ul li { width: 100%; height: 80px; overflow: hidden; background: #f7f7f7; margin-top: 10px; position: relative; } .Min2 .M2L ul li:hover { box-shadow: 1px 2px 8px #eee; -webkit-box-shadow: 1px 2px 8px #eee; } .Min2 .M2L ul li:hover .btn { bottom: 0; } .Min2 .M2L ul li .brand { height: 80px; float: left; border-left: 2px solid #a5dc6e; } .Min2 .M2L ul li .brand span { background: url(logolis.png) no-repeat; height: 78px; width: 170px; margin: 1px; display: block; } .Min2 .M2L ul li .name { float: right; display: block; width: 110px; text-align: center; } .Min2 .M2L ul li .name p { font-size: 18px; font-weight: bold; color: #555; line-height: 36px; margin-top: 8px; } .Min2 .M2L ul li .name span { font-size: 16px; color: #14cc8f; } .Min2 .M2L ul li .btn { width: 100%; height: 80px; left: 0; bottom: 80px; background: rgba(0, 0, 0, 0.7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000); position: absolute; display: block; transition: all .15s linear; -webkit-transition: all .15s linear; } .Min2 .M2L ul li .btn span { display: block; margin: 0 auto; width: 120px; height: 40px; background: #14cc8f; color: #fff; font-size: 14px; font-weight: bold; text-align: center; line-height: 40px; margin: 20px auto; border-radius: 4px; transition: all .1s linear; -webkit-transition: all .1s linear; } .Min2 .M2L ul li .btn span:hover { opacity: 0.8; filter: alpha(opacity=80); } .Min2 .M2L ul .li1 .brand { border-color: #a5dc6e; } .Min2 .M2L ul .li1 .brand span { background-position: -25px -78px; } .Min2 .M2L ul .li1 .name span { color: #a5dc6e; } .Min2 .M2L ul .li2 .brand { border-color: #c3b2e5; } .Min2 .M2L ul .li2 .brand span { background-position: -25px -468px; } .Min2 .M2L ul .li2 .name span { color: #c3b2e5; } .Min2 .M2L ul .li3 .brand { border-color: #ffc194; } .Min2 .M2L ul .li3 .brand span { background-position: -25px -390px; } .Min2 .M2L ul .li3 .name span { color: #ffc194; } .Min2 .M2L ul .li4 .brand { border-color: #92bfec; } .Min2 .M2L ul .li4 .brand span { background-position: -25px -312px; } .Min2 .M2L ul .li4 .name span { color: #92bfec; } .Min2 .M2L ul .li5 .brand { border-color: #fea8a8; } .Min2 .M2L ul .li5 .brand span { background-position: -25px -156px; } .Min2 .M2L ul .li5 .name span { color: #fea8a8; } .Min2 .M2L ul .li6 .brand { border-color: #7bdcbc; } .Min2 .M2L ul .li6 .brand span { background-position: -25px 0; } .Min2 .M2L ul .li6 .name span { color: #7bdcbc; } .Min2 .M2L ul .li7 .brand { border-color: #e5ba39; } .Min2 .M2L ul .li7 .brand span { background-position: -25px -234px; } .Min2 .M2L ul .li7 .name span { color: #e5ba39; } .Min2 .M2M ul + ul { border-top: 1px dashed #edeff5; padding-top: 30px; margin-top: 5px; } .Min2 .M2M ul { width: 100%; overflow: hidden; padding-top: 20px; } .Min2 .M2M ul li { overflow: hidden; width: 100%; height: 20px; margin-bottom: 28px; } .Min2 .M2M ul li span { display: block; float: left !important; background: #ffecec; border-top-left-radius: 10px; height: 20px; width: 80px; line-height: 20px; text-align: center; color: #555; font-size: 12px; overflow: hidden; margin-right: 8px; } .Min2 .M2M ul li a { width: 330px; height: 20px; color: #555; font-size: 15px; overflow: hidden; display: block; float: left; line-height: 20px; } .Min2 .M2M ul li i { display: block; float: right; font-size: 15px; color: #999; line-height: 20px; } .Min2 .M2M ul li:hover span { background-position: -132px -85px; cursor:pointer} /*编辑推荐*/ .art_cjwt li { width: 172px; height: 58px; border: 1px solid #ededed; position: relative; float: left; /*color: #358ff0;*/ margin-right: 10px; margin-left: 10px; margin-bottom: 10px; margin-top: 10px; } .art_cjwt li:last-child{ margin-right: 0px; } /*.art_cjwt li i {*/ /* position: absolute;*/ /* display: block;*/ /* width: 30px;*/ /* height: 30px;*/ /* top: 0px;*/ /* left: 0px;*/ /* background: url("ico_art_cjwt.png") no-repeat;*/ /*}*/ .art_cjwt li a { display: block; width: 165px; height: 58px; line-height: 58px; /*color: #358ff0;*/ padding: 0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .art_cjwt li:hover { background: #358ff0; } .art_cjwt li:hover i { display: none; } .art_cjwt li:hover a { color: #ffffff; } /*原版系统*/ .home-soft2 .soft2box { width: 1200px; overflow: hidden; padding: 15px; } .home-soft2 .soft2box dl { float: left; margin-right: 16px; width: 280px; height: 350px; overflow: hidden; background: #F6F6F6; border-radius: 4px; } .home-soft2 .soft2box dl dt { height: 180px; background: #9A9A9A; overflow: hidden; } .home-soft2 .soft2box dl dt img { display: block; width: 100%; height: 100%; } .home-soft2 .soft2box dl dd { padding: 20px 16px; } .home-soft2 .soft2box dl dd strong { max-height: 40px; line-height: 150%; font-size: 15px; font-weight: normal; margin-bottom: 20px; display: block; overflow: hidden; } .home-soft2 .soft2box dl dd a { width: 46.5%; padding: 3px 0; text-align: center; } .home-soft2 .soft2box dl dd span { font-size: 12px; margin-bottom: 20px; display: block; color: #b2b2b2; } .downblue, .downorange { font-size: 14px; color: #039ECE; border: 1px solid #039ECE; padding: 2px 15px; border-radius: 5px; display: inline-block; } .home-soft2 .soft2box dl dd a { width: 46.5%; padding: 3px 0; text-align: center; } .home-soft2 .soft2box dl dd a.downblue { margin-right: 5%; } .downorange { border: 1px solid #9A9A9A; color: gray; } .downblue:hover { border: 1px solid #039ECE; background-color: #039ECE; color: #fff; } .downorange:hover { border: 1px solid #F9A123; background-color: #F9A123; color: #fff; } .g-title { margin-bottom: 15px; } .ovh { overflow: hidden; } .g-title { border-bottom: 2px solid #358ff0; } .g-title .more { font-size: 16px; margin-top: 3px; font-weight: normal; color: #999; cursor: pointer; } .g-title .title-txt { width: auto; font-weight: bold; } .g-title .title-txt { margin-top: -4px; line-height: 30px; padding-bottom: 12px; font-size: 22px; float: left; width: 210px; margin-right: 9px; } .course-list { margin: 15px; } .course-list .cate { width: 380px; margin-right: 15px; float: left; } .course-list .cate:last-child{ margin-right: 0px; } .g-dot-list .item i{ display: block; float: left; width: 4px; height: 4px; overflow: hidden; border-radius: 2px; background: #ccc; margin-top: 8px; margin-right: 4px; } .g-dot-list .item:hover i { background-color: #358ff0; } .g-dot-list .g-time { color: #999; margin-left: 20px; } .g-dot-list .item { position: relative; line-height: 30px; height: 30px; overflow: hidden; } .idx-rjgx-a { width: 860px; float: left; } .idx-rjgx-a .a-item { width: 410px; float: left; margin-top: 10px; line-height: 24px; margin-right:15px;} .idx-rjgx-a .a-item:nth-child(2n){ margin-right:0px;} .idx-rjgx-a .item-label { margin-right: 4px; color: #999; } .idx-rjgx-a .item-name { margin-left: 4px; margin-right: 4px; } .idx-zt { margin-bottom: 20px; position: relative; height: 394px; overflow: hidden; } .idx-zt .g-title { margin-bottom: 26px; } .idx-zt .g-tab { margin-left: 5px; } .idx-zt .zxzt-list { margin-bottom:20px; } .idx-zt .list-img { float: left; margin-top: 20px; width: 525px; height: 308px; position: relative; overflow: hidden; } .idx-zt .list-img img{width: 556px; height: 265px; } .idx-zt .list-img + .list-img { width: 302px; height: 144px; margin-left: 20px; } .idx-zt .list-img + .list-img img{ width: 302px; height: 144px; } .idx-zt .list-img + .list-img .img-cover { height: 32px; filter: alpha(opacity=20); opacity: .2; } .idx-zt .list-img + .list-img .img-name { line-height: 32px; font-size: 14px; margin-top: -32px; } .idx-zt .img-cover { position: absolute; width: 100%; height: 43px; overflow: hidden; left: 0; bottom: 0; background: #000; filter: alpha(opacity=100); opacity: 1; } .idx-zt .img-name { position: relative; z-index: 2; color: #fff; line-height: 43px; font-size: 18px; padding: 0 4%; width: 92%; text-align: center; } .idx-zt .list-btn { position: absolute; top: 50%; margin-top: -40px; width: 50px; height: 80px; border-radius: 2px; cursor: pointer; z-index: 10; } .idx-zt .list-btn.btn-prev { left: 0; } .idx-zt .list-btn.btn-prev .btn-ico { background-position: -175px -32px; } .idx-zt .list-btn.btn-next { right: 0; } .idx-zt .list-btn.btn-next .btn-ico { background-position: -195px -32px; } .idx-zt .list-btn .btn-cover { background: #000; filter: alpha(opacity=34); opacity: .34; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; } .idx-zt .list-btn .btn-ico { width: 14px; height: 24px; position: absolute; top: 50%; left: 50%; margin-left: -7px; margin-top: -12px; z-index: 2; background-image: url(sp_1.png); }