/* 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:#202340;} a img {border:none;} li {list-style:none;} /*-mCustomScrollbar-*/ .mCustomScrollbar {-ms-touch-action:pinch-zoom;touch-action:pinch-zoom;} .mCustomScrollbar.mCS_no_scrollbar,.mCustomScrollbar.mCS_touch_action {-ms-touch-action:auto;touch-action:auto;} .mCustomScrollBox {position:relative;overflow:hidden;height:100%;max-width:100%;outline:none;direction:ltr;} .mCSB_container {overflow:hidden;width:auto;height:auto;} .mCSB_inside > .mCSB_container {margin-right:30px;} .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {margin-right:0;} .mCS-dir-rtl > .mCSB_inside > .mCSB_container {margin-right:0;margin-left:30px;} .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {margin-left:0;} /* RTL direction/left-side scrollbar */ .mCSB_scrollTools {position:absolute;width:16px;height:auto;left:auto;top:0;right:0;bottom:0;} .mCSB_outside + .mCSB_scrollTools {right:-26px;} /* scrollbar position:outside */ .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {right:auto;left:0;} .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {left:-26px;} .mCSB_scrollTools .mCSB_draggerContainer {position:absolute;top:0;left:0;bottom:0;right:0;height:auto;} .mCSB_scrollTools a + .mCSB_draggerContainer {margin:20px 0;} .mCSB_scrollTools .mCSB_draggerRail {width:2px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;} .mCSB_scrollTools .mCSB_dragger {cursor:pointer;width:100%;height:30px;z-index:1;} .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {position:relative;width:4px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;text-align:center;} .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {width:12px;} .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {width:8px;} .mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_buttonDown {display:block;position:absolute;height:20px;width:100%;overflow:hidden;margin:0 auto;cursor:pointer;} .mCSB_scrollTools .mCSB_buttonDown {bottom:0;} .mCSB_horizontal.mCSB_inside > .mCSB_container {margin-right:0;margin-bottom:30px;} .mCSB_horizontal.mCSB_outside > .mCSB_container {min-height:100%;} .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {margin-bottom:0;} /* non-visible scrollbar */ .mCSB_scrollTools.mCSB_scrollTools_horizontal {width:auto;height:16px;top:auto;right:0;bottom:0;left:0;} .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {bottom:-26px;} /* scrollbar position:outside */ .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {margin:0 20px;} .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {width:100%;height:2px;margin:7px 0;} .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {width:30px;height:100%;left:0;} .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {width:100%;height:4px;margin:6px auto;} .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {height:12px;margin:2px auto;} .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {height:8px;\margin:4px 0;} .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {display:block;position:absolute;width:20px;height:100%;overflow:hidden;margin:0 auto;cursor:pointer;} .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {left:0;} .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {right:0;} .mCSB_container_wrapper {position:absolute;height:auto;width:auto;overflow:hidden;top:0;left:0;right:0;bottom:0;margin-right:30px;margin-bottom:30px;} .mCSB_container_wrapper > .mCSB_container {padding-right:30px;padding-bottom:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {bottom:20px;} .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {right:20px;} /* non-visible horizontal scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {bottom:0;} /* non-visible vertical scrollbar/RTL direction/left-side scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {right:0;} /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {left:20px;} /* non-visible scrollbar/RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {left:0;} .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {margin-right:0;margin-left:30px;} .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {padding-right:0;} .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {padding-bottom:0;} .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {margin-right:0;margin-left:0;} /* non-visible horizontal scrollbar */ .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {margin-bottom:0;} /* TRANSITIONS ---*/ .mCSB_scrollTools,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight {-webkit-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;transition:opacity .2s ease-in-out,background-color .2s ease-in-out;} .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {-webkit-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;} .mCSB_scrollTools {opacity:0.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)";} .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {opacity:0;filter:"alpha(opacity=0)";-ms-filter:"alpha(opacity=0)";} .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollBox:hover > .mCSB_scrollTools,.mCustomScrollBox:hover ~ .mCSB_scrollTools,.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {opacity:1;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)";} .mCSB_scrollTools .mCSB_draggerRail {background-color:#000;background-color:rgba(0,0,0,0.4);filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)";} .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:#fff;background-color:rgba(255,255,255,0.75);filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)";} .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color:#fff;background-color:rgba(255,255,255,0.85);filter:"alpha(opacity=85)";-ms-filter:"alpha(opacity=85)";} .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color:#fff;background-color:rgba(255,255,255,0.9);filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)";} .mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight {background-image:url(../images/mcsb_buttons.png);/* css sprites */background-repeat:no-repeat;opacity:0.4;filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)";} .mCSB_scrollTools .mCSB_buttonUp {background-position:0 0;} .mCSB_scrollTools .mCSB_buttonDown {background-position:0 -20px;} .mCSB_scrollTools .mCSB_buttonLeft {background-position:0 -40px;} .mCSB_scrollTools .mCSB_buttonRight {background-position:0 -56px;} .mCSB_scrollTools .mCSB_buttonUp:hover,.mCSB_scrollTools .mCSB_buttonDown:hover,.mCSB_scrollTools .mCSB_buttonLeft:hover,.mCSB_scrollTools .mCSB_buttonRight:hover {opacity:0.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)";} .mCSB_scrollTools .mCSB_buttonUp:active,.mCSB_scrollTools .mCSB_buttonDown:active,.mCSB_scrollTools .mCSB_buttonLeft:active,.mCSB_scrollTools .mCSB_buttonRight:active {opacity:0.9;filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)";} /* ---------------------------------------- */ /*全局样式*/ .clear{ clear:both; height:0px; overflow:hidden;} .thumbnail {position:relative; overflow: hidden;} .thumbnail a {display:block; position:relative; overflow:hidden; padding-bottom:75%;} .thumbnail img {display:block; position:absolute; left:0; top:0; width:100%; height:100%;} .postbottom {margin-bottom:15px; margin-left:80px; font-size:14px;} .gg {margin-bottom:30px; overflow:hidden;} .gg a {display:block;} .gg img {display:block; width:auto; max-width:100%; height:auto; margin:0 auto;} /*404页面*/ .error {margin-top:15%;} .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; line-height: 1.75em;} /*全站头部*/ .header {background-color:#202340; position:fixed; left:0; top:0; height:100%; width:220px; z-index: 8;} .blank {display:none;} /*logo*/ .logo {padding:10px 20px; border-bottom:1px solid #393d5d;} .logo a {display:block; height:50px; overflow: hidden; background:no-repeat center center; background-size:contain; text-indent:-9999em;} /*nav*/ .nav {padding:20px 0;} .nav li {color:#fff; font-size:16px; line-height: 40px; padding:5px 0; position:relative;} .nav li a {display:block; color:#fff; position:relative; padding:0 20px;} .nav li a:hover, .nav li.cur > a {background-color:#393d5d;} .nav li i {margin-right: 5px;} .nav li ul {margin-top: 5px; display: none;} .nav li li {font-size:14px; line-height: 35px; padding:0;} .nav li li a { padding-left:40px;} .nav .mCSB_scrollTools {width:4px;} .nav .mCSB_inside > .mCSB_container {margin-right:2px;} .nav em {position:absolute; right:0; top:5px; height: 40px; width: 40px;} .nav em:after {content:''; display: block; position:absolute; left:50%; top:50%; width: 7px; height: 7px; border-right:1px solid #fff; border-bottom:1px solid #fff; transform:rotate(-45deg); margin:-4.5px 0 0 -4.5px; transition:all .3s;} .nav .active:after {transform:rotate(45deg);} /*顶部搜索*/ .searchForm {position:relative; background-color:#f8f8f8; margin-bottom:2%; padding-right:50px; border-radius:5px; overflow:hidden;} .searchForm .text { color:#333; height:24px; line-height: 24px; width:96%; padding:10px 2%; -webkit-appearance:none; font-size:14px;} .searchForm .submit {display:block; position:absolute; top:0; right:0; background:#202340 url(../images/icon_search.png) no-repeat center center; background-size:50%; width:50px; height:100%; cursor:pointer; font-size:18px; color:#999; text-align:center; -webkit-appearance:none; appearance:none;} /*wrapper*/ .wrapper {margin-left:220px; padding:20px 30px; overflow:hidden;} /*轮播图*/ .slides {overflow:hidden; margin-bottom:30px;} .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-nav button {position:absolute; top:50%; display:block; margin-top:-16.5px;} .slides .owl-nav span {display:block; width:18px; height:33px; background:no-repeat center center; background-size:contain; text-indent:-99999em; opacity:.5;} .slides .owl-nav span:hover {opacity:1;} .slides .owl-nav .owl-prev {left:15px;} .slides .owl-nav .owl-prev span {background-image:url(../images/icon_03.png);} .slides .owl-nav .owl-next {right:15px;} .slides .owl-nav .owl-next span {background-image:url(../images/icon_04.png);} .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;} .bloglist {overflow:hidden; margin-bottom:3.5%;} .blogitem {overflow: hidden; margin-bottom:30px;} .blogitem .thumbnail {float:left; width:280px;} .blogitem .thumbnail img {transition:all .3s;} .blogitem .thumbnail a:hover img {transform:scale(1.1);} .blogitem .thumbnail span {display:block; width:1em; line-height:1.25em; background-color:#f60; color:#fff; position:absolute; left:10px; top:0; border-radius:0 0 3px 3px; font-size:12px; padding:5px;} .blogitem .info {margin-left:300px; overflow: hidden; padding:4px 0;} .blogitem h2 {font-weight:normal; font-size:22px; line-height: 1.5em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom:10px;} .blogitem h2 a {color:#333;} .blogitem h2 a:hover, .blogitem .meta a:hover {color:#202340;} .blogitem .excerpt {font-size:16px; line-height: 1.875em; height:7.5em; overflow:hidden; color:#666; margin-bottom:10px;} .blogitem .meta {color:#999; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:14px;} .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;} /*全站底部*/ .footer {margin-left:220px; padding:10px 20px; clear:both; text-transform:uppercase; font-size:14px; line-height: 1.75em; text-align:center;} .footer a {color:#333;} .footer a:hover {opacity:.85;} .copyright, .copyright a {color:#555;} /*appList*/ .appList {margin-bottom:5%; overflow:hidden;} .appList ul {margin-bottom:5%;} /*breadcrumb*/ .breadcrumb {font-size:14px; color:#555; background:url(../images/icon_home.png) no-repeat left 6.5px; background-size:auto 14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-bottom:25px; padding-left:22px;} .breadcrumb a {color:#555;} .breadcrumb em {font-style:normal; font-family:'Simsun'; margin:0 3px;} /*post*/ .post {overflow:hidden;} .post .title {font-size:26px; color:#333; line-height:1.5em; margin-bottom:25px; text-align:center;} .post .meta {overflow:hidden; font-size:0; line-height:normal; text-align:center; border-bottom:1px solid #eee; padding-bottom:10px; margin-bottom:30px;} .post .meta a {color:#888;} .post .meta span {display:inline-block; font-size:12px; line-height:1.75em; color:#888; padding:0 8px;} /*内页分页*/ .pagenavi {font-size:0; line-height: normal; text-align:center;} .pagenavi a, .pagenavi span.now-page {display:inline-block; font-size:14px; color:#999; background-color:#f9f9f9; margin:2px 2.5px; height:33px; line-height: 33px; padding:0 13px; border-radius:2px;} .pagenavi a:hover, .pagenavi span.now-page {background-color:#202340; color:#fff;} /*详情页*/ .details .title {font-size:32px; text-align: center; line-height: 1.35em; margin-bottom:2.43%; font-weight:normal;} .details .meta {text-align:center; font-size:0; line-height: normal; border-bottom:1px solid #eee; padding-bottom:1.5%; margin-bottom:2.43%;} .details .meta span {font-size:14px; color:#888; padding:0 15px;} .details .meta a {color:#888;} /*详情内容*/ .entry {font-size:16px; line-height: 1.875em; color:#333; margin-bottom:2.5%; overflow: hidden;} .entry p, .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6, .entry ul, .entry ol {margin-bottom:2.5%; word-break: break-all;} .entry img {max-width:100%; height:auto!important;} .entry ul, .entry ol {padding-left:1em; margin-left:2em;} .entry ul li {list-style:outside disc none;} .entry ol li {list-style:outside decimal none;} .entry blockquote {margin:0 2em 2.5%; padding:2.5% 2.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:2.5%;} .entry li p {margin-bottom: 0;} /*详情模块标题*/ .boxtitle {font-size:18px; font-weight: normal; margin-bottom:2.5%; line-height: 1.35em; position:relative; padding-left:15px;} .boxtitle:before {width:5px; height:14px; border-radius:2.5px; background-color:#202340; 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:23%; float:left; padding-right:2%; padding-bottom:2%;} .related li .thumbnail {margin-bottom:10px;} .related li h3 {font-weight:normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:14px; line-height: 2em; text-align:center;} /*评论留言*/ .commentlist {overflow: hidden; margin-bottom:5%;} .commentlist li {overflow: hidden; margin-bottom:15px; padding-bottom:15px; 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 {margin-right:330px; overflow:hidden; margin-bottom:3.5%;} .sidebar {width:300px; float:right;} .widget {margin-bottom:10%; 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:#202340; 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:#ddd; border-radius:50%; position:absolute; left:0; top:50%; margin-top:-3px;} .textwidget img {display:block; width:100%; height:auto;} .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:#202340;} .divSearchPanel form {position:relative; padding-right:40px; overflow:hidden;} .divPost li {padding:8px 0;} .divPost li:before {display:none;} .divPost .thumbnail {float:left; width:70px;} .divPost .info {overflow:hidden; margin-left:80px;} .divPost h4 {font-size:16px; line-height:1.75em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-weight:normal;} .divPost p {font-size:12px; line-height: 1.75em; white-space:nowrap; overflow:hidden; text-overflow:hidden; color:#999;} .divTags li {float:left; font-size:12px; 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:#202340;} .divTags li a:hover .tag-count {color:#fff;} .divTags li .tag-count {font-size:12px; color:#999;} .tags {font-size:14px; line-height:1.875em; color:#000; margin-bottom:5%;} .tags span {font-weight:bold;} .tags a {color:#888; margin-left:15px;} .tags a:hover {text-decoration:underline; color:#202340;} @media only screen and (max-width:1280px) { .header {width:200px;} .wrapper, .footer {margin-left:200px;} .sidebar {width:230px;} .main {margin-right:250px;} .post .title {font-size:24px; margin-bottom:3.247%;} .post .meta {margin-bottom:3.897%;} .breadcrumb {margin-bottom:15px;} .blogitem {margin-bottom:20px;} .blogitem .thumbnail {width:200px;} .blogitem .info {margin-left:220px;} .blogitem h2 {font-size:18px; line-height:1.125em;} .blogitem .excerpt {line-height:2em; height:6em; margin-bottom:5px; font-size:14px;} .blogitem .meta {font-size:12px;} } @media only screen and (max-width:1024px) { .header {width:93.75%; padding:0 3.125%; height:60px; overflow:hidden;} .blank {height:60px; width:100%; clear:both; display:block;} .logo {float:left; padding:10px 0; border-bottom:none;} .logo a {width:144px; height:40px;} .navBtn {width:25px; position:relative; float:right; height:30px; padding:16px 0 14px; cursor:pointer;} .navBtn span {display:block; width:100%; height:2px; background-color:#fff; position:absolute; top:50%; left:0; margin-top:-1px;} .navBtn span:before, .navBtn span:after {content:''; display:block; width:100%; height:2px; background-color:#fff; position:absolute; left:0; top:-9px; transition:transform .3s; transition:transform .3s;} .navBtn span:after {top:auto; bottom:-8px;} .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;} .nav {position:fixed; right:-210px; top:60px; height:100%; width:210px; background-color:#202340; overflow-y:auto; transition:right .3s; -webkit-overflow-scrolling:touch; border-top:1px solid #393d5d;} .nav.open {right:0;} .nav ul {padding-bottom:80px;} .nav li {line-height: 30px;} .nav li a {padding:5px 1.5em; white-space: nowrap; overflow:hidden; text-overflow:ellipsis;} .nav li a:hover {background-color:transparent;} .nav li ul {padding-bottom: 0;} .wrapper, .footer {margin-left:0; width:93.75%; padding:2.5% 3.125% 1%;} .slides, .gg {margin-bottom:3.125%;} } @media only screen and (max-width:960px) { .sidebar {width:220px;} .main {margin-right:240px;} .blogitem .thumbnail {width:180px;} .blogitem .info {margin-left:200px; padding:0;} .blogitem h2 {margin-bottom:8px;} .blogitem .excerpt {margin-bottom: 0;} /*960px详情页*/ .details .title {font-size:24px;} } @media only screen and (max-width:768px) { .header, .blank {height:50px;} .logo {padding:5px 0;} .navBtn {padding:11px 0 9px;} .nav {top:50px; width:200px; right:-200px;} .sidebar {display:none;} .main {margin-right:0; margin-bottom:2%;} .blogitem {margin-bottom:2.78%;} .blogitem .thumbnail {width:110px;} .blogitem .info {margin-left:120px;} .blogitem h2 {font-size:16px; white-space:normal; line-height:1.65em; max-height:3.5em; margin-bottom:2px; font-weight:bold;} .blogitem .excerpt {height:auto; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-bottom:0;} .blogitem .meta {display:none;} .pagenavi a, .pagenavi span.now-page {font-size:12px; margin:1px; height:28px; line-height:28px; padding:0 11px;} .footer {font-size:12px; line-height:1.5em;} .searchForm {margin-bottom:3%;} .searchForm .text {padding:7px 0; text-indent:1em; width:100%;} .searchForm .submit {background-size:35%; width:45px;} .related li .thumbnail {margin-bottom: 5px;} /*768px详情页*/ .post .title {margin-bottom:2.5%; font-size:18px;} .post .meta {padding-bottom:5px;} /*768px详情内容*/ .entry {font-size:14px;} .entry blockquote {margin-bottom:2.43%; padding:10px 10px 0 15px;} .tags {font-size:14px;} .tags a {margin-left:10px;} .breadcrumb {margin-bottom:10px; font-size:12px; background-size:auto 12px; padding-left:18px; background-position:left 7px;} /*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; padding:0;} .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两栏*/ .widget {margin-bottom:15px;} .widget h3 {font-size:16px; padding-left:10px; font-weight:bold; margin-bottom:10px;} .widget li {font-size:14px;} .divPost li {padding:5px 0;} /*768px*/ .post .meta span {padding:0 5px;} .boxtitle {font-size:16px; margin-bottom:10px;} .postbottom {margin-left:0; margin-bottom:5px;} }