* { -webkit-tap-highlight-color: transparent; -webkit-appearance: none; padding: 0; margin: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box }
html, body { background-image: url(about:blank); background-attachment: fixed }
html { font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% }
body { color: #333; font-size: 14px; background: #fff }
ul, li, ol { margin: 0; padding: 0; list-style: none }
a { color: #333; text-decoration: none }
p { margin: 0; padding: 0 }
a:hover { cursor: pointer; color: #0ea08a; text-decoration: none }
input { -webkit-appearance: none; appearance: none }
.ellipsis { white-space: nowrap; text-overflow: ellipsis; overflow: hidden }
.btn { background: #fff; border: 0; color: #333 }
.btn:active, .btn.active { outline: 0 }
.clearfix:before, .clearfix:after { display: table; content: " " }
.clearfix:after { clear: both }
.pull-right { float: right!important }
.pull-left { float: left!important }
button, input, optgroup, select, textarea { margin: 0; font: inherit; color: inherit }
button { overflow: visible }
button, select { text-transform: none }
.btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px }
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px }
.btn:hover, .btn:focus, .btn.focus { color: #333; text-decoration: none }
.btn:active, .btn.active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125); box-shadow: inset 0 3px 5px rgba(0,0,0,.125) }
@keyframes rotating { from {
transform:rotate(0deg)
}
to { transform: rotate(360deg) }
}
@-webkit-keyframes rotating { from {
-webkit-transform:rotate(0deg)
}
to { -webkit-transform: rotate(360deg) }
}
@-moz-keyframes rotating { from {
-moz-transform:rotate(0deg)
}
to { -moz-transform: rotate(360deg) }
}
@-ms-keyframes rotating { from {
-ms-transform:rotate(0deg)
}
to { -ms-transform: rotate(360deg) }
}
@-o-keyframes rotating { from {
-o-transform:rotate(0deg)
}
to { -o-transform: rotate(360deg) }
}
.rotating { -moz-animation: rotating 1s linear infinite; -o-animation: rotating 1s linear infinite; animation: rotating 1s linear infinite; -webkit-animation: rotating 1s linear infinite; -ms-animation: rotating 1s linear infinite }
#content { min-height: 90% }
#header { height: 40px; background-color: #fff; position: relative; animation-duration: 1s; -webkit-animation-duration: 1s }
.header-inner .btn { width: 40px; height: 39px; padding: 0; font-size: 18px; border-radius: 0 }
.header-inner .btn:active, .header-inner .btn.active { color: #0ea08a; box-shadow: none; -webkit-box-shadow: none; outline: 0 }
.header-inner .btn.active .subtail, .header-inner .btn.active .tail { display: block; z-index: 101 }
.header-inner .btn .subtail { left: 10px; animation: fadein .3s both; display: none; position: absolute; border: 8px solid #ddd; border-top: 8px solid transparent; border-right: 8px solid transparent; border-left: 8px solid transparent; bottom: -1px }
.header-inner .btn .tail { left: 11px; animation: fadein .3s both; position: absolute; display: none; border: 7px solid #fcfcfc; border-top: 7px solid transparent; border-right: 7px solid transparent; border-left: 7px solid transparent; bottom: -1px }
.logo-header { overflow: hidden; display: block; width: 300px; height: 40px; text-indent: -100%; background-image: url('../assets/images/logo.png'); margin: 0 auto; background-position: center; background-repeat: no-repeat; background-size: auto 20px }
#btn-search-header, #btn-guid-header { position: absolute; right: 0; top: 0 }
#btn-guid-header { left: 0 }
#area-guid-header, #area-search-header { position: absolute; background-color: #fff; border: 1px solid #ddd; display: none; z-index: 100; width: 100%; padding: 10px; top: 38px }
#area-guid-header { left: 0; overflow: hidden; overflow-y: auto; width: 99% }
#area-guid-header .area-switch .btn { color: #999 }
#area-guid-header .area-switch .btn:hover { color: #0ea08a }
#area-guid-header .area-switch .btn-post { background-color: #0ea08a; color: #fff }
#area-guid-header .area-switch .btn-post:hover { background-color: #20659c; color: #fff }
#area-guid-header .sp-line { height: 1px; background: #ddd; width: 100%; margin: 10px 0 }
#area-guid-header .area-category .list { margin: 0; padding: 0; margin-bottom: 10px }
#area-guid-header .area-category .list li { list-style: none }
#area-guid-header .area-category .list .ch-a { width: 20%; float: left }
#area-guid-header .area-category .list .ch-a li { padding: 3px 0 3px 0 }
#area-guid-header .area-category .list .ch-a li a { display: block; padding: 4px; border-radius: 4px; background-color: #eee; text-align: center }
#area-guid-header .area-category .list .ch-b { font-size: 12px; width: 80%; float: left; overflow: hidden }
#area-guid-header .area-category .list .ch-b li { float: left; width: 50%; padding: 3px 0 3px 6px }
#area-guid-header .area-category .list .ch-b li a { display: block; padding: 4px; border-radius: 4px; border: 1px solid #ddd; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden }
#area-search-header { right: 0 }
#area-search-header .form-search { position: relative; padding: 4px 72px 4px 0 }
#area-search-header .form-search .select-cats { padding-left: 5px; border-radius: 3px 0 0 3px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #999; font-size: 12px; height: 34px; width: 80px; position: absolute; top: 4px; left: 0; outline: 0; background: #f4f4f4; border: 1px solid #0ea08a }
#area-search-header .form-search:after { font: normal normal normal 14px/1 FontAwesome; content: '\f107'; color: #999; position: absolute; width: 16px; height: 16px; top: 13px; line-height: 16px; text-align: center; left: 60px; z-index: 2 }
#area-search-header .form-search .ipt-search { color: #333; outline: 0; padding: 1px 8px; padding-left: 85px; width: 100%; display: block; height: 34px; border-radius: 3px 0 0 3px; border: 1px solid #0ea08a }
#area-search-header .form-search .btn-search { border-radius: 0 3px 3px 0; color: #fff; outline: 0; position: absolute; width: 72px; height: 34px; right: 0; top: 4px; background-color: #0ea08a; border: 1px solid #0ea08a }
#area-guid-header .area-close, #area-search-header .area-close { clear: both; margin-top: 10px; text-align: center }
#area-guid-header .area-close button, #area-search-header .area-close button { height: 30px; width: 50%; margin: 0 auto; background-color: #fcfcfc; border: 1px solid #ccc; border-radius: 3px; color: #999 }
#area-guid-header .area-close button { background-color: #eee }
#footer { margin-top: 10px; background-color: #49535d }
#footer .category-footer ul { padding: 10px 0 }
#footer .category-footer ul li { width: 25%; float: left }
#footer .category-footer ul li a { display: block; color: #95a0ac; height: 30px; line-height: 30px; text-align: center }
#footer .copyright { padding: 20px 0; line-height: 25px; text-align: center; color: #707982; background-color: #404a54 }
.btn-backToTop { font-size: 40px; color: #fff; line-height: 48px; text-align: center; width: 48px; height: 48px; position: fixed; right: 20px; bottom: 20px; background: rgba(0,0,0,.5); border-radius: 5px }
.btn-backToTop:hover { color: #fff }
#footer .button-group { border: 1px solid #313a43; display: inline-block; border-radius: 2px; background: #35414c }
#footer .button-group .button { display: inline-block; padding: 5px 10px; color: #999; border-right: 1px solid #313a43; color: #707982 }
#footer .button-group .button:last-child { border-right: 0 }
@font-face { font-family: 'FontAwesome'; src: url('../assets/fonts/fontawesome-webfont.eot'); src: url('/wap/css/assets/fonts/fontawesome-webfont.eot@#iefix&v=4.2.0') format('embedded-opentype'), url('../assets/fonts/fontawesome-webfont.woff') format('woff'), url('../assets/fonts/fontawesome-webfont.ttf') format('truetype'), url('/wap/css/assets/fonts/fontawesome-webfont.svg#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal }
.icon { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
.icon-angle-left:before { content: "\f104" }
.icon-angle-up:before { content: "\f106" }
.icon-angle-right:before { content: "\f105" }
.icon-angle-down:before { content: "\f107" }
.icon-bars:before { content: "\f0c9" }
.icon-search:before { content: "\f002" }
.icon-home:before { content: "\f015" }
.icon-random:before { content: "\f074" }
.icon-pencil:before { content: "\f040" }
.icon-file:before { content: "\f15b" }
.icon-clock-o:before { content: "\f017" }
.icon-camera:before { content: "\f030" }
.icon-eye:before { content: "\f06e" }
.icon-refresh:before { content: "\f021" }
::-webkit-scrollbar {
background-color:transparent;
width:2px;
height:2px;
border-radius:1px;
z-index:999
}
::-webkit-scrollbar-thumb {
background-color:rgba(0,0,0,.3);
border-radius:1px;
width:2px;
height:2px
}
::-ms-scrollbar {
background-color:transparent;
width:2px;
height:2px;
border-radius:1px;
z-index:999
}
::-ms-scrollbar-thumb {
background-color:rgba(0,0,0,.3);
border-radius:1px;
width:2px;
height:2px
}
::-moz-scrollbar {
background-color:transparent;
width:2px;
height:2px;
border-radius:1px;
z-index:999
}
::-moz-scrollbar-thumb {
background-color:rgba(0,0,0,.3);
border-radius:1px;
width:2px;
height:2px
}
::-o-scrollbar {
background-color:transparent;
width:2px;
height:2px;
border-radius:1px;
z-index:999
}
::-o-scrollbar-thumb {
background-color:rgba(0,0,0,.3);
border-radius:1px;
width:2px;
height:2px
}
#nav { height: 35px; padding: 4px 8px; background: #0ea08a; color: #eee; position: relative; line-height: 27px; }
#nav .breadcrumb a, #nav .breadcrumb a:hover { color: #eee; }
#nav .child-list a, #nav .child-list a:hover { color: #333 }
#nav .btn-child { padding: 2px 10px; border-radius: 0; }
#nav .btn-child.active { color: #0ea08a; box-shadow: none; }
#nav .child-list { z-index: 3; padding: 10px; background: #fff; border: 1px solid #ddd; position: absolute; top: 35px; right: 8px; display: none; }
#nav .child-list li { height: 30px; line-height: 30px; border-bottom: 1px solid #eee; min-width: 100px; color: #333; text-align: right; padding-right: 10px; }
#nav .child-list li:last-child { border-bottom: none }
section.content { padding: 10px; background: #fff; }
section.content .article-header { border-bottom: 1px dashed #eee; position: relative; }
section.content .article-header .title { padding: 5px 0; line-height: 24px; font-size: 18px; font-weight: bold; color: #333; }
section.content .article-header .detail { height: 30px; line-height: 30px; color: #999 }
section.content .article-header .detail .time { float: left; }
section.content .article-header .detail .source { float: right }
section.content .article-content { padding: 10px 0px; line-height: 22px; letter-spacing: 0.5px; }
section.content .page-guid { height: 35px; line-height: 35px; border-top: 1px solid #ddd; padding-top: 10px }
section.content .page-guid p { width: 49%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden }
section.content .page-guid p a { color: #0ea08a }
section.content .article-content .article-pic { display: block; margin-top: 5px; }
section.content .article-content .article-pic img { width: 100%; height: auto; }
.picLayer { display: none; width: 100%; height: 100%; left: 0; top: 0; position: fixed; background: rgba(0, 0, 0, .7) }
.picLayer .content { width: 90%; height: 90%; position: absolute; top: 5%; left: 5%; background-repeat: no-repeat; background-position: center; background-size: 100% auto; }
.picLayer .closeBtn { z-index: 9; border-radius: 50%; background-color: rgba(255,255,255,.3); position: absolute; top: 10px; right: 10px; font-size: 30px; color: #eee; width: 30px; height: 30px; line-height: 28px; text-align: center; }
.btn-backToTop2 { font-size: 40px; color: #fff; line-height: 48px; text-align: center; width: 48px; height: 48px; position: fixed; right: 20px; bottom: 70px; background: rgba(0,0,0,.5); border-radius: 5px }
.btn-backToTop2:hover { color: #fff }