/* CSS Document */
@charset "utf-8"; 
*{ margin:0; padding:0}
html{ width:100%; height:100%; -webkit-font-smoothing:antialiased; -webkit-overflow-scrolling:touch; -moz-overflow-scrolling:touch; -o-overflow-scrolling:touch; overflow-scrolling:touch}
body{ color:#000; background:#f2f3f5; width:100%; height:100%; position:relative; font-size:14px; font-family:'arial', 'MicroSoft YaHei'}
a{ text-decoration:none; color:#000; font-size:14px; font-family:'arial', 'MicroSoft YaHei'}
a, body{ font-family:'MicroSoft YaHei'/9; -webkit-tap-highlight-color:rgba(0,0,0,0)}
img{ border:0}
ol, ul, li{ list-style:none}
input, textarea{-webkit-appearance:none; outline:none; resize:none;}
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6{ -webkit-text-size-adjust:none}
.fl{ float:left}
.fr{ float:right}

.header{}
.menu{ height:60px;}
.menu a{ font:normal 16px/60px ''; color:#666; margin-left:20px; display:inline-block;}
.menu a.on{ font:normal 24px/60px ''; color:#000;}
.search{ padding:5px 20px 20px 20px;}
.s_txt{ width:100%; height:45px; background:#fff url(../images/search.png) 5% no-repeat; border:none; border-radius:45px; padding-left:12%}

.box{ background:#fff; padding:10px 0; margin-bottom:15px;}
.tit{ font:bold 16px/40px ''; padding:0 10px;}
.list_app{ padding:10px 0; overflow:hidden}
.list_app li{ width:17.5%; margin:0 0 0 2%; text-align:center; float:left}
.list_app img{ width:80%;}
.list_app p{ width:100%; height:26px; font:normal 14px/26px ''; overflow:hidden}
.list_app p.btn_app{ width:80%; background:#26CC76; border-radius:3px; color:#fff; margin:0 auto}

.list_news{}
.list_news dl{ background:#fff; border-top:1px solid #eee; padding:10px; margin-bottom:15px; overflow:hidden}
.list_news dt{ height:40px; font:normal 16px/40px ''; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}
.list_news dd section{ height:100px; font:normal 14px/25px ''; padding-left:110px;}
.list_news p{ height:75px; overflow:hidden; margin:3px 0}
.list_news i{ font-style:normal; color:#999;}
.news_pic{ width:100px; height:100px; text-align:center; float:left; overflow:hidden}
.footer{ color:#999; text-align:center; padding:20px;}

.pos{ height:28px; font:normal 14px/28px ''; margin:0 20px 20px 20px; overflow:hidden}
.pos a{ color:#999}
.pos span{ color:#ccc; padding:0 10px;}

.list_info{ overflow:hidden}
.list_info li{ background:#fff; padding:15px 15px 40px 15px; margin:0 10px 10px 10px; position:relative}
.list_info img{ width:70px; height:70px; border-radius:9px; margin-right:10px; float:left}
.list_info section{}
.list_info h3{ height:25px; font:normal 17px/25px ''; overflow:hidden}
.list_info h3 a{ color:#333}
.list_info span{ font:normal 12px/20px ''; color:#999}
.list_info p{ height:25px; font:normal 13px/25px ''; color:#666; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}
.list_info i{ padding:0 5px;}
.btn_app{ width:60px; height:24px; background:#26CC76; border-radius:3px; font:normal 13px/24px ''; color:#fff; text-align:center; display:inline-block;}
.btn_list{ position:absolute; top:15px; right:15px;}
.btn_cate{ width:75px; height:24px; background:#ebebeb; font:normal 12px/24px ''; color:#777; text-align:center; position:absolute; bottom:0; right:0}

/*page*/
.page{ text-align:center; padding:15px;}

.list_cate{}
.list_cate dl{ background:#fff; margin:0 15px 15px 15px}
.list_cate dt{ font:bold 16px/50px ''; border-bottom:1px solid #eee; text-align:center;}
.list_cate dt a{ color:#26CC76; display:block}
.list_cate dd{ height:80px; padding:10px 0; overflow:hidden}
.list_cate dd a{ width:25%; height:40px; font:normal 14px/40px ''; text-align:center; display:inline-block; overflow:hidden}


.detail_top{ padding:15px; overflow:hidden; position:relative}
.de_pic img{ width:100px; height:100px;}
.de_info{ padding-left:120px;}
.de_info h1{ height:30px; font:normal 18px/30px ''; overflow:hidden}
.de_table{ width:100%;}
.de_table td{ font:normal 12px/22px ''; color:#999}

.star{ width:80px; height:13px; background:url(../images/star.png) no-repeat; background-size:80px 13px; vertical-align:middle; display:inline-block}
.star span{ height:18px; background:url(../images/star_on.png) no-repeat; background-size:80px 13px; display:inline-block}

.download_wrap{ padding:0 15px;}
.dw_checkbox{ width:100px; background:url(../images/checked.png) no-repeat; background-size:15px 15px; font:normal 12px/16px 'MicroSoft YaHei'; color:#999; padding-left:22px; margin-top:4px; float:left}
.dw_checkno{ background:url(../images/check.png) no-repeat; background-size:15px 15px;width:100px; font:normal 12px/16px 'MicroSoft YaHei'; color:#999; padding-left:22px; margin-top:4px; float:left}
.btn_safe{ height:38px; border:1px solid #24CD77; background:#24CD77; color:#fff; font:normal 18px/38px 'MicroSoft YaHei'; margin-left:140px; text-align:center; display:block}
.btn_normal{ height:38px; border:1px solid #24CD77; color:#24CD77; font:normal 18px/38px 'MicroSoft YaHei'; margin-left:140px; text-align:center; display:block}

.de_com{ border:1px solid #ddd; padding:20px 20px 15px 20px; margin:30px 15px 15px 15px; position:relative}
.tit_com{ background:url(../images/icon_comment.png) 10px no-repeat #fff; background-size:16px 16px; font:normal 15px/20px ''; padding:0 10px 0 30px; position:absolute; top:-10px; left:20px;}
.de_com p{ font:normal 14px/24px ''; color:#666}

.de_box{ background:#fff;}
.triad_tit{ height:40px; border-bottom:1px solid #eee; padding-left:5%;}
.triad_tit li{ width:30%; font:normal 14px/39px ''; text-align:center; float:left}
.triad_tit li.triad_on{ color:#26CC76; border-bottom:1px solid #26CC76}

.info_tips{ font:normal 14px/25px ''; padding:20px 15px;}
.info_tips a{ color:#26CC76; background:#F0F9F0; border-radius:15px; padding:3px 15px; margin:0 5px 5px 0; display:inline-block}
/*pic_roll*/
.pic_screenshot{ height:200px;}
#category-head{
    width:100%; height:200px;
    display: inline;
    white-space: nowrap;
    overflow-x:scroll;
    float:left;
    overflow-y:hidden;
}
#category-head li{
    display:inline-block;
}
#category-head li img{ height:200px;}

.de_intro{ border-bottom:15px solid #f2f3f5; padding:15px}
.de_intro p{ font:normal 15px/26px '';}
.de_intro h3{ font:normal 15px/30px ''; color:#000; border-top:1px solid #eee; padding-top:10px; margin-top:20px;}
.de_intro table{ width:100%}
.de_intro th,.de_intro td{ padding:5px}
.de_intro th{ font-weight:normal; color:#999; text-align:right;}
.de_intro a{ color:#26CC76}

.list_min_news{ border-bottom:15px solid #f2f3f5;}
.list_min_news li{ border-top:1px solid #eee; padding:15px;}
.list_min_news a{ font:normal 15px/22px '';}
.list_version{ border-bottom:15px solid #f2f3f5;}
.list_version li{ border-top:1px solid #eee; padding:15px; position:relative}
.list_version img{ width:50px; height:50px; border-radius:9px; float:left}
.list_version section{}
.list_version h3{ height:25px; padding-left:10px; overflow:hidden}
.list_version h3 a{ font:normal 17px/25px ''; color:#333}
.list_version p{ height:25px; font:normal 13px/25px ''; color:#666; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}
.list_version i{ font-style:normal; color:#999; padding-left:10px;}

.tab_tit{ border-bottom:2px solid #e8e8e8; text-align:center; margin-bottom:10px}
.tab_tit a{ font:normal 16px/40px ''; padding:0 30px; display:inline-block}
.tab_tit a.on{ font-weight:bold; border-bottom:2px solid #26CC76; color:#26CC76}

.info_news{ background:#fff; padding:10px 15px}
.info_news h1{ font:bold 18px/30px ''; padding:10px 0;}
.info_news span{ color:#999; text-align:center; display:block}
.info_news span i{ font-style:normal; padding-right:12px;}
.info_news p{ font:normal 16px/28px ''; padding:10px 0}
.info_news img{ width:95%;}

.list_zt dl{ width:80%; background:#fff; padding:0 5%; margin:0 5%; margin-bottom:20px;}
.list_zt dt{ padding-bottom:15px;}
.list_zt dt h3 a{ font:normal 18px/60px ''; text-align:center; display:block}
.list_zt dt p{ font:normal 13px/24px ''; color:#777;}
.list_zt dt p a{ width:60px; background:#eee; text-align:center; float:right}
.list_zt dd{}
.list_mini li{ border-top:1px solid #eee; padding:10px 0; overflow:hidden}
.list_mini h3{ height:20px; font:normal 15px/20px ''; color:#222; overflow:hidden}
.list_mini h3 a:hover{ text-decoration:underline; color:#26CC76;-webkit-transition:color 0.3s ease-out}
.list_mini p{ font:normal 12px/20px ''; color:#999}
.list_mpic{ width:40px; height:40px; float:left}
.list_mpic img{ width:40px; height:40px; border-radius:3px;}
.list_minfo{ margin:0 10px; float:left}
.list_mbtn{ margin-top:5px; float:right}
/*20230821*/
.hotTags{ padding:10px}
.hotTags a{ margin:12px 12px 0 0}
.size_0{ font-size:11px; color:#f90}
.size_1{ font-size:12px; color:#2E8C68}
.size_2{ font-size:14px; color:#6229CE}
.size_3{ font-size:16px; color:#60BCEF}
.size_4{ font-size:18px; color:#70991F}
.size_5{ font-size:11px; color:#f30}
.size_6{ font-size:12px; color:#A77FD7}
.size_7{ font-size:14px; color:#f69}
.size_8{ font-size:16px; color:#36f}
.size_9{ font-size:18px; color:#24cd77}
.size_10{ font-size:18px; color:#6BABB5}