@charset "utf-8";
/*
   Theme Name: Pinboard
   Theme URI: http://www.onedesigns.com/wordpress-themes/pinboard
Description: A crafty and elegant theme powered by an advanced theme framework and grid system. With virtually unlimited layout options and styles, ideal for showcasing your portfolio of works or other multimedia elements like images, photo galleries, videos and podcasts.
Version: 1.1.2
Author: One Designs
Author URI: http://www.onedesigns.com/
Tags: blue, gray, silver, white, light, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, photoblogging

License: GNU General Public License v2.0
License URI: license.txt
 */

/*
   DO NOT EDIT THIS STYLESHEET!
   Any modifications made to this file will be lost if you update the theme.
   Instead, go to Appearance > Theme Options > Layout and enter your custom CSS there or create a child theme.
   Any style attributes declared there will override the ones in this file and will not be lost during theme update.
 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a {
    border: none;
    text-decoration: none;
    blr: expression(this.onFocus=this.blur());
    outline: none;
}

/*
   Clear Floated Elements
 */

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.clear:after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0;
}

* html .clear {
    height: 1%;
}
/*
  Clearfix
 */
.jam-clearfix:after {
    content: '';
    display: block;
    clear: both;
    height: 0;
}

/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(./fonts/Roboto-Regular.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(./fonts/Roboto-Regular.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(./fonts/Roboto-Medium.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(./fonts/Roboto-Medium.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

/*** JAM MUSIC INDEX ICONS ***/
@font-face {
    font-family: 'jam-icon';
    src:  url('fonts/jam-icon/fonts/jam-icon.eot?p80e0d');
    src:  url('fonts/jam-icon/fonts/jam-icon.eot?p80e0d#iefix') format('embedded-opentype'),
        url('fonts/jam-icon/fonts/jam-icon.ttf?p80e0d') format('truetype'),
        url('fonts/jam-icon/fonts/jam-icon.woff?p80e0d') format('woff'),
        url('fonts/jam-icon/fonts/jam-icon.svg?p80e0d#jam-icon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'jam-icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-uniF001:before {
    content: "\f001";
}
.icon-uniF002:before {
    content: "\f002";
}
.icon-uniF003:before {
    content: "\f003";
}
.icon-uniF004:before {
    content: "\f004";
}
.icon-uniF005:before {
    content: "\f005";
}
.icon-yt-play:before {
    content: "\f16a";
}
.icon-location:before {
    content: "\f041";
}
.icon-clock:before {
    content: "\f017";
}
.icon-people:before {
    content: "\f0c0";
}
.icon-speaker:before {
    content: "\e911";
}
.icon-speaker-2:before {
    content: "\e914";
}
.icon-search:before {
    content: "\e915";
}
.icon-phone:before {
    content: "\e916";
}
.icon-angle-left:before {
    content: "\f104";
}
.icon-angle-right:before {
    content: "\f105";
}
.icon-angle-up:before {
    content: "\f106";
}
.icon-angle-down:before {
    content: "\f107";
}


.icon-yhzs:before {
    content: "\e90f";
}
.icon-exit:before {
    content: "\e918";
}
.icon-bzbj:before {
    content: "\e908";
}
.icon-report:before {
    content: "\e909";
}
.icon-kdp:before {
    content: "\e90a";
}
.icon-wanan:before {
    content: "\e90b";
}
.icon-shqd:before {
    content: "\e90c";
}
.icon-shyf:before {
    content: "\e90d";
}
.icon-yyml:before {
    content: "\e90e";
}
.icon-news:before {
    content: "\e926";
}
.icon-plan:before {
    content: "\e912";
}
.icon-media:before {
    content: "\e913";
}
.icon-verify:before {
    content: "\e917";
}
.icon-setting:before {
    content: "\e919";
}
.icon-message:before {
    content: "\e91a";
}
.icon-account:before {
    content: "\e91b";
}
.icon-qx:before {
    content: "\e910";
}

.icon-play-i .path1:before {
    content: "\e91c";
    color: #131418;
}
.icon-play-i .path2:before {
    content: "\e91d";
    margin-left: -1em;
    color: #FCBF26;
}
.icon-play:before {
    content: "\e91e";
}
.icon-thumb:before {
    content: "\e91f";
}
.icon-fav:before {
    content: "\e920";
}
.icon-weapp:before {
    content: "\e927";
}
.icon-idol:before {
    content: "\e928";
}

/*** JAM MUSIC INDEX ICONS ***/

/*
   Style HTML Tags
 */

body {
    color: #111;
    font-size: 13px;
    line-height: 1.62em;
    margin: 0;
}

a {
    color: #3498DB;
    text-decoration: none;
    -webkit-transition: color .1s ease, margin .1s ease;
    transition: color .1s ease, margin .1s ease;
}

.post-right-item .post-right-title-new a {
    color: #bbb;
}

.post-right-item .post-right-title-new a:hover {
    color: black;
}

a:hover {
    color: #d54e21;
}

h1, h2, h3, h4, h5, h6 {
    margin-bottom: 18px;
    font-weight: bold;
    line-height: 1.62em;
    letter-spacing: 1px;
}

h1 {
    font-size: 36px;
}

h2 {
    font-size: 32px;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 18px;
}

h5 {
    font-size: 16px;
}

h6 {
    font-size: 15px;
}

p {
    margin-bottom: 24px;
}

blockquote {
    position: relative;
    color: #444;
    font-family: Georgia, "URW Bookman L", serif;
    font-style: italic;
    margin: 0 30px 0 60px;
}

blockquote:before {
    position: absolute;
    top: 30px;
    left: -75px;
    content: "\201C";
    color: #DDD;
    font-family: serif;
    font-size: 96px;
}

blockquote cite {
    font-style: normal;
}

blockquote cite:before {
    content: "\2014";
    padding-right: 8px;
}

table {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
    margin-bottom: 24px;
    margin: 0px;
}

table tr:nth-child(even) {
    background: #F8F8F8;
}

table th,
table td {
    padding: 6px 0;
}

table th {
    font-weight: 600;
}

fieldset {
    border: #EEE 1px solid;
    padding: 2%;
}

input[type="text"],
input[type="password"],
textarea {
    padding: 1.5%;
    box-shadow: inset 1px 1px 5px rgba(0, 0, 0, .05);
    background: #FCFCFC;
    border: #EEE 1px solid;
    color: #333;
    font-size: 13px;
}

input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus {
    background: #FFF;
    border: #ddd 1px solid;
    color: #333;
    outline: none;
}

textarea {
    font-size: 15px;
}

input[type=submit],
input[type=reset],
input[type=button] {
    padding: 4px 15px;
    border-radius: 15px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .1);
    background: #F8F8F8;
    background: -webkit-linear-gradient(#FCFCFC, #F3F3F3);
    background: linear-gradient(#FCFCFC, #F3F3F3);
    border: none;
    border-bottom: #DDD 1px solid;
    color: #444;
    font-size: 13px;
}

input[type=submit]:hover,
input[type=reset]:hover,
input[type=button]:hover {
    box-shadow: #aaa 0 0 5px;
}

input[type=submit]:focus,
input[type=reset]:focus,
input[type=button]:focus {
    box-shadow: #aaa 0 0 5px;
    background: -webkit-linear-gradient(#EEE, #F9F9F9);
    background: linear-gradient(#EEE, #F9F9F9);
}

hr {
    border: none;
    border-top: #EEE 1px solid;
}

dt {
    font-weight: 600;
    margin-bottom: 24px;
}

dd {
    margin-left: 30px;
    margin-bottom: 24px;
}

ul {
    list-style-type: disc;
    margin-left: 30px;
    margin-bottom: 24px;
}

ul li {
    margin-top: 4px;
}

ul ul {
    list-style-type: square;
    margin-bottom: 0;
}

ul ul ul {
    list-style-type: circle;
}

ol {
    list-style-type: decimal;
    margin-left: 30px;
    margin-bottom: 24px;
}

ol ol {
    list-style: upper-alpha;
    margin-bottom: 0
}

ol ol ol {
    list-style: lower-roman;
}

ol ol ol ol {
    list-style: lower-alpha;
}

address {
    font-size: 14px;
    font-style: italic;
    margin-bottom: 16px;
}

code {
    padding: 1px 4px;
    background: #F8F8F8;
    background: -webkit-linear-gradient(#F9F9F9, #F3F3F3);
    background: -webkit-linear-gradient(#F8F8F8, #F3F3F3);
    background: linear-gradient(#F8F8F8, #F3F3F3);
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    font-family: Monaco, Consolas, "Lucida Console", "Bitstream Vera Sans Mono", monospace;
    font-size: 12px;
}

kbd,
tt {
    font-family: monospace;
}

abbr,
acronym {
    border-bottom: #999 1px dotted;
    cursor: help;
}

big {
    font-size: 1.3em;
}

cite,
em {
    font-style: italic;
}

pre {
    padding: 15px;
    background: #F8F8F8;
    border: #E3E3E3 1px dashed;
    color: #000;
    font-family: Monaco, Consolas, "Lucida Console", "Bitstream Vera Sans Mono", monospace;
    font-size: 12px;
    line-height: 1.62em;
    margin-bottom: 24px;
    overflow: auto;
}

q {
    quotes: inherit;
}

q:before {
    content: open-quote;
}

q:after {
    content: close-quote;
}

strong {
    font-weight: 900;
}

sup,
sub {
    height: 0;
    line-height: 1;
    vertical-align: baseline;
    position: relative;
    font-size: 10px;
}

sup {
    bottom: 1ex;
}

sub {
    top: .5ex;
}

img,
video {
    max-width: 100%;
    height: auto;
}

figure img {
    display: block;
    margin: 0 auto;
}

video {
    display: block;
}

audio {
    max-width: 100%;
}

.entry-content a img,
#attachment-nav a img {
    max-width: 98.5%;
    padding: 0.8%;
    box-shadow: 0 0 3px #EEE;
    background: #FFF;
    border: #EEE 1px solid;
}

.entry-content a:hover img,
#attachment-nav a:hover img {
    background: #F0F0F0;
}

/*
WordPress Standard Tags
*/

.aligncenter {
    display: block;
    margin: 20px auto;
}

.alignleft {
    float: left;
    margin: 10px 20px 10px 0;
}

.alignright {
    float: right;
    margin: 10px 0 10px 20px;
}

.wp-caption {
    max-width: 96%;
    padding: 3% 2%;
    box-shadow: 0 0 5px rgba(0, 0, 0, .1);
    background: #FCFCFC;
    border-bottom: #EEE 1px solid;
}

.wp-caption a img {
    display: block;
    padding: 0;
    margin: 0 auto;
    border: none;
    box-shadow: none;
}

.wp-caption-text {
    margin: 3% 0 0;
    color: #333;
    font-size: 13px;
    line-height: 1.62em;
    text-align: center;
}

.gallery {
    margin: auto;
}

.gallery-item {
    float: left;
    padding: 10px 0;
    background: #FCFCFC;
    border-bottom: #EEE 1px solid;
    box-shadow: 0 0 5px rgba(0, 0, 0, .1);
    text-align: center;
}

.gallery-columns-1 .gallery-item {
    width: 90%;
    margin: 0 1.5% 3%;
}

.gallery-columns-2 .gallery-item {
    width: 45%;
    margin: 0 1.5% 3%;
}

.gallery-columns-3 .gallery-item {
    width: 30%;
    margin: 0 1.3% 3%;
}

.gallery-columns-4 .gallery-item {
    width: 22%;
    margin: 0 1.2% 3%;
}

.gallery-columns-5 .gallery-item {
    width: 17%;
    margin: 0 1.2% 3%;
}

.gallery-item:hover {
    background: #F4F4F4;
}

.gallery-item a img {
    display: block;
    padding: 0;
    margin: 0 auto;
    border: none;
    box-shadow: none;
}

.gallery-icon {
    margin: 0;
}

.gallery-caption {
    padding: 10px 10px 0;
    margin: 0;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
}

.sticky {
}

.bypostauthor > .comment-body {
    background: #F0F0F0;
}

/*
Grid System
*/

.column {
    float: left;
}

.onecol {
    width: 100%;
}

.twocol {
    width: 49.9%;
}

.threecol {
    width: 33.3%;
}

.fourcol {
    width: 25%;
}

.twelvecol {
    width: 8.33%;
}

.twothirdcol {
    width: 66.7%;
}

.threefourthcol {
    width: 75%;
}

/*
Theme Design, Layout and Typography
*/

#wrapper {
    position: relative;
    width: 1100px;
    margin: 0 auto;
    z-index: 0;
}

.page-template-template-no-sidebars-php #wrapper,
.page-template-template-blog-no-sidebars-php #wrapper,
.page-template-template-portfolio-no-sidebars-php #wrapper {
    max-width: 1180px;
}

#header {
    /*border-top:#111 3px solid;*/
}

#site-title a,
#site-description {
    color: #000;
}

#site-title,
#site-description {
    margin: 0;
    font-weight: 300;
    float: left;
    line-height: 70px;
}

#site-title {
    margin: 0.6% 2.0% 1.1% 2%;
    font-size: 32px;
    letter-spacing: 1px;
}

#site-title img {
    /*margin: 38px 0;*/
    margin: 0 0;
    vertical-align: middle;
}

#site-description {
    margin-left: 0px;
    margin-top: 58px;
    font-size: 18px;
    font-color: black;
    font-weight: normal;
    line-height: 25px;
}

#sidebar-header {
    float: right;
    width: 728px;
    height: 90px;
    margin: 30px 3.4% 0 0;
    overflow: hidden;
}

.page-template-template-no-sidebars-php #sidebar-header {
    width: 468px;
    height: 60px;
    margin-top: 20px;
}

#sidebar-header .widget {
    margin: 0;
}

#sidebar-header .widget-title {
    margin-top: 0;
}

#sidebar-header img {
    display: block;
    margin: 0;
}

#header #searchform {
    float: right;
    margin: 52px 2.4% 0 3px;
}

/*#header input#s {*/
/*width: 0;*/
/*height: 16px;*/
/*padding: 8px 16px;*/
/*margin-right: 0;*/
/*background: #dedede url(images/search.png) right center no-repeat;*/
/*background: rgba(0, 0, 0, .1) url(images/search.png) right center no-repeat;*/
/*border: none;*/
/*border-radius: 24px;*/
/*box-shadow: none;*/
/*color: #999;*/
/*font-size: 12px;*/
/*font-family: "Open Sans", sans-serif;*/
/*text-indent: 16px;*/
/*-moz-transition: width .25s ease, margin .25s ease;*/
/*-webkit-transition: width .25s ease, margin .25s ease;*/
/*-o-transition: width .25s ease, margin .25s ease;*/
/*-ms-transition: width .25s ease, margin .25s ease;*/
/*transition: width .25s ease, margin .25s ease;*/
/*}*/

/*#header input#s:focus {*/
/*width: 180px;*/
/*background: #ececec url(images/search.png) right center no-repeat;*/
/*box-shadow: inset 1px 1px 5px 1px rgba(0, 0, 0, .1);*/
/*color: #333;*/
/*text-indent: 0;*/
/*}*/

.widget-area #s {
    padding: 3%;
    margin: 0;
    width: 94%;
}

#sidebar-left #s,
#sidebar-right #s {
    max-width: 88%;
    width: auto;
    padding: 6%;
}

input#searchsubmit {
    display: none;
    width: 30px;
    padding: 2px;
    margin-right: 10px;
    background: #a8a8a8;
    background: -webkit-linear-gradient(#CCC, #999);
    background: linear-gradient(#CCC, #999);
    border: #999 1px solid;
    color: #333;
    text-align: center;
}

#social-media-icons {
    float: right;
    margin-top: 60px;
}

a.social-media-icon {
    display: inline-block;
    width: 32px;
    height: 32px;
    margin-right: 6px;
    background-position: 0 0;
    overflow: hidden;
    text-indent: -1000px;
    -webkit-transition: background-position .25s ease;
    transition: background-position .25s ease;
}

a.social-media-icon:hover {
    background-position: 0 -32px;
}

.facebook {
    background-image: url(images/facebook.png);
}

.twitter {
    background-image: url(images/twitter.png);
}

.pinterest {
    background-image: url(images/pinterest.png);
}

.flickr {
    background-image: url(images/flickr.png);
}

.vimeo {
    background-image: url(images/vimeo.png);
}

.youtube {
    background-image: url(images/youtube.png);
}

.google-plus {
    background-image: url(images/google-plus.png);
}

.dribble {
    background-image: url(images/dribble.png);
}

.linkedin {
    background-image: url(images/linkedin.png);
}

#header-image {
    display: block;
    max-width: 99.1%;
    padding: 0.45%;
    margin-bottom: 1.76%;
    box-shadow: 0 0 3px #999;
    background: #fff;
}

#access {
    padding: 0 20px;
    box-shadow: 0 0 7px rgba(0, 0, 0, .1);
}

#access ul {
    float: left;
    padding: 0;
    margin: 0;
    list-style: none;
    text-transform: uppercase;
}

#access li {
    position: relative;
    float: left;
    margin: 0;
}

.top-nav-wrapper a {
    display: block;
    padding: 15px 10px;
    color: #e2e2e4;
    text-decoration: none;
    -webkit-transition: background-color .25s ease, margin .25s ease;
    transition: background-color .25s ease, margin .25s ease;
}

.menu-item a:hover,
#access li.current_page_item > a,
#access li.current-menu-item > a {
    color: #fff;
    text-decoration: none;
}

.drop-down-toggle {
    display: none;
    position: absolute;
    top: 7px;
    right: 16px;
    width: 20px;
    height: 20px;
    background: #333;
    border: #eee 3px solid;
    border-radius: 15px;
}

.drop-down-arrow {
    display: block;
    width: 0;
    height: 0;
    margin: 8px 0 0 5px;
    border-top: 5px solid #eee;
    border-left: transparent 5px solid;
    border-right: transparent 5px solid;
}

#access .sub-menu li {
    float: none;
    padding: 0;
    margin: 0;
}

#access .sub-menu li a {
    padding: 7px 20px;
    margin: 0;
    background: none;
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    color: #a4a4a4;
    text-align: center;
}

#access .sub-menu li a:hover {
    color: #fff;
}

#access .sub-menu li a i {
    width: 14px;
    margin-right: 7px;
}

#access .sub-menu {
    /*display: none;*/
    position: absolute;
    z-index: 9999;
    width: 120px;
    height: auto;
    left: 50%;
    margin-top: -1px;
    margin-left: -60px;
    padding: 10px 0;
    box-shadow: 0 3px 3px rgba(0,0,0,.35);
    font-weight: normal;
    text-transform: none;
    background: #131418;
}

#access li ul ul {
    margin: -45px 0 0 240px !important;
}

#access .nav-show,
#access .nav-hide {
    display: none;
}

.page-template-template-no-sidebars-php #container {
    margin: 2.4%;
}

#current-location,
#sidebar-wide,
#sidebar-footer-wide {
    margin: 15px 10px 0 10px;
    border-bottom: #e0e0e0 1px solid;
    border-bottom: rgba(0, 0, 0, .055) 1px solid;
    font-weight: 300;
}

#sidebar-wide,
#sidebar-footer-wide {
    text-align: center;
}

#current-location .prefix-text {
    margin: 0;
    color: #999;
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    font-weight: 300;
    line-height: 1.62em;
    text-transform: uppercase;
}

.prefix-text {
    display: none;
}

.category-description {
    margin-top: 4px;
    color: #999;
}

.category-description p {
    margin: 0;
}

.page-title,
#sidebar-wide .widget-title,
#sidebar-footer-wide .widget-title {
    margin: 0;
    font-family: 'Microsoft YaHei', '微软雅黑', Arial, Lucida Grande, Tahoma, sans-serif;
    font-family: "Microsoft Yahei", Helvetica, arial, \5b8b\4f53, sans-serif;
    font-size: 30px;
    font-weight: 300;
    letter-spacing: normal;
}

#sidebar-wide .widget,
#sidebar-footer-wide .widget {
    margin: 0;
}

#sidebar-boxes {
    padding: 1.6%;
}

#container {
    margin: 10px 0;
}

.page-template-template-no-sidebars-php #content,
.page-template-template-blog-no-sidebars-php #content,
.page-template-template-portfolio-no-sidebars-php #content {
    width: 100%;
}

.content-sidebar-wrap {
    float: left;
    width: 85.15%;
}

.category-filter a {
    display: inline-block;
    padding: 1% 2%;
    margin-left: 2%;
    background: #fff;
    border-bottom: #eee 1px solid;
    border-radius: 4px;
    font-weight: 300;
}

.category-filter a:first-child {
    margin: 0;
}

.category-filter a:hover {
    background: #fcfcfc;
}

.single #content .hentry,
.page #content .hentry {
    box-shadow: none;
    background: none;
    border: none;
}

.page-template-template-sidebar-content-php #content,
.page-template-template-sidebar-content-half-php #content,
.page-template-template-blog-left-sidebar-php #content,
.page-template-template-portfolio-left-sidebar-php #content {
    float: right;
}

.page-template-template-content-sidebar-php #content {
    float: left;
}

.page-template-template-sidebar-content-sidebar-php .content-sidebar-wrap #content {
    float: right;
    width: 80.5%;
}

.entry,
#comments,
#respond {
    /*margin: 2.5%;*/
    /*background: #ccc;*/
    /*border-bottom: #DDD 1px solid;*/
    /*border-bottom: rgba(0, 0, 0, .13) 1px solid;*/
    /*box-shadow: 0 0 5px rgba(0, 0, 0, .1);*/
}

/*.entry, .video-left {*/
/*-moz-user-select: none; !*火狐*!*/
/*-webkit-user-select: none; !*webkit浏览器*!*/
/*-ms-user-select: none; !*IE10*!*/
/*-khtml-user-select: none; !*早期浏览器*!*/
/*user-select: none;*/
/*}*/

.onecol .hentry .entry,
.onecol .hentry #comments,
.onecol .hentry #respond,
.category-filter {
    margin: 15px 10px;
}

.onecol .twocol .entry {
    margin: 3.4%;
}

.twocol .entry,
.onecol .threecol .entry,
#sidebar-boxes .widget,
.threecol .widget {
    margin: 5%;
    box-shadow: 3px 3px 5px #bbbabb;
    border-radius: 4px;
}

.threefourthcol .threecol .entry,
.onecol .fourcol .entry,
.fourcol .widget {
    margin: 20px 10px 10px 10px;
}

.fourcol .entry {
    box-shadow: 2px 2px 3px #bbbabb;
    border-radius: 4px;
}

.twocol .onecol .entry,
.twocol .onecol #comments,
.twocol .onecol #respond,
.twocol .widget {
    margin: 3.4%;
}

.page-template-template-blog-php.page .entry,
.page-template-template-blog-full-width-php.page .entry,
.page-template-template-blog-four-col-php.page .entry,
.page-template-template-blog-left-sidebar-php.page .entry,
.page-template-template-blog-no-sidebars-php.page .entry,
.page-template-template-portfolio-php.page .entry,
.page-template-template-portfolio-right-sidebar-php.page .entry,
.page-template-template-portfolio-four-col-php.page .entry,
.page-template-template-portfolio-left-sidebar-php.page .entry,
.page-template-template-portfolio-no-sidebars-php.page .entry {
    padding: 0;
}

.page-template-template-no-sidebars-php .onecol .hentry .entry {
    margin: 2.5%;
}

.wp-post-image {
    display: block;
    width: 100%;
}

.page-template-template-full-width-php .hentry.onecol .wp-post-image,
.page-template-template-full-width-php .hentry.onecol .entry-attachment,
.page-template-template-full-width-php .hentry.onecol .post-gallery {
    float: right;
    /*max-width: 69.5%;*/
    margin-bottom: 2.9%;
}

.page-template-template-full-width-php .hentry.onecol .entry-attachment,
.page-template-template-full-width-php .hentry.onecol .post-gallery {
    width: 69.5%;
}

.format-status .avatar {
    display: block;
    float: left;
    margin-right: 20px;
}

.format-image figure img {
    width: 100%;
}

.format-audio object {
    height: 24px;
}

.twocol .entry-attachment p {
    margin-bottom: 6px;
}

.entry-container {
    padding: 2.9%;
    margin: 0;

}

.twocol .entry-container {
    padding: 10px;
    background: #000;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.threecol .entry-container {
    /*padding:6.1%;*/
    padding: 4.1% 6.1% 4.1% 6.1%;
    background: #ffffff;
    color: #C2A548;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.fourcol .entry-container {
    padding: 12px 12px 8px 12px;
    background: #fff;
    color: #C2A548;
    width: 231.5px \0 \9;
}

.topic_card .entry-container {
    padding: 15px 13px;
}

.page-template-template-portfolio-php .post.onecol .entry-header {
    float: left;
    width: 27.6%;
}

.page-template-template-portfolio-php .post.onecol .entry-summary {
    float: right;
    width: 69.5%;
}

.page-template-template-portfolio-php .post.onecol .wp-post-image,
.page-template-template-portfolio-php .post.onecol .entry-attachment,
.page-template-template-portfolio-php .post.onecol .post-gallery {
    float: right;
    max-width: 69.5%;
}

.page-template-template-portfolio-php .post.onecol .entry-attachment,
.page-template-template-portfolio-php .post.onecol .post-gallery {
    width: 69.5%;
}

.page-template-template-portfolio-right-sidebar-php .twocol .entry-title,
.page-template-template-portfolio-left-sidebar-php .twocol .entry-title,
.page-template-template-portfolio-php .threecol .entry-title,
.page-template-template-portfolio-four-col-php .fourcol .entry-title,
.page-template-template-portfolio-no-sidebars-php .twocol .entry-title {
    margin: 0;
    text-align: center;
}

.entry-title,
#comments-title,
#reply-title {
    font-weight: 300;
    letter-spacing: 1px;
    overflow: hidden;
}

.page-template-template-full-width-php .hentry.onecol .entry-header,
.page-template-template-blog-full-width-php .hentry.onecol .entry-header,
.page-template-template-blog-four-col-php .hentry.onecol .entry-header {
    float: left;
    width: 27.6%;
}

.single.page-template-template-full-width-php .hentry.onecol .entry-header,
.page.page-template-template-full-width-php .hentry.onecol .entry-header,
.error404.page-template-template-full-width-php .hentry.onecol .entry-header {
    float: none;
    width: auto;
}

.page-template-template-full-width-php .hentry.onecol .entry-summary,
.page-template-template-blog-full-width-php .hentry.onecol .entry-summary,
.page-template-template-blog-four-col-php .hentry.onecol .entry-summary,
.page-template-template-full-width-php .hentry.onecol .entry-thumbnail,
.page-template-template-blog-full-width-php .hentry.onecol .entry-thumbnail,
.page-template-template-blog-four-col-php .hentry.onecol .entry-thumbnail {
    float: right;
    width: 69.5%;
}

.page-template-template-full-width-php .hentry.onecol .entry-thumbnail,
.page-template-template-blog-full-width-php .hentry.onecol .entry-thumbnail,
.page-template-template-blog-four-col-php .hentry.onecol .entry-thumbnail {
    margin-bottom: 24px;
}

.entry-title
.page.page-template-template-blog-php .onecol .entry-title,
.page.page-template-template-portfolio-php .onecol .entry-title {
    font-size: 28px;
    line-height: 1.62em;
}

/*
.single .entry-title,
.page .entry-title,
.error404 .entry-title {
margin:0 0 18px 0;
font-size:36px;
line-height:1.62em;
}
*/
.single .entry-title,
.error404 .entry-title {
    margin-bottom: 14px;
    font-size: 32px;
    font-weight: 500;
    line-height: 1.5;
    color: #323232;
    letter-spacing: 0;
}

.error404 .entry-title {
    font-weight: normal;
}

.twocol .entry-title,
.threecol .entry-title,
.page-template-template-blog-php .twocol .entry-title,
.page-template-template-blog-php .threecol .entry-title,
.page-template-template-portfolio-php .twocol .entry-title,
.page-template-template-portfolio-php .threecol .entry-title {
    font-size: 18px;
    line-height: 1.62em;
}

.fourcol .entry-title,
.page-template-template-blog-php .fourcol .entry-title,
.page-template-template-portfolio-php .fourcol .entry-title {
    line-height: 1.62em;
}

/*
   .page .entry-title,
   .error404 .entry-title {
   margin-bottom:24px;
   }
 */

.error404 .entry-title {
    margin-bottom: 0px;
}

.entry-title a {
    color: #C2A548;
    font-weight: bold;
    text-overflow: ellipsis;
    height: 21px;
}

.entry-title a:hover {
    color: #3498DB;
}

.format-link .entry-title a:after {
    content: "\2192";
    padding-left: 8px;
}

.entry-meta {
    padding: 1.5% 2.9%;
    background: #FCFCFC;
    border-top: #F3F3F3 1px solid;
    border-top: rgba(0, 0, 0, .035) 1px solid;
    color: #CCC;
    font-size: 12px;
    font-weight: 300;
}

.entry-header .entry-meta {
    padding: 0;
    background: none;
    border: none;
}

.single .entry-meta {
    padding: 1.5% 2.4%;
    margin-bottom: 24px;
    background: none;
    border-top: #F4F4F4 1px solid;
    border-bottom: #F4F4F4 1px solid;
}

.entry-meta span {
    padding-left: 24px;
    margin-left: 32px;
}

.entry-header .entry-meta span {
    display: block;
    float: none;
    padding: 6px 0 6px 24px;
    margin: 0;
}

.single .entry-meta span {
    display: inline;
    padding: 0 0 0 24px;
    margin-left: 32px;
}

.entry-meta span.custom-meta,
.single .entry-meta span.custom-meta {
    padding-left: 0;
    background: none;
    color: #999;
}

.custom-meta.entry-category {
    font-weight: normal;
    text-transform: uppercase;
}

.entry-meta span:first-child,
.single .entry-meta span:first-child,
.page .entry-meta span:first-child {
    margin: 0;
}

.entry-meta a {
    color: #7597B9;
}

.entry-meta a:hover {
    color: #d54e21;
}

.entry-summary .entry-attachment {
    margin-bottom: 18px;
}

.entry-author-link {
    background: url(images/user.png) left center no-repeat;
}

.entry-date {
    background: url(images/time.png) left center no-repeat;
}

.entry-category {
    background: url(images/ribbon.png) left center no-repeat;
}

.attachment-size {
    background: url(images/image.png) left center no-repeat;
}

.edit-link {
    background: url(images/edit.png) left center no-repeat;
}

.entry-permalink {
    float: right;
    margin: 0;
    background: url(images/link.png) left center no-repeat;
}

.entry-summary p {
    margin: 0;
}

.format-aside .entry-summary p,
.format-status .entry-summary p,
.format-quote .entry-summary p {
    margin-bottom: 6px;
}

.onecol .onecol .entry-summary,
.entry-content {
    font-size: 18px;
    line-height: 30px;
    color: #4a4a4a;
}

.format-chat .entry-content {
    margin-bottom: 2.9%;
}

.single-format-chat .entry-content {
    margin-bottom: 24px;
}

.format-chat .entry-content p,
.format-chat .entry-summary p {
    padding: 2px 2.9%;
    margin: 0;
}

.twocol.format-chat .entry-content p,
.twocol.format-chat .entry-summary p {
    padding: 2px 5.8%;
}

.threecol.format-chat .entry-content p,
.threecol.format-chat .entry-summary p {
    padding: 2px 6.1%;
}

.format-chat .entry-content p:nth-child(odd),
.format-chat .entry-summary p:nth-child(odd) {
    background: #f9f9f9;
    font-weight: 600;
}

.single .format-chat .entry-content p:last-child
.single .format-chat .entry-summary p:last-child {
    margin-bottom: 24px;
}

.entry-content .entry-attachment {
    margin-bottom: 24px;
}

.entry-attachment p {
    margin: 0;
}

.post-gallery-item img {
    display: block;
    float: left;
}

.attachment-gallery-1-thumb {
    max-width: 61.714288%;
}

.attachment-gallery-2-thumb,
.attachment-gallery-3-thumb {
    max-width: 38.285712%;
}

.entry-attachment img {
    display: block;
    margin: 0 auto 18px;
}

.button {
    display: inline-block;
    padding: 5px 18px;
    border-radius: 100px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .1);
    color: #fff;
    margin: 5px;
}

a.button:hover {
    color: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
}

.button-big {
    padding: 10px 24px;
    font-size: 18px;
}

.button-blue {
    background: #30AEE7;
    background: -webkit-linear-gradient(#30AEE7, #247FA8);
    border-bottom: 1px solid #14455B;
}

.button-blue:hover {
    background: -webkit-linear-gradient(#247FA8, #30AEE7);
}

.button-yellow {
    background: #F4F434;
    background: -webkit-linear-gradient(#F4F434, #DADA2F);
    border-bottom: 1px solid #686817;
}

.button-yellow:hover {
    background: -webkit-linear-gradient(#DADA2F, #F4F434);
}

.button-olive {
    background: #E7AE31;
    background: -webkit-linear-gradient(#E7AE31, #A87F24);
    border-bottom: 1px solid #5B4514;
}

.button-olive:hover {
    background: -webkit-linear-gradient(#A87F24, #E7AE31);
}

.button-purple {
    background: #E731AE;
    background: -webkit-linear-gradient(#E731AE, #A8247F);
    border-bottom: 1px solid #5B1445;
}

.button-purple:hover {
    background: -webkit-linear-gradient(#A8247F, #E731AE);
}

.button-red {
    background: #E73131;
    background: -webkit-linear-gradient(#E73131, #A82424);
    border-bottom: 1px solid #5B1445;
}

.button-red:hover {
    background: -webkit-linear-gradient(#A82424, #E73131);
}

.button-green {
    background: #31E731;
    background: -webkit-linear-gradient(#31E731, #24A824);
    border-bottom: 1px solid #5B1445;
}

.button-green:hover {
    background: -webkit-linear-gradient(#24A824, #31E731);
}

.button-orange {
    background: #FF6103;
    background: -webkit-linear-gradient(#FF6103, #E55703);
    border-bottom: 1px solid #5B1445;
}

.button-orange:hover {
    background: -webkit-linear-gradient(#E55703, #FF6103);
}

.notice {
    padding: 12px;
    margin-bottom: 24px;
    border-radius: 4px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .1);
}

.info {
    background: #CEFFCE;
    border-bottom: 1px solid #9ABF9A;
}

.warning {
    background: #FFFFCE;
    border-bottom: 1px solid #BFBF9A;
}

.error {
    background: #FFCECE;
    border-bottom: 1px solid #BF9A9A;
}

.dropcap:first-letter {
    display: inline-block;
    float: left;
    min-width: 42px;
    padding: 20px 10px;
    border-radius: 4px;
    font-size: 48px;
    font-weight: 600;
    text-align: center;
}

.dropcap-blue:first-letter {
    color: #30AEE7;
}

.dropcap-yellow:first-letter {
    color: #F4F434;
}

.dropcap-olive:first-letter {
    color: #E7AE31;
}

.dropcap-purple:first-letter {
    color: #E731AE;
}

.dropcap-red:first-letter {
    color: #E73131;
}

.dropcap-green:first-letter {
    color: #31E731;
}

.dropcap-orange:first-letter {
    color: #FF6103;
}

.dropcap-grey:first-letter {
    margin-right: 10px;
    background: #eee;
}

.dropcap-black:first-letter {
    margin-right: 10px;
    background: #333;
    color: #ddd;
}

.dropcap-circle:first-letter {
    border-radius: 60px;
}

.columns .column {
    margin-left: 3%;
}

.columns .column:first-child {
    margin: 0;
}

.columns .twocol {
    width: 48.5%;
}

.columns .threecol {
    width: 31.3%;
}

.columns .fourcol {
    width: 22.75%;
}

.columns .twothirdcol {
    width: 65.7%;
}

.columns .threefourthcol {
    width: 74.5%;
}

.column .threecol.box {
    width: 25.3%;
    padding: 3%;
    margin-bottom: 24px;
    background: #f8f8f8;
    border-bottom: #ddd 1px solid;
    box-shadow: 0 0 5px rgba(0, 0, 0, .15);
}

.column .threecol.box p {
    margin: 0;
}

.entry-utility {
    padding-top: 20px;
    overflow: hidden;
}

.post-pagination {
    margin-bottom: 12px;
}

#attachment-nav {
    padding-bottom: 12px;
    margin-bottom: 18px;
    border-bottom: #EEE 1px solid;
}

#attachment-nav a img {
    display: block;
    max-width: 50%;
}

#attachment-nav .nav-previous img {
    float: left;
    padding: 5px;
}

#attachment-nav .nav-next img {
    float: right;
    padding: 5px;
}

.entry-tags {
    margin: 0 0 22px;
    padding-left: 0;

}

.entry-tags a {
    position: relative;
    display: inline-block;
    padding: 0 16px;
    margin: 0 5px 5px 0;
    border: 1px solid #A4A4A4;
    line-height: 28px;
    border-radius: 5px;
    font-size: 14px;
    color: inherit;
}

.entry-tags a:hover {
    color: #3498DB;
}

/*.entry-tags a:before {
    content: "";
    position: absolute;
    top: 8px;
    left: 6px;
    width: 6px;
    height: 6px;
    background: #fff;
    border-radius: 3px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .2);
}*/

/*.entry-tags a:hover {
    top: -3px;
    -moz-transition: top .1s ease;
    -webkit-transition: top .1s ease;
    -o-transition: top .1s ease;
    -ms-transition: top .1s ease;
    transition: top .1s ease;
    background: #3498DB;
    color: #eee;
}*/

.social-bookmarks {
    margin-bottom: 20px;
    font-size: 12px;
    font-weight: 600;
}

.social-bookmarks p {
    margin-bottom: 12px;
}

.facebook-like,
.twitter-button,
.google-plusone,
.pinterest-button {
    float: left;
}

.facebook-like {
    width: 110px;
}

.fb_edge_comment_widget {
    width: 401px;
}

.entry-author {
    padding: 20px;
    margin-bottom: 20px;
    background: #FCFCFC;
    border-bottom: #EEE 1px solid;
    box-shadow: 0 0 5px rgba(0, 0, 0, .1);
    font-size: 13px;
    line-height: 1.62em;
}

.entry-author .avatar {
    float: left;
    padding: 5px;
    border-bottom: #DDD 1px solid;
    background: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, .1);
}

.entry-author .author {
    margin-bottom: 10px;
    font-family: "Open Sans", sans-serif;
    font-size: 15px;
    letter-spacing: normal;
}

.entry-author .author,
.author-bio,
.entry-author .author-meta {
    margin-left: 126px;
}

.author-bio {
    margin-bottom: 10px;
}

.entry-author .author-website,
.entry-author .author-twitter {
    float: left;
    width: 50%;
    text-align: center;
}

.nocomments {
    margin: 0;
    color: #999;
    font-size: 18px;
    line-height: 1.62em;
    text-align: center;
}

#comments {
    background: none;
    border: none;
    box-shadow: none;
}

#comments-title,
#reply-title {
    margin-bottom: 18px;
    font-size: 24px;
    line-height: 1.62em;
}

#comments-title {
    margin: 35px 0;
}

.navigation {
    margin: 35px 0;
}

.commentlist {
    margin: 0 0 20px 0;
    list-style: none;
}

.commentlist .children {
    margin: 20px 0 0 40px;
    list-style: none;
}

.comment {
    margin: 0;
}

.comment-body {
    padding: 20px;
    margin-bottom: 35px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .1);
    background: #fff;
    border-bottom: #DDD 1px solid;
    overflow: hidden;
}

.commentlist .comment:first-child .comment-body {
    margin-top: 0;
}

.comment .avatar {
    float: right;
    padding: 5px;
    margin: 0 0 20px 20px;
    background: #fff;
    border-bottom: #DDD 1px solid;
    box-shadow: 0 0 5px rgba(0, 0, 0, .1);
}

.comment .fn {
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.62em;
}

.comment-meta {
    margin-bottom: 18px;
    font-size: 12px;
}

a.comment-reply-link {
    padding: 4px 15px;
    border-radius: 15px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .1);
    background: #F8F8F8;
    background: -webkit-linear-gradient(#FCFCFC, #F3F3F3);
    background: linear-gradient(#FCFCFC, #F3F3F3);
    border-bottom: #DDD 1px solid;
    color: #333;
    text-decoration: none;
}

a.comment-reply-link:hover {
    box-shadow: #CCC 0 0 5px;
}

a.comment-reply-link:focus {
    box-shadow: 0 0 5px rgba(0, 0, 0, .4);
    background: -webkit-linear-gradient(#F3F3F3, #FCFCFC);
    background: linear-gradient(#F3F3F3, #FCFCFC);
}

#respond {
    width: auto;
    padding: 20px;
    margin-bottom: 5.1%;
}

.commentlist #respond {
    margin: 0 0 5.1% 0;
}

.comment-notes,
.form-allowed-tags {
    color: #aaa;
    font-size: 12px;
    line-height: 16px;
}

.comment-form-author,
.comment-form-email,
.comment-form-url,
.comment-form-comment {
    position: relative;
}

.comment-form-author label,
.comment-form-email label,
.comment-form-url label,
.comment-form-comment label {
    display: inline-block;
    position: absolute;
    top: 1px;
    left: 1px;
    z-index: 1;
    width: 60px;
    padding: 0 10px;
    color: #444;
    line-height: 36px;
}

.comment-form-author .required,
.comment-form-email .required,
.comment-form-url .required,
.comment-form-comment .required {
    position: absolute;
    top: 1px;
    right: 1.5%;
    z-index: 2;
    color: #FF0000;
    font-size: 24px;
    line-height: 44px;
}

#author,
#email,
#url,
#comment {
    position: relative;
    width: 97%;
    text-indent: 0px;
}

input#author:focus,
input#email:focus,
input#url:focus,
textarea#comment:focus {
    position: relative;
    z-index: 1;
    text-indent: 0;
}

#comment {
    font-size: 15px;
}

.form-allowed-tags code {
    padding: 0;
    background: none;
    box-shadow: none;
}

#infscr-loading {
    text-align: center;
}

#infscr-loading img {
    margin-right: 10px;
    vertical-align: middle;
}

#infscr-loading div {
    display: inline;
}

#post-nav,
#posts-nav {
    clear: both;
    margin: 0;
    font-family: "Oswald", sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 1px;
}

#posts-nav {
    position: relative;
    padding: 2.9%;
    margin: 2.46%;
    background: #e5e5e5;
}

.onecol #posts-nav {
    padding: 1.95%;
    margin: 1.7%;
}

.nav-prev,
.nav-previous {
    float: left;
    width: 50%;
}

.nav-next {
    float: right;
    width: 50%;
    text-align: right;
}

.ajax-load {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    line-height: 42px;
    text-align: center;
}

a.ajax-load:hover {
    background: #fcfcfc;
}

.page-numbers {
    padding: 0 4px;
}

.page-numbers.prev {
    padding-left: 0;
}

.page-numbers.next {
    padding-right: 0;
}

#sidebar {
    color: #ccc;
}

#sidebar-left .widget,
#sidebar-right .widget {
    margin: 15px 20px;
}

.page-template-template-content-sidebar-half-php #sidebar-left .widget,
.page-template-template-content-sidebar-half-php #sidebar-right .widget,
.page-template-template-sidebar-content-half-php #sidebar-left .widget,
.page-template-template-sidebar-content-half-php #sidebar-right .widget {
    margin: 6.55%;
}

.widget-area {
    font-weight: 300;
}

.page-template-template-sidebar-content-php #sidebar,
.page-template-template-sidebar-content-half-php #sidebar,
.page-template-template-blog-left-sidebar-php #sidebar,
.page-template-template-portfolio-left-sidebar-php #sidebar {
    float: left;
}

.page-template-template-content-sidebar-php #sidebar {
    float: right;
}

.page-template-template-sidebar-content-sidebar-php #sidebar-left {
    width: 17.4%;
}

.page-template-template-sidebar-content-sidebar-php #sidebar-right {
    width: 12.75%;
}

.widget-title {
    margin: 0;
    font-family: "Oswald", sans-serif;
    font-size: 20px;
    font-weight: 300;
    letter-spacing: 1px;
}

#sidebar-boxes .widget-title {
    font-family: "Open Sans", sans-serif;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
}

.widget-area ul {
    margin: 0;
    list-style: none;
    overflow: hidden;
}

.widget-area li {
    padding: 7px 0;
    margin: 0;
    border-bottom: #EEE 1px solid;
    rborder-bottom: rgba(0, 0, 0, .036) 1px solid;
    line-height: 1.62em;
}

.widget-area li li {
    border-bottom: none;
}

.widget-area li ul {
    margin-left: 20px;
}

.widget-area a {
    color: #7597B9;
}

.widget-area a:hover {
    color: #d54e21;
}

#sidebar-footer-wide {
    margin-top: 2.1%;
    border: none;
    border-top: #e0e0e0 1px solid;
}

#footer {
    border-top: #333 1px solid;
    border-top: rgba(0, 0, 0, .79) 1px solid;
    background: #222;
    color: #a4a4a4;
    left: 0;
    bottom: 0;
    width: 100%;
    font-size: 12px;
    padding: 30px 0 0;
    z-index: 2;
    position: absolute;
}

#footer .sections {
    width: 960px;
    height: 135px;
    margin: 0 auto;
    position: relative;
}

.sections .link-section {
    width: 100%;
    text-align: center;
}

.sections .link-section .link-wrapper {
    font-size: 14px;
    padding-right: 50px;
}

.sections .link-section .jam-logo {
    display: inline-block;
    width: 196px;
    margin-top: 24px;
}

.sections .link-wrapper a {
    margin: 0 10px;
}

.sections .qr-section {
    width: 126px;
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
}

.sections .qr-section img {
    width: 100px;
}

.sections .qr-section p {
    margin-bottom: 0;
}

#footer .bottom-section {
    border-top: 1px solid #4a4a4a;
    text-align: center;
    padding: 18px 0;
}

#footer a {
    color: inherit;
}

#footer a:hover {
    color: #fff;
}

#footer .tip {
    position: absolute;
    bottom: 0;
}

#footer #license {
    margin-left: 10px;
}

#footer-bottom {
    clear: both;
    border-top: #333 1px solid;
    border-top: rgba(0, 0, 0, .79) 1px solid;
    background: #111;
    font-family: 'Microsoft YaHei', '微软雅黑', Arial, Lucida Grande, Tahoma, sans-serif;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 65px;
    width: 100%;
}

#footer-area {
    position: relative;
    z-index: 1;
    padding: 1.6%;
    background: #222;
    border-top: #555 1px solid;
    border-top: rgba(255, 255, 255, .235) 1px solid;
    box-shadow: none;
    color: #CCC;
}

#footer-area .widget-title {
    color: #e0e0e0;
    font-size: 18px;
}

#footer-area li {
    border-bottom: #2C2C2C 1px solid;
    border-bottom: rgba(255, 255, 255, .05) 1px solid;
}

.tagcloud {
    margin: 0 -8px 16px;
}

.tagcloud a {
    position: relative;
    display: inline-block;
    padding: 1px 6px 1px 18px;
    margin: 8px;
    background: #fff;
    background: -webkit-linear-gradient(#fff, #fcfcfc);
    background: linear-gradient(#fff, #fcfcfc);
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    color: #333;
    font-size: 12px !important;
}

.tagcloud a:before {
    content: "";
    position: absolute;
    top: 8px;
    left: 6px;
    width: 6px;
    height: 6px;
    background: #F8F8F8;
    border-radius: 3px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .2);
}

.tagcloud a:hover {
    top: -3px;
    color: #333;
    -webkit-transition: top .1s ease;
    transition: top .1s ease;
}

#footer-area .tagcloud a {
    background: #444;
    background: -webkit-linear-gradient(#444, #333);
    background: linear-gradient(#444, #333);
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(255, 255, 255, .2);
    color: #CCC;
}

#footer-area .tagcloud a:before {
    background: #222;
}

#footer-area .tagcloud a:hover {
    color: #CCC;
}

#footer-in {
    width: 1180px;
    margin: 0 auto;
}

#copyright {
    clear: both;
    padding: 24px 20px;
    background: #111;
    border-top: #333 1px solid;
    border-top: rgba(255, 255, 255, .145) 1px solid;
    color: #CCC;
    font-weight: 300;
}

.copyright {
    float: left;
}

.credits {
    float: right;
    margin-right: 12px;
    text-align: right;
}

#copyright p {
    margin: 0;
}

#copyright a {
    color: #ccc;
    text-decoration: none;
}

#copyright a:hover {
    color: #3498DB;
}

/* cumstom by zouyang */
.entry-title {
    font-size: 18px;
    margin-bottom: 5px;
}

.entry-title-album {
    text-align: left;
    margin-bottom: 0;
    display: table;
}

.entry-title-album a {
    display: table-cell;
    vertical-align: middle;
    font-size: 16px;
    font-weight: bold;
    color: #393939;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
}

.entry-title-album span {
    font-size: 16px;
    font-weight: bold;
    color: #777;
}

.entry-source {
    color: #888888;
    font-size: 12px;
}

.entry-source a {
    font-size: 12px;
    font-weight: bold;
    color: #888888;
}

.bottom-cover {
    position: absolute;
    width: 100%;
    height: 40px;
    right: 0;
    bottom: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .5)));
    background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, .5));
    background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, .5));
    background-image: none;
}

.video-time {
    position: absolute;
    right: 14px;
    bottom: 5px;
    color: #FFFFFF;
    line-height: 30px;
    font-size: 18px;
}

.entry-content p {
    text-indent: 0;
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 30px;
}

.entry-content.entry-topic a {
    padding-bottom: 3px;
    border-bottom: 1px solid #8a8a8a;
    text-decoration: none;
    color: #8a8a8a;
}

.entry-content.entry-topic h4 a {
    color: inherit;
    border: inherit;
}

.video-intro {
    padding-bottom: 14px;
    margin-bottom: 20px;
    border-bottom: 1px #b2b2b2 solid;
}

.video-intro .video-intro-title {
    float: left;
    font-size: 18px;
    line-height: 32px;
    font-weight: bold;
}

.entry-content .video-intro p {
    font-size: 16px;
    line-height: 32px;
    color: rgb(75, 75, 75);
    margin-bottom: 0;
}

.entry-info {
    overflow: hidden;
    margin: 10px 0 15px 0;
}

.entry-album {
    float: left;
    margin-left: 5%;
    display: block;
}

.entry-player {;
    /*float: left;*/
    margin: 0 auto;
    text-align: center;
}

.entry-cover {
    max-width: 180px;
    max-height: 180px;
    display: block;
    float: left;
    margin: 0;
}

#albums_info {
    margin: 0px auto;
    display: block;
    float: left;
    padding: 25px;
}

#albums_info table {
    text-align: left;
    border-collapse: separate;
}

#albums_info .item {
    margin-left: 1%;
    width: 80px;
    color: #666;
}

#albums_info .value {
    display: block;
    margin-left: 1%;
    width: 190px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#albums_info tr {
    background: #FFFFFF;
}

#albums_info td {
    padding: 0px 0px 5px 0px;
}

#player {
    float: right;
    padding: 25px 10px 20px 30px;
    width: 191px;
}

#player_btn a {
    background: url(https://img.xiami.net/res/img/default/playit.gif) 0 0 no-repeat;
    display: block;
    overflow: hidden;
    width: 100px;
    height: 45px;
    padding-left: 50px;
    line-height: 45px;
    font-size: 14px;
}

.slider-wrapper {
    overflow: hidden;
}

.entry-summary {
    height: 42px;
}

.widget-title {
    display: block;
    font-size: 16px;
    color: #777;
}

#xiami-bobo embed {
    width: 220px;
}

.play {
    background: url('images/audio-sprites.png') -28px 0;
    cursor: pointer;
    display: block;
    overflow: hidden;
    position: absolute;
    z-index: 2;
    text-indent: -999em;
    left: 40px;
    top: 135px;
    margin: 0;
    height: 40px;
    width: 40px;
}

#infscr-loading {
    font-size: 18px;
    font-color: #888;
    margin-top: 25px;
}

.overlay {
    display: block;
    position: absolute;
    top: 20px;
    left: 10px;
    right: 0;
    background: #C2A548;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-transition: opacity 100ms linear;
    -webkit-transition: opacity 100ms linear;
    -ms-transition: opacity 100ms linear;
    z-index: 1;
    width: 280px;
    height: 158px;
}

.overlay-album {
    display: block;
    position: absolute;
    top: 20px;
    left: 19px;
    right: 0;
    background: #dddddd;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-transition: opacity 150ms linear;
    -webkit-transition: opacity 150ms linear;
    -ms-transition: opacity 150ms linear;
    z-index: 1;
}

.single-post #content {
    width: 750px;
}

#single_share {
    margin-top: 20px;
    margin-left: 5px;
    color: #666;
}

#golden_state {
    margin: 0 auto;
    padding: 20px 10px 0 10px;
    overflow: hidden;
}

/** badge-revision **/
.badge-wrapper {
    position: relative;
}

.badge-revision {
    padding: 6px 10px;
    background: #F7A433;
    position: absolute;
    z-index: 31;
    font-size: 12px;
    height: 12px;
    line-height: 12px;
    top: 5px;
    left: -5px;
    color: #333;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);
}

.badge-revision:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    line-height: 0;
    border-left: 5px solid transparent;
    border-top: 3px solid #BC8025;
    top: 24px;
    left: 0;
    position: absolute;
}

.easingsliderlite, .easingsliderlite-viewport, .easingsliderlite-shadow, .easingsliderlite-viewport, .easingsliderlite-slides-container, .easingsliderlite-slide {
    background: #e5e5e5;
    background-color: #e5e5e5;
}

#ad_wrapper {
    background: #333;
    width: 180px;
    height: 156px;
    float: right;
    padding: 35px 15px;
    text-align: center;
    display: none;
}

#ad_title {
    color: #C2A548;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 2px;
    margin-bottom: 10px;
}

#ad_desc {
    color: #aaa;
    font-size: 14px;
    margin-bottom: 47px;
}

#ad_btn {
    margin: 0px auto;
    text-align: center;
}

#ad_btn_in {
    display: block;
    margin: 0 auto;
    padding: 6px 10px;
    width: 80px;
    background: #747474;
    color: #fff;
    letter-spacing: 1px;
}

#content {
    margin-bottom: 30px;
}

.meta_custom {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #a4a4a4;
    position: relative;
}

.meta_custom a {
    color: inherit;
}

.meta_custom a:hover {
    color: #3498DB;
}

.meta_custom span {
    vertical-align: top;
    display: inline-block;
}

.meta_custom .date_custom {
    margin-left: 14px;
}

.meta_custom .author_custom {
    font-weight: 500;
    color: #4a4a4a;
}

.meta_custom .author_custom .avatar {
    display: inline-block;
    width: 30px;
    height: 30px;
    overflow: hidden;
    border-radius: 50%;
    margin-right: 10px;
}

.meta_custom_read {
    display: inline-block;
    float: right;
}

#404_content span {
    display: block;
}

#top-wrapper {
    position: fixed;
    background: #131418;
    top: 0;
    width: 100%;
    height: 60px;
    box-shadow: 0 0 4px rgba(0, 0, 0, .2);
    z-index: 11;
    font-size: 14px;
    font-family: -apple-system-font, "Roboto", "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
}

#access {
    width: 1100px;
    margin: 0 auto;
    background-color: inherit;
}

#access.access-short {
    width: 1020px;
}

#wrapper.access-short {
    width: 1000px;
}

.access-short ~ .header-submenu .submenu-container {
    width: 1000px;
}

.menu-demo-container {
    padding: 0 0;
    float: left;
}

.menu-item a {
    height: 30px;
    line-height: 30px;
    cursor: pointer;
}

.nav-right {
    float: right;
}

#top-wrapper .sub-menu {
    -webkit-transition: none;
    transition: none;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    visibility: hidden;
    z-index: 0;
}

#top-wrapper .menu-item-has-children:hover .sub-menu {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    z-index: 100;
    -webkit-transition: all 0.3s cubic-bezier(0.31, 0.57, 0.68, 1.36) 0.1s;
    transition: all 0.3s cubic-bezier(0.31, 0.57, 0.68, 1.36) 0.1s;
}

#top-wrapper .menu .menu-item-has-children:after {
    content: '';
    border-top: 4px dashed;
    border-top: 4px solid \9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    display: inline-block;
    position: absolute;
    color: #f0f0f0;
    right: -3px;
    top: 29px;
}

/*#top-wrapper .menu > .menu-item:first-child {
    width: 120px;
    font-size: 16px;
    text-align: center;
    font-weight: 500;
}*/

/*#top-wrapper .menu > .menu-item:first-child > a {
    color: #fff;
}*/

#top-wrapper .menu .menu-item-has-children.menu-item:first-child:after {
    right: 15px;
}

#top-wrapper #menu-item-13209.dropup:after {
    border-top: 0;
    border-bottom: 4px dashed;
    border-bottom: 4px solid \9;
}

#top-wrapper .header-submenu {
    display: none;
    position: absolute;
    width: 100%;
    min-width: 1180px;
    height: 60px;
    background-color: #222;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .15);
    z-index: 1000;
    top: 60px;
    border-top: 1px #0f0f0f solid;
    opacity: .95;
}

.header-submenu .submenu-container {
    list-style: none;
    width: 1180px;
    margin: 0 auto;
    overflow: hidden;
}

.header-submenu .menu-item {
    float: left;
    margin: 0;
    position: relative;
}

.header-submenu .menu-item a {
    float: left;
}

.header-submenu .menu-item a.selected {
    background: rgba(255, 255, 255, .2);
}

.top-nav-wrapper .app-promote-btn {
    float: left;
    height: 60px;
    line-height: 60px;
    color: #F7B501;
    width: 120px;
    text-align: center;
    padding: 0;
    position: relative;
}

.top-nav-wrapper .app-promote-btn:before {
    content: '';
    position: absolute;
    left: 0;
    height: 50%;
    top: 25%;
    background-color: #a4a4a4;
    width: 1px;
    transform: scaleX(0.5);
    -webkit-transform: scaleX(0.5);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -webkit-transition: opacity .25s ease; -moz-transition: opacity .25s ease; -ms-transition: opacity .25s ease; -o-transition: opacity .25s ease; transition: opacity .25s ease;
}

.top-nav-wrapper .app-promote-btn:hover {
    color: #131418;
    background: #F7B501;
}

.top-nav-wrapper .app-promote-btn:hover svg {
    fill: #000;
}

.top-nav-wrapper .app-promote-btn:hover:before {
    opacity: 0;
}

.app-promote-btn .icon-phone {
    margin-right: 5px;
}

.app-promote-btn .inner {
    display: inline-block;
}

.app-promote-btn .svg-icon-weapp {
    display: inline-block;
    width: 18px;
    vertical-align: -4px;
}

.app-promote-btn .svg-icon-weapp svg {
    fill: #f7b501;
}

#top-wrapper .app-promote-btn .sub-menu {
    width: 150px;
    margin-left: -75px;
}

#top-wrapper .app-promote-btn .sub-menu img {
    width: 100px;
    height: 100px;
    vertical-align: middle;
    margin: 12px 0;
}

#top-wrapper .app-promote-btn .sub-menu p {
    font-size: 12px;
    color: #a4a4a4;
    margin-bottom: 8px;
    line-height: 1.5;
}

#search-wrapper {
    float: left;
    padding: 14px;
    position: relative;
    color: #e2e2e4;
    -webkit-transition: background-color .25s ease;
    transition: background-color .25s ease;
}

#search-wrapper form {
    border: 1px solid #4a4a4a;
    border-radius: 50px;
    padding: 0 12px 0 6px;
    position: relative;
    -webkit-transition: border-color .3s ease; -moz-transition: border-color .3s ease; -ms-transition: border-color .3s ease; -o-transition: border-color .3s ease; transition: border-color .3s ease;
}

#search-wrapper form.active {
    border-color: #e2e2e4;
}

#search-wrapper form .go {
    position: absolute;
    padding: 0;
    cursor: pointer;
    right: 0;
    top: 0;
    line-height: 30px;
    width: 30px;
    text-align: center;
}

#search-wrapper input#s:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #eaeaea inset !important;
}

#search-wrapper input#s {
    width: 160px;
    height: 30px;
    color: #fff;
    border: none;
    margin: 0;
    font-size: 14px;
    box-shadow: none;
    line-height: 30px;
    padding: 0 8px;
    background: rgba(0, 0, 0, 0);
}

#logo-wrapper {
    float: left;
    overflow: hidden;
    margin-right: 20px;
    height: 60px;
}

#logo-wrapper a {
    width: 130px;
    padding: 0;
    margin-top: 13px;
    height: 33px;
    line-height: 100em;
    background-image: url(./images/white-logo-large.png);
    background-repeat: no-repeat;
    background-size: 130px 33px;
    background-position: center center;
    image-rendering: -webkit-optimize-contrast;
}

.home {
    background: #E6E6E6;
}

#content .single-entry {
    margin: 0;
}

#uyan_frame {
    padding: 0 20px;
}

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    font-family: -apple-system-font,"Roboto","Helvetica Neue","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
    color: #131418;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
}

#global-wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    /*ie6不识别min-height,如上述处理*/
    position: relative;
    /*background-color: #f3f3f3;*/
    padding-top: 60px;
    padding-bottom: 220px;
    box-sizing: border-box;
}

.style-unit {
    /*
float: left;
*/
    overflow: hidden;
    position: relative;
}

.boxcaption {
    /*
float: left;
*/
    position: absolute;
    top: 200px;
    background: #000;
    height: 140px;
    width: 100%;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
}

.style-unit h3 {
    margin: 12px 12px 12px 12px;
    color: #FFF;
    font-size: 16pt;
    font-family: 'Microsoft YaHei', '微软雅黑';
    text-align: center;
}

.style-unit h3 a {
    color: #C8DCE5;
}

.style-unit p {
    margin: 0px 12px 0px 12px;
    color: #C8DCE5;
    font-size: 12pt;
    font-family: 'Microsoft YaHei', '微软雅黑';
}

/* latin */
@font-face {
    font-family: 'Open Sans Extrabold Italic';
    font-style: italic;
    font-weight: 800;
    src: local('Open Sans Extrabold Italic'), local('OpenSans-ExtraboldItalic'), url(//static.jammyfm.com/wordpress/wp-content/themes/pinboard/fonts/opensans-i-800-latin.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

.location-title {
    color: #555;
    font-size: 28px;
    line-height: 40px;
}

.location-subtitle {
    font-size: 16px;
    margin-left: 20px;
    padding-left: 24px;
    display: inline-block;
    zoom: 1;
    height: 28px;
    line-height: 28px;
    background: url(../img/block_l.png) no-repeat 0 0 transparent;
    color: #777;
}

.location-subtitle span {
    display: block;
    padding-right: 24px;
    background: url(../img/block_r.png) no-repeat right 0 transparent;
}



.location-title-new {
    color: #424242;
    display: inline-block;
}

.location-title-new.title-EN {
    text-transform: uppercase;
    font-family: "Open Sans Extrabold Italic", sans-serif;
    font-style: italic;
    font-weight: 800;
    letter-spacing: -1px;
    font-size: 42px;
    line-height: 66px;
}

.location-title-new.title-CN {
    font-size: 24px;
    font-weight: bold;
    vertical-align: 3px;
    line-height: 24px;
}

.yarpp-related-widget h3 {
    font-size: 16px;
    margin-bottom: 5px;
    color: #555;
}

#yarpp_widget-2 {
    width: 300px;
}

.yarpp-thumbnail {
    overflow: hidden;
    display: block !important;
}

.yarpp-thumbnail img {
    border-radius: 0px;
}

.attachment-yarpp-thumbnail {
    width: 30%;
    display: block;
    float: left;
}

.yarpp-unit {
    overflow: hidden;
    background: #ffffff;
    padding: 8px 0px;
    border-radius: 0px;
}

.yarpp-unit-left {
    float: left;
    margin-left: 10px;
    font-size: 14px;
    width: 70%;
}

.attachment-yarpp-thumbnail {
    float: left;
}

.yarpp-unit-left span {
    display: block;
    margin: 0px;
}

.yarpp-thumbnail-title {
    color: #333;
}

.yarpp-thumbnail-author {
    color: #999;
}

.index_title {
    margin: 30px 20px 0px 20px;
    padding-bottom: 5px;
    border-bottom: 1px solid #cbcbcb;
    position: relative;
    overflow: hidden;
}

.index_title h2 {
    font-family: 'Microsoft YaHei', '微软雅黑', Arial, Lucida Grande, Tahoma, sans-serif;
    font-size: 24px;
    font-weight: bold;
    float: left;
    margin: 0px;
}

.index_title h2 i {
    color: #ed1c24;
}

.read_more {
    padding-top: 10px;
    text-align: right;
    font-size: 14px;
    float: right;
    display: block;
}

.read_more a {
    color: #333;
    text-decoration: none;
    font-weight: bold;
}

.read_more i {
    background: url(./images/jiantou.png) no-repeat 0 0;
    width: 24px;
    height: 24px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.topic_card {
    background: #fff;
}

.userli {
    position: relative;
    z-index: 2;
    margin-top: -25px;
    padding: 0px 10px;
}

.i_bbsuser {
    min-height: 50px;
    _height: 50px;
    position: relative;
    zoom: 1;
    padding: 30px 0 0 85px;
}

.i_bbsuser img {
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 10px;
    border: 3px solid #fff;
}

.i_bbsuser a {
    color: #333;
}

.i_bbsuser p, .textli p {
    margin: 0;
    padding: 0;
    color: #ccc;
}

.topic_card .textli p {
    font-size: 14px;
    color: #393939;
}

.textli {
    padding: 15px;
    font-size: 16px;
    line-height: 1.5em;
}

.textli a {
    color: #393939;
    font-weight: bold;
}

.textli h3 {
    font-weight: normal;
    font-size: 16px;
    height: 20px;
    line-height: 1.3em;
    margin-bottom: 15px;
    color: #ccc;
    overflow: hidden;
}

.overlay-topic {
    background: #ddd;
}

.overlay-video {
    background: #fff;
    width: 380px;
    height: 214px;
    top: 20px;
    left: 10px;
    right: 10px;
}

#respond {
    display: none;
}

dl, dt, dd {
    padding: 0;
    margin: 0;
    list-style: none;
}

#container .c1 {
    position: relative;
    overflow: hidden;
    font-size: 14px;
    margin: 20px 10px 0px 10px;
}

#container .c1 dl.c2 {
    border: none;
}

.c1 dl {
    color: #666;
    line-height: 36px;
}

.c2 dt {
    float: left;
    margin-right: 20px;
}

.c2 dd a {
    color: #424242;
    margin-right: 12px;
    padding: 2px 10px;
}

.c1 dl dd a.c3 {
    background: #424242;
    color: #FFFFFF;
    border-radius: 3px;
}

.post-share {
    float: right;
}

.series_intro {
    position: relative;
    padding: 0 0 40px;
    margin: 20px 0 25px;
    border-bottom: 1px solid #CDCDCD;
}

.series_intro_img {
    width: 820px;
    height: 360px;
    display: block !important;
}

.series_intro_text {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 40px;
    width: 240px;
    padding: 20px;
    padding-top: 0px;
    background-color: #2C2C2C;
    color: #FFF;
}

.series_intro_text h1 {
    font-size: 20px;
    line-height: 28px;
    font-weight: normal;
    /*max-height: 56px;*/
    margin-bottom: 15px;
}

.series_intro_text .i {
    line-height: 24px;
    max-height: 192px;
    overflow: hidden;
}

.series_share {
    position: absolute;
    right: 20px;
    bottom: 15px;
}

.series_share span {
    display: block;
    float: left;
    margin: 6px 10px 0px 0px;
}

.series_share .bdsharebuttonbox {
    float: left;
    background-color: white;
    padding-left: 5px;
}

.entry-header .bdsharebuttonbox {
    float: right;
}

.entry-lyric {
    position: relative;
    font-size: 12px;
    background: #f9f9f9;
    border: 1px #f2f2f2 solid;
    padding: 10px 15px;
    border-radius: 5px;
}

.lyric-title {
    font-weight: 700;
    font-size: 16px;
    float: left;
}

.lyric-top {
    overflow: hidden;
}

.lyric-main {
    margin: 15px 0 10px;
    font-size: 14px;
    line-height: 1.7;
    text-align: center;
    color: #777;
    /* word-spacing: 1px; */
    text-rendering: optimizeLegibility;
    word-wrap: break-word;
    display: none;
}

.lyric-toggle {
    float: right;
    font-size: 16px;
    overflow: hidden;
}

.lyric-toggle span {
    display: block;
    float: right;
    color: #36c;
}

#show_more, #show_less {
    background: url(https://img3.douban.com/f/shire/30d6b18445bb4f47709f1c1ae7b5c7496e5a6fb2/pics/review-expand.png) no-repeat 0 0;
    margin-top: 3px;
    width: 48px;
    height: 18px;
    display: block;
    float: right;
}

#show_more {
    background-position: 0 -32px;
}

#show_less {
    background-position: 0 -63px;
    display: none;
}

.foot_items {
    list-style-type: none;
    margin: 0;
    padding: 0;
    float: left;
}

.foot_items li {
    float: left;
    margin-top: 0px;
    margin-left: 20px;
}

#no_search {
    margin: 20px;
    font-size: 18px;
    color: #666;
}

.post-relike {
    text-align: center;
}

.reshare {
    width: 186px;
    margin-left: 310px;
}

#back-to-top {
    display: none;
    position: fixed;
    bottom: 80px;
    left: 50%;
    margin-left: 605px;
    z-index: 999;
    background: #fff;
}

#back-to-top a {
    display: block;
    width: 40px;
    height: 40px;
    text-align: center;
    border: 1px solid #e2e2e4;
    color: #a4a4a4;
    box-sizing: border-box;
    -webkit-transition: color .3s ease; -moz-transition: color .3s ease; -ms-transition: color .3s ease; -o-transition: color .3s ease; transition: color .3s ease;
}

#back-to-top a:hover {
    color: #131418;
}

#back-to-top a.back-top {
    margin-top: -1px;
    line-height: 32px;
    font-size: 42px;
}

#back-to-top a.feedback {
    padding: 2px 0;
    line-height: 17px;
}

#back-to-top-mobile {
    position: fixed;
    right: 4%;
    bottom: 10%;
    z-index: 99999;
}

#back-to-top-mobile li a {
    width: 50px;
    height: 50px;
    display: inline-block;
    border-image-width: 0px;
    text-align: center;
}

#back-to-top-mobile ul li {
    background: rgba(0, 0, 0, 0.5);
    text-align: center;
    border-radius: 5px;
}

.ico-gotop {
    display: inline-block;
    font-size: 0;
    line-height: 0;
    background: transparent url("http://static.youku.com/index/img/mobile/sidebar@2x.png") no-repeat;
    background-size: 32px 130px;
    width: 24px;
    height: 26px;
    margin-top: 13px;
    background-origin: padding-box;
    vertical-align: middle;
}

.s-video-title {
    font-size: 28px;
    color: #393939;
    line-height: 32px;
    padding-top: 6px;
    padding-bottom: 6px;
    margin-bottom: 12px;
    font-weight: 500;
    -webkit-font-smoothing: subpixel-antialiased;
}

.video-title {
    font-size: 16px;
    height: 50px;
    margin: 0;
}

.video-title a {
    color: #393939;
}

.song-title {
    font-size: 16px;
    height: 25px;
}

.video-summary {
    color: #ccc;
}

.video-play {
    background: url('images/media_video.png');
    cursor: pointer;
    display: block;
    overflow: hidden;
    position: absolute;
    z-index: 2;
    text-indent: -999em;
    left: 55%;
    top: 28%;
    margin: 0 auto -36px;
    height: 42px;
    width: 50px;
}

.single-entry .video-content {
    margin-bottom: 10px;
}

.single-entry .video-content .entry-video-container {
    width: 100%;
    padding-bottom: 58%;
    position: relative;
}

.single-entry .JAM_entryVideo {
    width: 100%;
    height: 580px;
}

.entry-content .video-content {
    margin-bottom: 30px;
    width: 100%;
}

.entry-content .video-content .entry-video-container {
    width: 100%;
    padding-bottom: 58%;
    position: relative;
}

/***  JAM MUSIC PLAYER START  ***/

.entry-content .jam-music-player {
    width: 100%;
    height: 70px;
    background: #fff;
    box-shadow: 0 0 6px 0 rgba(0,0,0,0.15);
}

.entry-content .jam-music-player:hover {
    cursor: pointer;
}

.jam-music-player .album-cover {
    width: 70px;
    height: 70px;
    float: left;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.jam-music-player .album-cover:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.2);
}

.jam-music-player .album-cover:after {
    content: '';
    display: block;
    position: absolute;
    left: 25px;
    top: 26px;
    width: 19px;
    height: 21px;
    background-image: url(./images/player_btn.png);
    background-repeat: no-repeat;
    background-size: 19px 47px;
    background-position: 0 0;
}

.jam-music-player.playing .album-cover:after {
    background-image: url(./images/player_btn.png);
    background-position: 0 -26px;
}

.jam-music-player .music-main {
    height: 70px;
    padding: 16px 0 16px 14px;
    margin-right: 14px;
    position: relative;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background: url(./images/music-player-bg.png) no-repeat;
    background-size: 89px;
    background-position: 577px 26px;
}

.jam-music-player .music-main:after {
    content: '';
    display: block;
    height: 1px;
    background: #f0f0f0;
    position: absolute;
    bottom: 16px;
    left: 14px;
    right: 14px;
}

.jam-music-player .music-song-name {
    font-size: 18px;
    line-height: 20px;
    margin-right: 14px;
    color: #333;
    display: inline-block;
}

.jam-music-player .music-singer-name {
    font-size: 12px;
    line-height: 14px;
    color: #666;
    display: inline-block;
}

.jam-music-player .music-singer-name span:first-child {
    margin-right: 14px;
}

/***  JAM MUSIC PLAYER END  ***/

.video-left {
    float: left;
    width: 66%;
    margin-bottom: 30px;
}

.video-right {
    float: right;
    width: 32%;
}

.video-main {
    background-color: #FFF;
    padding: 15px 22px 15px 22px;
    margin-bottom: 25px;
    overflow: hidden;
}

.video-main.normal-main {
    padding: 0;
}

.video-main .entry-title {
    width: 100%;
    display: block;
    float: left;
    margin: 0 0 10px -22px;
    border-left: 4px solid #F39200;
    font-size: 14px;
    padding: 5px 0 5px 16px;
    line-height: 18px;
}

.video-main .meta_custom {
    display: block;
    float: left;
    width: 100%;
}

.video-main .entry-content {
    width: 100%;
    float: left;
}

.video-main .entry-content p {
    text-indent: 0;
    line-height: 1.8em;
    color: #666;
    font-size: 14px;
}

.video-left #uyan_frame {
    padding: 0 !important;
}

.wj-rec {
    float: left;
    margin-top: -5px;
    margin-left: -20px;
}

.wj-rec a {
    display: block;
    float: left;
    width: 123px;
    margin-left: 20px;
    margin-top: 20px;
    position: relative;
    color: #123;
    -webkit-transition: color .4s;
    transition: color .4s;
}

.wj-rec a img {
    display: block;
    width: 100%;
    vertical-align: top;
}

span.mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 82px;
    background-color: #fff;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity .4s;
    transition: opacity .4s;
}

.wj-rec a span {
    display: block;
    text-align: left;
    line-height: 24px;
    font-size: 14px;
    overflow: hidden;
}

.overdot {
    height: 48px;
}

#weibo_button {
    float: right;
    padding: 12px 0px;
    margin-top: 4px;
}

#weibo_button a {
    padding: 0px !important;
}

.video-main .entry-header {
}

/* cumstom by zouyang end */

/* ipad 3 4 */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (-webkit-min-device-pixel-ratio: 2) {

    #wrapper {
        max-width: 768px !important;
    }

    .single-post #content {
        width: 70%;
    }

    #sidebar {
        display: block;
    }

}

/* ipad 1 2 mini */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (-webkit-min-device-pixel-ratio: 1) {

    .threefourthcol {
        width: 66.7%;
    }

    .threefourthcol .threecol {
        width: 50%;
    }

    .fourcol,
    .onecol .fourcol {
        width: 25%;
    }

    .single-post #content {
        width: 70%;
    }

    #wrapper, #access {
        max-width: 960px;
    }

    #golden_state {
        max-width: 920px;
        padding: 20px 0 0 0;
    }

    #wrapper {
        max-width: 960px;
    }

    .boxcaption {
        top: 160px;
    }

    #yarpp_widget-2 {
    }

    #sidebar-right .widget {
        margin: 15px;
    }

    #slider .entry-container {
        top: 28%;
    }

    .threefourthcol .threecol .entry,
    .onecol .fourcol .entry,
    .fourcol .widget {
        margin: 5%;
    }

    img.attachment-gallery-thumb {
        max-width: 82px;
    }

    .twocol img.attachment-gallery-thumb {
        max-width: 74px;
    }

    .single img.attachment-gallery-thumb {
        max-width: 100%;
    }

    .format-audio object {
        min-height: 24px;
    }

    .single .format-audio object {
        height: 24px;
    }

    .social-bookmarks iframe {
        min-height: 0;
    }

    #sidebar-header {
        width: 468px;
        height: 60px;
        margin-top: 20px;
    }

}

@media screen and (min-width: 760px) and (max-width: 960px) {

    /*.entry figure {*/
    /*margin-right: 2%;*/
    /*width: 100%;*/
    /*}*/
    .onecol .threecol,
    .onecol .fourcol {
        width: 50%;
    }

    #wrapper {
        max-width: 760px;
    }

    #slider .entry-container {
        top: 32%;
        padding: 0;
    }

    #slider .entry-summary {
        display: none;
    }

    .content-sidebar-wrap,
    #content,
    .page-template-template-sidebar-content-sidebar-php .content-sidebar-wrap #content,
    #sidebar {
        width: 100%;
    }

    .onecol .hentry .entry,
    .onecol .hentry #comments,
    .onecol .hentry #respond {
        margin: 2.4%;
    }

    .onecol .twocol .entry,
    .onecol .threecol .entry,
    .threefourthcol .threecol .entry,
    .onecol .fourcol .entry {
        margin: 4.5%;
    }

    .page-template-template-full-width-php .hentry.onecol .wp-post-image,
    .page-template-template-full-width-php .hentry.onecol .entry-attachment,
    .page-template-template-full-width-php .hentry.onecol .post-gallery,
    .page-template-template-full-width-php .hentry.onecol .entry-thumbnail,
    .page-template-template-blog-full-width-php .hentry.onecol .entry-thumbnail,
    .page-template-template-blog-four-col-php .entry-thumbnail {
        float: none;
        max-width: 100%;
        margin: 0;
    }

    .page-template-template-full-width-php .hentry.onecol .entry-attachment,
    .page-template-template-full-width-php .hentry.onecol .post-gallery {
        width: 100%;
    }

    .page-template-template-full-width-php .hentry.onecol .entry-header,
    .page-template-template-full-width-php .hentry.onecol .entry-thumbnail,
    .page-template-template-full-width-php .hentry.onecol .entry-summary,
    .page-template-template-blog-full-width-php .hentry.onecol .entry-header,
    .page-template-template-blog-full-width-php .hentry.onecol .entry-thumbnail,
    .page-template-template-blog-full-width-php .hentry.onecol .entry-summary,
    .page-template-template-blog-four-col-php .hentry.onecol .entry-header,
    .page-template-template-blog-four-col-php .hentry.onecol .entry-thumbnail,
    .page-template-template-blog-four-col-php .hentry.onecol .entry-summary {
        float: none;
        width: auto;
    }

    .single .format-audio object {
        height: 30px;
    }

    .onecol .onecol .entry-summary {
        font-size: 13px;
        line-height: 1.62em;
    }

    .social-bookmarks iframe {
        min-height: 0;
    }

    .page-template-template-portfolio-php .post.onecol .wp-post-image,
    .page-template-template-portfolio-php .post.onecol .entry-attachment,
    .page-template-template-portfolio-php .post.onecol .post-gallery {
        float: none;
        max-width: 100%;
        margin: 0;
    }

    .page-template-template-portfolio-php .post.onecol .entry-attachment,
    .page-template-template-portfolio-php .post.onecol .post-gallery {
        width: 100%;
    }

    .page-template-template-portfolio-php .post.onecol .entry-header,
    .page-template-template-portfolio-php .post.onecol .entry-summary {
        float: none;
        width: auto;
    }

    .onecol #posts-nav {
        padding: 2.8%;
        margin: 2.3%;
    }

    #sidebar .onecol {
        width: 33.3%;
    }

    #sidebar .twocol {
        float: none;
        width: auto;
    }

    #sidebar-left .widget,
    #sidebar-right .widget {
        margin: 5.8%;
    }

    #sidebar .widget,
    #footer-area .widget,
    #sidebar-boxes .widget,
    .page-template-template-content-sidebar-half-php #sidebar-left .widget,
    .page-template-template-content-sidebar-half-php #sidebar-right .widget,
    .page-template-template-sidebar-content-half-php #sidebar-left .widget,
    .page-template-template-sidebar-content-half-php #sidebar-right .widget {
        margin: 6.7%;
    }

    #sidebar-boxes,
    #footer-area {
        padding: 2.2%;
    }

    #copyright {
        padding: 1.7% 4.3%;
    }

}

@media screen and (max-width: 760px) {

    * {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }

    /*底部固定，这里写死高度*/
    #global-wrapper {
        padding-bottom: 42px;
        box-sizing: border-box;
    }

    .header-inner {
        padding: 0 10px;
        background-color: #E7EBEC;
        line-height: 50px;
        height: 50px;
    }

    .header-mob {
        box-sizing: border-box;
        display: -moz-box;
        display: -webkit-box;
        display: box;
        -webkit-box-pack: start;
        box-pack: start;
        -webkit-box-orient: horizontal;
        box-orient: horizontal;
        width: 100%;
        box-sizing: border-box;
    }

    .icon-rockerfm {
        height: 30px;
        width: 77px;
        vertical-align: middle;
        background-image: url(http://rockerfm.com/wordpress/wp-content/themes/pinboard/images/logo_mob.png);
        background-repeat: no-repeat;
        display: inline-block;
    }

    .icon_user_in {
        display: block;
    }

    .header-logo {
        width: 85px;
    }

    .user-in-logo {
        width: 30px;
        height: 30px;
        vertical-align: middle;
        display: inline-block;
        border-radius: 50%;
        margin-bottom: 2px;
    }

    .user-before-in-logo {
        width: 26px;
        height: 26px;
        vertical-align: middle;
        display: inline-block;
        margin-bottom: 2px;
    }

    .header-search {
        -webkit-box-flex: 1;
        box-flex: 1;
    }

    .search-mod {
        width: 100%;
        overflow: hidden;
    }

    .search-mod .search_input {
        height: 30px;
        margin-top: 10px;
        line-height: 30px;
        overflow: hidden;
        white-space: normal;
        word-break: break-all;
        background-color: white;
        color: #999;
        padding-left: 12px;
        padding-right: 12px;
        box-sizing: border-box;
        width: 100%;
        vertical-align: top;
        position: relative;
    }

    .g-search-form {
        position: relative;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
    }

    .g-search .g-search-form.current .g-search-cancel {
        display: block;
    }

    .g-search .g-search-cancel {
        display: none;
        position: absolute;
        top: 10px;
        left: 0;
        font-size: 16px;
        width: 40px;
        line-height: 30px;
        text-align: center;
        height: 30px;
        cursor: pointer;
    }

    .g-search .g-search-form.current .g-search-input {
        border-right: 0;
    }

    .g-search .g-search-input {
        display: block;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
        position: absolute;
        top: 10px;
        left: 45px;
        right: 40px;
    }

    .g-search .g-search-btn {
        position: absolute;
        top: 10px;
        right: 0px;
        width: 40px;
        line-height: 30px;
        text-align: center;
        height: 30px;
        cursor: pointer;
        background: #fff;
        border: 0px solid #2689FF;
        border-left: 0;
        box-sizing: content-box;
    }

    .g-search .g-search-kw {
        width: 100%;
        height: 30px;
        line-height: 30px;
        border: 1px solid #2689FF;
        border-right: 0;
        border-radius: 0;
        font-family: 'Microsoft YaHei', 微软雅黑, Arial, 'Lucida Grande', Tahoma, sans-serif;
        font-size: 14px;
        display: block;
    }

    .g-search .g-search-form.current .g-search-btn {
        /*background: #f60;*/
        background-color: #2689FF;
    }

    .g-search-kw:focus {
        margin: 0 0;
        outline: 0;
    }

    .g-search-kw {
        -webkit-appearance: none;
        padding: 0 10px;
        vertical-align: baseline;
    }

    .user-box {
        box-sizing: border-box;
        width: 30px;
        margin-left: 10px;
    }

    @font-face {
        font-family: tuiicon;
        src: url(styles/tuiicon_15a091e.woff) format('woff'), url(styles/tuiicon_048e465.ttf) format('truetype'), url(styles/tuiicon_29877c1.svg#tuiicon) format('svg');
        font-weight: 400;
        font-style: normal
    }

    .icon-search {
        font-family: tuiicon;
        line-height: 30px;
        display: block;
        position: absolute;
        right: 0px;
        top: 0px;
        width: 40px;
        height: 30px;
        text-align: center;
    }

    .icon-search:before {
        content: "\e61d";
        font-size: 28px;
    }

    .fourcol {
        width: 100%;
    }

    .threecol {
        width: 100%;
    }

    /*.entry, .video-left {*/
    /*-moz-user-select: -moz-all; !*火狐*!*/
    /*-webkit-user-select: text; !*webkit浏览器*!*/
    /*-ms-user-select: text; !*IE10*!*/
    /*-khtml-user-select: text; !*早期浏览器*!*/
    /*user-select: text;*/
    /*}*/
    #access {
        margin: 0 auto;
    }

    .access.single {
        width: 100% !important;
    }

    .access.not_single {
        width: 100% !important;
        margin: 0px auto;
    }

    .entry, .twocol .entry, .onecol .hentry .entry, .onecol .threecol .entry, .threefourthcol .threecol .entry, .onecol .fourcol .entry, #comments #respond {
        margin: 0%;
    }

    .single-entry {
        margin: 0%;
    }

    .show-entry {
        margin: 0px 0px !important;
        margin-bottom: 0%;
        box-shadow: 0px 0px 0px !important;
        position: relative;
    }

    .show-entry-mob {
        margin: 0.4rem 4% 0% 4%;
        padding-bottom: 0.4rem;
        background: white;
        overflow: hidden;
        border-radius: 0px !important;
        position: relative;
        border-bottom: 1px solid #D8D8D8;
    }

    .single .entry, .error404 .entry {
        padding: 10px 12px;
    }

    #access .nav-show,
    #access a.nav-show:hover {
        position: absolute;
        top: 14px;
        /*right: 21px;*/
    }

    .menu-demo-container {
        overflow: hidden;
        float: none;
        position: absolute;
        top: 50px;
        right: 12px;
        padding: 0px;
    }

    #access li {
        padding: 2px 15px;
    }

    #access ul li:first-child {
        padding-left: 15px;
    }

    #access:target .menu a {
        height: 40px !important;
        line-height: 40px;
        border-top: 1px solid #444;
        -webkit-transition: height .25s, line-height .25s;
        transition: height .25s, line-height .25s;
    }

    #logo-wrapper {
    }

    #access:target .menu {
        margin-top: 0px;
    }

    #mobile_more {
        float: left;
        margin: 19px 0px 0px 15px;
    }

    #mobile_more a {
        height: 20px !important;
    }

    .single-post #content {
        width: 100%;
    }

    .bdsharebuttonbox, #search-wrapper, #weibo_button {
        display: none;
    }

    .single .entry-title, .error404 .entry-title {
        font-size: 20px;
        font-weight: bold;
        line-height: 1.4;
        padding: 0px 0px;
        margin: 0 0 12px 0;
        border: 0px;
    }

    .meta_custom {
        position: relative;
        z-index: 1;
        margin: 0;
        padding: 0 !important;
        font-style: normal;
        margin-bottom: 18px;
        line-height: 20px;
    }

    .meta_custom span {
        float: left;
        margin-right: 8px;
        margin-bottom: 10px;
        font-size: 14px;
    }

    #footer {
        display: none;
    }

    .entries-mob {
        margin: 0 10px;
    }

    .entry-info {
        margin: 0;
        padding-top: 8px;
    }

    .entry-album {
        margin: 0;
    }

    .entry-cover img {
        width: 120px;
        height: 120px;
    }

    #albums_info {
        padding: 0;
        margin-left: 10px;
        float: right;
    }

    #albums_info tr {
        width: 150px;
        display: block;
        overflow: hidden;
    }

    #albums_info tr td {
        display: block;
        float: left;
        padding-bottom: 4px;
    }

    #albums_info .item {
        width: 40px;
    }

    #albums_info .value {
        width: 105px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #player {
        padding: 5px;
        width: 150px;
        margin: 5px 0px 5px 80px;
        float: left;
    }

    #single_share {
        display: none;
    }

    .overlay {
        display: none;
    }

    .c2 dt {
        margin-right: 0px;
    }

    .c2 dd a {
        margin-right: 0px;
    }

    #golden_state {
        margin: 0px auto;
        position: relative;
        z-index: 10;
        overflow: hidden;
    }

    #slider_wrapper {
        padding: 0px;
    }

    .video-title h1 {
        font-size: 18px;
        margin: 0;
    }

    .video-right {
        display: none;
    }

    .video-left {
        float: none;
        width: 100%;
    }

    .video-main .entry-title {
        font-size: 16px;
    }

    .access-short {
        width: 100% !important;
    }

    .video-left #uyan_frame {
        padding: 0 10px !important;
    }

    .video-main {
        padding: 10px 15px;
        margin-bottom: 15px;
    }

    #wrapper {
        padding-bottom: 30px;
    }

    .not_single {
        width: 320px;
        margin: 0 auto;
    }

    .mobile-video .poster {
        position: relative;
        display: block;
        width: 100%;
        height: 100%;
        background-color: #fff;
    }

    .play_btn {
        position: absolute;
        width: 79px;
        height: 79px;
        top: 50%;
        left: 50%;
        margin-left: -40px;
        margin-top: -40px;
        background: url(./images/play_btn.png) no-repeat;
        cursor: pointer;
        background-size: contain;
    }

    .mobile-video {
        display: block !important;
    }

    #current-location {
        margin: 5px 20px;
        border: 0px;
    }

    .location-title {
        font-size: 22px;
    }

    .wp-post-image {
        width: auto;
        border-radius: 0px;
    }

    .entries {
        margin: 0px 10px;
    }

    .entry {
        padding: 10px 0px !important;
        background: white;
        overflow: hidden;
        border-radius: 0px !important;
    }

    .single-entry {
        padding: 10px 10px 10px 10px !important;
    }

    .entry figure {
        float: left;
        margin-right: 2%;
        width: 40%;
    }

    .entry-container {
        padding: 0px !important;
        background: white !important;
        float: left;
        width: 58%;
    }

    .entry-container-album {
        float: left;
        width: 100%;
    }

    .album-unit {
        margin-bottom: 5px !important;
    }

    .video-title {
        height: auto;
        font-size: 14px;
    }

    .entry-header .video-title {
        height: 44px;
    }

    .entry-title a {
        color: #222;
        font-weight: normal;
        text-overflow: ellipsis;
        font-size: 16px;
        line-height: 1.3em;
        vertical-align: top;
    }

    .entry-source a {
        font-weight: normal;
    }

    .index_title {
        margin: 10px;
        border-bottom: 0px;
        padding-bottom: 0px;
    }

    .index_title h2 {
        font-size: 16px;
        font-weight: normal;
        margin-top: 3px;
    }

    .read_more {
        padding-top: 6px;
    }

    #infscr-loading {
        font-size: 14px;
    }

    .series_intro {
        margin: 10px 0;
    }

    .series_intro_text h1 {
        font-size: 18px;
    }

    .series_intro_text {
        position: relative;
        right: 0px;
    }

    .series_intro_img {
    }

    #uyan_frame {
        padding: 0px 10px;
    }

    .ds-thread {
        padding: 0px 10px !important;
    }

    .share-button {
        text-align: center;
        margin-bottom: 0px;
    }

    .share-button .bdsharebuttonbox {
        display: inline-block !important;
    }

    .bdshare-button-style2-32 a {
        margin-left: 16px !important;
    }

    .follow-2wm p {
        margin: 0px;
        font-size: 14px;
    }

    #wrapper {
        padding-bottom: 10px;
    }

    #wrapper:after {
        content: '';
        display: block;
        clear: both;
        height: 0;
    }

    .mobile_footer:after {
        content: '';
        display: block;
        clear: both;
        height: 0;
    }

    /*common-post*/
    .common-post-badge-base:after {
        position: absolute;
        top: 0;
        left: 0;
        color: #ffffff;
        padding: 0 6px;
        font-size: 12px;
        display: block;
    }

    .common-post-badge-video:after {
        content: "视频";
        background: #478de4;
    }

    .common-post-badge-news:after {
        content: "资讯";
        background: #2eb971;
    }

    .common-post-badge-series:after {
        content: "专题";
        background: #f0cc23;
    }

    .common-post-badge-zhuanlan:after {
        content: "专栏";
        background: #42d1db
    }

    .common-post-badge-activity:after {
        content: "活动";
        background: #79D435;
    }

    .common-post-badge-yule:after {
        content: "娱乐";
        background: #928BF1;
    }

    .common-post-badge-zhuanfang:after {
        content: "专访";
        background: #ff6161;
    }

    .common-post-badge-toutiao:after {
        content: "头条";
        background: #ff6161;
    }

    .common-post-badge-shishi:after {
        content: "新闻";
        background: #2eb971;
    }

    .common-post-badge-yinyueren:after {
        content: "音乐人";
        background: #ff6161;
    }

    .common-post-badge-xinzuoping:after {
        content: "新作品";
        background: #a289df;
    }

    .common-post-badge-yinyuejie:after {
        content: "音乐节";
        background: #1da8fe;
    }

    .common-post-badge-yanchu:after {
        content: "演出";
        background: #f45170;
    }

    .common-post-badge-guonei:after {
        content: "国内";
        background: #42d1db
    }

    .common-post-badge-guowai:after {
        content: "国外";
        background: #2eb971;
    }

    .common-post-badge-hangye:after {
        content: "行业";
        background: #7c91c2;
    }

    .common_post_meta {
        position: absolute;
        left: 42%;
        bottom: 12px;
    }

    .common_post_meta .author {
        color: gray;
        padding-right: 10px;
    }

    .common_post_meta time {
        color: gray;
    }

    #entity-container {
        overflow: hidden;
    }

}

@media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-device-pixel-ratio: 1.5) {

}

/* iphone 1-5 */
@media screen
and (-webkit-min-device-pixel-ratio: 2.0)
and (min-device-width: 320px)
and (max-device-width: 480px) {

    /*.entry, .video-left {*/
    /*-moz-user-select: -moz-all; !*火狐*!*/
    /*-webkit-user-select: text; !*webkit浏览器*!*/
    /*-ms-user-select: text; !*IE10*!*/
    /*-khtml-user-select: text; !*早期浏览器*!*/
    /*user-select: text;*/
    /*}*/
    #access {
        margin: 0 auto;
    }

    .access.single {
        width: 100% !important;
    }

    .access.not_single {
        width: 100% !important;
        margin: 0px auto;
    }

    #container {
        margin: 0%;
    }

    .entry, .twocol .entry, .onecol .hentry .entry, .onecol .threecol .entry, .threefourthcol .threecol .entry, .onecol .fourcol .entry, #comments #respond {
        margin: 0%;
    }

    .single-entry {
        margin: 0%;
    }

    .show-entry {
        margin: 0px 0px !important;
        margin-bottom: 0%;
        box-shadow: 0px 0px 0px !important;
        position: relative;
    }

    .show-entry-mob {
        margin: .4rem 4% 0% 4%;
        padding-bottom: 0.4rem;
        background: white;
        overflow: hidden;
        border-radius: 0px !important;
        position: relative;
        border-bottom: 1px solid #D8D8D8;
    }

    .single .entry, .error404 .entry {
        padding: 10px 12px;
    }

    #access .nav-show,
    #access a.nav-show:hover {
        position: absolute;
        top: 14px;
        /*right: 21px;*/
    }

    .menu-demo-container {
        overflow: hidden;
        float: none;
        position: absolute;
        top: 50px;
        right: 12px;
        padding: 0px;
    }

    #access li {
        padding: 2px 15px;
    }

    #access ul li:first-child {
        padding-left: 15px;
    }

    #access:target .menu a {
        height: 40px !important;
        line-height: 40px;
        border-top: 1px solid #444;
        -webkit-transition: height .25s, line-height .25s;
        transition: height .25s, line-height .25s;
    }

    #logo-wrapper {
    }

    #access:target .menu {
        margin-top: 0px;
    }

    #mobile_more {
        float: left;
        margin: 19px 0px 0px 15px;
    }

    #mobile_more a {
        height: 20px !important;
    }

    .single-post #content {
        width: 100%;
    }

    .bdsharebuttonbox, #search-wrapper, #weibo_button {
        display: none;
    }

    .single .entry-title, .error404 .entry-title {
        font-size: 20px;
        font-weight: bold;
        line-height: 1.4;
        padding: 0px 0px;
        margin: 0 0 12px 0;
        border: 0px;
    }

    .meta_custom {
        position: relative;
        z-index: 1;
        margin: 0;
        padding: 0 !important;
        font-style: normal;
        margin-bottom: 18px;
        line-height: 20px;
    }

    .meta_custom span {
        float: left;
        margin-right: 8px;
        margin-bottom: 10px;
        font-size: 14px;
    }

    #footer {
        display: none;
    }

    .entry-info {
        margin: 0px;
        padding-top: 8px;
    }

    .entry-album {
        margin: 0px;
    }

    .entry-cover img {
        width: 120px;
        height: 120px;
    }

    #albums_info {
        padding: 0px;
        margin-left: 10px;
        float: right;
    }

    #albums_info tr {
        width: 150px;
        display: block;
        overflow: hidden;
    }

    #albums_info tr td {
        display: block;
        float: left;
        padding-bottom: 4px;
    }

    #albums_info .item {
        width: 40px;
    }

    #albums_info .value {
        width: 105px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #player {
        padding: 5px;
        width: 150px;
        margin: 5px 0px 5px 80px;
        float: left;
    }

    #single_share {
        display: none;
    }

    .overlay {
        display: none;
    }

    .c2 dt {
        margin-right: 0px;
    }

    .c2 dd a {
        margin-right: 0px;
    }

    #golden_state {
        margin: 0px auto;
        position: relative;
        z-index: 10;
        overflow: hidden;
        padding-top: 10px;
    }

    #slider_wrapper {
        padding: 0px;
    }

    .video-title h1 {
        font-size: 18px;
        margin: 0;
    }

    .video-right {
        display: none;
    }

    .video-left {
        float: none;
        width: 100%;
    }

    .video-main .entry-title {
        font-size: 16px;
    }

    .access-short {
        width: 100% !important;
    }

    .video-left #uyan_frame {
        padding: 0px 10px !important;
    }

    .video-main {
        padding: 10px 15px;
        margin-bottom: 15px;
    }

    #wrapper {
        padding-bottom: 10px;
    }

    .not_single {
        width: 320px;
        margin: 0px auto;
    }

    .mobile-video .poster {
        position: relative;
        display: block;
        width: 100%;
        height: 100%;
        background-color: #fff;
    }

    .play_btn {
        position: absolute;
        width: 79px;
        height: 79px;
        top: 50%;
        left: 50%;
        margin-left: -40px;
        margin-top: -40px;
        background: url(./images/play_btn.png) no-repeat;
        cursor: pointer;
        background-size: contain;
    }

    .mobile-video {
        display: block !important;
    }

    #current-location {
        margin: 5px 20px;
        border: 0px;
    }

    .location-title {
        font-size: 22px;
    }

    .wp-post-image {
        width: auto;
        border-radius: 0px;
    }

    .entries {
        margin: 0px 10px;
    }

    .entry {
        padding: 10px 0px !important;
        background: white;
        overflow: hidden;
        border-radius: 0px !important;
    }

    .single-entry {
        padding: 10px 10px 10px 10px !important;
    }

    .entry figure {
        float: left;
        margin-right: 2%;
        width: 40%;
    }

    .entry-container {
        padding: 0px !important;
        background: white !important;
        float: left;
        width: 58%;
    }

    .entry-container-album {
        float: left;
        width: 100%;
    }

    .album-unit {
        margin-bottom: 5px !important;
    }

    .video-title {
        height: auto;
        font-size: 14px;
    }

    .entry-header .video-title {
        height: 44px;
    }

    .entry-title a {
        color: #222;
        font-weight: normal;
        text-overflow: ellipsis;
        font-size: 16px;
        line-height: 1.3em;
        vertical-align: top;
    }

    .entry-source a {
        font-weight: normal;
    }

    .index_title {
        margin: 10px;
        border-bottom: 0px;
        padding-bottom: 0px;
    }

    .index_title h2 {
        font-size: 16px;
        font-weight: normal;
        margin-top: 3px;
    }

    .read_more {
        padding-top: 6px;
    }

    #infscr-loading {
        font-size: 14px;
    }

    .series_intro {
        margin: 10px 0;
    }

    .series_intro_text h1 {
        font-size: 18px;
    }

    .series_intro_text {
        position: relative;
        right: 0px;
    }

    .series_intro_img {
    }

    #uyan_frame {
        padding: 0px 10px;
    }

    .ds-thread {
        padding: 0px 10px !important;
    }

    .share-button {
        text-align: center;
        margin-bottom: 0px;
    }

    .share-button .bdsharebuttonbox {
        display: inline-block !important;
    }

    .bdshare-button-style2-32 a {
        margin-left: 16px !important;
    }

    .follow-2wm p {
        margin: 0px;
        font-size: 14px;
    }

}

.masonry,
.masonry .masonry-brick {
    -webkit-transition-duration: 0.7s;
    transition-duration: 0.7s;
}

.masonry {
    -webkit-transition-property: height, width;
    transition-property: height, width;
}

.masonry .masonry-brick {
    -webkit-transition-property: left, right, top;
    transition-property: left, right, top;
}

.base-article .widget_yarpp_widget {
    display: none;
}

.fluid-width-video-wrapper {
}

.widget_text {
    padding: 15px 20px 20px;
    background-color: #FFF;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .1);
    margin-bottom: 20px;
    width: 260px;
}

.widget-title {
    font-size: 14px;
    color: #393939;
    border-left: 4px solid #2689FF;
    font-weight: bold;
    margin-left: -22px;
    margin-bottom: 15px;
    padding: 5px 0 5px 12px;
    text-align: left;
}

.follow-title {
    text-align: center;
    font-size: 14px;
    color: #333;
}

.follow-title p {
    margin-bottom: -3px;
}

.follow-2wm {
    text-align: center;
}

.site_custom a {
    color: #3498DB;
}

.entry-utility-mob {
    overflow: hidden;
    line-height: 18px;
    font-size: 15px;
}

.meta_primary {
    float: left;
    margin-right: 10px;
    color: #607fa6;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.rich_media_meta_tag {
    position: relative;
    padding: 0 .5em 0 1.5em;
    border-top-left-radius: 36% 100%;
    -moz-border-radius-topleft: 36% 100%;
    -webkit-border-top-left-radius: 36% 100%;
    border-top-right-radius: 36% 100%;
    -moz-border-radius-topright: 36% 100%;
    -webkit-border-top-right-radius: 36% 100%;
    border-bottom-left-radius: 36% 100%;
    -moz-border-radius-bottomleft: 36% 100%;
    -webkit-border-bottom-left-radius: 36% 100%;
    border-bottom-right-radius: 36% 100%;
    -moz-border-radius-bottomright: 36% 100%;
    -webkit-border-bottom-right-radius: 36% 100%;
    color: #fff;
    background-color: #b9b9b9;
}

.rich_media_meta_text {
    color: #8c8c8c;
}

.icon_meta_copyright {
    position: absolute;
    top: 50%;
    margin-top: -8px;
    left: 3px;
    line-height: 100px;
    overflow: hidden;
    background: transparent url(/images/icon_copyright.png) no-repeat 0 0;
    width: 1em;
    height: 1em;
    vertical-align: middle;
    display: inline-block;
    background-size: 100% auto;
}

.entry-thumbnail {
    position: relative;
    width: 100%;
}

.entry-thumbnail-mob {
    float: left;
    margin-right: 2%;
    width: 33.3%;
}

.entry-title-mob {
    height: 44px;
    font-size: 15px;
    margin-bottom: 4px;
    line-height: 22px;
    overflow: hidden;
}

.entry-title-mob a {
    color: #222;
    font-weight: normal;
    text-overflow: ellipsis;
    line-height: 22px;
    height: 22px;
}

.entry-container-mob {
    padding: 0 !important;
    background: white !important;
    /*float: left;*/
    /*width: 58%;*/
    position: absolute;
    left: 36%;
    top: 40%;
    -webkit-transform: translate(-0%, -50%);
    transform: translate(-0%, -50%);
}

.item-title-mob {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}

.item-bar-mob {
    color: #00a2ff;
    margin-right: -2px;
}

.hot-list-mob {
    margin-bottom: 20px;
}

.ds-thread {
    padding: 0 20px;
}

.video-left .ds-thread {
    padding: 0 0;
}

.blue-font {
    color: #00a2ff;
}

.index-login {
    float: left;
    margin: 0 20px 0 12px;
}

.index-login span {
    color: #fff;
    font-size: 20px;
    vertical-align: -1px;
}

.index-login a {
    display: inline-block;
    padding: 0;
    line-height: 60px;
    position: relative;
}

.index-user-seperator {
    width: 2px;
    height: 34px;
    background-color: rgba(240, 240, 240, .3);
    float: right;
    margin-top: 13px;
}

.nav-right .contribute-btn-wrapper {
    float: left;
    height: 60px;
    line-height: 60px;
    padding: 0 16px 0 0;
}

.nav-right .contribute-btn-wrapper .contribute-btn {
    width: 58px;
    height: 23px;
    line-height: 23px;
    padding: 0;
    display: inline-block;
    border: 1px solid #FCBF26;
    border-radius: 100px;
    color: #FCBF26;
    text-align: center;
}

.nav-right .contribute-btn-wrapper .contribute-btn:hover {
    color: #131418;
    background: #FCBF26;
}

.nav-user-wrapper .user-item {
    float: left;
    position: relative;
    cursor: pointer;
    max-width: 100px;
    height: 60px;
    padding: 0 20px 0 10px;
    -webkit-transition: background-color .25s ease;
    transition: background-color .25s ease;
}

.index-message .message-box {
    padding: 18px 0;
    height: 24px;
    width: 24px;
    display: inline-block;
    position: relative;
}

.message-box .icon-message {
    background-size: 48px;
    background-position: 0 0;
    width: 24px;
    height: 24px;
    color: #fff;
    line-height: 30px;
    font-size: 16px;
}

#unreadMsgNum {
    position: absolute;
    color: #fff;
    padding: 0 1px;
    text-align: center;
    border-radius: 3px;
    background-color: #bc1f1f;
    font-size: 12px;
    line-height: 14px;
    min-width: 18px;
    font-weight: bold;
    top: 12px;
    right: -12px;
}

#user-check-t {
    float: left;
}

#user-check-username {
    font-size: 14px;
    float: right;
}

.index-tip {
    float: right;
    margin-right: 30px;
}

.index-user .account {
    position: relative;
    padding: 18px 0;
    height: 24px;
    line-height: 24px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
}

.account .avatar-wrapper {
    float: left;
    width: 24px;
    height: 24px;
    margin-right: 8px;
    position: relative;
}

.account .avatar-wrapper .avatar {
    border-radius: 50%;
    overflow: hidden;
    display: inline-block;
}

.account .avatar-wrapper .avatar img {
    vertical-align: middle;
    width: 24px;
    height: 24px;
}

.account .avatar-wrapper .unread-point {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #cb0c23;
    display: block;
    position: absolute;
    right: -1px;
    top: 1px;
    display: none;
}

.index-sub li a {
    color: #000;
    text-decoration: none;
    line-height: 40px;
    display: inline-block;
    padding: 0;
    margin-right: 11px;
    font-size: 16px;
}

.index-sub li .message-num {
    color: #fff;
    padding: 0 1px;
    text-align: center;
    border-radius: 3px;
    background-color: #666;
    font-size: 12px;
    line-height: 14px;
    min-width: 18px;
    font-weight: bold;
    margin-top: 12px;
    float: right;
}

.index-sub li:hover .message-num {
    color: #fff;
    background-color: #999;
}

.profile p.message {
    text-align: center;
    font-size: 14px;
    width: 340px;
    margin: 0 auto;
    margin-top: 15px;
}

.profile p.error {
    font-size: 14px;
    color: #E23939;
    padding: 5px 15px;
    margin-left: 15px;
    margin-right: 7px;
    text-align: center;
    width: 340px;
    margin: 0 auto;
    margin-top: 15px;
}

.ds-login {
    display: none;
}

.in-bk {
    display: inline-block;
}

.right-bk {
    float: right;
}

.metali {
    position: relative;
    z-index: 2;
    margin-top: -25px;
    padding: 0px 10px;
}

.i_bbslike {
    min-height: 50px;
    _height: 50px;
    position: relative;
    zoom: 1;
}

.i_bbslike img {
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 40px;
    border: 3px solid #fff;
}

.i_bbslike p {
    margin: 0;
    padding: 0;
    color: #ccc;
}

.favorite-button {
    position: absolute;
    right: 5px;
    bottom: -20px;
    width: 40px;
    height: 40px;
    background: white;
    border-radius: 40px;
    border: 2px solid #ccc;
}

.share-button-icon {
    background-image: url(images/share.png);
    width: 18px;
    height: 18px;
    display: block;
    margin-left: 10px;
}

#top_alert {
    position: fixed;
    _position: absolute;
    z-index: 999;
    left: 50%;
    top: 40%;
    width: 150px;
    padding: 20px 0;
    background: #FDFDFD;
    border: 1px solid #DADADA;
    color: #222222;
    text-align: center;
}

#top_alert img, #top_alert span {
    vertical-align: middle;
}

#top_alert img {
    margin-right: 5px;
}

.post-ope {
    float: right;
}

.post-ope img {
    /*vertical-align: middle;*/
    margin-top: 2px;
}

.post-comment img {
    height: 18px;
    margin-left: 8px;
    margin-top: 1px;
}

.post-like {
    background-image: url(./images/like.png);
    background-size: auto 100%;
    background-image: -webkit-image-set(url(./images/like.png) 1x, url(./images/like.png) 2x);
    background-image: -moz-image-set(url(./images/like.png) 1x, url(./images/like.png) 2x);
    background-image: image-set(url(./images/like.png) 1x, url(./images/like.png) 2x);
}

.post-comament, .post-like, .post-share-btn {
    display: inline-block;
    zoom: 1;
    vertical-align: top;
    padding-left: 24px;
    height: 24px;
    margin-left: 10px;
    color: #999;
    font-size: 12px;
    background-repeat: no-repeat;
}

.p-rating em {
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
}

.p-rating {
    font-size: 12px;
    font-family: arial, helvetica, verdana, tahoma, sans-serif;
    color: #F7B42C;
}

.entry-footer {
    margin: 4px 0;
}

.p-rating {
    float: right;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    height: 14px;
}

.p-rating .p-rating-holder {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    height: 14px;
    width: 90px;
    background-image: url(images/star-no.png);
    background-image: -webkit-image-set(url(images/star-no.png) 1x);
    background-image: image-set(url(images/star-no.png) 1x);
    line-height: 14px;
    overflow: hidden;
}

.p-rating .p-rating-holder span {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    margin: 0;
    padding: 0;
    width: 14px;
    height: 14px;
    background-image: url(images/star-yes.png);
    background-image: -webkit-image-set(url(images/star-yes.png) 1x);
    background-image: image-set(url(images/star-yes.png) 1x);
}

.p-rating span.num {
    color: #F7B42C;
    font-size: 14px;
    line-height: 14px;
    margin-top: 1px;
    margin-right: 0;
    margin-left: 6px;
    width: auto;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    font-family: Helvetica, Arial, sans-serif;
}

.item-bottom-mob {
    display: block;
    position: absolute;
    left: 42%;
    height: 20px;
    width: 58%;
    bottom: 12px;
    font-size: 14px;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.i-color {
    color: #c8c8c8;
}

.ml10 {
    margin-left: 10px;
}

.entry-thumbnail .art-time {
    position: absolute;
    right: 0;
    bottom: 0;
    background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, .5));
    background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, .5));
    color: #FFF;
    padding: 1px 4px;
    font-size: 14px;
}

.lazy-load-img-mb-bg {
    width: 100%;
    background-color: #D1D1D1;
}

.comment-main {
    background-color: #FFF;
    padding: 15px 20px 15px 20px;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
}

#access .button-report {
    height: 24px;
    line-height:24px;
    width: 70px;
    padding: 0;
    float: left;
    margin-top: 19px;
    background-image: url(http://7xkm0c.com1.z0.glb.clouddn.com/report-bg.png);
    background-repeat: no-repeat;
    -webkit-background-size:contain;
    background-size:contain;
    text-align: center;
    font-size: 12px;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, .3);

}

#access .button-contribute {
    height: 24px;
    line-height:24px;
    width: 70px;
    padding: 0;
    float: left;
    margin-top: 19px;
    background-image: url(http://7xkm0c.com1.z0.glb.clouddn.com/contribute-bg.png);
    background-repeat: no-repeat;
    margin-right: 10px;
    -webkit-background-size:contain;
    background-size:contain;
    text-align: center;
    font-size: 12px;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, .3);
}

/** top.css */
.bubble-dot-red-header {
    /* padding: 0 .3125rem;*/
    height: 1rem;
    line-height: 1rem;
    text-align: center;
    /*background-color: #fe6431;*/
    color: #76B8F4;
    box-sizing: border-box;
    font-size: 14px;
    vertical-align: middle;
}

.news_update {
    background: url(./images/newsupdate.png) 1px 21px no-repeat;
    text-align: center;
    width: 20px;
    height: 20px;
}

/*账号左边的消息换成图标*/

.bubble-dot-white-header {
    padding: 0 .3125rem;
    height: 1rem;
    line-height: 1rem;
    text-align: center;
    /* background-color: gray;*/
    color: #fff;
    box-sizing: border-box;
    font-size: 16px;
    vertical-align: bottom;

}

/** top.css */

/** wpfp.css */
.wpfp-hide {
    display: none;
}

.wpfp-img {
    border: 0;
    vertical-align: top;
    margin-right: 2px;
}

/** wpfp.css */

/** rf_page.css */
.rf_pager {
    text-align: center;
    font-family: "Arial";
    font-size: 14px;
    padding-top: 20px;
    color: #999;
}

.rf_pager {
    padding-top: 10px;
}

.rf_pager * {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    line-height: 24px;
    padding: 0 6px;
    cursor: pointer;
    border-radius: 2px;
    margin: 0 2px;
}

.rf_pager a {
    color: #3498DB;
    text-decoration: none;
}

.rf_pager .cur {
    color: #FFF;
    background-color: #0196E3;
    cursor: default;
}

.rf_pager .num {
    color: #999;
}

.rf_pager .num:hover {
    color: #FFF;
    background-color: #0196E3;
}

.rf_pager .dot {
    cursor: default;
}

.rf_pager .prev, .comment-rf_pager .next, .rf_pager .next {
    background-color: #F1F1F1;
    color: #999;
}

.rf_pager .prev:hover, .next:hover, .rf_pager .next:hover {
    background-color: #DDD;
}

@media (device-height: 480px) and (-webkit-min-device-pixel-ratio: 2) {
    /*iphone/ihone4s*/
    .rf_pager * {
        line-height: 24px;
        padding: 0 6px;
        margin: 0 2px;
    }

    .rf_pager {
        padding-top: 10px;
    }
}

@media (device-height: 568px) and (-webkit-min-device-pixel-ratio: 2) {
    /*ihone5s*/
    .rf_pager * {
        line-height: 24px;
        padding: 0 6px;
        margin: 0 2px;
    }

    .rf_pager {
        padding-top: 10px;
    }
}

@media (device-width: 375px) and (-webkit-min-device-pixel-ratio: 2) {
    /* 兼容iphone 6 */
    .rf_pager * {
        display: inline-block;
        *display: inline;
        zoom: 1;
        vertical-align: top;
        line-height: 24px;
        padding: 0 8px;
        cursor: pointer;
        border-radius: 2px;
        margin: 0 4px;
    }

    .rf_pager {
        padding-top: 10px;
    }
}

@media (device-width: 414px) and (-webkit-min-device-pixel-ratio: 3.0) {
    /* 兼容iphone6 plus */
    .rf_pager * {
        display: inline-block;
        *display: inline;
        zoom: 1;
        vertical-align: top;
        line-height: 24px;
        padding: 0 8px;
        cursor: pointer;
        border-radius: 2px;
        margin: 0 4px;
    }

    .rf_pager {
        padding-top: 10px;
    }
}

@media (min-width: 800px) {
    .rf_pager * {
        display: inline-block;
        *display: inline;
        zoom: 1;
        vertical-align: top;
        line-height: 24px;
        padding: 0 8px;
        cursor: pointer;
        border-radius: 2px;
        margin: 0 4px;
    }

    .rf_pager {
        padding-top: 40px;
    }
}

/** rf_page.css */

/** news-page.css */
.news-pager {
    text-align: center;
    font-size: 14px;
    padding-top: 20px;
    color: #999;
}

.news-pager {
    padding-top: 10px;
}

.news-pager * {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    line-height: 24px;
    padding: 0 6px;
    cursor: pointer;
    border-radius: 2px;
    margin: 0 2px;
}

.news-pager a {
    color: #3498DB;
    text-decoration: none;
}

.news-pager .current {
    color: #FFF;
    background-color: #0196E3;
    cursor: default;
}

.news-pager .num {
    color: #999;
}

.news-pager .num:hover {
    color: #FFF;
    background-color: #0196E3;
}

.news-pager .dots {
    cursor: default;
}

.news-pager .prev, .comment-rf_pager .next, .rf_pager .next {
    background-color: #F1F1F1;
    color: #999;
}

.news-pager .prev:hover, .next:hover, .rf_pager .next:hover {
    background-color: #DDD;
}

@media (device-height: 480px) and (-webkit-min-device-pixel-ratio: 2) {
    /*iphone/ihone4s*/
    .news-pager * {
        line-height: 24px;
        padding: 0 6px;
        margin: 0 2px;
    }

    .news-pager {
        padding-top: 10px;
    }
}

@media (device-height: 568px) and (-webkit-min-device-pixel-ratio: 2) {
    /*ihone5s*/
    .news-pager * {
        line-height: 24px;
        padding: 0 6px;
        margin: 0 2px;
    }

    .news-pager {
        padding-top: 10px;
    }
}

@media (device-width: 375px) and (-webkit-min-device-pixel-ratio: 2) {
    /* 兼容iphone 6 */
    .news-pager * {
        display: inline-block;
        *display: inline;
        zoom: 1;
        vertical-align: top;
        line-height: 24px;
        padding: 0 8px;
        cursor: pointer;
        border-radius: 2px;
        margin: 0 4px;
    }

    .news-pager {
        padding-top: 10px;
    }
}

@media (device-width: 414px) and (-webkit-min-device-pixel-ratio: 3.0) {
    /* 兼容iphone6 plus */
    .news-pager * {
        display: inline-block;
        *display: inline;
        zoom: 1;
        vertical-align: top;
        line-height: 24px;
        padding: 0 8px;
        cursor: pointer;
        border-radius: 2px;
        margin: 0 4px;
    }

    .news-pager {
        padding-top: 10px;
    }
}

@media (min-width: 800px) {
    .news-pager * {
        display: inline-block;
        *display: inline;
        zoom: 1;
        vertical-align: top;
        line-height: 24px;
        padding: 0 8px;
        cursor: pointer;
        border-radius: 2px;
        margin: 0 4px;
    }

    .news-pager {
        padding-top: 40px;
    }
}

/** news-page.css */

/**rating.css*/
.video-rating {
    float: right;
    margin-right: 30px;
    position: relative;
}

.video-rating em {
    font-style: normal;
}

#avg_score {
    color: #F7B42C;
    font-size: 14px;
}

/**rating.css*/

/**postratings.css*/
.post-ratings {
    width: 100%;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    /* background-color: #ffffff; */
}

.post-ratings-loading {
    display: none;
    height: 16px;
    text-align: left;
    position: absolute;
    top: 2px;
}

.post-ratings-image {
    border: 0;
}

.post-ratings IMG, .post-ratings-loading IMG, .post-ratings-image IMG {
    border: 0;
    padding: 0;
    margin: 0;
    vertical-align: -2px;
}

.post-ratings-text {
    position: absolute;
    left: 0;
    top: 20px;
    color: #F7B42C;
}

.post-ratings-comment-author {
    font-weight: normal;
    font-style: italic;
}

/**postratings.css*/


@keyframes fadeInOut {
    0%, 50%, 100% {
        opacity: 1;
    }
    25%, 75% {
        opacity: 0.1;
    }
}

@-webkit-keyframes fadeInOut {
    0%, 50%, 100% {
        opacity: 1;
    }
    25%, 75% {
        opacity: 0.1;
    }
}

.videojj-highlight {
    animation: fadeInOut 4s 0s infinite ease both;
    -moz-animation: fadeInOut 4s 0s infinite ease both;
    -webkit-animation: fadeInOut 4s 0s infinite ease both;
    -o-animation: fadeInOut 4s 0s infinite ease both;

    /*background-image: url('images/play_2.png');*/
    background-image: url(images/icon-play.png);
    background-image: -webkit-image-set(url(images/icon-play.png) 1x, url(images/icon-play-2X.png) 2x);
    background-image: image-set(url(images/icon-play.png) 1x, url(images/icon-play-2X.png) 2x);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: center;

    display: inline-block;
    float: left;
    width: 20px;
    height: 20px;
    margin-right: 3px;
}

/*error404}*/
.load_sole {
    position: relative;
}

.error404 .load_sole .load_nofind_pic {
    background: url(images/load_pic.jpg) center center no-repeat;
    position: relative;
    height: 75vh;
    width: 100% !important;
    background-size: cover;
}

.error404 .load_sole .load_nofind_pic img {
    width: 4%;
}

.menu-item .head-new-tip {
    background-image: url(./images/iconfont-hot@1x.png);
    background-image: -webkit-image-set(url(./images/iconfont-hot@1x.png) 1x, url(./images/iconfont-hot@2x.png) 2x);
    background-image: image-set(url(./images/iconfont-hot@1x.png) 1x, url(./images/iconfont-hot@2x.png) 2x);
    background-repeat: no-repeat;
    background-size: 30px;
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    top: -2px;
    right: -4px;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.wpfp-span {
    display: inline-block;
}

.wpfp-span .wpfp-link {
    display: inline-block;
}

.post-footer {
    font-size: 16px;
    margin-bottom: 30px;
    background: #F8F8F8;
    border-radius: 5px;
    color: #A4A4A4;
    padding: 20px;
    line-height: 1.5;
}

.post-footer a {
    color: #000;
    padding-bottom: 1px;
    border-bottom: 1px solid #000;
}

.post-footer a:hover {
    color: #3498DB;
    border-bottom-color: #3498DB;
}

.post-footer .footer-row {
}

.entry .article-cover {
    margin-bottom: 10px;
    position: relative;
}

.entry .article-cover:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 250px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: -webkit-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.45) 40%, rgba(0,0,0,.75) 90%);
    background-image: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.45) 40%, rgba(0,0,0,.75) 90%);
}

.entry .article-cover img {
    width: 100%;
    height: 500px;
    vertical-align: middle;
}

.entry .article-cover .entry-title {
    position: absolute;
    bottom: 0;
    color: #fff;
    overflow: visible;
    padding: 0 20px 25px;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 0;
}

.entry .article-cover .category {
    position: absolute;
    left: 20px;
    top: -40px;
    color: #fff;
    font-size: 18px;
    line-height: 24px;
}

.entry .article-cover .category i {
    color: #F7B501;
    font-size: 24px;
    margin-right: 10px;
    vertical-align: -3px;
}

.entry .entry-header {
    padding: 0 10px;
}

.entry-digest .excerpt {
    margin: 20px 10px 30px;
    font-size: 16px;
    color: #989898;
    font-weight: 500;
    line-height: 30px;
    position: relative;
    padding: 30px 90px;
    text-align: center;
}

.entry-digest .excerpt:before,
.entry-digest .excerpt:after {
    content: '';
    position: absolute;
    left: 50%;
    width: 12rem;
    margin-left: -6rem;
    background-color: #999;
    height: 1px;
    transform: scaleY(0.5);
    -webkit-transform: scaleY(0.5);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
}
.entry-digest .excerpt:before {
    top: 0;
    bottom: auto;
}
.entry-digest .excerpt:after {
    top: auto;
    bottom: 0;
}
.list-row .col-container {
    float: left;
    padding: 0 0 0 20px;
    box-sizing: border-box;
    margin-bottom: 20px;
}
.list-row a.col-container {
    display: block;
    color: #111;
}
.list-row a.col-container:hover {
    color: #444;
}
.post-right-item .list-row {
    margin-left: -20px;
}
.list-row .col-50 {
    width: 50%;
}
.list-row .col-33 {
    width: 33.3%;
}
.col-container .recommend-index-image {
    width: 100%;
}
.list-row .rec-index-img {
    width: 100%;
    padding-bottom: 66%;
    position: relative;
    overflow: hidden;
}
.rec-index-img img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    -webkit-transition: all 200ms; -moz-transition: all 200ms; -ms-transition: all 200ms; -o-transition: all 200ms; transition: all 200ms;
}
.rec-index-img:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.list-row .rec-index-title {
    padding-top: 6px;
    font-size: 13px;
    line-height: 20px;
    height: 40px;
    overflow: hidden;
    word-wrap: break-word;
}
.video-show .share {
    text-align: left;
}
.share-news .share-title {
    margin-bottom: 8px;
    font-size: 14px;
}

.video-wide-wrapper {
    background: #000;
}
.video-wide-wrapper .pc-video {
    width: 1000px;
    margin: 0 auto 20px;
    height: 580px;
}
.video-main .list-row {
    margin-left: -20px;
}

.icon {
    display: inline-block;
}

.post-ope .wpfp-img {
    width: 16px;
    height: 16px;
}

.onecol .hentry .video-entry {
    margin: 20px 10px;
    box-shadow: none;
    border: none;
    border-radius: 0;
}

.onecol .hentry .album-unit {
    margin: 12px 10px;
}

.video-entry .entry-thumbnail a {
    display: block;
    width: 346px;
    height: 195px;
    overflow: hidden;
    position: relative;
}

.video-entry .entry-thumbnail a img {
    position: absolute;
    left: 0;
    margin: auto;
    right: 0;
    top: -1000px;
    bottom: -1000px;
    display: block;
}

/** 修正专题页图片显示 **/
.archive .threecol .video-entry {
    margin: 20px 10px;
    border: none;
    border-radius: 0;
    box-shadow: 0 0 3px 1px rgba(211,211,211,0.50);
}

.video-entry .entry-footer {
    color: #a4a4a4;
    min-height: 14px;
}

.video-entry .entry-footer i {
    margin-right: 6px;
    vertical-align: -1px;
}

.archive .threecol .video-entry .entry-container {
    border: none;
}

.video-entry .p-rating {
    width: 120px;
    display: block;
    float: left;
}

.video-entry .video-title {
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
    display: inline-block;
    height: 48px;
}

.video-entry .video-title a {
    font-weight: normal;
}

.video-entry .entry-footer .pub-time {
    float: right;
    height: 14px;
    line-height: 14px;
}

.video-entry .entry-footer .pub-time a {
    color: #666;
}

.link-extra {
    font-size: 12px;
}

.link-extra ul {
    list-style-type: none;
    margin: auto;
}

.link-extra li {
    line-height: 100em;
    height: 1px;
    overflow: hidden;
    margin: 0;
}

.entry-content .hidden-img {
    height: 0;
    width: 0;
    margin: 0;
}

.left-toolbox {
    width: 50px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-top: -200px;
    margin-left: -625px;
    z-index: 99;
}

.left-toolbox .toolbox {
    background: #f8f8f8;
}

.left-toolbox .title {
    height: 25px;
    font-size: 12px;
    color: #4a4a4a;
    background: #e2e2e4;
    text-align: center;
    line-height: 25px;
}

.left-toolbox .toolbox-item {
    color: #a4a4a4;
    width: 50px;
    height: 50px;
    line-height: 50px;
    display: block;
    font-size: 28px;
    text-align: center;
    position: relative;
    -webkit-transition-duration: .25s; -moz-transition-duration: .25s; -ms-transition-duration: .25s; -o-transition-duration: .25s; transition-duration: .25s;
}

.left-toolbox .share-toolbox {
    margin-bottom: 40px;
}

.left-toolbox .share-toolbox .toolbox-item:not(:last-child):after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: auto;
    bottom: 0;
    background-color: #e2e2e4;
    height: 1px;
    transform: scaleY(0.5);
    -webkit-transform: scaleY(0.5);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
}

.left-toolbox .fav-toolbox .add-fav-button {
    line-height: 34px;
    height: 50px;
    font-size: 24px;
    cursor: pointer;
}

.left-toolbox .fav-toolbox .add-fav-button.active {
    color: #F7B501;
    animation-name: beat;
    -webkit-animation-name: beat;
}

.add-fav-button.animated,
.article-like-btn.animated {
    animation-duration: .38s;
    animation-timing-function: ease-in-out;
    animation-direction: alternate;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    transform-origin: 50%;

    -webkit-animation-duration: .38s;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: alternate;
    -webkit-animation-fill-mode: forwards;
    -webkit-transform-origin: 50%;
}

@keyframes beat {
    0% { -webkit-transform: scale(1); }
    20% { -webkit-transform: scale(0.5); }
    40% { -webkit-transform: scale(1.6); }
    80% { -webkit-transform: scale(0.8); }
    100% { -webkit-transform: scale(1); }
}

@-webkit-keyframes beat {
    0% { -webkit-transform: scale(1); }
    20% { -webkit-transform: scale(0.5); }
    40% { -webkit-transform: scale(1.6); }
    80% { -webkit-transform: scale(0.8); }
    100% { -webkit-transform: scale(1); }
}

.left-toolbox .fav-toolbox span {
    line-height: 14px;
    text-align: center;
    display: block;
    font-size: 12px;
}

.left-toolbox .share-wechat:hover .wechat-qrcode {
    visibility: visible;
    opacity: 1;
}

.left-toolbox .wechat-qrcode {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    left: 50px;
    top: 8px;
    width: 200px;
    height: 225px;
    background: #fff;
    color: #999;
    font-size: 13px;
    font-weight: bold;
    border: solid 1px #d2d2d2;
    border-radius: 4px;
    box-shadow: 0 4px 10px rgba(0,0,0,.12);
    -webkit-transition: opacity .3s ease; -moz-transition: opacity .3s ease; -ms-transition: opacity .3s ease; -o-transition: opacity .3s ease; transition: opacity .3s ease;
}

.left-toolbox .wechat-qrcode:before {
    border-bottom: 7px solid rgba(0, 0, 0, 0);
    border-left: 7px solid rgba(0, 0, 0, 0);
    border-right: 7px solid #d2d2d2;
    border-top: 7px solid rgba(0, 0, 0, 0);
    content: "";
    left: -15px;
    position: absolute;
    top: 8px;
    z-index: 1;
}

.left-toolbox .wechat-qrcode:after {
    border-bottom: 7px solid rgba(0, 0, 0, 0);
    border-left: 7px solid rgba(0, 0, 0, 0);
    border-right: 7px solid #f7f7f7;
    border-top: 7px solid rgba(0, 0, 0, 0);
    content: "";
    left: -14px;
    position: absolute;
    top: 8px;
    z-index: 2;
}

.left-toolbox .wechat-qrcode span {
    display: block;
}

.left-toolbox .wechat-qrcode .header {
    background-color: #f7f7f7;
    height: 32px;
    line-height: 32px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.left-toolbox .wechat-qrcode .qrcode {
    width: 130px;
    height: 130px;
    background: #333;
    margin: 16px auto;
}

.left-toolbox .wechat-qrcode .hint {
    line-height: 16px;
}

.toolbox-item.share-qq:hover {
    color: #56b6e7;
}

.toolbox-item.share-qzone:hover {
    color: #ffe21f;
}

.toolbox-item.share-weibo:hover {
    color: #ff763b;
}

.toolbox-item.share-wechat:hover {
    color: #7bc549;
}

.toolbox-item.add-fav-button:hover {
    color: #F7B501;
}

.icon-qq:before {
    content: "\e921";
}
.icon-qzone:before {
    content: "\e922";
}
.icon-wechat:before {
    content: "\e923";
}
.icon-weibo:before {
    content: "\e924";
}

.threecol .video-entry .entry-container {
    padding: 10px;
}

.threecol .video-entry .entry-container {
    border: 1px solid #f0f0f0;
}

.icon-play-r {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .9);
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -35px;
    margin-top: -35px;
    z-index: 2;
}

.icon-play-r:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-left: 25px solid rgba(252, 191, 38, .9);
    border-bottom: 20px solid transparent;
    position: absolute;
    top: 15px;
    left: 26px;
}

.icon-music {
    width: 70px;
    height: 70px;
    background: url(./images/icon-music.png) no-repeat;
    display: inline-block;
    background-size: 70px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -35px;
    margin-top: -35px;
    z-index: 2;
}

.empty-placeholder {
    text-align: center;
    margin: 60px auto;
    width: 280px;
    font-size: 18px;
    color: #969595;
}

.empty-placeholder .empty-icon {
    display: inline-block;
    width: 150px;
    height: 150px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.empty-placeholder .empty-icon.fav {
    background-image: url(images/empty-fav-icon.png);
}

.empty-placeholder .empty-icon.msg {
    background-image: url(images/empty-msg-icon.png);
    width: 210px;
    background-position: 0 center;
}

.empty-placeholder .empty-icon.cmt {
    background-image: url(images/empty-cmt-icon.png);
}

.empty-placeholder .empty-icon.fof {
    background-image: url(images/empty-fof-icon.png);
    width: 460px;
    height: 280px;
    margin-left: -1000px;
    margin-right: -1000px;
    margin-bottom: 18px;
}

.empty-placeholder .empty-icon.search {
    background-image: url(images/empty-search-icon.png);
}

.empty-placeholder p {
    margin-top: 10px;
}

.empty-placeholder .empty-btn {
    display: inline-block;
    background: #1d1d1d;
    font-size: 16px;
    color: #FFE100;;
    line-height: 45px;
    height: 45px;
    width: 150px;
}

.empty-placeholder .empty-btn:hover {
    color: #FFE100;
}

/***********/
/** 四件套 **/
/***********/
.base-info-header {
    padding-bottom: 50%;
    background-size: cover;
    background-position: center;
    position: relative;
    margin-bottom: 60px;
}

.base-info-header .header-inner {
    width: 1100px;
    margin: 0 auto;
    padding: 40px 0 0;
}

.base-info-header .base-info-nav {
    font-size: 0;
}

.base-info-nav .nav-item {
    padding: 0 8px;
    color: #fff;
    height: 13px;
    display: inline-block;
    line-height: 14px;
    font-size: 16px;
}

.base-info-nav .nav-item:not(:last-child) {
    border-right: 1px solid #fff;
}

.base-info-nav .nav-item.active {
    color: #f7b501;
}

.base-info-header .title {
    position: absolute;
    top: 50%;
    margin-top: -100px;
    color: #fff;
    font-size: 60px;
    text-align: center;
    width: 100%;
    height: 180px;
    display: table;
}

.base-info-header .title .inner {
    display: table-cell;
    vertical-align: middle;
}

.base-info-header .title .inner span {
    display: inline-block;
    text-align: left;
}

.base-info-container a {
    color: inherit;
}

.join-content h3,
.about-data-container {
    font-size: 60px;
    font-weight: 100;
    font-family: 'Helvetica Neue';
}

.about-data-container .about-data-column {
    width: 33.3%;
    float: left;
    text-align: center;
    margin-bottom: 55px;
}

.about-data-container .about-data-column:first-child {
    text-align: left;
}

.about-data-container .about-data-column:last-child {
    text-align: right;
}

.about-data-column span {
    color: #f7b501;
    margin: 0 5px;
}

.about-content {
    padding-bottom: 200px;
}

.about-content,
.contact-content,
.join-content {
    font-size: 20px;
    color: #4a4a4a;
    line-height: 28px;
}

.contact-info-container {
    margin-top: 65px;
    padding-bottom: 160px;
    color: #4a4a4a;
}

.contact-info-container .contact-info-column {
    width: 50%;
    float: left;
    padding-left: 100px;
    box-sizing: border-box;
    margin-bottom: 42px;
}

.contact-info-column .title {
    font-size: 24px;
    line-height: 51px;
    padding-right: 40px;
    margin-bottom: 10px;
    border-bottom: 1px solid #dfdfdf;
    display: inline-block;
}

.contact-info-column .content {
    font-size: 20px;
}

.contact-info-column .content a,
.join-info-container a {
    color: #f7b501;
}

.join-info-container {
    text-align: center;
    font-size: 20px;
    margin-top: 140px;
    padding-bottom: 160px;
}

.join-info-container p {
    margin-bottom: 40px;
}

.media-content {
    margin-left: -50px;
    margin-right: -50px;
    padding-bottom: 160px;
}

.media-content .media-item {
    padding: 50px;
}

.media-content .media-item:not(:last-child) {
    border-bottom: 1px solid #dedede;
}

.media-item .media-cover {
    width: 200px;
    height: 140px;
    float: left;
    position: relative;
    z-index: 1;
}

.media-cover img {
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

.media-item .media-main {
    padding-left: 260px;
    min-height: 140px;
    position: relative;
}

.media-main .title {
    color: #333;
    line-height: 1.5;
    font-size: 20px;
    margin-bottom: 5px;
}

.media-main .title:hover {
    color: #3498DB;
}

.media-main .content {
    font-size: 18px;
    line-height: 1.5;
    color: #666;
}

.media-main .meta {
    color: #a4a4a4;
    position: absolute;
    bottom: 0;
}

.base-info-container .main-link,
.base-info-container .sub-link {
    padding: 30px;
}

.base-info-container .sub-link {
    margin-bottom: 50px;
}

.base-info-container .main-link {
    margin-top: 30px;
}

.main-link h3 {
    color: #333;
    font-size: 36px;
    font-weight: normal;
    letter-spacing: 7px;
}

.sub-link h3 {
    font-size: 28px;
    color: #6B6B6B;
    letter-spacing: 5px;
}

.main-link .container {
    margin-left: -80px;
    margin-right: -80px;
}

.main-link .container .item {
    float: left;
    width: 25%;
    height: 140px;
    box-sizing: border-box;
    text-align: center;
}

.sub-link .container {
    font-size: 0;
    overflow: hidden;
    margin-left: -90px;
    margin-right: -90px;
}

.sub-link .container .item {
    display: inline-block;
    width: 25%;
    font-size: 24px;
    text-align: center;
    margin: 25px 0;
    position: relative;
    color: #6E6E6E;
}

.sub-link .container .item:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: -1px;
    width: 1px;
    height: 100%;
    background: #979797;
}

.sub-link .container .item a {
    border-bottom: 1px solid #6E6E6E;
}

.sub-link .container .item a:hover {
    color: #3498DB;
    border-bottom-color: #3498DB;
}

a[class*=ad][href^=javascript] {
    cursor: default;
}