/*
Website Url:http://www.aiyuanma.org/
*/
/*初始化样式*/
* {-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; font-size:16px; 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;}
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;}
li {list-style:none;}

/*全局样式*/
.inner {width:1440px; margin:0 auto;}
.clear{ clear:both; height:0px; overflow:hidden;}
.thumbnail {position:relative; overflow: hidden;}
.thumbnail a {display:block; position:relative; overflow:hidden; padding-bottom:100%;}
.thumbnail img {display:block; position:absolute; left:0; top:0; width:100%; height:100%;}
.postbottom {text-align:center; margin-bottom:3%;}
/*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;}
#logo a {display:block; width:127px; height:40px; overflow: hidden; background:no-repeat left center; background-size:contain; text-indent:-9999em;}
/*nav*/
.nav {float:right;}
.nav li {float:left; color:#fff; font-size:16px; padding:0 5px; position:relative;}
.nav li a {display:block; line-height: 60px; color:#fff; position:relative; padding:0 20px;}
.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 {padding:0; 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;}
.hmTitle span {position:absolute; right:0; top:50%; transform:translateY(-50%); text-transform: uppercase; color:#999; font-size:16px;}
.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:42px; background-color:#59c55b; text-align:center; line-height:42px;}
.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 {transition:all .3s; }
.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 {font-size:0; line-height: normal; text-align:center; margin-top:35px;}
.pagenavi a, .pagenavi span.now-page {display:inline-block; font-size:14px; color:#999; background-color:#fff; margin:2px 2.5px; height:27px; line-height: 28px; padding:0 10px; border-radius:3px;}
.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;}


/*详情模块标题*/
.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;}
.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 .thumbnail a {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;}

/*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:1536px) {
	/*全局样式*/
	.inner {width:93.75%;}
}
@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; padding:0;}
	.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 .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:5px 0;}
	/*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评论留言*/
	.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;}
}
@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%;}
}