@charset "utf-8";
/* CSS Document */
@import url("base.css");


/*头部*/
.headersa{ position:relative;top:0px; left:0px;z-index:999; width:100%; }
.header_boxa {width:100%;min-width:320px;height:50px;background:#63B73D;  position:relative; z-index:10 }
.header_boxa .logos { float:left; padding-left:2px; line-height:50px; height:50px; display:inline-block; }
.header_boxa .logos img{ height:50px;display: inline-block;float: left;}
.header_boxa .logos span{display:inline-block}
.header_boxa .btn_open,.header_boxa .btn_close{width:55px; height:50px; background:url(../images/ico.png) no-repeat; float:right;display:inline-block }
.header_boxa .btn_open{ background-position:0px -2px ; }
.header_boxa .btn_close{ background-position: 3px -62px ;}
.header_boxa   span{color:#fff;font-weight: 700;font-size:20px;line-height:50px;text-align: center;letter-spacing:1px; padding-left:5px}
/*.header_boxa  p{color:#fff;font-weight: 700;font-size:22px;line-height:50px;letter-spacing:1px; text-align:center;  overflow:hidden; height:50px; overflow:hidden;  width:100%; position:absolute; left:0; right:0; z-index:-1}
*/

.header_boxa  p{ float:left;color: #fff;font-weight:bold;font-size:22px;line-height: 50px;letter-spacing: 1px;max-width: 300px;
height: 50px;overflow: hidden; padding-left:10px}



.header_fix{ position:fixed; top:0;left:0px;}

/*分类选项*/
.arrow_down { position:absolute; z-index:100; right:20px; top:50px;  display:none } 
.arrow_down em{ position:absolute; top:0px; right:0; width: 0; height: 0; border-left:10px solid transparent; 
border-right: 10px solid transparent; border-top:10px solid #63B73D; font-size: 0; line-height: 0; }






.type_box{ width:100%;  position:absolute; z-index:7;  background:#fff; border-bottom:3px #63B73D solid;line-height:55px; font-size:18px;color:#333;display:none  }
.type_box ul{ width:100%; float:left; }
.type_box ul li{ width:49.9%; float:left; }
.type_box ul li:nth-child(even) a{ border-left:1px #ddd solid}
.type_box ul li a{ width:100%; text-align:center; display:block; border-right:1px #ddd solid;border-bottom:1px #ddd solid;color:#333}
.type_box ul li a:hover,.type_box ul li a:visited{ background:#f2f2f2}

/*热门菜单*/
.hot_item{ width:100%; line-height:40px;font-size:14px; height:40px; overflow:hidden;  padding-bottom:10px}
.hot_item span{ padding-left:10px;}
.hot_item a{ padding:0 5px; }





/*栏目标题*/


.cls h2 {font-weight: 700;font-size: 18px; color:#fff; line-height:32px;height:32px; background:#f2f2f2;} 
.cls h2 span{ background:#63B73D; padding:0 10px; float:left } 



/*图文列表*/
.xt_list{ padding:10px 10px; }
.xt_list ul li{ width:100%; float:left; padding:15px 0; border-bottom:1px #eee solid;}
.xt_list ul li a{width:100%;}
.xt_list ul li .xt_img{ width:80px; padding-right:10px}
.xt_list ul li .xt_img img{ max-width:80px;padding-top:3px;}
.xt_list ul li .xt_txt{overflow:hidden  }
.xt_list ul li .xt_txt h3{ font-size:15px; color:#222; padding-bottom:5px; overflow:hidden; height:24px; line-height:24px }
.xt_list ul li .xt_txt h3.red{ color:#f00}
.xt_list ul li .xt_txt p{ color:#888; line-height:20px;}

/*详细列表页*/
.xt_list ul li .xt_txt h4{font-size:15px; color:#222; padding-bottom:5px;}
.xt_list ul li .xt_txt  i{ margin-left: 10px;}
i.star5,i.star4,i.star3,i.star2,i.star1,i.star0{width:68px; background:url(../images/star.png) no-repeat; height:12px; display:inline-block; vertical-align:middle;}
  i.star5{ background-position:0 0}
  i.star4{ background-position:-14px 0}
  i.star3{ background-position:-28px 0}
  i.star1{ background-position:-55px 0}
  i.star0{ background-position:-68px 0}
.xt_list ul li .xt_txt .tip{ color:#999; padding-top:10px}
.xt_list ul li .xt_txt .tip span em{ color:#63B73D}

/*添加更多按钮*/

.more_pic{ padding:0 10px; margin-bottom:10px}
.more_pic a{ width:100%; display:block; text-align:center;font-size:14px; background:#fff;  line-height:35px; color:#666	}
.more_pic span {	font-size:14px;	 background:url(../images/more_pic.png) no-repeat -46px -2px; margin-left:10px; }

.more_pic a:hover {color:#fff;background:#63B73D; text-decoration:none}
.more_pic a:hover span { background:url(../images/more_pic.png) no-repeat -20px -2px}
.more_pic a,.more_pic a span{-webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear;	-o-transition:all 0.2s linear;	transition:all 0.2s linear}

/*教程列表*/
.jc_list{ padding:10px 10px}
.jc_list ul li{ width:100%;  line-height:35px; font-size:13px; border-bottom:1px #eee solid; overflow:hidden}
.jc_list ul li a{ height:35px; overflow:hidden }
.jc_list ul li a:hover{ color:#63B73D}
.jc_list ul li em{ padding-right:5px; color:#63B73D}
.jc_list ul li span{ color:#999; font-size:12px; padding-left:20px; text-align:right; display:block}



/*foots*/
.foots{ text-align:center; line-height:22px; padding:20px 0; color:#999; background:#f2f2f2; margin:30px 0}
/*回顶部*/
.goto_top{ background:rgba(0,0,0,0.5);  width:100%; height:40px; position:fixed; bottom:0px; left:0px; z-index:99; display:block}
.goto_top a{background:url(../images/goto_top.png) center no-repeat;width:100%; height:40px; display:block; background-size:40px; cursor:pointer}





/*内页-系统列表页*/
.gray_box{ background:#f2f2f2; height:50px; width:100%;  color:#333; position:relative; z-index:9}


/*排序*/

.sort_box{ }
.sort_box ul{width: 100%;}
.sort_box ul li{ text-align:center}
.sort_box ul li a{ line-height:46px; font-size:14px; color:#333; width:100%; display:inline-block}
.sort_box ul li.current a{ border-bottom:4px #63B73D solid;}
.sort_box ul li i.up{ width:20px; height:46px; background:url(../images/ico.png) -108px -42px; display:inline-block; vertical-align:middle}
.sort_box ul li i.down{ width:20px; height:46px; background:url(../images/ico.png) -108px 2px; display:inline-block; vertical-align:middle}
.sort_box .add{ line-height:50px; font-size:14px; height:50px; overflow:hidden}
.sort_box .add .add_img{ vertical-align:middle;height:30px; padding-left:5px}




/*子分类菜单*/
.sub_type{ padding:0 10px; line-height:46px; text-align:center; display:block; color:#333; cursor:pointer}
.sub_type i{  width: 0; height: 0; border-left:6px solid transparent; border-right:6px solid transparent; border-top:6px solid #63B73D; font-size: 0; line-height: 0; display: inline-block;}
.sub_type_open{ background:#fff;}
.sub_type_open i{border-bottom:6px solid #63B73D; border-top:0px;}
.sub_type_box{ display:block; position:relative; top:-2px; left:0;background:#fff; border-bottom:1px #ddd solid;line-height:45px; font-size:16px; padding-top:10px;  display:none}
.sub_type_box ul{ width:100%; float:left; }
.sub_type_box ul li{ width:49.9%; float:left; overflow:hidden}
.sub_type_box ul li a{ width:100%; text-align:center; display:block; border-bottom:1px #ddd solid;color:#333}
.sub_type_box ul li a:hover{ color:#63B73D}


/*系统详情页*/

.xt_dt_inf{ padding:15px 10px;border-bottom:1px #ddd solid;}
.xt_dt_inf h1{ text-align:center; font-size:16px; font-weight:bold; padding-bottom:10px}

.xt_dt_inf .inf_box{line-height:20px; color:#666}

.xt_dt_inf .inf_box .img_box{ padding-right:20px; padding-top:4px}
.xt_dt_inf .inf_box .img_box img{ max-width:100px}
.xt_dt_inf .inf_box .img_box em{ color:#63B73D}
.xt_dt_inf .inf_box .txt{   }

.xt_dt_inf .sub_item_title{ border-left:5px #63B73D solid; padding-left:10px; line-height:26px;  font-size:15px; font-weight:700 }
.xt_dt_inf .sub_txt{ padding:10px 5px; font-size:14px; color:#666; line-height:1.8}
.xt_dt_inf .sub_txt img{ max-width:100%}

.xt_dt_inf .jc_list ul li:last-child{ border:none}

.btn_share{ text-align:right; padding:10px 0px 0 0}
 .btn_share .bdsharebuttonbox  a{ float:right; text-align:right}

/*下载地址*/

.download_add{}
.download_add ul{ display:block; padding:5px 0; width:100%; float:left}
.download_add ul li{ float:left; width:33.3%}
.download_add ul li a{  color:#fff; padding:0 2px 0 1px; font-size:13px; line-height:30px; display:block; }
.download_add ul li a span{ width:100%; display:inline-block;background:#2d9efc; text-align:center}
.download_add ul.bendi li a span{ background:#ff9d1e}

.download_add ul.baidu li a span{ background:#5fab0b}

/*教程详情页*/
.jc_time{ line-height:20px; color:#666; text-align:center}
.jc_time em{ color:#63B73D}







/*首页win7之家主题列表*/

.pic_list{ padding-top:10px; padding-left:10px;}
.pic_list_index{ padding-top:20px}
.pic_list ul li{ float:left; width:49.9%; }

.pic_list ul li div{ padding:0px 10px 10px 0px;position:relative;}
.pic_list ul li div a{ width:100%;  overflow:hidden; display:block; background:#fff;border-top-left-radius:4px;border-top-right-radius:4px; text-align:center}
.pic_list ul li div .picbox{text-align: center; vertical-align: middle; overflow: hidden; padding-top:5px; }
.pic_list ul li div .picbox img{max-width:100%;vertical-align: middle;height:180px; border-top-left-radius:4px;border-top-right-radius:4px;}
.pic_list ul li div h3{ padding:0 10px; height:40px; line-height:40px;  background:#fff; overflow:hidden; font-size:12px;border-bottom:1px #eee solid; text-align:center }


/*装机必备软件*/
.soft_list{ padding:20px 0 0 10px; display:block}
.soft_list ul{ float:left; width:100%;}
.soft_list ul li{ float:left; width:25%;}
.soft_list ul li  a{ padding:0 10px 20px 0px; display:block;}
.soft_list ul li p{ width:100%; text-align:center; text-align:center; overflow:hidden; }

.soft_list ul li p img { max-width:90%; height:55px}


/*win7主题*/

.zhuti_title {padding:0px 10px 10px 10px;font-weight: 700;font-size: 16px; color:#333; line-height:30px;height:30px}
.zhuti_title span{ border-left: 5px #63B73D solid;padding-left: 10px;line-height: 26px;font-size: 15px;
font-weight: 700; display:block }


/*页码*/
.page_num{ width:100%; margin:0px auto; padding:30px 0px; text-align:center; font-size:14px; overflow:hidden;}
.page_num .a1{border:1px solid #E2E2E2;display:inline-block;padding:2px 8px;}
.page_num a {color: #666666;margin: 0 5px;padding: 3px 9px; background:#fff;border:1px solid #E2E2E2;}
.page_num span{ padding:3px 9px;  margin:0 5px; color:#fff;background:#00b0ef;}
.page_num a:hover{background:#00b0ef; color:#fff;text-decoration:none}
.page_num a.bg{background:#00b0ef; color:#fff;}
.page_num span a{ border:1px solid #e2e2e2; padding:2px 8px; display:inline-block}

.soft-re{background: #fff8da;padding: 10px 10px;border: 1px #fceca6 solid;margin: 20px 0;min-height: 70px;}
.soft-re .pic{float: left;padding-right: 12px;}
.soft-re .pic a{width: 70px;height: 70px;display: block;border-radius: 20px;overflow: hidden;}
.soft-re .pic a img{width: 70px;height: 70px;}
.soft-re  a{display: block;}
.soft-re .txt .name{font-size: 16px;text-decoration: none;color: #0070C0!important;font-weight: bold;height: 28px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.soft-re .txt .name:hover{color: #FF6600 !important}
.soft-re .txt p{line-height: 20px;max-height: 44px;overflow: hidden;}