h1, h2, h3, h4, h5, h6, p, div, body, html, blockquote, a, span, article, aside, canvas, details, figcaption, figure, footer, header, object, iframe, img, audio, video, b, u, i, strong, code, pre, sup, sub, center, dl, dt, dd, table, tr, th, td, thead, tbody, tfoot, caption, form, fieldset, legend, input, button, textarea, select, label, ol, ul, li, menu, nav, section {
padding: 0;
margin: 0;
font-family: inherit;
outline: 0;
box-sizing: border-box
}
li {
list-style: none
}
h1, h2, h3, h4, h5, h6 {
word-break: break-all
}
h2, h2 a {
font-size: 20px;
font-weight: 400;
line-height: 1.4;
text-transform: uppercase
}
h2 a {
color: #242424!important
}
h2 a:hover {
color: #3d98d6!important;
border-bottom: 1px solid
}
h3 {
font-size: 20px;
font-weight: 400
}
h4 {
font-size: 16px
}
h5 {
font-size: 15px
}
h6 {
font-size: 14px
}
body {
width: 100%;
font: 14px/1.8 Helvetica, "Microsoft Yahei", "Hiragino Sans GB", sans-serif;
color: #333;
background: #EEE;
-webkit-font-smoothing: subpixel-antialiased;
-webkit-text-size-adjust: 100%
}
a:link, a:visited {
color: #3d98d6;
text-decoration: none;
transition: all 180ms ease-out;
-webkit-transition: all 180ms ease-out;
-moz-transition: all 180ms ease-out
}
audio, video, embed, button, iframe {
max-width: 100%;
border: 0;
background: 0
}
article, aside, section, blockquote, .main, #metro, .post-entry, .context {
position: relative
}
label, button, input[type=submit], input[type=reset], input[type=button], input[type=file], .btn {
cursor: pointer
}
input, select, textarea, .bd {
border: 1px solid #DDD
}
input, select {
max-width: 100%;
padding: 6px 8px;
color: #999;
border-radius: 0
}
textarea {
width: 100%;
padding: 6px 8px;
color: #999;
resize: vertical;
border-radius: 0
}
input[type=checkbox], input[type=radio], embed {
vertical-align: middle;
border: 0
}
input[type=submit], input[type=reset], input[type=button], input[type=text], input[type=password], input[type=search], textarea {
-webkit-appearance: none
}
input[type=text]:focus, input[type=password]:focus, input[type=search]:focus, textarea:focus, select:focus {
color: #000;
background: #FFF!important
}
input[type=submit]:active, input[type=reset]:active, input[type=button]:active {
box-shadow: 0 3px 6px rgba(0,0,0,.2) inset
}
img, table {
max-width: 100%;
height: auto;
border: 0
}
img.avatar {
padding: 3px;
border: 1px solid #e6e6e6;
border-radius: 60%
}
input, select, textarea, button, .thumbnail img, .slow {
transition: all .24s ease-out;
-webkit-transition: all .24s ease-out;
-moz-transition: all .24s ease-out
}
.slower {
transition: all .4s ease-out;
-webkit-transition: all .4s ease-out;
-moz-transition: all .4s ease-out
}
button, .thumbnail img, .slow, .slower {
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0)
}
code {
font-family: Courier;
color: #139;
background: #EEF;
padding: 3px 6px;
margin: 0 3px;
text-shadow: 1px 1px 1px #FFF;
border-radius: 2px
}
blockquote {
padding: 30px 15px 15px;
margin: 20px 0 36px;
background: #f9f9f9;
border: 2px solid #EEE;
border-radius: 6px
}
blockquote:before {
content: 'â€';
width: 80px;
height: 0;
line-height: 24px;
position: absolute;
left: 12px;
top: 32px;
font-size: 72px;
color: #AAA
}
#gb {
width: 100%;
height: auto;
min-height: 100%;
position: fixed;
top: 0;
left: 0
}
#gbk {
display: none
}
.main, #sidebar .widget {
background: #FFF;
border: 1px solid #e6e6e6
}
.hide, .sub-menu {
display: none
}
.clear:after {
content: '';
line-height: 0;
display: table;
clear: both
}
.ad1, .ad2, .ad3, .ad4, .ad5, .ad6 {
max-width: 100%;
overflow: auto
}
.ad1, .ad5, .ad6 {
margin-bottom: 20px
}
.ad4 {
margin-top: 20px
}
.private {
padding: 3px 12px;
margin: 6px 0;
background: #FFC;
border: 1px dashed #FE3
}
.mtitle {
max-width: 300px;
color: #FFF;
background: #0094c8;
background: rgba(0,0,0,.8);
padding: 3px 10px;
z-index: 999;
border-radius: 3px;
display: none
}
.button {
color: #FFF;
background: #06b666;
padding: 8px 12px;
border: 1px solid #00a660;
border-radius: 3px
}
.button:hover {
background: #00a660
}
.immax {
width: 96%;
max-width: 1300px;
margin: auto
}
#container {
min-width: 320px;
margin: 30px auto 0
}
#content {
width: 100%;
float: left;
word-wrap: break-word
}
.main {
padding: 20px;
margin: 0 330px 10px 0
}
#nav {
width: 100%;
min-width: 320px;
height: 50px;
line-height: 50px;
position: fixed;
top: 0;
left: 0;
background: #000;
background: rgba(0,0,0,.8);
z-index: 999
}
#nav-item {
position: relative
}
#nav-logo {
float: left;
margin-top: 5px
}
#nav-logo a {
width: 168px;
height: 40px;
background-size: 168px 40px;
margin-right: 10px;
font: 0/0 '';
display: block
}
#nav-logo a:hover {
opacity: .7;
filter: alpha(opacity=70)
}
.nav-menu [class^=icon] {
position: relative;
left: -6px;
font-size: 14px
}
.nav-menu {
font-size: 0;
display: inline-block
}
.nav-menu>li {
height: 50px;
position: relative;
display: inline-block
}
.nav-menu>li ul {
position: absolute;
padding: 6px;
background: #222;
background: rgba(12,12,12,.8);
-webkit-backface-visibility: hidden;
-webkit-perspective: 1000
}
.nav-menu>li>a {
height: 50px
}
.nav-menu>li a {
padding: 0 20px;
font-size: 16px;
text-align: center;
color: #FFF;
display: block
}
.nav-menu>li a:hover {
color: #FFF;
background: #2496c6
}
.nav-menu>li li {
position: relative;
line-height: 36px
}
.nav-menu>li li a {
padding: 0 36px;
font-size: 14px;
white-space: nowrap
}
.nav-menu>li>ul ul {
top: -6px;
left: 100%
}
.nav-menu>li.menu-item-has-children>a {
padding-right: 24px
}
.nav-menu>li.menu-item-has-children>a:after {
font-size: 12px;
content: "\f103";
position: absolute;
right: 12px;
top: 0;
opacity: .5
}
.nav-menu>[class*=current]>a {
color:#49b9f6
}
.nav-menu .sub-menu .menu-item-has-children>a:after {
content: "»";
position: absolute;
margin-left: 5px
}
.nav-menu-list [class^=icon] {
margin-right: 8px
}
.nav-menu-list {
width: 100%;
max-width: 420px;
padding-bottom: 40px;
position: fixed;
top: 50px;
left: -100%;
bottom: 0;
font-size: 110%;
background: #222;
overflow: auto
}
.nav-menu-list li {
line-height: 1.8;
float: left
}
.nav-menu-list li a {
color: #CCC;
color: rgba(255,255,255,.6)
}
.nav-menu-list li a:hover {
color: #FFF
}
.nav-menu-list>li {
width: 100%
}
.nav-menu-list>li>a {
padding: 8px 15px;
font-weight: 800;
background: rgba(0,0,0,.1);
display: block
}
.nav-menu-list>li>ul {
width: 100%;
padding: 0 15px 6px!important;
float: left
}
.nav-menu-list .sub-menu {
display: block!important;
height: auto!important;
margin: 0!important
}
.nav-menu-list .sub-menu li a {
padding: 6px 0;
margin: 8px 20px 0 0;
display: inline-block
}
.nav-menu-list .sub-menu li:last-child>a {
margin-right: 0
}
#nav-switch {
height: 50px;
padding: 0 20px;
font-size: 30px;
color: #CCC;
color: rgba(255,255,255,.8)
}
#nav-switch:before {
content: "\f0c9"
}
#nav-switch:hover {
background: #2496c6
}
#nav-btn {
position: absolute;
top: 0;
right: 0;
color: #FFF
}
#nav-btn .nav-button {
width: 50px;
font-size: 16px;
text-align: center;
color: #FFF;
float: left
}
#nav-btn .active, #nav-btn a:hover, #confirm-rss:hover {
background: #2496c6
}
#love-rss {
width: 200px;
position: absolute;
top: 100%;
right: 0;
background: #222;
background: rgba(12,12,12,.8);
padding: 15px
}
#love-rss a {
line-height: 36px;
color: #FFF;
text-align: center;
display: block
}
#love-rss input {
width: 100%;
height: 32px;
margin-top: 10px;
display: block;
border: 0;
border-radius: 0
}
#confirm-rss {
padding: 8px;
color: #FFF;
background: rgba(255,255,255,.3)
}
#nav-search {
width: 100%;
padding: 20px;
position: fixed;
top: 50px;
left: 0;
z-index: 990;
text-align: center;
background: #000 url(../images/overlay.png);
background-position: 2px 0;
white-space: nowrap;
display: none
}
#nav-search .icon-search {
position: relative;
left: 25px;
font-size: 16px;
color: #AAA
}
#nav-search input {
width: 60%;
min-width: 280px;
height: 36px;
padding-left: 32px
}
#mainbar {
background: #000 url(../images/overlay.png);
padding: 50px 0 0;
position: relative;
z-index: 9
}
#metro {
height: 230px;
margin: 30px auto;
overflow: hidden
}
#featured {
width: 430px;
float: left;
position: relative;
overflow: hidden
}
#featured a {
height: 230px;
max-height: 300px;
position: relative;
line-height: 0;
display: block;
overflow: hidden
}
#featured li button {
width: 100%;
height: 230px;
font-weight: 800;
font-size: 28px;
color: #FFF
}
#featured-box {
width: 9999px
}
#featured-box li {
width: 430px;
float: left
}
#featured img {
width: 100%;
height: auto
}
#featured>button {
width: 60px;
height: 50px;
line-height: 50px;
position: absolute;
top: 30%;
font-size: 40px;
color: #FFF;
background: rgba(0,0,0,.7);
border-radius: 25px;
filter: alpha(opacity=0)
}
#featured-pre {
left: -60px
}
#featured-nex {
right: -60px
}
#featured:hover #featured-pre {
left: -20px
}
#featured:hover #featured-nex {
right: -20px
}
#featured>button:hover {
background: rgba(0,0,0,.9)
}
#featured #featured-pre:active {
left: -24px
}
#featured #featured-nex:active {
right: -24px
}
#featured-li {
width: 100%;
position: absolute;
bottom: 0;
line-height: 0;
text-align: center
}
#featured-li li {
font: 0/0 '';
display: inline-block;
width: 10px;
height: 10px;
border-radius: 5px;
background: #FFF;
background: rgba(0,0,0,0);
border: 1px solid rgba(255,255,255,.3);
margin: 6px;
cursor: pointer
}
#featured-li li:hover {
background: #f14d4e;
background: rgba(255,255,255,.8)
}
#featured-li li.on {
background: rgba(255,255,255,.6);
cursor: default
}
.featured-title {
width: 100%;
padding: 4px 10px 18px;
position: absolute;
bottom: 0;
font-size: 16px;
font-weight: 400;
text-align: center;
line-height: 1.8;
color: #FFF;
background: #000;
background: rgba(0,0,0,.7);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
#rand {
height: 240px;
margin: -10px 0 0 430px;
position: relative;
overflow: hidden
}
#rand:hover #rand-changer {
right: 0
}
#rand-changer {
padding: 0 10px;
line-height: 40px;
position: absolute;
right: -81px;
top: 100px;
color: #FFF;
background: #000;
background: rgba(0,0,0,.7);
border-radius: 20px 0 0 20px
}
#rand-changer:hover {
background: #2496c6;
background: rgba(36,150,198,.8)
}
#rand-changer .icon-refresh {
margin: 10px
}
#rand-loading {
width: 100%;
height: 230px;
position: absolute;
bottom: 0;
background: center url(../images/loader.gif) no-repeat;
display: none
}
.rand-item {
width: 23.7%;
height: 110px;
margin: 10px 0 0 1.3%;
position: relative;
float: left;
display: block;
overflow: hidden;
-webkit-backface-visibility: hidden
}
.rand-item img {
width: auto;
min-width: 100%;
max-width: none;
height: 100%
}
.rand-item button {
width: 90%;
height: 100%;
position: absolute;
top: 100%;
left: 0;
padding: 0 6%;
box-sizing: content-box;
font-size: 14px;
color: #FFF;
background: #000;
background: rgba(0,0,0,.75)
}
.rand-item:hover button {
top: 0
}
#main-detail {
height: 32px;
margin: 20px auto;
line-height: 32px;
color: #999
}
#main-detail a:hover {
background: #2496c6
}
#main-detail a:hover .detail {
top: 100%;
opacity: 1;
filter: alpha(opacity=100)
}
.main-follow {
float: left;
color: #FFF;
padding: 0 8px;
margin-right: 10px;
border: 1px solid rgba(255,255,255,.3);
border-radius: 4px
}
.main-likeus {
float: left;
text-align: center
}
.main-likeus a {
width: 40px;
float: left;
position: relative
}
.main-likeus i {
color: #FFF;
font-size: 20px
}
.detail {
position: absolute;
top: -9999px;
left: -50%;
opacity: 0;
z-index: 900;
width: 200%;
line-height: 32px;
margin-top: 10px;
text-align: center;
color: #FFF;
background: #000;
background: rgba(0,0,0,.8);
border-radius: 3px;
transition: opacity .3s;
-webkit-transition: opacity .3s;
-moz-transition: opacity .3s;
filter: alpha(opacity=0)
}
.detail.qrcode {
width: 150px;
height: 150px;
padding: 15px;
left: -55px;
border-radius: 5px
}
.detail:before {
content: "";
display: block;
position: absolute;
border-bottom: 8px solid #000;
border-bottom: 8px solid rgba(0,0,0,.8);
border-left: 8px solid transparent;
border-right: 8px solid transparent;
top: -8px;
left: 50%;
margin-left: -8px
}
.main-admin {
float: right
}
.main-admin a {
padding: 8px 12px;
margin-left: 10px;
position: relative;
color: #FFF!important;
border: 0
}
.main-admin .log {
background: rgba(255,255,255,.3)
}
.main-admin .logout:hover {
background: #f14d4e!important
}
.main-admin .detail {
width: 120%;
left: -10%
}
.main-admin .avatar {
border: 0;
padding: 0;
margin-right: 5px;
border-radius: 0;
vertical-align: middle
}
#bulletin {
width: 100%;
min-width: 320px;
height: 40px;
background: #f9f9f9;
border-bottom: 1px solid #DDD;
position: relative;
z-index: 1
}
#bulletin .immax {
padding: 8px 0;
line-height: 40px;
position: relative
}
#bulletin ul {
height: 24px;
line-height: 24px;
margin: 0 40px 0 30px;
overflow: hidden
}
#bulletin li {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
#bulletin .icon-bullhorn {
font-size: 16px;
position: absolute;
top: 0;
left: 0
}
#bulletin .close {
width: 32px;
height: 32px;
line-height: 32px;
font-size: 24px;
position: absolute;
top: 4px;
right: 0;
color: #999;
background: 0
}
#bulletin .close:hover {
color: #FFF;
background: #f14d4e
}
#login-form {
width: 360px;
background: #FFF;
padding: 30px 50px 15px;
position: fixed;
top: 24%;
left: 50%;
margin-left: -180px;
color: #999;
z-index: 8010;
border-radius: 4px
}
#login-form .text {
width: 100%;
margin: 10px auto;
padding-right: 30px
}
#login-form .icon {
position: absolute;
top: 13px;
right: 10px
}
#login-form p {
position: relative
}
#login-form label {
color: #666
}
#login-form .button {
width: 80px;
position: relative;
left: 100%;
margin-left: -80px
}
#login-form .action {
margin: 20px auto 0;
text-align: center
}
#login-form .action i {
margin-right: 5px
}
#login-overlay {
width: 100%;
height: 100%;
position: fixed;
z-index: 8000;
top: 0;
left: 0;
overflow: hidden;
background: #000;
background: rgba(0,0,0,.7);
display: none
}
#map {
padding: 8px 15px;
margin: -20px -20px 20px -20px;
color: #999;
background: #f6f6f6;
border-bottom: 1px solid #e6e6e6
}
#map a, .post-info a {
color: #999
}
#map a:hover {
color: #f85e86
}
.tags {
width: 100%;
position: absolute;
bottom: 0;
line-height: 22px;
white-space: nowrap;
overflow: hidden
}
.tags a {
padding: 3px 6px;
color: #FFF!important;
font-size: 12px;
border-radius: 2px;
text-transform: uppercase
}
.tags a:hover {
background: #000!important
}
.post-item {
padding: 10px 0;
line-height: 26px;
border-bottom: 1px dashed #CCC
}
.post-item .rate-holder {
margin-right: 20px
}
.post-info {
color: #999;
font-size: 12px;
margin: 6px 0
}
.post-info span {
margin-right: 20px
}
.post-info span:last-child {
margin: 0
}
.thumbnail {
margin: 0 auto 8px;
border: 1px solid #e6e6e6
}
.thumbnail a {
max-height: 220px;
margin: 3px;
position: relative;
line-height: 0;
display: block;
overflow: hidden
}
.thumbnail img {
width: 100%;
height: auto
}
.thumbnail img:hover {
transform: scale(1.1, 1.1);
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1)
}
.post-item .thumbnail {
width: 286px;
max-width: 40%;
float: left;
margin: 0 15px 0 0
}
.post-item .thumbnail a {
max-height: 160px
}
.post-item .tags {
width: auto;
right: 0;
bottom: 10px
}
.post-item i.top, .post-item i.new, .post-item i.update {
top: 10px
}
.post-entry {
line-height: 1.6;
overflow: hidden
}
i.top, i.new, i.update {
padding: 3px 6px;
position: absolute;
top: 0;
left: 0;
font-style: normal;
font-size: 12px;
color: #FFF;
background: #f14d4e;
cursor: default;
-webkit-user-select: none
}
i.top:before {
content: 'TOP'
}
i.new:before {
content: 'NEW'
}
i.update:before {
content: 'UPDATE'
}
.pagination {
text-align: center;clear:both;
}
.pagination i {
font-style: normal
}
.pagination a, .pagination span, .pagination>i {
width: 32px;
height: 32px;
margin: 0 6px;
line-height: 32px;
color: #666;
background: #EEE;
border-radius: 50%;
display: inline-block; border-bottom: 0px dotted!important;
}
.pagination a:hover {
color: #FFF!important;
background: #333!important
}
.pagination .current, .pagination>i {
font-weight: 800;
color: #FFF;
background: #2496c6
}
.pagination .page_prev {
margin-right: 10px
}
.pagination .page_next {
margin-left: 10px
}
.sticky {
margin: 0 -2% -10px 0
}
.sticky article {
width: 48%;
margin: 0 2% 10px 0;
float: left;
border-bottom: 1px dashed #CCC;
overflow: hidden
}
.sticky .post-info {
height: 24px;
overflow: hidden
}
.sticky h2 {
height: 26px;
overflow: hidden
}
.sticky i {
left: auto;
right: 0
}
.sticky .post-entry {
height: 7em;
margin: 10px 0
}
.sticky .thumbnail {
width: 94px;
float: left;
margin: 10px 10px 0 0
}
.sticky .tags {
padding: 5px 0 0;
background: #FFF
}
.new-post {
margin-left: -14px;
overflow: hidden
}
.new-post .continue {
float: right;
padding: 6px 12px;
background: #f2f2f2
}
.new-post-item {
width: 33.3%;
float: left;
margin-bottom: 15px;
overflow: hidden
}
.new-post-content {
height: 340px;
margin-left: 15px;
background: #FFF;
border-bottom: 1px dashed #CCC;
overflow: hidden
}
.new-post-content .tags {
background: #FFF;
box-shadow: 0 -1px 6px 6px #FFF
}
.new-post-content h2 {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
.new-post-content .thumbnail {
border: 0
}
.new-post-content .thumbnail a {
max-height: 180px;
margin: 0
}
.cat-title {
font-size: 20px;
line-height: 2;
color: #555;
background: #f6f6f6;
border-bottom: 3px double #e6e6e6
}
.cat-title:before {
content: "\f03a";
width: 40px;
margin-right: 10px;
text-align: center;
border-right: 1px solid #e6e6e6;
float: left
}
.cat-title a {
color: #555
}
.cat-title a:hover, .cat-post .post-title:hover {
color: #f85e86
}
.cat-post {
margin-right: 330px
}
.cat-post>div {
width: 101%
}
.cat-post>div>div {
width: 49%;
margin-right: 1%;
float: left
}
.cat-post .post-title {
height: 26px;
color: #666;
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
.cat-post-item {
margin-bottom: 10px
}
.cat-post-list {
background: #FFF;
padding: 15px;
position: relative
}
.cat-post-title {
margin-bottom: 4px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
.cat-post .thumbnail {
width: 116px;
float: left;
margin-right: 10px
}
.cat-post article {
height: 128px;
margin-bottom: 6px;
border-bottom: 1px dashed #CCC;
overflow: hidden
}
.cat-post ul li time {
color: #AAA;
float: right
}
.cat-post .posts li {
min-height: 60px;
padding: 6px 0;
border-bottom: 1px dashed #DDD
}
.cat-post .icon-time {
margin-right: 5px
}
.cat-post .icon-eye-open {
margin: 0 5px 0 20px
}
.cat-post .info {
color: #AAA
}
#new-post {
padding: 20px 20px 12px
}
#new-post .thumbnail {
width: 40%;
float: left;
margin-right: 20px
}
#new-post .first-post {
position: relative;
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px dashed #CCC
}
#new-post .tags {
width: auto;
right: 0;
bottom: 13px
}
#new-post .post-entry {
line-height: 1.8
}
.new-post-list {
margin-left: -10px
}
.new-post-list li {
width: 50%;
height: 22px;
display: inline-block;
white-space: nowrap;
overflow: hidden
}
.new-post-list a {
color: #666;
display: block
}
.new-post-list span {
color: #AAA;
padding-left: 10px;
margin-right: 8px;
float: left
}
.tab-post-cate {
margin: -20px -20px 16px;
background: #f6f6f6;
border-bottom: 3px double #e6e6e6
}
.tab-cat-title {
position: relative;
display: inline-block;
border-bottom: 1px solid #e6e6e6;
margin-bottom: -1px
}
.tab-cat-title a {
color: #555;
font-size: 20px;
display: block;
padding: 0 15px;
border-right: 1px solid #DDD
}
.tab-cat-title .href {
padding-bottom: 3px;
background: #FFF;
position: absolute;
top: 0;
left: 0;
display: none
}
.tab-cat-title.active .href {
display: block
}
.tab-post-item {
margin: 0 -12px -25px
}
.tab-post-item img {
width: 100%
}
.tab-post-list li {
width: 25%;
float: left;
padding: 0 8px;
margin-bottom: 20px
}
.tab-post-list span {
height: 40px;
line-height: 20px;
display: block;
text-align: center;
overflow: hidden
}
.main-media {
margin-right: -1%
}
.main-media .post-list {
width: 24%;
height: 420px;
float: left;
padding-bottom: 10px;
margin: 0 1% 1% 0;
background: #FFF;
overflow: hidden;
-webkit-backface-visibility: hidden
}
.main-media .thumbnail, .main-media h2 {
border: 0;
margin-bottom: 6px
}
.main-media .thumbnail a {
margin: 0
}
.main-media .media-post {
margin: 15px
}
.main-media .post-entry {
padding-top: 6px;
border-top: 1px dashed #CCC
}
.main-media .click2play {
height: auto
}
.main-media .info {
height: 40px;
line-height: 40px;
padding: 0 15px;
color: #AAA;
background: #FFF;
border-top: 1px solid #EEE
}
.main-media .info .views {
float: right
}
.info a {
color: #AAA
}
.main-media .info, .main-media .audioplayer, .main-media audio, .main-media embed {
width: 100%;
position: absolute;
bottom: 0
}
.main-media .audioplayer {
border: 0;
border-top: 1px solid #e6e6e6
}
.main-media .media-iframe, .main-media video {
width: 100%
}
.click2play {
width: 480px;
height: 300px;
min-height: 140px;
margin: auto;
line-height: 0;
max-width: 100%;
color: #FFF;
background: #1f6a99 url(../images/play.png) center no-repeat;
background: rgba(6,72,124,.8);
position: relative;
cursor: pointer
}
.click2play img {
width: 100%;
opacity: .6;
filter: alpha(opacity=50)
}
.click2play:before {
content: "";
display: block;
border: 24px solid rgba(0,0,0,0);
border-left: 42px solid;
position: absolute;
left: 50%;
top: 50%;
z-index: 1;
-webkit-transform: translateX(-32%) translateY(-50%) scale(0.7);
-moz-transform: translateX(-32%) translateY(-50%) scale(0.7);
transform: translateX(-33%) translateY(-50%) scale(0.7)
}
.click2play:after {
content: "";
width: 90px;
height: 90px;
display: block;
border: 4px solid rgba(255,255,255,1);
border-radius: 50%;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translateX(-50%) translateY(-50%) scale(0.7);
-moz-transform: translateX(-50%) translateY(-50%) scale(0.7);
transform: translateX(-50%) translateY(-50%) scale(0.7)
}
.click2play:before, .click2play:after {
opacity: .8;
transition: transform .3s, opacity .2s;
-webkit-transition: -webkit-transform .3s, opacity .2s;
box-sizing: border-box
}
.click2play:hover {
background-color: #06487c
}
.click2play:hover:before {
opacity: .4;
-webkit-transform: translateX(-24%) translateY(-50%) scale(1);
-moz-transform: translateX(-24%) translateY(-50%) scale(1);
transform: translateX(-24%) translateY(-50%) scale(1)
}
.click2play:hover:after {
opacity: .3;
border-width: 2px;
transform: translateX(-50%) translateY(-50%) scale(1);
-webkit-transform: translateX(-50%) translateY(-50%) scale(1);
-moz-transform: translateX(-50%) translateY(-50%) scale(1);
-ms-transform: translateX(-50%) translateY(-50%) scale(1)
}
.media-iframe {
display: block;
background: #f9f9f9 url(../images/loader.gif) center no-repeat
}
.article .entry-title, body.page .entry-title {
font-size: 30px;
line-height: 1.8;
text-align: center
}
.article .tag {
margin-top: 10px;
text-align: center
}
.article .font-size {
padding: 6px 0
}
.article .font-size span {
color: #AAA;
padding: 3px 6px;
margin-right: 6px;
cursor: pointer
}
.article .font-size span:hover {
color: #FFF;
background: #2496c6
}
#ini-index {
width: 200px;
max-height: 360px;
padding: 10px;
margin: 0 0 10px 10px;
position: relative;
float: right;
color: #AAA;
background: #f6f6f6;
border: 2px solid #DDD;
z-index: 960;
overflow: auto
}
#ini-index ul {
padding-left: 18px
}
#meheader {
width: 320px;
margin-left: -320px;
float: right
}
#meheader .entry-title {
font-size: 28px;
font-weight: 800;
margin-bottom: 10px;
text-align: center
}
#meheader .cover {
width: 320px;
height: 320px;
background: #DDD;
background: rgba(0,0,0,.3);
padding: 30px;
position: relative
}
#meheader .cover-box {
width: 260px;
height: 260px;
padding: 5px;
background: #FFF;
background: rgba(255,255,255,.36);
border-radius: 50%
}
#meheader .clip {
width: 250px;
height: 250px;
border-radius: 50%;
overflow: hidden
}
#meheader img {
width: auto;
min-width: 100%;
max-width: none;
height: 100%
}
.mecontext {
padding: 15px;
background: #FFF;
background: rgba(255,255,255,.5);
position: relative
}
.mecontext a {
color: #305ca0
}
.mecontext .post-rate, .mecontext .rating-stars {
color: #E05
}
#meheader .clear {
height: 32px
}
#meheader #bdshare {
width: 272px
}
#meheader #bdshare span {
display: none
}
#meheader #bdshare {
position: absolute;
right: 10px;
bottom: 10px
}
.context {
margin: 30px 0;
line-height: 2;
-webkit-backface-visibility: hidden
}
.context .excerpt {
color: #B63;
background: #FEC;
padding: 10px;
margin: 10px 0
}
.context .excerpt:before {
content: "导读：";
font-weight: 800
}
.context a:not(.fbox-img) {
border-bottom: 1px dotted
}
.context p {
margin: 10px 0
}
.context ul {
padding-left: 40px
}
.context ol {
padding-left: 50px
}
.context li {
padding-top: 6px;
border-bottom: 1px dashed #DDD
}
.context li a {
border: 0!important
}
.context ul li {
list-style: square
}
.context ol li {
list-style: decimal;
list-style: decimal-leading-zero
}
.context h3 {
padding: 6px 0;
margin: 30px 0 20px;
text-align: center;
font-size: 22px;
font-weight: 800;
border-bottom: 1px dashed #AAA
}
.context h4 {
color: #06B
}
.context h5 {
color: #E63
}
.context h4, .context h5, .context h6 {
margin: 20px 0;
letter-spacing: 1px
}
.context h4:before, .context h5:before, .context h6:before {
content: "»";
margin-right: 10px
}
.context iframe {
margin: 10px auto
}
.context table {
text-align: center;
background: #DDD;
border-spacing: 1px
}
.context table td {
padding: 3px;
background: #FFF
}
.context thead th {
color: #FFF;
padding: 6px;
font-size: 16px;
background: #2496c6;
letter-spacing: 1px
}
.context tbody th {
padding: 4px;
font-weight: 400;
background: #EEE
}
.context .bright {
color: #000;
font-weight: 800;
margin: 0 6px;
padding: 2px 6px;
text-shadow: 1px 1px #FFF, 1px 2px 4px #AAA;
box-shadow: 1px 1px 1px #DDD inset;
border: 1px solid #CCC;
border-radius: 3px
}
.context .car-list {
margin: 10px 0;
background: #fcfcfc
}
.context .car-list button {
margin: 0
}
.context .car-list ul {
display: none
}
.context .car-list ul li {
list-style: none;
border: 0
}
.context [class*=download] {
margin: 5px 10px 5px 0;
color: #DDD;
color: rgba(255,255,255,.7);
background: #00699b;
text-indent: 0;
text-shadow: none;
display: inline-block;
border: 1px solid #00699b;
border-radius: 4px;
box-shadow: 0 1px 0 rgba(255,255,255,.4) inset
}
.context [class*=download] a {
color: #FFF!important;
background: #1e90b4;
padding: 6px 12px;
border: 0;
display: inline-block;
box-shadow: 0 1px 0 rgba(255,255,255,.4) inset
}
.context [class*=download] a:hover {
background: #2496c6
}
.context [class*=download]:before {
content: "\e007";
padding: 10px;
font-size: 18px;
font-family: icaoyefont
}
.context .u-download:before {
content: "\e008"
}
.post-nav {
padding: 6px 18px;
margin: 20px -20px;
border: solid #e6e6e6;
border-width: 1px 0
}
.post-nav>div {
width: 50%;
padding: 0 20px;
line-height: 32px;
position: relative;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
.post-nav i {
color: #AAA;
font-size: 24px;
vertical-align: sub
}
.post-nav .post-prev {
float: left
}
.post-nav .post-prev i {
position: absolute;
left: 0
}
.post-nav .post-next {
float: right;
text-align: right
}
.post-nav .post-next i {
position: absolute;
right: 0
}
.post-header {
font-size: 12px;
text-align: center;
color: #AAA;
border-bottom: 1px dashed #DDD
}
.post-header a {
color: #AAA
}
.post-header>span {
margin-right: 15px;
white-space: nowrap
}
.post-meta {
padding: 10px;
margin-bottom: 20px;
background: #f6f6f6;
border: 1px solid #EEE
}
.post-meta:last-child {
margin: 0
}
.post-meta p {
font-size: 12px
}
.post-meta li {
width: 50%;
height: 24px;
float: left;
overflow: hidden
}
.post-meta li:before {
content: "\f0a4";
font-family: FontAwesome;
margin: 0 10px 0 5px;
color: #666
}
.post-meta .m-t {
padding: 2px 16px;
position: absolute;
right: 30px;
top: -1px;
color: #FFF;
background: #2496c6
}
.author-info img {
float: left;
margin-right: 15px
}
.author-info .fn {
font-weight: 800;
font-size: 16px
}
.related-post {
margin: 10px -1% -10px 0
}
.related-post>a {
width: 49%;
padding: 10px;
margin: 0 1% 8px 0;
background: #f6f6f6;
float: left
}
.related-post>a:hover {
background: #e6e6e6
}
.related-post>a span {
width: calc(100% - 80px);
width: -webkit-calc(100% - 80px);
font-size: 16px;
font-weight: 400;
height: 50px;
line-height: 25px;
color: #666!important;
display: block;
overflow: hidden
}
.related-post>a img {
width: 50px;
height: auto;
margin-right: 10px;
float: left;
border-radius: 25px
}
.archive-title {
font-size: 24px;
font-weight: 800
}
.archive-title .icon-rss {
color: #f14d4e;
margin-left: 10px
}
.archive-title a:hover {
opacity: .7;
filter: alpha(opacity=70)
}
.main-page {
padding: 20px 20px 20px 225px;
margin: 0 auto 10px;
border: 1px solid #DDD;
background: #FFF;
position: relative
}
.main-page .menu {
width: 200px;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: #f9f9f9;
border-right: 1px solid #DDD
}
.main-page .menu .page_item {
border-bottom: 1px solid #EEE
}
.main-page .menu .page_item a {
color: #666;
font-size: 16px;
padding: 15px 30px;
display: block
}
.main-page .menu .current_page_item {
background: #FFF;
margin-right: -1px
}
.main-page #comments h2 {
margin: 20px 0
}
#sidebar {
width: 320px;
float: right;
color: #666;
margin-left: -320px
}
#sidebar .widget {
padding: 10px;
margin-bottom: 10px
}
#sidebar h3 {
padding: 5px 0 3px 10px;
margin: -10px -10px 10px;
color: #333;
background: #f6f6f6;
border-bottom: 3px double #e6e6e6;
cursor: default
}
.widget li {
padding: 6px 0;
border-bottom: 1px dashed #e6e6e6
}
.widget li a {
line-height: 24px;
color: #888;
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
.widget a:hover {
color: #f85e86
}
.widget select {
width: 100%;
padding: 3px
}
.widget small.date {
margin: 5px 0;
color: #AAA
}
.widget .more-tag {
margin-top: 5px;
display: block;
text-align: center;
padding: 6px 12px;
background: #f2f2f2
}
#slideShow {
position: relative
}
#slideShow .snav {
height: 20px;
text-align: center
}
#slideShow .hd {
display: inline-block
}
#slideShow .hd li {
font: 0/0 '';
line-height: 24px;
padding: 0!important;
display: inline-block;
width: 10px;
height: 10px;
border-radius: 5px;
background: #EEE;
margin: 6px;
cursor: pointer
}
#slideShow .hd li.on {
background: #4AF;
cursor: default
}
#slideShow img {
width: 100%
}
#slideShow ul li {
padding: 0;
border: 0
}
#slideShow button {
width: 20px;
height: 20px;
margin: 0 6px;
position: relative;
top: -2px;
font-size: 17px;
line-height: 20px;
color: #666;
background: #EEE;
border-radius: 10px
}
#wp-calendar {
width: 100%;
text-align: center;
background: #DDD;
border-spacing: 1px
}
#wp-calendar th {
color: #FFF;
padding: 3px;
font-size: 16px;
background: #67afce;
letter-spacing: 1px
}
#wp-calendar td {
color: #AAA;
padding: 4px;
background: #FFF
}
#wp-calendar caption {
font-size: 16px
}
#wp-calendar a {
display: block
}
#wp-calendar tbody a {
background: #EEE
}
.widget_links>ul>li, .widget_categories>ul>li, .widget_archive>ul>li {
width: 50%;
float: left
}
.widget_links>ul>li a, .widget_categories>ul>li a, .widget_archive>ul>li a {
display: inline;
margin: 0 6px
}
.widget_cy_ad>.lh {
line-height: 0;
display: block;
margin-bottom: 10px
}
.widget_categories .children {
margin-left: 20px
}
.widget_categories .children li {
border: 0
}
.cy-search {
width: 100%;
height: 36px;
position: relative;
border: 4px solid #e6e6e6
}
.cy-search input[type=text] {
width: 85%;
height: 100%;
position: absolute;
left: 0;
background: #f6f6f6;
border: 0
}
.cy-search input[type=submit] {
width: 15%;
height: 100%;
padding: 0;
position: absolute;
right: 0;
font-size: 16px;
color: #FFF;
background: #333
}
.cy-search input[type=submit]:hover {
background: #2496c6
}
.cy_tags a {
margin-right: 3px;
color: #3d98d6
}
.cy_color_tags a {
font-size: 12px;
padding: 3px 8px;
color: #FFF!important;
display: inline-block;
margin: 0 5px 5px 0;
border-radius: 2px;
text-transform: uppercase
}
.cy_color_tags a:hover {
background: #000!important
}
.cy_tab_menu {
height: 47px;
padding-top: 10px;
margin: -10px -10px 10px;
background: #f6f6f6
}
.cy_tab_menu li {
width: 33.33%;
float: left;
font-size: 20px;
text-align: center;
line-height: 24px;
margin-top: -4px;
padding-bottom: 8px;
border-bottom: 3px double #e6e6e6
}
.cy_tab_menu li.current {
color: #666;
border-bottom: 3px solid #2496c6!important
}
.cy_tab_post span {
height: 24px;
float: left;
padding: 0 5px;
margin-right: 5px;
font-size: 12px;
color: #666;
border: 1px solid #DDD;
border-radius: 3px
}
.cy_tab_post .hot {
color: #f14d4e
}
.cy_tab_post .icon-comment {
margin-right: 4px
}
.cy_posts li {
min-height: 60px
}
.cy_posts img, .cat-post .posts img {
width: 48px;
height: 48px;
float: left;
padding: 0;
margin: 0 10px 0 5px;
border-radius: 30px
}
.cy_comment {
margin-top: -10px
}
.cy_comment .cmt-body {
position: relative;
margin-top: 10px
}
.cy_comment .avatar {
position: absolute;
top: 0
}
.cy_comment p {
white-space: nowrap;
overflow: hidden;
margin-top: 5px;
text-overflow: ellipsis
}
.cy_comment li a {
display: inline
}
.cy_comment .cmt-msg {
font-size: 12px;
padding: 6px;
background: #f6f6f6;
position: relative;
border-radius: 4px
}
.cy_comment .cmt-msg:before {
content: "";
display: block;
position: absolute;
top: 10px;
left: -12px;
border: 6px solid rgba(0,0,0,0);
border-right: 6px solid #f9f9f9
}
.cy_readers li {
padding: 0;
float: left;
border-bottom: none!important
}
.cy_readers img {
margin: 6px
}
.cy_readers img:hover {
border-color: #f14d4e;
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
transform: rotate(360deg)
}
#respond {
margin-bottom: 10px;
position: relative
}
#commentform {
line-height: 0
}
#commentform * {
line-height: 1.8
}
#commenttext input {
width: 200px;
line-height: 1.2;
margin: 0 10px 10px 0;
vertical-align: middle
}
#notify {
width: 180px;
float: right;
text-align: right
}
#cancel-comment-reply-link {
float: right
}
#loading, #error {
position: absolute;
bottom: 0
}
#comments h2 {
padding: 6px;
margin: -20px -20px 10px;
line-height: 1.8;
text-align: center;
background: #f6f6f6;
border-bottom: 1px solid #e6e6e6
}
#editor {
width: 100%;
height: 30px;
position: relative;
background: #FFF;
overflow: hidden
}
#editor a {
padding: 0 6px;
line-height: 30px;
display: inline-block;
color: #888;
border-right: 1px solid #DDD
}
#editor a:hover {
color: #000
}
#editor #submit {
padding: 0 9px;
position: absolute;
top: 0;
right: 0;
border: 0;
color: #FFF;
background: #2496c6;
line-height: 30px
}
#editor #submit:hover {
background: #c25bba
}
#fontcolor a {
width: 20px;
height: 20px
}
#fontcolor a, #smiley a {
display: inline-block;
margin: 6px 6px 0 0
}
#comments img.avatar {
position: absolute
}
#comments small {
width: 100%;
font-size: 12px;
text-align: right;
color: #999;
display: block
}
#comments small a {
margin-left: 6px;
color: #999
}
#comments section {
float: left
}
#comments textarea {
height: 120px;
margin-bottom: -1px
}
#comments .admin {
border-color: #95eebc;
background: #eafaea
}
#comments .admin:before {
border-right-color: #95eebc
}
#comments .admin:after {
border-right-color: #eafaea
}
#comment-loading {
height: 32px;
margin: 20px;
background: center url(../images/loader.gif) no-repeat;
display: none
}
.comment-list #respond {
padding: 10px;
margin-top: -10px;
background: #f9f9f9;
border: solid #e6e6e6;
border-width: 0 1px 1px 1px;
border-radius: 0 0 3px 3px
}
.comment-list #loading, .comment-list #error {
bottom: 10px
}
.comment-list .floor {
float: right;
color: #DDD
}
.comment-list .floor span {
font-size: 16px;
font-weight: 800
}
.comment-body {
padding: 10px 0;
position: relative;
font-size: 12px
}
.comment-text {
position: relative;
padding: 10px;
background: #fcfcfc;
border: 1px solid #EEE;
border-radius: 3px
}
.comment-text:before {
content: "";
position: absolute;
left: -16px;
top: 9px;
border: 8px solid rgba(0,0,0,0);
border-right: 8px solid #e6e6e6
}
.comment-text:after {
content: "";
position: absolute;
left: -14px;
top: 10px;
border: 7px solid rgba(0,0,0,0);
border-right: 7px solid #fcfcfc
}
.car-search {
width: 60%;
height: 45px;
margin: 30px auto
}
.car-list button {
width: 100%;
font-weight: 800;
font-size: 16px;
padding: 10px 20px;
margin: 10px 0;
text-align: left;
color: #E63;
background: #f6f6f6
}
.car-list button:before {
content: "\f116";
margin-right: 5px;
font: 400 12px '';
vertical-align: middle
}
.car-monthlist {
margin-left: 20px
}
.car-monthlist span {
float: left
}
.car-monthlist div {
margin-left: 60px
}
.car-monthlist i {
margin: 0 10px;
font-style: normal;
color: #CCC
}
.car-monthlist li {
padding: 3px 0
}
.car-monthlist li:hover i {
color: #f14d4e
}
.flink {
margin: 20px -1% -8px 0
}
.flink li {
width: 24%;
float: left;
padding: 10px;
margin: 0 1% 8px 0;
background: #f2f2f2
}
.flink li:hover {
background: #e6e6e6
}
.flink a {
height: 90px;
color: #666;
display: block;
overflow: hidden
}
.flink i {
font-style: normal;
font-weight: 800;
color: #333;
display: block
}
.visitor a {
height: 48px
}
.visitor img {
float: left;
margin-right: 10px
}
.tougao>form>p {
margin-top: 10px
}
.tougao>form>p:first-child {
margin-top: 50px
}
.tag-list ul {
padding: 50px 0 20px 90px;
margin-top: -30px;
border-bottom: 1px dashed #CCC;
position: relative
}
.tag-list li {
padding: 8px 0
}
.tag-list strong {
width: 80px;
position: absolute;
left: 0;
font-size: 30px;
text-align: center;
display: inline-block
}
.tag-list small {
color: #AAA
}
.tag-list .tag-name {
font-size: 16px;
margin-right: 10px;
color: #000
}
.tag-list .tag-name:hover {
color: #f85e86
}
.tag-list .icon-rss {
color: #f14d4e
}
.abc-list {
padding: 20px 10px 10px 20px;
margin-bottom: 30px;
background: #f9f9f9;
border: 1px solid #DDD
}
.abc-list a {
padding: 6px 16px;
margin: 0 10px 10px 0;
font: 15px 'Courier new';
background: #FFF;
border: 1px solid #e6e6e6;
display: inline-block
}
.abc-list a.none {
color: #DDD;
background: 0;
cursor: default
}
.abc-list a:not(.none):hover {
border-color: #CCC
}
#footer {
width: 100%;
min-width: 320px;
position: absolute;
color: #666;
background: #f9f9f9;
border-top: 1px solid #DDD
}
#footer a {
position: relative
}
#footer a:after {
content: '';
width: 0;
position: absolute;
left: 0;
bottom: -2px;
border-bottom: 1px solid;
transition: width .3s ease-out
}
#footer a:hover:after {
width: 100%
}
#footer img, #footer .cy_color_tags a {
opacity: .8;
filter: alpha(opacity=80)
}
.footer-ms {
padding: 20px 0 10px
}
.footer-cr {
padding: 12px 0;
background: #EEE
}
#footer .footer-widget {
width: 102%
}
#footer .widget {
width: 31.333%;
margin: 0 2% 20px 0;
float: left
}
#footer .widget li, #footer img.avatar {
padding: 3px 0;
border-color: rgba(0,0,0,.1)
}
#footer .widget>ul, #footer .widget>div {
padding: 10px 0
}
#footer .cy_tab_menu {
margin: 0;
background: 0
}
#footer .cy_tab_post span {
display: none
}
#footer .cy_comment .cmt-body {
margin: 0
}
#footer .cy_comment .cmt-msg {
background: 0
}
#footer .cy_comment .cmt-msg:before {
display: none
}
#side-nav {
width: 40px;
position: fixed;
right: -40px;
bottom: 90px
}
#side-nav button {
width: 40px;
height: 40px;
margin-bottom: 10px;
font-size: 20px;
color: #FFF;
background: #0094c8;
background: rgba(0,0,0,.7);
border-radius: 50%;
z-index: 3
}
#side-nav button:hover {
background: #2496c6
}
#car-toggle {
font-size: 14px!important
}
.fancybox-wrap {
position: absolute;
top: 0;
left: 0;
z-index: 8020
}
.fancybox-skin {
position: relative;
background: #FFF;
box-shadow: 0 6px 24px rgba(0,0,0,.5)
}
.fancybox-opened {
z-index: 8030
}
.fancybox-outer, .fancybox-inner {
position: relative
}
.fancybox-inner {
overflow: hidden
}
.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling: touch
}
.fancybox-error {
color: #444;
font-size: 14px;
line-height: 20px;
margin: 0;
padding: 15px;
white-space: nowrap
}
.fancybox-image, .fancybox-iframe {
display: block;
width: 100%;
height: 100%
}
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
z-index: 8060;
margin: -22px 0 0 -22px;
background: #000;
border-radius: 6px;
opacity: .8;
cursor: pointer
}
#fancybox-loading div {
width: 44px;
height: 44px;
background: url('../images/loading.gif') center center no-repeat
}
.fancybox-nav {
width: 50px;
height: 50px;
position: absolute;
top: 50%;
margin-top: -20px;
font: 40px/0 '';
color: #DDD;
color: rgba(255,255,255,.5);
background: #000;
background: rgba(0,0,0,.4);
border-radius: 50px;
border: 3px solid;
z-index: 8040
}
.fancybox-nav:hover {
color: #EEE;
background: #000
}
.fancybox-prev {
left: -75px
}
.fancybox-next {
right: -75px
}
.fancybox-toggle {
width: 100%;
height: 100%;
position: absolute;
top: 0
}
.fancybox-tmp {
position: absolute;
top: -99999px;
left: -99999px;
visibility: hidden;
max-width: 99999px;
max-height: 99999px;
overflow: visible!important
}
.fancybox-overlay {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
overflow: hidden;
display: none;
z-index: 8010;
background: #000;
background: rgba(0,0,0,.7)
}
.fancybox-title {
visibility: hidden;
font-size: 13px;
line-height: 20px;
position: relative;
z-index: 8050
}
.fancybox-opened .fancybox-title {
visibility: visible
}
.fancybox-title-float-wrap {
position: absolute;
bottom: 0;
right: 50%;
margin-bottom: -35px;
z-index: 8050;
text-align: center
}
.fancybox-title-float-wrap .child {
display: inline-block;
margin-right: -100%;
padding: 4px 20px;
background: rgba(0,0,0,.7);
color: #FFF;
white-space: nowrap;
border-radius: 20px
}
.fancybox-title-outside-wrap {
color: #FFF;
text-align: center;
max-height: 60px;
margin: 6px 0;
overflow: hidden;
text-shadow: 0 2px 3px #000
}
.fancybox-title-inside-wrap {
padding: 3px 0
}
.fancybox-title-over-wrap {
width: 100%;
position: absolute;
bottom: 0;
color: #FFF;
padding: 10px;
background: #000;
background: rgba(0,0,0,.6)
}
#fancybox-thumbs {
width: 100%;
position: fixed;
left: 0;
padding: 3px;
overflow: hidden;
z-index: 8050;
background: #000;
background: rgba(0,0,0,.6)
}
#fancybox-thumbs.bottom {
bottom: 0
}
#fancybox-thumbs.top {
top: 0
}
#fancybox-thumbs ul {
position: relative
}
#fancybox-thumbs ul li {
float: left;
padding: 3px
}
#fancybox-thumbs ul li.active {
padding: 2px;
border: 1px solid #999
}
#fancybox-thumbs ul li a {
position: relative;
display: block;
overflow: hidden
}
#fancybox-thumbs ul li img {
max-width: none;
display: block;
position: relative;
opacity: .3
}
#fancybox-thumbs ul li.active img {
opacity: .8
}
#fancybox-thumbs ul li img:hover {
opacity: 1
}
pre.prettyprint {
width: 100%;
padding: 6px 12px;
margin: 10px 0;
font: 13px/1.8 Monaco, Courier!important;
overflow: auto;
color: #888;
background: #f2f2f2;
border: 1px solid #DDD;
text-shadow: 0 1px #FFF;
white-space: nowrap
}
pre.prettyprint.linenumstrigger {
padding: 0
}
pre.prettyprint ol.linenums {
min-width: 100%;
float: left
}
pre.prettyprint ol li {
padding: 0 10px;
background: #f9f9f9;
color: #AAA;
border: 0;
border-left: 3px solid #6C6
}
pre.prettyprint ol li.highlighttrigger {
background: #EEF
}
span.str {
color: #12a812
}
span.kwd {
color: #F03;
font-weight: 800
}
span.com {
color: #F80;
font-style: italic
}
span.typ {
color: #606;
font-weight: 800
}
span.lit {
color: #19C
}
span.pun {
color: #1f75ca
}
span.pln {
color: #8a1696
}
span.tag {
color: #9917d6
}
span.atn {
color: #f60c99
}
span.atv {
color: #080
}
span.dec {
color: #C39
}
.bdsharebuttonbox{float:right;}
.bdsharebuttonbox a{border-bottom:none!important;}
div#wpadminbar {
top: auto;
bottom: 0;
z-index: 997
}
@font-face {
font-family: icaoyefont;
src: url('../fonts/icaoyefont.eot');
src: url('../fonts/icaoyefont.eot?#iefix') format('embedded-opentype'), url('../fonts/icaoyefont.ttf') format('truetype'), url('../fonts/icaoyefont.svg') format('svg')
}
#nav-switch, .nav-menu>li.menu-item-has-children>a:after, .cat-title:before, .car-list button:before {
font-family: FontAwesome
}
.icon-twb:before {
content: "\e004";
font-family: icaoyefont
}
.icon-gg:before {
content: "\f0d5"
}
.icon-mail:before {
content: "\f0e0"
}
.icon-cmt:before {
content: "\f0e5"
}
.icon-weixin:before {
content: "\e002";
font-family: icaoyefont
}
.rate-holder {
display: inline-block;
margin-right: 10px
}
.post-rate, .rating-stars, .rating-star {
font-size: 16px;
font-family: icaoyefont
}
.post-rate {
position: relative;
display: inline-block;
z-index: 8
}
.post-rate, .rating-stars {
color: #FC0
}
.post-rate:before {
content: "\e006\e006\e006\e006\e006"
}
.rating-stars:before {
content: "\e005\e005\e005\e005\e005";
white-space: nowrap
}
.rating-stars {
display: block;
height: 23px;
overflow: hidden;
position: absolute;
left: 0;
top: 0;
z-index: 10
}
.rating-combo {
display: block;
display: inline-block;
position: relative
}
.rating-toggle {
background: #f6f6f6;
padding: 2px 4px;
position: relative
}
.piao {
margin: 0 5px;
display: inline-block;
white-space: nowrap
}
.rating-combo ul {
background: #f6f6f6;
position: absolute;
z-index: 1;
left: 0;
top: 23px;
display: none;
border: 2px solid #DDD
}
.rating-combo li a {
width: 90px;
display: inline-block;
padding: 0 5px
}
.rating-combo li {
line-height: 1.2
}
.rating-combo li a:hover {
background: #EEE
}
.rating-star {
color: #FC0;
display: inline-block;
overflow: hidden;
position: relative
}
.star-1:before {
content: "\e005\e006\e006\e006\e006"
}
.star-2:before {
content: "\e005\e005\e006\e006\e006"
}
.star-3:before {
content: "\e005\e005\e005\e006\e006"
}
.star-4:before {
content: "\e005\e005\e005\e005\e006"
}
.star-5:before {
content: "\e005\e005\e005\e005\e005"
}
a:hover, #comments small a:hover, .menu .page_item a:hover, #wp-calendar a:hover {
color: #f85e86
}
.featured-title, .rand-item button, #rand-changer, .thumbnail img:hover, .fancybox-overlay, #login-overlay {
filter: alpha(opacity=75)
}
@media screen and (max-width:1079px) {
.rand-item {
width: 31.333%;
margin-left: 2%
}
.rand-item:nth-child(7), .rand-item:nth-child(8) {
display: none!important
}
#nav-item #nav-logo a {
width: 40px
}
.cat-post>div {
width: 100%
}
.cat-post>div>div {
width: 100%;
margin-right: 0
}
.main-media .post-list {
width: 32.333%
}
.post-item {
padding-bottom: 36px
}
}
@media screen and (max-width:900px) {
.rand-item {
width: 48%
}
.rand-item:nth-child(5), .rand-item:nth-child(6) {
display: none!important
}
.tab-post-list li {
width: 50%
}
.cat-post>div {
width: 100%
}
.sticky article, .related-post, .related-post>a {
width: 100%;
margin-right: 0
}
.new-post-item {
width: 50%
}
.flink li {
width: 32.333%
}
}
@media screen and (max-width:800px) {
#sidebar, #footer .footer-widget {
width: 101%;
float: none;
margin: 0
}
#sidebar .widget, #footer .widget {
float: left;
width: 49%;
margin-right: 1%
}
#meheader {
width: 100%;
float: none;
margin: 0;
padding: 0!important;
padding-left: 320px;
position: relative
}
#meheader .cover {
height: 100%;
position: absolute;
top: 0;
left: 0
}
#meheader .mecontext {
min-height: none
}
#meheader .cover, #rand-changer, #ini-index, .main-page .menu {
display: none!important
}
#meheader .entry-title {
text-align: left
}
.main, .cat-post {
margin-right: 0
}
.rand-item {
width: 47%;
margin-left: 3%
}
.tab-post-list li {
width: 25%
}
.cat-post>div {
width: 101%
}
.cat-post>div>div, .sticky article, .related-post>a {
width: 49%;
margin-right: 1%
}
.related-post {
margin-right: -1%
}
.car-search {
width: 100%;
font-size: 110%
}
.main-page {
padding: 20px
}
}
@media screen and (max-width:720px) {
.rand-item {
width: 95%;
margin-left: 5%
}
.main-media .post-list, .flink li {
width: 49%
}
}
@media screen and (max-width:600px) {
#metro {
height: auto;
margin: 20px auto
}
#featured, .main-likeus {
width: auto;
float: none;
margin: auto
}
#featured a {
height: auto
}
#main-detail a {
float: none;
display: inline-block
}
#rand, .main-admin, #main-detail .qrcode, .main-follow, .post-meta .m-t {
display: none
}
#sidebar, #footer .footer-widget, .cat-post>div, .post-meta li {
width: 100%;
font-size: 14px
}
.tab-post-list li {
width: 50%
}
.post-item .thumbnail {
width: 100%;
max-width: none;
height: auto;
float: none;
margin: 0 auto 10px
}
.post-item .thumbnail a {
max-height: 230px
}
.cat-post>div>div, #sidebar .widget, #footer .widget, .related-post, .related-post a {
width: 100%;
margin-right: 0
}
.post-nav {
text-align: center
}
.post-nav>div {
width: auto;
max-width: 100%;
display: inline-block;
float: none!important
}
}
@media screen and (max-width:480px) {
.main-media {
margin-right: 0
}
.main-media .post-list, .sticky .post-list, .new-post-item, #new-post .thumbnail, .new-post-list li {
width: 100%
}
}
@media print {
#nav, #side-nav {
display: none
}
* {
box-shadow: none!important;
text-shadow: none!important
}
span.str {
color: #060
}
span.kwd {
color: #C0D;
font-weight: 800
}
span.com {
color: #600;
font-style: italic
}
span.typ {
color: #404;
font-weight: 800
}
span.lit {
color: #044
}
span.pun {
color: #440
}
span.pln {
color: #000
}
span.tag {
color: #008;
font-weight: 800
}
span.atn {
color: #404
}
span.atv {
color: #060
}
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {
#fancybox-loading div {
background-image: url('../images/loading@2x.gif');
background-size: 24px 24px
}
}
::selection {
color: #FFF;
background: #000;
text-shadow: none
}
.audioplayer {
width: 480px;
max-width: 100%;
height: 40px;
margin: auto;
font-size: 16px;
color: #666;
position: relative;
z-index: 1;
background: #f9f9f9;
border: 1px solid #DDD
}
.audioplayer:hover .audioplayer-bar {
height: 6px;
margin-top: -3px
}
.audioplayer:hover .audioplayer-bar-played:after {
top: -3px
}
.audioplayer>div {
position: absolute
}
.audioplayer-playpause {
width: 2.5em;
height: 100%;
text-align: left;
text-indent: -9999px;
cursor: pointer;
z-index: 2;
top: 0;
left: 0
}
.audioplayer-playpause a {
display: block
}
.audioplayer-stopped .audioplayer-playpause a {
width: 0;
height: 0;
border: .4em solid rgba(0,0,0,0);
border-left: .8em solid #999;
content: '';
position: absolute;
top: 50%;
left: 50%;
margin: -0.4em 0 0 -0.25em
}
.audioplayer-playing .audioplayer-playpause a {
width: .8em;
height: .8em;
position: absolute;
top: 50%;
left: 50%;
margin: -0.4em 0 0 -0.4em;
border: 0
}
.audioplayer-playing .audioplayer-playpause a:before, .audioplayer-playing .audioplayer-playpause a:after {
width: 40%;
height: 100%;
background: #999;
content: '';
position: absolute;
top: 0
}
.audioplayer-playing .audioplayer-playpause a:before {
left: 0
}
.audioplayer-playing .audioplayer-playpause a:after {
right: 0
}
.audioplayer-playpause:hover a {
border-left-color: #e75ea0
}
.audioplayer-playpause:hover a:before, .audioplayer-playpause:hover a:after {
background: #e75ea0
}
.audioplayer-time {
float: left
}
.audioplayer-time-current:after {
content: "/";
margin: 0 5px
}
.audioplayer-time-limit {
font-size: .75em;
top: 0;
right: 4em;
line-height: 3.333333em
}
.audioplayer-bar {
height: 4px;
background: rgba(0,0,0,.3);
cursor: pointer;
z-index: 1;
margin-top: -2px;
top: 50%;
right: 8.4em;
left: 3em
}
.audioplayer-novolume .audioplayer-bar {
right: 4.375em
}
.audioplayer-bar div {
width: 0;
height: 100%;
position: absolute;
left: 0;
top: 0
}
.audioplayer-bar-loaded {
background: rgba(255,255,255,.4);
z-index: 1
}
.audioplayer-bar-played {
background: #4fa9f6;
z-index: 2
}
.audioplayer-bar-played:after, .audioplayer-volume-adjust div div:after {
content: "";
width: 10px;
height: 10px;
background: #FFF;
border: 1px solid #CCC;
border-radius: 8px;
position: absolute;
right: -6px;
top: -4px
}
.audioplayer-volume {
width: 2.5em;
height: 100%;
border-left: 1px solid #e6e6e6;
text-align: left;
text-indent: -9999px;
cursor: pointer;
z-index: 2;
top: 0;
right: 0
}
.audioplayer-volume:hover {
background: #EEE
}
.audioplayer-volume-button {
width: 100%;
height: 100%
}
.audioplayer-volume-button a {
width: .313em;
height: .375em;
background: #999;
display: block;
position: relative;
z-index: 1;
top: 40%;
left: 33%
}
.audioplayer-volume-button a:before, .audioplayer-volume-button a:after {
content: '';
position: absolute
}
.audioplayer-volume-button a:before {
width: 0;
height: 0;
border: .5em solid transparent;
border-left: 0;
border-right-color: #999;
z-index: 2;
top: 50%;
right: -0.25em;
margin-top: -0.5em
}
.audioplayer:not(.audioplayer-muted) .audioplayer-volume-button a:after {
width: .313em;
height: .313em;
border: .25em double #999;
border-width: .25em .25em 0 0;
left: .563em;
top: -0.063em;
-webkit-border-radius: 0 .938em 0 0;
-moz-border-radius: 0 .938em 0 0;
border-radius: 0 .938em 0 0;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg)
}
.audioplayer-volume-adjust {
height: 6em;
cursor: default;
margin-bottom: 1px;
position: absolute;
left: 0;
top: -9999px;
background: #f9f9f9
}
.audioplayer-volume:not(:hover) .audioplayer-volume-adjust {
opacity: 0
}
.audioplayer-volume:hover .audioplayer-volume-adjust {
width: 100%;
top: auto;
bottom: 100%
}
.audioplayer-volume-adjust>div {
width: 10%;
height: 4.6em;
background: rgba(0,0,0,.3);
cursor: pointer;
position: relative;
z-index: 1;
margin: .7em auto 0;
-webkit-backface-visibility: hidden
}
.audioplayer-volume-adjust div div {
width: 100%;
height: 100%;
position: absolute;
bottom: 0;
left: 0;
background: rgba(125,255,50,0.8)
}
.audioplayer-volume-adjust div div:after {
right: -4px;
top: -6px
}
.audioplayer-novolume .audioplayer-volume {
display: none
}
.audioplayer *, .audioplayer *:before, .audioplayer *:after {
-webkit-transition: color .25s ease, background .25s ease, opacity .5s ease;
-moz-transition: color .25s ease, background .25s ease, opacity .5s ease;
-ms-transition: color .25s ease, background .25s ease, opacity .5s ease;
-o-transition: color .25s ease, background .25s ease, opacity .5s ease;
transition: color .25s ease, background .25s ease, opacity .5s ease
}
.pcd_ad{display:block;}
.mbd_ad{ display:none}
@media(max-width:768px) {
.pcd_ad{display:none !important;}
.mbd_ad{display:block !important;}
}