/*
Website Url:http://themes.muziang.com
*/
*{-webkit-tap-highlight-color:transparent;box-sizing:border-box;}
article,aside,details,figcaption,figure,footer,header,main,nav,section{display:block;}
div,html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main,.muziang{margin:0;padding:0;}
body{background-color:#fbfbfb;font:16px/1.875em 'Arial','Microsoft Yahei','Verdana','Tahoma','sans-serif';color:#333;word-break:break-all;}
a{text-decoration:none;outline:none;color:#333;}
a:hover{color:#FFAB1E;}
input,textarea{-webkit-appearance:none;border:none;font-family:inherit;border-radius:0;font-size:1em;}
input:focus,textarea:focus{outline:none;}
li{list-style:none;}
a img{border:none;}
img{max-width:100%;vertical-align:middle;}
table{background-color:transparent;border-spacing:0;border-collapse:collapse;width:100%;border-top:solid 1px #e4e4e4;border-left:solid 1px #e4e4e4;box-sizing:border-box;}
table th{background-color:#f9f9f9;text-align:center;box-sizing:border-box;}
table td,table th{padding:5px;border:1px solid #e4e4e4;box-sizing:border-box;}
/*gold*/
.inner{width:1440px;max-width:93.75%;margin:0 auto;}
.submit{cursor:pointer;}
.clear{clear:both;}
.yellow{color:#fad841;}
.mza-flex{display:flex;justify-content:space-between;flex-wrap:wrap;}
.mza-table{display:table;table-layout:fixed;width:100%;}
.mza-table .mza-td{display:table-cell;vertical-align:middle;}
/*thumbnail*/
.thumbnail,.appIcon{position:relative;overflow:hidden;}
.thumbnail a,.appIcon a{display:block;padding-bottom:75%;position:relative;overflow:hidden;background:no-repeat center center;background-size:cover;}
.thumbnail img,.appIcon img{display:block;position:absolute;left:0;top:0;width:100%;height:100%;transition:transform .3s;object-fit:cover;}
.thumbnail img:hover{transform:scale(1.1,1.1);}
.appIcon a{padding-bottom:100%;}
/*box*/
.box{background-color:#fff;padding:25px;margin-bottom:25px;overflow:hidden;}
.boxTitle{font-size:18px;line-height:1.125em;font-weight:normal;border-bottom:1px solid #e4e4e4;position:relative;padding-bottom:12px;margin-bottom:25px;}
.boxTitle:after{content:'';display:block;width:2em;height:2px;background-color:#FFAB1E;position:absolute;left:0;bottom:-1px;}
.boxTitle i{font-style:normal;font-weight:bold;color:#FFAB1E;}
/*header*/
#header{background-color:#fff;position:relative;box-shadow:0 2px 4px 0 rgba(114,144,179,0.06);z-index:8;}
#header .inner{width:1440px;}
/*logo*/
#mza-logo{width:13%;}
#mza-logo .name{padding-bottom:22.35295%;position:relative;}
#mza-logo a{display:block;position:absolute;left:0;top:0;overflow:hidden;width:100%;height:100%;background:no-repeat left center;background-size:contain;text-indent:-9999em;}
/*search*/
#mza-search{width:17.362%;}
#mza-search .input{padding-right:36px;position:relative;}
#mza-search .text{height:36px;line-height:24px;width:100%;padding:6px 1em;font-size:14px;display:block;box-shadow:inset 0px 1px 2px #eee;border-radius:5px 0 0 5px;border:1px solid #eee;border-right:none;}
#mza-search .text:focus{border-color:#FFAB1E;}
#mza-search .submit{position:absolute;right:0;top:0;width:36px;height:100%;background-color:#FFAB1E;color:#fff;font-size:1.125em;border:none;border-radius:0 5px 5px 0;}
/*nav*/
#mza-nav{padding:0 2%;}
#mza-nav .parent{display:flex;justify-content:space-evenly;}
#mza-nav .parent > li{position:relative;padding:1.65em 0;}
#mza-nav li a{display:block;transition:all .2s;}
#mza-nav li.on > a,#mza-nav li.cur > a{color:#FFAB1E;}
#mza-nav li ul{position:absolute;left:50%;top:90%;min-width:160%;background-color:#fff;box-shadow:0px 3px 3px rgba(133,153,171,0.2);padding:8px 0;display:none;z-index:6;border-radius:0 0 4px 4px;line-height:2em;transform:translateX(-50%);}
#mza-nav li li{font-size:0.888em;text-align:center;}
#mza-nav li li a{color:#333;padding:0 1em;}
/*navBtn*/
#navBtn{background-color:#FFAB1E;width:32px;height:32px;overflow:hidden;position:relative;cursor:pointer;position:absolute;right:0;top:50%;transform:translateY(-50%);display:none;z-index:10;border-radius:5px;}
#navBtn i{display:block;width:56%;height:2px;background-color:#fff;position:absolute;left:22%;top:50%;transform:translateY(-50%);transition:background .3s;}
#navBtn i:before{bottom:7px;}
#navBtn i:after{top:7px;}
#navBtn.active i{background-color:#FFAB1E;}
#navBtn.active i:before{transform:rotate(45deg);bottom:0;}
#navBtn.active i:after{transform:rotate(-45deg);top:0;}
#navBtn i:before,#navBtn i:after{width:100%;height:2px;background-color:#fff;content:'';display:block;position:absolute;left:0;transition:all .3s;}
/*wrapper*/
#wrapper{padding:25px 0;}
#wrapper .table{display:table;table-layout:fixed;width:100%;}
#wrapper .td{display:table-cell;vertical-align:top;}
.middle{width:25px;}
/*slides*/
#slides{overflow:hidden;position:relative;margin-bottom:2%;}
#slides .info{background:no-repeat center center;background-size:cover;padding-bottom:45%;position:relative;display:block;}
#slides .text{position:absolute;left:0;bottom:0;width:100%;background-color:rgba(0,0,0,.5);padding:1% 3.125%;}
#slides .title{font-size:14px;line-height:1.875em;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:80px;}
#slides .small{position:absolute;left:2%;bottom:0;width:96%;margin-bottom:2%;}
#slides .swiper-slide{cursor:pointer;}
#slides .thumbnail{padding-bottom:45%;}
#slides .thumbnail:after{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:5;display:block;content:'';transition:all .2s;}
#slides .swiper-slide-thumb-active .thumbnail:after{opacity:0;}
/*topItem*/
.topItem{float:left;padding-right:1.5%;padding-top:1.5%;width:32.74%;}
.topItem:nth-child(2){padding-top:0;}
.topItem:nth-child(n+4){width:25%;}
.topItem .thumbnail{padding-bottom:45%;}
.topItem .title{position:absolute;left:0;width:100%;bottom:0;font-weight:normal;line-height:1.875em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;color:#fff;background-color:rgba(0,0,0,.5);padding:0.5% 5%;text-align:center;}
.topItem a{display:block;overflow:hidden;position:relative;}
/*istop*/
#istop ul{width:102%;}
#istop li{width:12.5%;padding:2% 2% 0 0;}
#istop li:nth-child(-n+8){padding-top:0;}
/*news*/
.newsbox ul{overflow:hidden;display:flex;flex-wrap:wrap;width:104%;margin-bottom:1%;clear:both;}
.newsbox li{overflow:hidden;width:50%;padding-right:4%;padding-bottom:2%;}
.newsbox .thumbnail{width:160px;float:left;}
.newsbox .info{margin-left:175px;}
.newsbox h4{font-size:16px;line-height:1.5em;max-height:3em;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.newsbox .intro{font-size:14px;line-height:1.65em;height:3.3em;text-align:justify;color:#666;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:5px;}
.newsbox .meta{overflow:hidden;font-size:12px;line-height:1.35em;color:#888;text-align:right;}
/*appbox*/
.appbox ul{overflow:hidden;width:103%;}
.appbox li{float:left;width:12.5%;padding-right:3%;padding-bottom:3%;text-align:center;}
.appbox li a{display:block;}
.appbox .icon{padding-bottom:100%;border-radius:5px;background:no-repeat center center;background-size:cover;}
.appbox .name{font-size:16px;font-weight:normal;line-height:2em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:4.8% 0;}
.appbox .level{font-size:14px;margin-bottom:7%;line-height:1.75em;}
.appbox .level i{font-style:normal;color:#FFAB1E;}
.appbox .view{color:#fff;font-size:14px;border-radius:3px;line-height:2.45em;background-color:#FFAB1E;}
/*æ–‡ç« åˆ—è¡¨*/
.blogItem{overflow:hidden;margin-bottom:20px;padding-bottom:20px;border-bottom:1px dashed #e4e4e4;}
.blogItem .thumbnail{float:left;width:250px;}
.blogItem .info{margin-left:270px;overflow:hidden;padding:5px 0;}
.blogItem .title{line-height:1.35em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:18px;margin-bottom:5px;}
.blogItem .title strong{color:#f00;}
.blogItem .meta{color:#888;margin-bottom:5px;overflow:hidden;}
.blogItem .meta a{color:#888;}
.blogItem .meta span{font-size:12px;padding-right:16px;display:block;float:left;}
.blogItem .meta .views{float:right;padding-right:0;}
.blogItem .intro{font-size:14px;color:#666;line-height:1.75em;height:5.25em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:13px;text-align:justify;}
.blogItem .more{overflow:hidden;}
.blogItem .more a{display:block;float:right;color:#fff;background-color:#FFAB1E;padding:0 10px;font-size:12px;height:26px;line-height:26px;}
/*appList*/
#appList{padding-bottom:5%;}
#appList ul{width:104%;}
#appList li{width:20%;padding-right:4%;padding-bottom:4%;}
/*pagenavi*/
#pagenavi{text-align:center;display: flex;justify-content: center; flex-wrap: wrap; font-size:14px;}
#pagenavi a,#pagenavi span.now-page{display:block;height:2.286em;line-height:2.286em;padding:0 0.2em;background-color:#f1f1f1;color:#555;margin:0.14em; box-sizing: border-box; min-width:2.286em;}
#pagenavi span.now-page,#pagenavi a:hover{background-color:#FFAB1E;color:#fff;}
/*侧边*/
#sidebar{width:300px;}
/*侧边*/
.widget ul{overflow:hidden;}
.widget li{overflow:hidden;font-size:14px;line-height:1.875em;}
.widget .meta{font-size:12px;line-height:1.75em;color:#9a9a9a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.textwidget img{display:block;width:100%;height:auto;}
/*侧边*/
.sidepost{margin-bottom:15px;padding-bottom:15px;border-bottom:1px dashed #e4e4e4;}
.sidepost:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none;}
.sidepost a{display:block;overflow:hidden;}
.sidepost .thumbnail{width:100px;float:right;height:75px;}
.sidepost .info{margin-right:110px;}
.sidepost .title{font-size:14px;line-height:1.65em;max-height:3.3em;color:#333;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:normal;margin-bottom:6px;}
.nowrap{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.sideapp{margin-bottom:20px;}
.sideapp:last-child{margin-bottom:0;}
.sideapp .icon{float:left;width:72px;height:72px;border-radius:5px;position:relative;overflow:hidden;}
.sideapp .icon img{display:block;width:100%;height:100%;object-fit:cover;}
.sideapp .text{margin-left:85px;overflow:hidden;position:relative;}
.sideapp .name{font-size:16px;font-weight:normal;line-height:1.3125em;margin-bottom:4px;margin-right:50px;}
.sideapp .excerpt{font-size:14px;color:#888;line-height:1.75em;margin-bottom:2px;}
.sideapp .btn{color:#fff;background-color:#FFAB1E;font-size:12px;line-height:1.75em;width:4em;text-align:center;border-radius:3px;position:absolute;right:0;top:0;}
/*divStatistics*/
#divStatistics li{background-color:#f9f9f9;padding:5px 10px;margin-bottom:5px;}
#divStatistics li:last-child{margin-bottom:0;}
/*divComments*/
#divComments li{overflow:hidden;color:#444;margin-bottom:15px;padding-bottom:10px;border-bottom:1px dashed #e4e4e4;text-align:justify;}
#divComments li:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0;}
#divComments li .top{border:1px solid #eee;padding:5px 10px;font-size:12px;line-height:1.75em;color:#999;position:relative;margin-bottom:10px;}
#divComments li .top:after{content:'';display:block;width:7px;height:7px;border-right:1px solid #eee;border-bottom:1px solid #eee;background-color:#fff;transform:rotate(45deg);position:absolute;bottom:-5px;left:7px;}
#divComments li .avatar{float:left;width:24px;}
#divComments li img{display:block;width:100%;height:auto;}
#divComments li .text{margin-left:30px;line-height:24px;max-height:48px;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
#divComments li a{overflow:hidden;color:#555;}
/*divPrevious*/
#divPrevious li{position:relative;padding:0 0 15px 10px;margin-bottom:15px;border-bottom:1px dashed #e4e4e4;}
#divPrevious li:before{width:3.5px;height:3.5px;content:'';display:block;background-color:#FFAB1E;position:absolute;left:0;top:12px;}
#divPrevious li:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none;}
/*divSearchPanel*/
#divSearchPanel input[type='text']{height:34px;line-height:24px;padding:5px 3%;border:1px solid #e4e4e4;width:94%;}
#divSearchPanel input[type='submit']{color:#fff;position:absolute;right:0;top:0;height:100%;width:40px;background-color:#FFAB1E;cursor:pointer;}
#divSearchPanel form{position:relative;padding-right:40px;overflow:hidden;}
/*divLinkage*/
#divLinkage li,#divCatalog li,#divMisc li{float:left;width:48%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:1% 0;}
#divLinkage li:nth-child(2n),#divCatalog li:nth-child(2n),#divMisc li:nth-child(2n){float:right;}
#divLinkage li a,#divCatalog li a{background-color:#f9f9f9;color:#555;padding:5px 10px;display:block;}
/*divMisc*/
#divMisc a{display:block;}
#divMisc img{display:block;}
/*divTags*/
#divTags ul{overflow:hidden;width:102%;}
#divTags li{float:left;padding:1% 2% 1% 0;}
#divTags li a{display:block;background-color:#f9f9f9;border-radius:0px;padding:0 10px;color:#fff;font-size:12px;}
#divTags li a:hover{opacity:.8;}
#divTags li:nth-child(8n-7) a{background-color:#8A9B0F;}
#divTags li:nth-child(8n-6) a{background-color:#EB6841;}
#divTags li:nth-child(8n-5) a{background-color:#3FB8AF;}
#divTags li:nth-child(8n-4) a{background-color:#FE4365;}
#divTags li:nth-child(8n-3) a{background-color:#FC9D9A;}
#divTags li:nth-child(8n-2) a{background-color:#EDC951;}
#divTags li:nth-child(8n-1) a{background-color:#C8C8A9;}
#divTags li:nth-child(8n) a{background-color:#83AF9B;}
#divTags li:first-child a{background-color:#E1474D;}
#divTags li:last-child a{background-color:#3299BB;}
/*divCalendar*/
#divCalendar caption{margin-bottom:10px;font-size:0;line-height:normal;}
#divCalendar caption a{display:inline-block;font-size:16px;line-height:1.35em;margin:0 5px;vertical-align:middle;font-weight:bold;}
#divCalendar td,#divCalendar th{width:13.285%;padding:0 0.5%;text-align:center;font-size:14px;}
#divCalendar td a{padding:10%;background-color:#FFAB1E;border-radius:50%;color:#fff;}
/*entry*/
.entry{font-size:16px;line-height:1.875em;overflow:hidden;}
.entry img{max-width:100%;height:auto!important;}
.entry blockquote{margin:0 2em 2.5%;overflow:hidden;padding:2.5% 2.5% 0;color:#555;background-color:#f9f9f9;font-style:italic;}
.entry ul,.entry ol{margin-bottom:1.5%;margin-left:2em;padding-left:1em;}
.entry ul li{list-style:outside disc none;}
.entry ol li{list-style:outside decimal none;}
.entry li p{margin-bottom:0;}
.entry p,.entry h1,.entry h2,.entry h3,.entry h4,.entry h5,.entry h6,.entry .prism-highlight{margin-bottom:1.5%;}
.entry a{color:#FFAB1E;text-decoration:underline;}
.entry hr{border:none;margin-bottom:1.5%;border-bottom:1px solid #e4e4e4;overflow:hidden;clear:both;}
/*postnavi*/
#postnavi{font-size:16px;line-height:2em;overflow:hidden;}
#postnavi .prev,#postnavi .next{width:45%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#postnavi .prev{float:left;}
#postnavi .next{float:right;text-align:right;}
#postnavi i{font-style:normal;color:#FFAB1E;margin-right:0.875em;}
/*breadcrumb*/
#breadcrumb{font-size:14px;color:#999;margin-top:25px;line-height:1.5em;}
#breadcrumb i{font-family:'Simsun';font-style:normal;margin-right:4px;}
#breadcrumb a{color:#999;}
#breadcrumb a i{margin-right:0;}
/*appinfo*/
#appinfo{overflow:visible;position:sticky;top:20px;z-index:5;}
#appinfo .logo{width:64.257%;margin:0 auto 5%;}
#appinfo .logo img{display:block;width:100%;height:auto;border-radius:10px;}
#appinfo .name{text-align:center;font-size:26px;line-height:1.25em;margin-bottom:5%;}
#appinfo .data{margin-bottom:5%;}
#appinfo .data ul{justify-content:space-around;}
#appinfo .data li{padding:0 2.5%;text-align:center;font-size:14px;line-height:2em;color:#999;}
#appinfo .data span{font-size:1.125em;color:#555;line-height:1.5em;}
#appinfo .meta li{font-size:14px;color:#555;line-height:1.875em;margin-bottom:2%;display:flex;word-break:break-word;min-width:50%;}
#appinfo .meta span{display:block;float:left;}
#appinfo .meta span:first-child{white-space:nowrap;}
#appinfo .meta .yellow{font-size:1.5em;}
/*download*/
#download{margin-bottom:5%;}
#download li{margin-bottom:3.5%;position:relative;}
#download a{display:block;background-color:#4ace63;text-align:center;border-radius:5px;color:#fff;font-size:16px;line-height:2.5em;padding:0 1em;}
#download a:hover{opacity:.9;}
#download i{font-style:normal;}
#download .apple{background-color:#0598fa;}
#download .harmony{background-color:#1a1a1a;}
#download .computer{background-color:#ff8637;}
#download .qr{position:absolute;left:100%;top:50%;transform:translateY(-50%);background-color:#fff;width:150px;height:150px;z-index:5;margin-left:10px;border:1px solid #eee;box-shadow:0px 0px 15px rgba(0,0,0,0.1);display:none;}
#download .qr:before{width:7px;height:7px;border-left:1px solid #eee;border-top:1px solid #eee;transform:rotate(-45deg);display:block;content:'';position:absolute;left:-5px;margin-top:-5px;top:50%;background-color:#fff;}
#download .qr img{display:block;width:90%;height:90%;position:absolute;left:5%;top:5%;}
#download .qr canvas{width:100%;height:100%;position:absolute;display:none;}
/*mza-tags*/
#mza-tags{font-size:12px;line-height:2em;}
#mza-tags a{display:inline-block;background-color:#f2f2f2;color:#555;border-radius:3px;padding:0 8px 0 10px;vertical-align:middle;overflow:hidden;position:relative;margin-bottom:3px;}
#mza-tags a:before{width:7px;height:7px;background-color:#fff;border-radius:50%;content:'';display:block;position:absolute;left:0;top:50%;margin:-3.5px 0 0 -3.5px;border-radius:50%;}
#mza-tags a:hover{background-color:#FFAB1E;color:#fff;}
#mza-tags span{color:#fff;background-color:#FFAB1E;border-radius:3px;padding:0 0.75em;display:inline-block;vertical-align:middle;position:relative;margin-right:5px;margin-bottom:3px;}
#mza-tags span:after{border-left:5px solid #FFAB1E;border-top:5px solid transparent;border-bottom:5px solid transparent;display:block;content:'';position:absolute;left:100%;top:50%;transform:translateY(-50%);}
/*screenshot*/
#screenshot{overflow:hidden;}
#screenshot .figure{cursor:pointer;}
#screenshot .figure img{display:block;width:100%;height:auto;}
/*apptab*/
#apptab:after{display:none;}
#apptab ul{display:flex;flex-wrap:wrap;}
#apptab li{margin-right:2.5%;position:relative;cursor:pointer;}
#apptab .current:after{width:100%;height:2px;background-color:#FFAB1E;position:absolute;left:0;bottom:-13px;display:block;content:'';}
/*application*/
#application .info .mza-gg{margin-top:5%;}
#application .part{max-height:28em;overflow:hidden;position:relative;}
#application .hide:after{position:absolute;left:0;bottom:0;width:100%;padding-bottom:20em;background-image:linear-gradient(180deg,transparent,#fff);z-index:2;display:block;content:'';}
#application .all{position:absolute;bottom:0;font-size:14px;line-height:2em;left:0;width:100%;text-align:center;z-index:5;color:#FFAB1E;cursor:pointer;padding-bottom:5px;}
#application .all:after{display:block;content:'';width:5px;height:5px;border-right:1px solid #FFAB1E;border-bottom:1px solid #FFAB1E;transform:rotate(45deg);margin:0 auto;}
#application .table{background-color:#fff;}
#application .mb{margin-bottom:20px;}
#application .appbox ul{width:102%;}
#application .appbox li{padding:0 2% 2% 0;}
/*popup*/
.popup{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:10;}
.popup .flex{display:flex;width:100%;height:100%;align-items:center;justify-content:center;}
.popup .info{position:relative;background-color:#fff;}
.popup .close{display:block;position:absolute;right:0;top:0;width:1em;height:1em;background-color:#fff;border-radius:50%;cursor:pointer;z-index:2;margin:-0.5em -0.5em 0 0;text-align:center;line-height:1em;font-size:2em;color:#555;}
.popup img{display:block;width:auto;max-width:80vw;height:auto;max-height:80vh;}
/*广告*/
.mza-gg{overflow:hidden;}
.mza-gg.mb{margin-bottom:25px;}
.mza-gg.mt{margin-top:25px;}
.mza-gg a{display:block;}
.mza-gg img{display:block;width:100%;height:auto;}
/*postTitle muziang_*/
#postTitle{font-size:24px;text-align:center;line-height:1.5em;padding:2% 0 3%;}
/*postmeta*/
#postmeta{font-size:0;line-height:normal;text-align:center;margin-bottom:2.5%;border-bottom:1px dashed #eee;padding-bottom:2.5%;}
#postmeta span{font-size:14px;color:#888;margin:0 10px;display:inline-block;}
#postmeta a{color:#888;}
#postmeta a:hover{color:#FFAB1E;}
/*errorPage*/
#errorPage #postTitle{margin-top:10%;}
#errorPage .entry{text-align:center;margin-bottom:15%;}
/*related*/
#related ul{overflow:hidden;display:flex;flex-wrap:wrap;width:102%;}
#related li{padding:0 2% 2% 0;width:25%;}
#related .thumbnail{margin-bottom:5px;}
#related h4{font-size:14px;line-height:2em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;font-weight:normal;text-align:center;}
/*footer*/
#footer{font-size:14px;line-height:2em;color:#999;padding:3.125% 0;background-color:#fff;}
#footer .inner{flex-direction:row-reverse;align-items:flex-end;}
#footer a{color:#999;}
#footer a:hover{color:#333;}
/*social*/
#mza-social{font-size:28px;}
#mza-social li{position:relative;margin-left:0.5em;}
#mza-social li:first-child{margin-left:0;}
#mza-social li a{display:flex;width:1.4em;height:1.4em;text-align:center;border-radius:50%;color:#fff;align-items:center;justify-content:center;}
#mza-social li a:hover{opacity:.85;color:#fff;}
#mza-social .wx a{background-color:#00ad19;}
#mza-social .wb a{background-color:#fd2a2b;}
#mza-social .qq a{background-color:#68a5e1;}
#mza-social .dy a{background-color:#060816;}
#mza-social .bi a{background-color:#ff5f8e;}
#mza-social .qr{position:absolute;top:100%;margin-top:10px;background-color:#fff;border:1px solid #e4e4e4;padding:5px;left:50%;transform:translateX(-50%);width:90px;z-index:3;display:none;}
#mza-social .qr:before{content:'';display:block;width:7px;height:7px;background-color:#fff;border-top:1px solid #e4e4e4;border-right:1px solid #e4e4e4;transform:rotate(-45deg);position:absolute;top:-5px;left:50%;margin-left:-5px;}
#mza-social .qr img{display:block;width:100%;height:auto;}
/*mzaback*/
#mzaback{position:fixed;width:1.25em;line-height:1.25em;text-align:center;background-color:#FFAB1E;right:3.125%;bottom:20%;z-index:6;cursor:pointer;border-radius:5px;display:none;color:#fff;font-size:40px;}
/*mza-info*/
#mza-info{width:calc(100% - 260px);max-width:70%;}
/*copyright*/
#copyright .span{margin-right:1em;}
#copyright span,#copyright a{display:inline-block;}
/*links*/
#links ul{display:flex;flex-wrap:wrap;}
#links li{margin-right:0.5em;}
/*comment*/
#comment{position:relative;overflow:hidden;}
#comment .item{margin-bottom:2%;position:relative;}
#comment label{display:block;font-size:14px;line-height:1.75em;color:#555;margin-bottom:5px;}
#comment label i{font-style:normal;color:#f00;font-size:12px;margin-left:5px;}
#comment .input{border:1px solid #e4e4e4;overflow:hidden;}
#comment .text{font-size:14px;line-height:24px;padding:5px 1em;width:100%;display:block;border:none;border-radius:3px;color:#555;}
#comment textarea.text{height:110px;resize:vertical;}
#comment .inp{width:102%;overflow:hidden;}
#comment .inp .item{float:left;width:33.333%;padding-right:2%;}
#comment .verify{width:313px;float:left;margin-bottom:0;padding-right:113px;}
#comment .verify img{display:block;cursor:pointer;height:36px;width:auto;position:absolute;right:0;bottom:0;}
#comment .verify label{margin-bottom:0;float:left;line-height:36px;}
#comment .btn{overflow:hidden;}
#comment .submit{float:right;background-color:#F04848;border:none;width:100px;height:35px;color:#fff;font-size:14px;border-radius:3px;cursor:pointer;}
#comment .submit:hover{background-color:#F55540;}
#cancel-reply{font-size:12px;color:#999;line-height:2em;}
/*warning*/
.warning{font-size:12px;color:#999;line-height:2em;clear:both;margin-bottom:2%;}
/*commentslist*/
#commentslist{overflow:hidden;}
#commentslist li{position:relative;padding-bottom:15px;margin-bottom:20px;border-bottom:1px solid #f6f6f6;overflow:hidden;}
#commentslist .avatar{float:left;padding:3px 0;}
#commentslist .avatar img{width:40px;height:40px;display:block;}
#commentslist .info{margin-left:55px;overflow:hidden;}
#commentslist .meta{overflow:hidden;font-size:12px;line-height:1.35em;color:#999;margin-bottom:10px;}
#commentslist .meta span{display:block;float:left;}
#commentslist .meta .reply{float:right;}
#commentslist .meta a{color:#FFAB1E;}
#commentslist .name{font-size:16px;font-weight:bold;line-height:1.5em;color:#333;margin-bottom:5px;}
#commentslist .name a{color:#333;}
#commentslist .text{font-size:14px;line-height:2em;color:#666;}
#commentslist .text li{margin-left:0;}
#commentslist li li{margin:15px 0 5px 55px;background-color:#f9f9f9;padding:15px;border-bottom:none;}
#commentslist li li li{margin:10px 10px 5px;background-color:#fff;border:1px solid #e5e5e5;}
#commentslist #comment{margin-top:20px;}
/*boxtop*/
.boxtop{display:flex;flex-wrap:wrap;align-items:center;background-color:#fff;padding:1em;position:relative;margin-bottom:2%;}
.boxtop .title{font-size:18px;position:relative;padding-left:1em;margin-right:1em;}
.boxtop .title:before{display:block;content:'';border-radius:50%;width:0.35em;height:0.35em;background-color:#FFAB1E;position:absolute;left:0;top:50%;transform:translateY(-50%);}
.boxtop .tab{display:flex;}
.boxtop .tab span{display:block;padding:0 1em;cursor:pointer;}
.boxtop .tab .cur{color:#FFAB1E;}
.boxtop .more{position:absolute;right:1em;top:50%;transform:translateY(-50%);}
.boxtop .more a{color:#999;}
/*article*/
#article .mb{margin-bottom:20px;}
#article .tag span{margin-right:1em;}
#article .tag a{margin-right:1em;}
/*screen width*/
@media only screen and (max-width:1280px){
/*1280px*/
#mza-logo{width:156px;}
/*1280px*/
#mza-search .input{padding-right:32px;}
#mza-search .text{height:32px;padding-top:4px;padding-bottom:4px;}
#mza-search .submit{width:32px;}
/*1280px*/
#mza-nav{padding:0;}
/*1280px*/
#wrapper{padding:20px 0;}
/*1280px*/
.box{padding:20px;margin-bottom:20px;}
.boxTitle{margin-bottom:20px;}
/*1280px*/
.middle{width:20px;}
/*1280px*/
#slides{margin-bottom:20px;}
/*1280px*/
#sidebar{width:260px;}
/*1280px*/
#mzaback{font-size:3.125vw;}
/*1280px*/
.appbox ul{width:102.5%;}
.appbox li{padding:0 2.5% 2.5% 0;}
.appbox .name{font-size:14px;}
.appbox .view{font-size:12px;}
/*1280px*/
.newsbox .thumbnail{width:130px;}
.newsbox .info{margin-left:145px;}
.newsbox h4{font-size:14px;}
.newsbox .intro{height:1.75em;-webkit-line-clamp:1;}
/*1280px*/
.widget .meta{line-height:1.5em;}
/*1280px*/
.sideapp{margin-bottom:15px;}
.sideapp .icon{width:68px;height:68px;}
.sideapp .text{margin-left:75px;}
.sideapp .name{margin-bottom:2px;}
/*1280px*/
.sidepost .thumbnail{width:86px;height:64.5px;}
.sidepost .info{margin-right:96px;}
.sidepost .title{line-height:1.5em;max-height:3em;margin-bottom:4px;}
/*1280px*/
#divPrevious li{padding-bottom:10px;margin-bottom:10px;}
/*1280px*/
#breadcrumb{margin-top:20px;}
/*1280px*/
#application .info{padding:20px;width:260px;}
}
@media only screen and (max-width:1024px){
/*1024px*/
.mza-gg.mb{margin-bottom:20px;}
.mza-gg.mt{margin-top:20px;}
/*1024px*/
#header .inner{display:flex;justify-content:space-between;align-items:center;position:relative;padding:1em 0;}
/*1024px*/
#mza-logo,#navBtn{display:block;}
/*1024px*/
#mza-search{display:block;margin-right:45px;width:300px;}
/*1024px*/
#mza-nav{position:fixed;left:0;top:66.8667px;height:calc(100vh - 66.8667px);width:100%;z-index:9;background-color:rgba(0,0,0,0.25);display:none;}
#mza-nav .parent{position:fixed;width:300px;top:66.8667px;height:calc(100vh - 66.8667px);right:-300px;overflow-y:auto;-webkit-overflow-scrolling:touch;background-color:#fff;transition:right .3s;box-shadow:-2px 0px 1em rgba(0,0,0,0.05);padding:2em;display:block;}
#mza-nav.active .parent{right:0;}
#mza-nav .parent > li{padding:0.65em 0;border-bottom:1px solid #eee;}
#mza-nav li a{margin-right:30px;}
#mza-nav li ul{min-width:0;position:static;left:auto;top:auto;background-color:transparent;box-shadow:none;transform:none;width:auto;padding-top:0.5em;}
#mza-nav li li{padding:0 0 0 2em;text-align:left;}
#mza-nav li li a{color:#515151;padding:0;}
#mza-nav li em{width:30px;height:30px;position:absolute;right:0;top:10.9px;z-index:2;cursor:pointer;}
#mza-nav li em:after{content:'';display:block;width:5px;height:5px;border-right:1px solid #172b4c;border-bottom:1px solid #172b4c;position:absolute;left:50%;top:50%;transform:rotate(45deg);margin:-4px 0 0 -4px;transition:all .3s;}
/*1024px*/
#wrapper .table{display:block;width:auto;}
#wrapper .td{display:block;width:auto;}
/*1024px*/
#divTags li{padding:0.5% 1% 0.5% 0;}
/*1024px*/
#footer{padding:6% 0 5%;}
#footer .inner{justify-content:center;}
/*1024px*/
#mza-social{font-size:24px;margin-bottom:2.5%;width:100%;}
#mza-social ul{justify-content:center;}
/*1024px*/
#mza-info{width:100%;max-width:none;}
/*1024px*/
#links ul{justify-content:center;}
/*1024px*/
#copyright{text-align:center;}
/*1024px*/
#istop ul,.appbox ul{width:103%;}
.appbox li{padding:0 3% 3% 0;}
.appbox .name{padding:3% 0;}
/*1024px*/
#istop li:nth-child(n+1){width:16.666%;padding:3% 3% 0 0;}
#istop li:nth-child(-n+6){padding-top:0;}
/*1024px*/
#application{display:block;width:auto;}
#application .info{display:block;width:auto;border-right:none;border-bottom:1px solid #eee;}
#application .ml{margin-left:155px;overflow:hidden;}
/*1024px*/
#appinfo{position:relative;top:auto;}
#appinfo .logo{float:left;margin-bottom:15px;width:135px;}
#appinfo .ml{margin-left:155px;overflow:hidden;}
#appinfo .name{text-align:left;font-size:22px;margin-bottom:15px;}
#appinfo .data{margin-bottom:20px;}
#appinfo .data ul{justify-content:flex-start;}
#appinfo .data li{padding:0;margin-right:3%;}
#appinfo .data p{display:inline-block;vertical-align:middle;margin-right:0.5em;}
#appinfo .data span{font-size:1.5em;}
#appinfo .meta{clear:both;overflow:hidden;}
#appinfo .meta ul{width:105%;}
#appinfo .meta li{padding-right:5%;margin-bottom:10px;}
/*1024px*/
#download{overflow:hidden;margin-bottom:15px;}
#download ul{display:table;table-layout:fixed;width:102%;}
#download li{margin-bottom:0;display:table-cell;vertical-align:middle;padding-right:2%;}
#download a{font-size:14px;line-height:1.5em;padding:5% 1em;}
/*1024px*/
.popup{font-size:14px;}
}
@media only screen and (max-width:768px){
/*768px*/
.mza-gg.mb{margin-bottom:15px;}
.mza-gg.mt{margin-top:15px;}
/*768px*/
#mza-logo{width:135px;}
/*768px*/
#navBtn{width:30px;height:30px;}
/*768px*/
#mza-nav,#mza-nav .parent{top:62.1667px;height:calc(100vh - 62.1667px);}
#mza-nav .parent{width:250px;right:-250px;}
/*768px*/
#mza-search{width:45%;margin-right:40px;}
#mza-search .input{padding-right:30px;}
#mza-search .text{height:30px;padding-top:3px;padding-bottom:3px;}
#mza-search .submit{width:30px;}
/*768px*/
.topItem{width:50%;padding:3.125% 3.125% 0 0;}
.topItem:nth-child(n+4){width:50%;}
.topItem:nth-child(2){padding-top:3.125%;}
/*768px*/
.box{padding:15px;margin-bottom:15px;}
.boxTitle{font-size:16px;margin-bottom:15px;padding-bottom:10px;}
/*768px*/
.newsbox li{padding-bottom:3%;}
.newsbox .thumbnail{width:auto;float:none;margin-bottom:8px;}
.newsbox .info{margin-left:0;}
.newsbox h4{margin-bottom:8px;line-height:1.75em;height:3.5em;max-height:none;}
.newsbox .intro{display:none;}
/*768px*/
#wrapper{padding:15px 0;}
/*768px*/
#slides{margin-bottom:15px;}
/*768px*/
.blogItem{margin-bottom:15px;padding-bottom:15px;}
.blogItem .thumbnail{width:100px;}
.blogItem .info{margin-left:113px;padding:0;}
.blogItem .info h2{font-size:15px;line-height:1.65em;height:3.3em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:0;white-space:normal;white-space:normal;}
.blogItem .intro{white-space:nowrap;display:block;height:auto;margin-bottom:0;}
.blogItem .meta,.blogItem .more{display:none;}
/*768px*/
#pagenavi {font-size:12px;}
/*768px*/
.sidepost{margin-bottom:10px;padding-bottom:10px;}
/*768px*/
#divComments li{margin-bottom:12px;padding-bottom:8px;}
/*768px*/
#footer{padding:25px 0 20px;}
/*768px*/
#mza-social{font-size:20px;}
/*768px*/
#related ul{width:105%;}
#related li{width:50%;padding:0 5% 3% 0;}
/*768px*/
#postnavi{font-weight:normal;line-height:2em;font-size:14px;}
#postnavi .prev,#postnavi .next{float:none;width:auto;text-align:left;}
/*768px*/
.entry{font-size:14px;line-height:1.75em;}
.entry p,.entry h1,.entry h2,.entry h3,.entry h4,.entry h5,.entry h6,.entry hr,.entry blockquote,.entry ol,.entry ul,.entry .prism-highlight{margin-bottom:3%;}
/*768px*/
#postTitle{font-size:20px;}
/*768px*/
#postmeta{margin-bottom:3%;padding-bottom:3%;}
#postmeta span{margin:0 6px;font-size:12px;background-size:auto 12px;line-height:2em;}
/*768px*/
#breadcrumb{margin-top:15px;font-size:12px;}
#breadcrumb .home{background-size:auto 12px;padding-left:18px;}
/*768px*/
#comment{margin-top:20px;}
#comment .item{margin-bottom:10px;}
#comment .inp{width:auto;}
#comment .inp .item{float:none;width:auto;padding-right:0;}
#comment .verify{float:none;width:auto;}
#comment .btn{clear:both;padding:2% 0;overflow:hidden;}
#comment .submit{width:100%;float:none;}
/*768px*/
#commentslist li{padding-bottom:10px;margin-bottom:10px;}
#commentslist .avatar img{width:30px;height:30px;}
#commentslist .info{margin-left:40px;}
#commentslist .meta{margin-bottom:5px;}
#commentslist .name{font-size:14px;}
#commentslist li li{margin:10px 0 5px 40px;padding:10px;}
#commentslist li li li{margin:5px;}
/*768px*/
#mzaback{font-size:24px;border-radius:3px;}
/*768px*/
#istop ul,.appbox ul{width:103.5%;}
#istop li:nth-child(n+1){width:25%;padding:3.5% 3.5% 0 0;}
#istop li:nth-child(-n+4){padding-top:0;}
/*768px*/
.appbox li{width:25%;padding:0 3.5% 3.5% 0;}
.appbox .name{padding:2.5% 0;}
.appbox .level span{display:none;}
/*768px*/
#appList{padding-bottom:35px;}
#appList .appbox{margin-bottom:20px;}
#appList li{width:33.333%;}
#appList .name{padding-bottom:1.5%;}
/*768px*/
.sideapp{margin-bottom:13px;}
/*768px*/
#application .info{padding:15px;}
#application .ml{margin-left:115px;}
#application .appbox ul{width:103%;}
#application .appbox li{width:25%;padding:0 3% 3% 0;}
/*768px*/
#appinfo .logo{width:100px;margin-bottom:15px;}
#appinfo .name{line-height:1.65em;margin-bottom:5px;}
#appinfo .ml{margin-left:115px;}
#appinfo .data{margin-bottom:15px;}
#appinfo .data ul{justify-content:space-between;}
#appinfo .data p{display:block;text-align:left;}
#appinfo .meta li{margin-bottom:5px;}
/*768px*/
#download.ml{margin-left:0;clear:both;}
/*768px*/
.topItem .title{font-size:12px;}
/*768px*/
.popup{font-size:12px;}
/*768px*/
.boxtop{padding-top:0.5em;padding-bottom:0.5em;margin-bottom:15px;}
.boxtop .title{font-size:16px;margin-right:0.5em;}
.boxtop .tab span{font-size:14px;padding:0 0.5em;}
.boxtop .more a{font-size:14px;}
}
@media only screen and (max-width:480px){
/*480px*/
.appbox li{width:33.333%;}
/*480px*/
#download a{padding:0.5em 1em;}
#download i{display:block;}
}