/*
Website Url:https://themes.muziang.com/
*/

/*鍒濆鍖栨牱寮�*/
*{-webkit-tap-highlight-color:transparent;}
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,select,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main{margin:0;padding:0;}
body{background-color:#fff;color:#333;font:16px/1.75em Arial,"Microsoft Yahei","Lucida Grande";overflow-x:hidden;width:100%;}
table{background-color:transparent;border-spacing:0;border-collapse:collapse;width:100%;border-top:1px solid #ddd;border-left:1px solid #ddd;box-sizing:border-box;}
table th{background-color:#f8f8f8;text-align:center;box-sizing:border-box;}
table td,table th{padding:10px;border:1px solid #ddd;box-sizing:border-box;}
button,select,input,textarea{background:none;border:none;border-radius:0;-webkit-border-radius:0;color:#333;outline:none;-webkit-appearance:none;font-size: 1em; font-family: inherit;}
input:focus{outline:none;}
textarea{resize:none;}
a{text-decoration:none;outline:none;color:#333;}
a:focus{outline:none;-moz-outline:none;}
a:hover{color:#53bf1d;}
a img{border:none;}
img {vertical-align: middle;}
li{list-style:none;}

/*鍏ㄥ眬鏍峰紡*/
.inner{width:93.75%; max-width:1440px;margin:0 auto;}
.clear{clear:both;height:0px;overflow:hidden;}
.thumbnail{position:relative;overflow:hidden;}
.thumbnail a,
.thumbnail .figure {display:block;position:relative;overflow:hidden;padding-bottom:100%;}
.thumbnail img{display:block;position:absolute;left:0;top:0;width:100%;height:100%;transition:all .3s;}
.postbottom{text-align:center;margin-bottom:3%;}
.mzagg a {display: block; overflow: hidden; position: relative;}
.mzagg.mb {margin-bottom: 2.43%;}
.mzagg.mt {margin-top: 2.43%;}
.mzagg img {display: block; width: 100%; height: auto;}

/*404椤甸潰*/
.error .title{font-size:36px;font-weight:normal;text-align:center;line-height:1.35em;margin-bottom:3.5%;}
.error .warning{text-align:center;font-size:28px;margin-bottom:5%;line-height:1.75em;border-bottom:1px solid #eee;padding-bottom:5%;}

/*鍏ㄧ珯澶撮儴*/
.header{height:60px;background-color:#53bf1d;width:100%;position:fixed;left:0;top:0;z-index:8;border-bottom:1px solid #84d45c;}
.header .inner{position:relative;}
.blank{height:60px;width:100%;}

/*logo*/
#logo{float:left;padding:10px 0;width:160px;}
#logo a{display:block;overflow:hidden;background:no-repeat left center;background-size:contain; padding-bottom:25%; position: relative;}
#logo i {display: block; position: absolute; left:0; top:0; width: 100%; height: 100%; text-indent: -9999em; overflow: hidden;}
/*nav*/
.nav{float:right;}
.nav li{float:left;color:#fff;font-size:16px;position:relative;}
.nav li a{display:block;line-height:60px;color:#fff;position:relative;padding:0 25px;}
.nav li.cur a,.nav li.on a{background-color:#84d45c;}
.nav li em{display:none;}
.nav li ul{position:absolute;left:0;top:100%;width:100%;background-color:#061489;text-align:center;display:none;border-top:none;}
.nav li ul.show{display:block;}
.nav li li{float:none;font-size:16px;}
.nav li li a{line-height:24px;padding:8px 5px;}

/*椤堕儴鎼滅储*/
.search{float:right;padding:10px 0;position:relative;}
.search .btn{width:40px;height:40px;cursor:pointer;font-size:18px;text-align:center;line-height:40px;color:#fff;}
.searchForm{position:absolute;right:0;top:105%;background-color:#fff;width:250px;padding:10px 40px 10px 10px;display:none;border:1px solid #f6f6f6;}
.searchForm .submit{display:block;width:45px;height:35px;float:right;position:absolute;right:0;top:10px;cursor:pointer;font-size:18px;color:#999;text-align:center;}
.searchForm .text{background-color:#f8f8f8;color:#333;height:35px;line-height:normal;width:96%;padding:0 2%;-webkit-appearance:none;font-size:14px;}

/*杞挱鍥�*/
.slides .item{background:no-repeat center center;background-size:cover;padding-bottom:34.375%;position:relative;}
.slides .item a{display:block;position:absolute;left:0;top:0;width:100%;height:100%;text-indent:-9999em;}
.slides .owl-dots{position:absolute;left:50%;bottom:5%;font-size:0;line-height:normal;transform:translateX(-50%);}
.slides .owl-dots button{display:inline-block;margin:0 5px;}
.slides .owl-dots span{display:block;width:20px;height:4px;background-color:#fff;}
.slides .owl-dots .active span{background-color:#53bf1d;}
.slides .load{padding-bottom:34.375%;background-color:#f9f9f9;position:relative;}
.slides .load span{display:block;position:absolute;left:0;top:50%;width:100%;transform:translateY(-50%);font-size:36px;line-height:1.125em;color:#999;text-align:center;}

/*鐑棬鏍囩*/
.topTags{padding:2.5% 0;}
.topTags .inner{overflow:hidden;}
.topTags h3{font-size:14px;float:left;width:5em;line-height:24px;padding:2px 0;}
.topTags ul{margin-left:70px;overflow:hidden;}
.topTags li{float:left;font-size:12px;line-height:24px;padding:2px 0 2px 15px;}
.topTags li a{color:#53bf1d;border:1px solid #e4e4e4;display:block;border-radius:12px;padding:0 10px;}
.topTags li a:hover{color:#fff;background-color:#53bf1d;border-color:#53bf1d;}

/*links*/
.links{text-align:center;margin-bottom:1.5%;}
.links h2{font-size:16px;font-weight:normal;line-height:1.5em;line-height:30px;float:left;}
.links ul{overflow:hidden;margin-left:80px;}
.links li{float:left;font-size:14px;padding:0 17px 0 16px;line-height:30px;position:relative;}
.links li:after{content:'';display:block;width:1px;height:14px;background-color:#ccc;position:absolute;right:0;top:50%;margin-top:-7px;}
.links li:last-child:after{display:none;}

/*鍏ㄧ珯搴曢儴*/
.footer{text-transform:uppercase;border-top:1px solid #84d45c;background-color:#53bf1d;color:#fff;padding:1.5% 0;font-size:14px;line-height:1.75em;}
.footer a{color:#fff;}
.footer a:hover{opacity:.85;}
.footer .inner{overflow:hidden;}
.pagelist{float:left;}
.pagelist ul{overflow:hidden;font-size:0;line-height:normal;}
.pagelist li{display:inline-block;padding-right:29px;position:relative;font-size:14px;line-height:1.75em;}
.pagelist li:after{content:'';display:block;width:1px;height:14px;background-color:#fff;position:absolute;right:14px;top:50%;margin-top:-7px;}
.pagelist li:last-child:after{display:none;}
.copyright{float:right;}
.copyright .beian{display:inline-block;}
.copyright .beian img{display:inline-block;vertical-align:middle;width:auto;height:20px;margin:-2px 3px 0 0;}

/*棣栭〉*/
.hmTitle{overflow:hidden;margin-bottom:1.3%;position:relative;}
.hmTitle h2{font-size:18px;color:#333;position:relative;padding-left:0.8333em;}
.hmTitle h2:before{width:0.2778em;height:0.778em;border-radius:2.5px;background-color:#53bf1d;content:'';display:block;position:absolute;left:0;top:50%; transform:translateY(-50%);}
.hmTitle span{position:absolute;right:0;top:50%;transform:translateY(-50%);text-transform:uppercase;color:#999;font-size:16px;}
.hmTitle span a{display:block;background-color:#53bf1d;color:#fff;font-size:0.875em;border-radius:3px;padding:0 0.8em;}
.appBox{margin-bottom:0.5%;}
.appBox .inner{overflow:hidden;}
.appBox ul{overflow:hidden;width:101.3%;}
.appBox li{float:left;width:8.7%;padding-right:1.3%;padding-bottom:1.3%;}
.appBox li a{display:block;overflow:hidden;}
.appBox li .top{display:block;overflow:hidden;padding:8%;border:1px solid #e5e5e5;border-radius:10px;position:relative;margin-bottom:5px;}
.appBox li .icon{padding-bottom:100%;position:relative;overflow:hidden;border-radius:10px;}
.appBox li .icon img{display:block;position:absolute;left:0;top:0;width:100%;height:100%;}
.appBox li span{display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(83,191,29,.15);opacity:0;transition:opacity .2s;}
.appBox li i{display:block;position:absolute;left:50%;top:50%;margin:-12px 0 0 -2.5em;font-size:14px;width:5em;line-height:24px;background-color:rgba(83,191,29,.85);z-index:2;color:#fff;border-radius:4px;font-style:normal;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.appBox li h2{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;line-height:1.875em;font-weight:normal;padding:0 5px;}
.appBox li a:hover span{opacity:1;}

/*鍐呴〉*/
.wrapper{padding:2% 0;}

/*appItem*/
.appItem{overflow:hidden;}
.appItem .top{border:1px solid #e8e8e8;padding:20px;background-color:#f9f9f9;margin-bottom:3.5%;position:relative;}
.appItem .left{float:left;width:100px;padding:8px;border:1px solid #e4e4e4;border-radius:5px;background-color:#fff;}
.appItem .icon{padding-bottom:100%;position:relative;overflow:hidden;border-radius:5px;}
.appItem .icon img{display:block;width:100%;height:100%;position:absolute;left:0;top:0;}
.appItem .right{margin-left:140px;margin-right:200px;overflow:hidden;}
.appItem .title{font-size:24px;color:#333;line-height:1.5em;font-weight:normal;margin-bottom:5px;}
.appItem .meta{overflow:hidden;margin-bottom:10px;}
.appItem .meta a{color:#888;}
.appItem .meta span{display:block;float:left;font-size:12px;line-height:1.75em;color:#888;padding-right:10px;}
.appItem .intro{font-size:14px;color:#333;line-height:1.75em;}
.appItem .download{width:170px;position:absolute;top:25px;right:20px;}
.appItem .download a{display:block;font-size:16px;color:#fff;border-radius:3px;height:2.625em;background-color:#59c55b;text-align:center;line-height:2.625em;}
.appItem .download a:hover{opacity:.85;}
.appItem .android{position:relative;}
.appItem .iphone{margin-top:10px;position:relative;}
.appItem .iphone a{background-color:#237ded;}
.appItem .download .qr{position:absolute;left:50%;top:130%;background-color:#fff;border-radius:5px;border:1px solid #e5e5e5;padding:5px;width:110px;margin-left:-61px;z-index:3;display:none;}
.appItem .download .qr:after{content:'';display:block;background-color:#fff;border-right:1px solid #e5e5e5;border-top:1px solid #e5e5e5;transform:rotate(-45deg);position:absolute;left:50%;top:-7px;margin-left:-3.5px;width:10px;height:10px;}
.appItem .download .qr img{display:block;width:100%;height:auto;position:relative;z-index:2;}

/*blogitem*/
.blogitem{overflow:hidden;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #eee;position:relative;clear:both;}
.blogitem h2{font-weight:normal;font-size:20px;line-height:1.5em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:10px;}
.blogitem .thumbnail{float:left;width:200px;border-radius:5px;border:1px solid #eee;}
.blogitem .thumbnail a{padding-bottom:75%;}
.blogitem .thumbnail img:hover{transform:scale(1.1);}
.blogitem .info{margin-left:220px;overflow:hidden;}
.blogitem .excerpt{font-size:14px;line-height:1.75em;height:5.25em;overflow:hidden;color:#666;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis;}
.blogitem .meta{color:#999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;line-height:1.5em;}
.blogitem .meta a{color:#888;}
.blogitem .meta span{position:relative;padding-right:15px;padding-left:12px;}
.blogitem .meta span:before{width:6px;height:6px;border-radius:50%;background-color:#ddd;content:'';display:block;position:absolute;left:0;top:50%;margin-top:-3px;}
.blogitem .meta span:last-child{padding-right:0;}
.isTop{position:absolute;left:15px;top:0;font-size:12px;width:1em;padding:5px;border-radius:0 0 3px 3px;background-color:#ff8728;z-index:1;line-height:1.35em;color:#fff;}

/*鍐呴〉妯″箙*/
.banner{background:no-repeat center center;background-size:cover;padding-bottom:26%;overflow:hidden;}

/*鍐呴〉鍒嗛〉*/
.pagenavi{display:flex; justify-content:center; text-align:center;margin-top:35px;font-size:14px;}
.pagenavi a,.pagenavi span.now-page{display:block;color:#999;background-color:#fff;margin:0.178em;height:2em;line-height:2em;min-width:2em;padding:0 0.5em;border-radius:0.22em;box-sizing: border-box;}
.pagenavi a:hover,.pagenavi span.now-page{background-color:#999;color:#fff;}

/*璇︽儏椤�*/
.details{padding:3.125% 0;}
.details .title{font-size:32px;text-align:center;line-height:1.35em;margin-bottom:2.43%;font-weight:normal;}
.details .meta{text-align:center;border-bottom:1px solid #eee;padding-bottom:1.5%;margin-bottom:2.43%;}
.details .meta span{font-size:14px;color:#888;padding:0 1%;display:inline-block;vertical-align:middle;}
.details .meta a{color:#888;}

/*璇︽儏鍐呭*/
.entry{font-size:16px;line-height:1.875em;color:#333;margin-bottom:2.5%;}
.entry p,.entry h1,.entry h2,.entry h3,.entry h4,.entry h5,.entry h6,.entry ul,.entry ol{margin-bottom:1.5%;word-break:break-all;}
.entry ul,.entry ol{margin-bottom:1.5%;word-break:break-all;}
.entry img,.entry video{max-width:100%;height:auto!important;}
.entry ul li{list-style:outside disc none;padding-left:1em;margin-left:2em;}
.entry ol li{list-style:outside decimal none;padding-left:1em;margin-left:2em;}
.entry blockquote{margin:0 2em 1.5%;padding:1.5% 1.5% 0;font-style:italic;overflow:hidden;color:#555;border:1px dashed #eee;background-color:#f9f9f9;border-radius:3px;}
.entry hr{border:none;border-bottom:1px solid #999;margin-bottom:1.5%;}
.entry li p{margin-bottom:0;}

/*鏍囩*/
.tags{overflow:hidden;font-size:16px;color:#000;padding:10px 0;margin-bottom:2.43%;}
.tags span{display:block;float:left;}
.tags a{color:#000;margin-left:15px;}

/*postnavi*/
#postnavi {overflow: hidden; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 5%}
#postnavi > div {max-width: 45%;}
#postnavi .icon {width: 60px; padding-bottom: 60px;border-radius: 5px; overflow: hidden;}
#postnavi .text {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: calc(100% - 76px)}
#postnavi span {display: block; font-size: 0.875em; color:#666; line-height: 2em; font-weight: bold;}
#postnavi a {display: flex; align-items: center;}
#postnavi .prev .text {padding-left:1em;}
#postnavi .next a {flex-direction: row-reverse;}
#postnavi .next .text {padding-right: 1em; text-align: right;}
#postnavi .post {display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

/*璇︽儏妯″潡鏍囬*/
.boxtitle{font-size:18px;margin-bottom:2.43%;line-height:1.35em;position:relative;padding-left:15px;}
.boxtitle:before{width:5px;height:14px;border-radius:2.5px;background-color:#53bf1d;content:'';display:block;position:absolute;left:0;top:50%;margin-top:-7px;}

/*鐩稿叧鎺ㄨ崘*/
.related{margin-bottom:2.43%;}
.related ul{width:102%;overflow:hidden;}
.related li{width:10.5%;float:left;padding-right:2%;padding-bottom:2%;}
.related li .icon{padding:8%;border:1px solid #e4e4e4;border-radius:5px;margin-bottom:5px;}
.related li .icon a{display:block;padding-bottom:100%;position:relative;border-radius:5px;overflow:hidden;}
.related li .icon img{display:block;width:100%;height:100%;position:absolute;left:0;top:0;border-radius:5px;}
.related li h3{font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;text-align:center;}

/*璇勮鐣欒█*/
.commentlist{overflow:hidden;margin-bottom:2.43%;}
.commentlist li{overflow:hidden;margin-bottom:2.43%;padding-bottom:2.43%;border-bottom:1px solid #eee;}
.commentlist .avatar{float:left;width:60px;height:60px;border-radius:5px;overflow:hidden;}
.commentlist .avatar img{display:block;width:100%;height:100%;}
.commentlist .info{margin-left:80px;overflow:hidden;}
.commentlist .name{font-size:16px;font-weight:bold;line-height:1.35em;color:#333;}
.commentlist time{display:block;color:#999;font-size:12px;line-height:1.5em;}
.commentlist .replay{font-size:12px;font-weight:bold;color:#000;}
.commentlist .text{padding:5px 0;font-size:16px;color:#555;}
.commentlist li li{margin:2.43% 0 0 2%;padding-bottom:0;border-bottom:none;}

/*璇勮妗�*/
#comment .item{overflow:hidden;margin-bottom:15px;position:relative;}
#comment label{display:block;float:left;height:40px;line-height:40px;font-size:16px;}
#comment label i{font-style:normal;color:#f00;}
#comment .input{margin-left:80px;overflow:hidden;border:1px solid #e4e4e4;border-radius:5px;}
#comment .text,#comment textarea{width:98%;height:20px;line-height:normal;padding:10px 1%;font-size:16px;font-family:'Microsoft Yahei';-webkit-appearance:none;}
#comment textarea{height:150px;resize:none;}
#comment .submit{float:right;color:#fff;background-color:#555;border-radius:5px;height:45px;width:150px;font-size:16px;cursor:pointer;}
#comment .submit:hover{opacity:.9;}
#comment .verify{position:relative;}
#comment .verify .input{margin-right:126px;}
#comment .verify img{display:block;position:absolute;right:0;top:0;height:100%;width:auto;cursor:pointer;border-radius:2px;}

/*涓ゆ爮*/
.main{float:left;width:75%;}
.sidebar{width:21%;float:right;}
.widget{margin-bottom:6.5%;overflow:hidden;}
.widget h3{font-weight:normal;font-size:18px;line-height:1.125em;margin-bottom:6%;position:relative;padding-left:15px;}
.widget h3:before{width:5px;height:14px;border-radius:2.5px;background-color:#53bf1d;content:'';display:block;position:absolute;left:0;top:50%;margin-top:-7px;}
.widget li{overflow:hidden;}
.widget li{position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:break-all;padding-left:15px;line-height:30px;}
.widget li:before{content:'';display:block;width:6px;height:6px;background-color:#aaa;border-radius:50%;position:absolute;left:0;top:50%;margin-top:-3px;}
.divSearchPanel input[type='text']{height:24px;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:#53bf1d;cursor:pointer;}
.divSearchPanel form{position:relative;padding-right:40px;overflow:hidden;}
.divApps li{padding:8px 0;}
.divApps li:before{display:none;}
.divApps .icon{float:left;width:55px;}
.divApps .icon a{display:block;padding-bottom:100%;position:relative;border-radius:10px;overflow:hidden;}
.divApps .icon img{display:block;position:absolute;right:0;top:0;height:100%;width:auto;}
.divApps .info{overflow:hidden;margin-left:65px;}
.divApps h4{font-size:16px;line-height:1.75em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:normal;}
.divApps p{font-size:12px;line-height:1.75em;white-space:nowrap;overflow:hidden;text-overflow:hidden;color:#999;}
.divTags li{float:left;font-size:14px;padding-right:5px;padding-bottom:5px;padding-left:0;}
.divTags li:before{display:none;}
.divTags li a{display:block;background-color:#f9f9f9;color:#666;padding:0 10px;border-radius:3px;}
.divTags li a:hover{color:#fff;background-color:#53bf1d;}
.divTags li a:hover .tag-count{color:#fff;}
.divTags li .tag-count{font-size:12px;color:#999;}

/*newsbox*/
.newsbox{overflow:hidden;margin-bottom:3.5%;}
.newsbox:last-child{margin-bottom:0;}
.newsbox ul{overflow:hidden;width:103%;}
.newsbox li{float:left;width:47%;padding:1% 3% 1% 0;overflow:hidden;}
.newsbox li .thumbnail{float:left;width:140px;}
.newsbox li .figure {padding-bottom:75%;}
.newsbox li .info{margin-left:155px;overflow:hidden;}
.newsbox li h3{font-size:16px;font-weight:normal;line-height:1.5em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:5px;}
.newsbox li p{font-size:14px;color:#555;line-height:1.75em;text-align:justify;height:3.5em;overflow:hidden;margin-bottom:3px;}
.newsbox li time{display:block;font-size:12px;color:#999;line-height:2em;}
.newsbox li a {display: block; overflow: hidden;}
.newsbox li a:hover img {transform: scale(1.1);}
/*fixed*/
#fixed{position:fixed;right:2.5%;top:70%;width:50px;z-index:8;}
#fixed ul{border:1px solid #e9e9e9;}
#fixed li{padding-bottom:100%;position:relative;}
#fixed a{display:block;position:absolute;left:0;top:0;width:100%;height:100%;text-indent:-9999em;overflow:hidden;background:#fff no-repeat center center;background-size:60% auto;}
#fixed #back a{background-image:url(images/icon_top.png);}
@media only screen and (max-width:1280px){

	/*1280px鍏ㄧ珯澶撮儴*/
	.header,.blank{height:60px;}

	/*1280pxlogo*/
	#logo{padding:10px 0;}

	/*1280pxnavBtn*/
	.navBtn{width:25px;position:relative;float:right;height:40px;padding:10px 0;cursor:pointer;}
	.navBtn span{display:block;width:100%;height:3px;background-color:#fff;position:absolute;top:50%;left:0;margin-top:-1.5px;}
	.navBtn span:before,.navBtn span:after{content:'';display:block;width:100%;height:3px;background-color:#fff;position:absolute;left:0;top:-9px;transition:transform .3s;transition:transform .3s;}
	.navBtn span:after{top:auto;bottom:-9px;}
	.navBtn.open span{height:0;}
	.navBtn.open span:before{transform:rotate(45deg);top:0;}
	.navBtn.open span:after{transform:rotate(-45deg);bottom:auto;top:0;}

	/*1280px椤堕儴瀵艰埅*/
	.nav{position:fixed;right:-200px;top:61px;height:100%;width:200px;background-color:#fff;overflow-y:auto;transition:right .3s;-webkit-overflow-scrolling:touch;border-top:1px solid #f6f6f6;}
	.nav.open{right:0;}
	.nav ul{padding-bottom:81px;}
	.nav li{float:none;}
	.nav li a{line-height:26px;padding:12px 2em 12px 1.5em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#333;}
	.nav li.cur > a:after,.nav li.on > a:after{display:none;}
	.nav li.cur a,.nav li.on a{background-color:transparent;}
	.nav li ul{position:static;left:auto;top:auto;width:auto;margin-left:0;background-color:transparent;text-align:left;border:none;padding-bottom:0;}
	.nav li ul.show{display:none;}
	.nav li ul.open{display:block;}
	.nav li li a{line-height:26px;padding:12px 1.5em 12px 2.5em;}
	.nav li li a:hover{background-color:transparent;}
	.nav li em{position:absolute;right:0;top:12px;width:2em;height:26px;display:block;cursor:pointer;}
	.nav li em:before{content:'';display:block;width:9px;height:9px;border-right:1px solid #666;border-bottom:1px solid #666;transition:transform .3s;position:absolute;left:50%;top:50%;margin-top:-6px;margin-left:-5px;}
	.nav li em.open:before{transform:rotate(45deg);}

	/*1280px椤堕儴鎼滅储*/
	.search{padding:10px 0 10px 20px;}
	.search .btn{font-size:24px;}

	/*1280px涓ゆ爮*/
	.main{width:70%;}
	.sidebar{width:26%;}
	.appItem .title{font-size:20px;}
	.appItem .download{width:150px;}
	.appItem .download a {font-size: 14px;}
	.appItem .right{margin-right:170px;}
}
@media only screen and (max-width:960px){

	/*960px棣栭〉*/
	.hmtitle .title{font-size:22px;}
	.appBox ul{width:103%;}
	.appBox li{width:17%;padding-right:3%;padding-bottom:2%;}

	/*960px鍐呴〉鍒嗛〉*/
	.pagenavi{margin-top:20px;}

	/*960px璇︽儏椤�*/
	.details .title{font-size:24px;}

	/*960px涓ゆ爮*/
	.main{width:auto;float:none;margin-bottom:15px;}
	.sidebar{width:auto;float:none;}
	.widget{margin-bottom:15px;}
	.widget h3{margin-bottom:15px;}

	/*960px*/
	.newsbox li .thumbnail{width:110px;}
	.newsbox li .info{margin-left:120px;}
	.newsbox li h3{line-height:1.5em;}
	.newsbox li p{height:auto;white-space:nowrap;text-overflow:ellipsis;}

	/*960px*/
	.blogitem h2{font-size:18px;}
	.blogitem .thumbnail{border-radius:0;}
}
@media only screen and (max-width:768px){
	.topTags h3{float:none;width:auto;padding:0;margin-bottom:3px;}
	.topTags ul{margin-left:0;}
	.topTags li{padding-left:0;padding-right:10px;}
	.hmTitle h2{font-size:16px;}
	.hmTitle span{font-size:14px;}
	.links h2{font-size:14px;}
	.links ul{margin-left:70px;}
	.links li{padding:0 11px 0 10px;}

	/*768px鍏ㄧ珯搴曢儴*/
	.footer{padding:2.5% 0;line-height:1.5em;font-size:12px;}
	.pagelist{float:none;margin-bottom:3px;}
	.pagelist ul{font-size:0;text-align:center;line-height:normal;}
	.pagelist li{float:none;display:inline-block;padding:0 13px;}
	.pagelist li:after{right:0;}
	.copyright{float:none;text-align:center;}

	/*768px鍏ㄧ珯澶撮儴*/
	.header,.blank{height:50px;}

	/*768pxlogo*/
	#logo{padding:8px 0; width: 144px;}

	/*768pxnavBtn*/
	.navBtn{height:30px;}

	/*768px椤堕儴瀵艰埅*/
	.nav{top:51px;}
	.nav ul{padding-bottom:51px;}

	/*768px椤堕儴鎼滅储*/
	.search{padding-left:15px;}
	.search .btn{height:30px;line-height:30px;}

	/*768px杞挱鍥�*/
	.slides .owl-dots{bottom:15px;}
	.appBox li h2{font-size:14px;}

	/*鍐呴〉*/
	.wrapper{padding:15px 0;}

	/*768px鍐呴〉鍒嗛〉*/
	.pagenavi{margin-top:10px;}

	/*768px璇︽儏椤�*/
	.details .title{font-size:20px;margin-bottom:15px;}
	.details .meta{padding-bottom:10px;margin-bottom:20px;}
	.details .meta span{font-size:12px;}

	/*768px璇︽儏鍐呭*/
	.entry{font-size:14px;}
	.entry blockquote{margin-bottom:2.43%;padding:10px 10px 0 15px;}

	/*768px鏍囩*/
	.tags{padding:0;font-size:14px;margin-bottom:20px;color:#888;}
	.tags a{color:#888;margin-left:10px;}

	/*768px*/
	#postnavi {display: block; font-size: 14px;}
	#postnavi > div {max-width: none; padding:1.5% 0;}
	#postnavi .icon {width: 50px; padding-bottom: 50px;}
	#postnavi .next a {flex-direction: row; }
	#postnavi .next .text {text-align: left; padding:0 0 0 1em;}

	/*768px璇勮鐣欒█*/
	.commentlist{margin-bottom:20px;}
	.commentlist li{margin-bottom:15px;padding-bottom:10px;}
	.commentlist .avatar{width:30px;height:30px;}
	.commentlist .info{margin-left:40px;}
	.commentlist .name{font-size:14px;margin-bottom:5px;}
	.commentlist .replay a{color:#999;}
	.commentlist .text{font-size:14px;line-height:1.75em;}
	.commentlist li li{margin-top:15px;}

	/*768px璇勮妗�*/
	#comment .item{margin-bottom:10px;}
	#comment label{font-size:14px;height:auto;line-height:1.5em;float:none;margin-bottom:3px;}
	#comment .input{margin-left:0;}
	#comment .text,#comment textarea{padding:7.5px 2%;width:96%;font-size:14px;}
	#comment textarea{height:90px;}
	#comment .submit{font-size:14px;height:37px;width:100px;}
	#comment .verify .input{margin-right:111px;}
	#comment .verify img{height:36px;width:auto;top:auto;bottom:0;}

	/*768px404椤甸潰*/
	.error .title{font-size:24px;margin-bottom:15px;}
	.error .warning{font-size:20px;margin-bottom:25px;padding-bottom:25px;}

	/*768px涓ゆ爮*/
	.sidebar,.appItem .intro{display:none;}
	.widget{margin-bottom:15px;}
	.widget h3{font-size:16px;padding-left:10px;font-weight:bold;margin-bottom:10px;}
	.widget li{font-size:14px;}
	.divApps li{padding:5px 0;}
	.appItem .top{padding:10px;}
	.appItem .left{width:50px;padding:5px;}
	.appItem .right{margin-left:70px;margin-right:0;}
	.appItem .title{font-size:18px;}
	.appItem .meta{margin-bottom:10px;}
	.appItem .meta span{padding-right:15px;}
	.appItem .download{position:static;right:auto;top:auto;margin-left:70px;width:auto;}
	.appItem .download .android{float:left;}
	.appItem .iphone{margin-top:0;padding-left:10px;float:left;}
	.appItem .download a{font-size:12px;height:28px;line-height:28px;padding:0 10px;}
	.boxtitle{font-size:16px;margin-bottom:5%;}
	.postbottom{font-size:14px;line-height:1.5em;}

	/*768px*/
	.newsbox .title{margin-bottom:1.5%;}
	.newsbox ul{width:auto;}
	.newsbox li{float:none;width:auto;padding:5px 0;}
	.newsbox li h3{line-height:1.75em;margin-bottom:2px;}
	.newsbox li p{line-height:1.875em;height:3.75em;white-space:normal;margin-bottom:0;}
	.newsbox li time{display:none;}

	/*768px*/
	.blogitem{padding-bottom:10px;margin-bottom:10px;}
	.blogitem h2{font-size:16px;margin-bottom:7px;white-space:normal;line-height:1.65em;max-height:3.3em;overflow:hidden;}
	.blogitem h2 a:hover{margin-left:0;}
	.blogitem .thumbnail{float:left;width:110px;}
	.blogitem .info{margin-left:122px;}
	.blogitem .excerpt{display:none;}
	.blogitem .meta{font-size:12px;}
	.blogitem .meta span{padding:0 10px;}
	.blogitem .meta .views{display:none;}
	/*768px*/
	.mzagg.mb {margin-bottom: 5%;}
	.mzagg.mt {margin-top: 5%;}
}
@media only screen and (max-width:540px){
	.appBox li{width:22%;padding-bottom:3%;}
	.appBox li .top,.appBox li .icon{border-radius:5px;}
	.appBox li i{font-size:12px;}
	.related li{width:23%;}
}