@charset "utf-8";
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;background:#f5f6f8;color:#333;font-size:14px}
img{border:0;max-width:100%}
a{text-decoration:none;color:#333;cursor:pointer}
a:hover{color:#1e5bd6}
ul,ol{list-style:none}
.clearfix:after{content:"";display:block;clear:both;height:0;visibility:hidden}
.clearfix{zoom:1}
.fl{float:left}.fr{float:right}
.w1200{width:1200px;margin:0 auto}
.h20{height:20px}

/* top strip */
.eyou_top{background:#1e5bd6;color:#fff;height:34px;line-height:34px;font-size:13px}
.eyou_top .fl{padding-left:4px}

/* header logo + search */
#header{background:#fff;height:96px;position:relative}
#logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.logo_img{height:56px;width:auto;display:block}
#search{position:absolute;right:0;top:50%;transform:translateY(-50%)}
#topsearch form{display:flex;border:2px solid #1e5bd6;border-radius:4px;overflow:hidden}
#topsearch input{width:320px;height:36px;border:0;padding:0 12px;font-size:13px;color:#999}
#topsearch button{width:80px;height:36px;border:0;background:#1e5bd6;color:#fff;font-size:14px;cursor:pointer}

/* nav */
.nav{background:#1e5bd6}
.nav ul li{float:left}
.nav ul li a{display:block;padding:0 30px;height:44px;line-height:44px;color:#dbe6ff;font-size:15px}
.nav ul li.current a,.nav ul li a:hover{background:#1748a8;color:#fff}

/* main container */
.main{padding:20px 0}

/* category box */
.xz_box6{margin-top:18px}
.xz_banner{background:linear-gradient(90deg,#1e5bd6,#3a7bff);border-radius:4px 4px 0 0;padding:12px 18px}
.xz_tit{color:#fff;font-size:18px;font-weight:bold}
.xz_tit em{display:inline-block;width:4px;height:18px;background:#ffd34d;margin-right:8px;vertical-align:-2px}
.xz_box6 ul{background:#fff;border:1px solid #e5e7ee;border-top:0;border-radius:0 0 4px 4px;padding:6px 12px}
.xz_box6 ul li{float:left;width:33.33%;box-sizing:border-box;padding:8px 6px}
.xz_box6 ul li a{display:flex;align-items:center;gap:12px;padding:10px;border:1px solid #eef0f6;border-radius:6px;transition:.15s;background:#fff}
.xz_box6 ul li a:hover{border-color:#1e5bd6;box-shadow:0 2px 10px rgba(30,91,214,.12)}
.xz_box6 .icon img{width:64px;height:64px;border-radius:8px;display:block;object-fit:cover}
.xz_box6 .tname{flex:1;font-size:15px;font-weight:bold;color:#222}
.xz_box6 em{color:#1e5bd6;font-size:12px;font-style:normal;background:#e8f0ff;padding:2px 6px;border-radius:3px}
.xz_box6 .size{color:#999;font-size:12px}
.xz_box6 i.down{font-style:normal;background:#1e5bd6;color:#fff;font-size:12px;padding:4px 10px;border-radius:3px}
.xz_box6 i.down:hover{background:#1748a8}

/* tab filter */
.xztab{background:#fff;border:1px solid #e5e7ee;border-bottom:0;border-radius:4px 4px 0 0;padding:10px 14px}
.xztab span{display:inline-block;padding:8px 22px;font-size:15px;cursor:pointer;color:#555}
.xztab span.current{background:#1e5bd6;color:#fff;border-radius:4px}
.xztab span:hover{color:#1e5bd6}

/* detail page */
.xz_box1{background:#fff;border:1px solid #e5e7ee;border-radius:6px;padding:24px;display:flex;gap:22px;align-items:flex-start}
.xz_box1 .img{width:160px;height:160px;border-radius:8px;object-fit:cover}
.xz_box1 .info{flex:1}
.xz_box1 .info h1{font-size:26px;color:#222;margin-bottom:14px}
.xz_box1 .info ul{overflow:hidden}
.xz_box1 .info li{float:left;width:50%;padding:6px 0;color:#666}
.xz_box1 .info li span{color:#222;font-weight:600;margin-left:4px}
.loadbox{display:flex;flex-direction:column;gap:10px;width:230px}
.loadbox a.down{display:block;height:44px;line-height:44px;text-align:center;color:#fff;font-size:15px;border-radius:4px;transition:.15s}
.loadbox a.down.android{background:#2aa34a}.loadbox a.down.android:hover{background:#1f8439}
.loadbox a.down.ios{background:#1e5bd6}.loadbox a.down.ios:hover{background:#1748a8}

/* content block */
.xz_box2{background:#fff;border:1px solid #e5e7ee;border-radius:6px;padding:20px 24px}
.xztit{font-size:17px;font-weight:bold;color:#222;padding-bottom:10px;border-bottom:2px solid #1e5bd6;margin-bottom:14px}
.xztit p{position:relative}
.xztit em{display:inline-block;width:4px;height:16px;background:#1e5bd6;margin-right:8px;vertical-align:-2px}
.cont{line-height:1.8;color:#555}
.cont a{color:#1e5bd6;word-break:break-all}
.cont b{color:#222}
.cont code{background:#f2f4f9;padding:2px 6px;border-radius:3px;font-size:13px;word-break:break-all}

/* footer */
.foot{background:#2b2f3a;color:#9aa0b0;margin-top:30px;padding:26px 0;text-align:center;font-size:13px}
.foot p{margin:4px 0}

@media (max-width:1200px){.w1200{width:96%}.xz_box6 ul li{width:50%}#search{display:none}}
@media (max-width:700px){.xz_box6 ul li{width:100%}.xz_box1{flex-direction:column}.loadbox{width:100%}}