﻿@charset "utf-8";
/* CSS Document */
/*头部、底部*/
html,body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,p,hr,figure,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
html,body,fieldset,img,iframe,abbr{border:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
a,button{cursor:pointer;}
a{text-decoration:none;color:#666;}
a:hover{color:#358ff0;}

body{background:#f8f8f8;font-size:14px;color:#666;-webkit-text-size-adjust:none;font-family:"微软雅黑";}
html {height: 100%;-webkit-text-size-adjust: none;}
img {border:0;vertical-align:middle;max-width:100%;}

/*宽度1200，居中*/
.CWidth{width:1200px;margin:0 auto;}
.top{width:100%;background:#fff;font-size:12px;height:35px;border-bottom:1px solid #e3e3e3; min-width:1200px; line-height:35px;}
.TopWrap{height:35px;}
.TopWrap .TopWMenu{float:left; text-align:right;width:50%;}
.TopWrap .TopWHome{width:50%;float:left;}
.TopWrap .TopWHome a{display:block; float:left; margin:0 10px;}

.TopWHNav a.SiteMap{background:url(../images/3322.png) no-repeat -420px 3px;padding-left:15px;}
.TopWHNav a.SiteMap:hover{background:url(../images/3322.png) no-repeat -420px -27px;}
.TopWHome a.WPhone{background:url(../images/3322.png) no-repeat -420px -60px;padding-left:15px;}
.TopWHome a.WPhone:hover{background:url(../images/3322.png) no-repeat -420px -95px;}
.TopWrap .TopWHome .TopWHNav{float:left; position:relative; z-index:1000}
.TopWrap .TopWMenu a{margin-left:10px;}
.TopWrap .TopWMenu span{margin-left:10px;}
.TopWrap a:hover{color:#358ff0;}
.TopWrap .TopWHome .TopWHNav .TopWHNavMain{width:1138px;border:1px solid #e3e3e3;padding:30px; overflow:auto; position:absolute; top:35px; left:-44px;background:#fff; display:none; z-index:1001;}
/**/.TopWrap .TopWHome .TopWHNav:hover .TopWHNavMain{display:block;}
.TopWrap .TopWHome .TopWHNav .TopWHNavMain a{margin-left:0;font-size:14px; margin-right:15px;}
.TopWrap .TopWHome .TopWHNav .TopWHNavMain p{font-size:16px;color:#358ff0;}

.TopWHNavMain .SubNav1{float:left;width:370px; padding-left:15px; min-height:120px; overflow:auto;padding-top:10px;}
.TopWHNavMain .SubNav2{float:left;width:351px; padding-left:15px; min-height:120px; overflow:auto;padding-top:10px;}
.SubNavLine1{border-bottom:1px dashed #e3e3e3;}
.SubNavLine2{border-left:1px dashed #e3e3e3;border-right:1px dashed #e3e3e3;}
.header{width:100%; min-width:1200px;height:120px;background:#fff;}
.header ul li{float:left;}
.header ul li img{margin-top:28px;}
.header ul li.HSearch{width:580px;float:right; height:80px;margin-top:28px;}
.H_Search{height:40px;}
.search_cate{float:left;width:79px;background:url(../images/3322.png) no-repeat -430px -595px;border:1px solid #d8d8d8;border-right:none;height:38px; position:relative;}
.search_cate span{display:block;line-height:38px;padding-left:15px; cursor:pointer;width:54px;}
.cate-toggle{position:absolute;width:79px; height:105px;;background:#fff;border:1px solid #d8d8d8;border-top:none;top:40px; display:none; left:0;}
.cate-toggle li.cate-item{width:64px;padding-left:15px; line-height:25px;}
.cate-toggle li.cate-item:hover{background:#12a8e3;color:#fff; cursor:pointer;}
.search_input{width:388px;height:38px;border:1px solid #d8d8d8; border-left:none;padding-left:10px; line-height:38px;float:left;display:block;color:#666;outline: none;}
.search_btn{width:98px;height:40px;background:#358ff0;color:#fff; display:inline;float:left;text-align:center;line-height:40px;font-size:16px;overflow:hidden;}
.search_btn:hover{color:#ececec;}
.HSearch p{clear:both;line-height:35px;}
.HSearch p a:hover{color:#358ff0;}
.HSearch p a{margin-right:12px;}
.HSearch p span{margin-right:10px;}

.nav{width:100%; min-width:1200px;background:#358ff0;height:50px; line-height:50px;font-size:18px;margin-bottom:20px;}
.nav a{color:#fff;padding:0 30px; display: block; float:left; height:50px;}
.nav a:hover{background:#2b71c2;}
.nav a.current{background:#2b71c2;}

.nav1{width:100%; min-width:1200px;background:#358ff0;height:50px; line-height:50px;font-size:18px;margin-bottom:20px;}
.nav1 a{color:#fff;padding:0 11px; display: block; float:left; height:50px;}
.nav1 a:hover{background:#2b71c2;}
.nav1 a.current{background:#2b71c2;}

.footer{width:100%; min-width:1200px;background:#3d3c3a; overflow:auto;}
.footer div{background: url(/images/info_logo_other.png) no-repeat left center; text-align:center; padding:30px 0; overflow:auto;color:#ccc;background-size:18%;}
.footer div a{color:#ccc;line-height:30px;}
.footer div a:hover{color:#fff;}
.footer div p{color:#999;font-size:12px; line-height:25px;margin-top:15px;}

/*星星 style1*/
.sty1{background:url(../images/sp_3.png) no-repeat; width:130px; height:16px;display: inline-block; vertical-align: middle;}
.sty1_star1{ background-position:-112px -127px;}
.sty1_star2{ background-position:-84px -127px;}
.sty1_star3{ background-position:-57px -127px;}
.sty1_star4{ background-position:-28px -127px;}
.sty1_star5{ background-position:0px -127px;}

/*星星 style2*/
.sty2{background:url(../images/3322.png) no-repeat; width:74px; height:12px;display:block; float:left; vertical-align: middle;}
.sty2_star1{ background-position:-477px -1140px;}
.sty2_star2{ background-position:-462px -1140px;}
.sty2_star3{ background-position:-447px -1140px;}
.sty2_star4{ background-position:-432px -1140px;}
.sty2_star5{ background-position:-417px -1140px;}

/*头部、底部结束*/

.CWidth1{overflow:auto;background:#fff;width:1150px; margin:0 auto; margin-bottom:20px;padding:10px 25px;}



.CComSoftTitle{height:50px; line-height:50px; border-bottom:2px solid #358ff0;}
.CComSoftTitle p{font-size:24px; float:left;color:#000; margin-right:15px; font-weight:bold;}
.CComSoftTitle span{float: left;font-size: 20px;color: #999;}



.WSite{width:1200px; height:30px; line-height:30px; margin:0 auto;color:#000;margin-bottom:20px;}


@keyframes Move1{
	0%{
		opacity:0;
	}
	100%{
		opacity:1;
	}
}
#move{
	position: fixed;
	left: 50%;
	margin-left:610px;
	top:580px;
	display: none;
	height:430px;
}
#move li{
	width: 60px;
	height:60px;
	line-height:60px;
	text-align: center;
	cursor: pointer;
	margin-bottom:1px;
	background:#e1dfdf; 
}
#move li.active{background:#358ff0;color:#fff;}
#move ul li:hover {
        background:#358ff0;color:#fff;
    }
#move li.last{font-size:36px;font-weight:bold;}


/*软件栏目*/
/*软件栏目左边，右边*/
.SColumnLeft{width:840px; overflow:auto; float:left;margin-right:20px;}
.SColumnRight{width:290px; overflow:auto;float:left;}
/*左边：系统软件分类*/
.SCLSSclass{width:840px;padding-top:20px; overflow: auto;margin-bottom:10px;}
.SCLSSclass a{display:block;width:94px;height:30px;line-height:30px;border:1px solid #c8c8c8; text-align:center;color:#333;float:left;margin-right:10px;margin-bottom:13px; overflow:hidden; white-space:nowrap;}
.SCLSSclass a.smr{margin-right:0px;}
.SCLSSclass a:hover,.SCLSSclass a.scur{color:#fff;background:#358ff0;border:1px solid #358ff0;}

/*左边：系统软件专题*/
.SCLSSspe{width:840px;padding-top:20px;margin-bottom:10px; height:130px; overflow:hidden;}
.SCLSSspe a{width:145px;margin-right:9px;overflow:hidden; white-space:nowrap; display:block; float:left; padding-left:10px;border-left:3px solid;margin-bottom:20px;}
.SCLSSspe a.sblc1{border-left-color:#f0a6a5;}
.SCLSSspe a.sblc2{border-left-color:#95c6e6;}
.SCLSSspe a.sblc3{border-left-color:#93ddde;}
.SCLSSspe a.sblc4{border-left-color:#a3dc95;}
.SCLSSspe a.sblc5{border-left-color:#a6b3df;}

/*左边：系统软件列表*/
.SCLSSList{width:840px; padding:20px 0; overflow:auto;}
.SCLSSList ul li{border-bottom:1px dashed #ccc; margin-bottom:15px; height:145px; overflow:hidden;}
.SCLSSList ul li .SCLSSLLeft{width:670px;float:left;margin-right:30px; overflow:auto;overflow:hidden}
.SCLSSList ul li .SCLSSLLeft .SCLSSLLTit{color:#000; font-size:18px; margin-bottom:10px; clear:both; font-weight:bold; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.SCLSSList ul li .SCLSSLLeft .SCLSSLLImg{width:70px;height:70px; float:left;margin-right:10px; margin-bottom:20px;}
.SCLSSList ul li .SCLSSLLeft .SCLSSLLImg img{width:70px;height:70px;}
.SCLSSList ul li .SCLSSLLeft .SCLSSLLKw{margin-bottom:5px; font-size:12px; float:left; height:25px; line-height:25px;width:590px; }
.SCLSSList ul li .SCLSSLLeft .SCLSSLLKw span{display:inline-block;background:#358ff0;width:60px; height:20px; line-height:20px;color:#fff; text-align:center; margin-right:10px;border-radius: 5px;}
.SCLSSList ul li .SCLSSLLeft .SCLSSLLKw span:first-child{display:inline-block;background:#3eaf06;width:60px; height:20px; line-height:20px;color:#fff; text-align:center; margin-right:10px;border-radius: 5px;}
.SCLSSList ul li .SCLSSLLeft p{height:42px; overflow:hidden; width:590px; float:left; margin-bottom:3px;}
.SCLSSList ul li .SCLSSLLeft .SCLSSLLbb{line-height:20px;overflow:hidden; width:590px; float:left; white-space:nowrap;}
.SCLSSList ul li .SCLSSLLeft .SCLSSLLbb span{margin-right:15px;}
.SCLSSList ul li .SCLSSLLeft .SCLSSLLbb img{vertical-align:middle; margin-right:5px;}

.SCLSSLLAnd{background:url(../images/3322.png) no-repeat 0px -948px;}
.SCLSSLLAnd:hover{background:url(../images/3322.png) no-repeat -129px -948px;}
.SCLSSLLIOS{background:url(../images/3322.png) no-repeat 0px -981px;}
.SCLSSLLIOS:hover{background:url(../images/3322.png) no-repeat -129px -981px;}

/*左边：系统软件列表  分页 */
.SCLSSLPage{padding:20px 0; text-align:center; overflow:auto; margin-bottom:20px; padding-left:10px;}
.SCLSSLPage a{display:block; margin:0 5px; float:left; min-width:30px; min-height:30px; line-height:30px;}
.SCLSSLPage a.sccur{background:#358ff0; border-radius:15px;color:#fff;}
.SCLSSLPage span{display:block;margin-left:15px; float:left;}
.SCLSSLPage input{display:block; float:left;}
.SCLSSLPage input.intext{width:50px; height:22px; line-height:24px;border:#358ff0 1px solid;margin-left:15px;padding-left:3px;}
.SCLSSLPage input.inbutton{width:24px; height:24px; line-height:24px;background:#358ff0;color:#fff;border:none;cursor:pointer}

.SCLSSLRight{width:140px;float:left;overflow:auto;}
.SCLSSLRight p{margin-bottom:15px; width:140px; height:25px;}
.SCLSSLRight p span{display:inline-block;margin-right:5px; float:left;}
.SCLSSLRight p img{float:left; margin-top:4px;}
.SCLSSLRight p i{margin-top:4px;}
.SCLSSLRight a{display:block; width:125px; text-align:center; height:34px; line-height:34px; color:#fff;background:#358ff0; border-radius:10px; margin-top:31px; float:left;}
.SCLSSLRight a:hover{background:#2a71c1;}


/*右边：系统软件推荐*/
.SCRSSRec{padding-top:20px; overflow:auto;width:290px;margin-bottom:10px;}
.SCRSSRec a{display:block; width:88px; margin:0 3px; overflow:hidden; white-space:nowrap; float:left; text-align:center; line-height:30px; margin-bottom:15px;}
.SCRSSRec a img{width:70px; height:70px;}

.CRankingList{width:280px;overflow:auto; margin-left:10px; margin-bottom:20px;}
.CRankingList h1{font-size:24px;color:#333; margin-bottom:10px; line-height:50px; border-bottom:2px solid #358ff0}
.CRankingList h1 span{display:block;width:30px;height:20px; line-height:20px;background:#358ff0; border-radius:3px;font-size:12px;color:#fff; font-weight:normal; text-align:center; margin-right:8px; float:left;margin-top:15px;}

.CRankingList .CRKLH1{font-size:24px;color:#333; margin-bottom:10px; line-height:50px; border-bottom:2px solid #358ff0; font-weight:bold;}
.CRankingList .CRKLH1 span{display:block;width:30px;height:20px; line-height:20px;background:#358ff0; border-radius:3px;font-size:12px;color:#fff; font-weight:normal; text-align:center; margin-right:8px; float:left;margin-top:15px;}

.CRankingList ul li{ overflow:auto; min-height:52px; border-bottom:1px  dashed #d8d8d8;}
.CRankingList .CRKTitle{ height:50px;}
.CRankingList .CRKTitle b{display:block; float:left;width:20px; height:20px; color:#fff;background:#aeaeae; line-height:20px; text-align:center; font-size:12px; margin-right:5px; font-weight:normal; margin-top:15px;}
.CRankingList .CRKTitle b.SNumb1{background:#ff0000;}
.CRankingList .CRKTitle b.SNumb2{background:#ff3300;}
.CRankingList .CRKTitle b.SNumb3{background:#ff6600;}
.CRankingList .CRKTitle span{display:block; float:left;width:50px; margin-left:10px;font-size:12px;color:#949494; line-height:50px; overflow:hidden; white-space:nowrap}
.CRankingList .CRKTitle a{display:block; float:left; width:195px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:50px;}
.CRankingList .CRKLoad{clear:left;height:70px;}
.CRankingList .CRKLoad img{float:left;margin:5px 10px;width:50px;}
.CRankingList .CRKLoad p{float:left; line-height:22px;width:185px; margin-bottom:5px;}
.CRankingList .CRKLoad p img{width:13px; margin:5px 1px;}
.CRankingList .CRKLoad p i{margin:5px 0px;}
.CRankingList .CRKLoad p span{ display:block; float:left; margin-right:10px;}
.CRankingList .CRKLoad p+a{display:block;width:80px; height:24px; text-align:center; line-height:24px;border:1px solid #358ff0; border-radius:5px; float:left; color:#358ff0}
.CRankingList .CRKLoad p+a:hover{border:1px solid #358ff0;background:#358ff0;color:#fff;}
.rank-item.on .item-info { display: block;}
.rank-item .item-info { display:none; }

/*右边：教程资讯*/
.SCRSSNews{width:290px; overflow:auto;}
.SCRSSNews .CComSoftTitle .CCStext{float:right;}
.SCRSSNews .CComSoftTitle .CCStext a{padding:0px; font-size:14px; margin-left:5px;}
.SCRSSNews .J_tab_cont{padding:10px 0px;}
.SCRSSNews .J_tab_cont ul li{width:290px; overflow:hidden; white-space:nowrap; line-height:40px; border-bottom:1px
 dashed #ccc; text-overflow:ellipsis;}
.SCRSSNews .J_tab_cont ul li span{color:#358ff0;margin:0 5px; font-weight:bold;}
 
 
