/*base*/
body{ font-family:"微软雅黑",serif; }
img { border: 0; }
a:link, a:visited, a:hover, a:focus { text-decoration: none!important; }
.navbar-nav .active a { color: #337ab7!important; }
.navbar-nav a:hover { color: #337ab7!important;background-color: #efefef!important; }
a span { font-size: 10px; }
.btn-xs {
    padding: 0 3px!important;
    line-height: 1.4!important;
    vertical-align:bottom!important;
    border: 0!important;
}
pre.prettyprint {
    min-width: 200px;
    /*border: 0!important;*/
    border: 1px solid #e8e8e8!important;
    border-left: 5px solid #CCC!important;
    /*padding: 9.5px!important;*/
    border-radius: 0!important;
}
pre.prettyprint ol {
    padding-left: 2.5em;
}
pre.prettyprint ol.linenums li {
    min-width: 600px;
    list-style-type: decimal;
}
pre.prettyprint ol.linenums li code {
    word-break: break-all;
    white-space: pre;
    overflow: auto;
    overflow-y: hidden;
}

h6.media-heading {
    color: #00a9e0;
}
.left { float: left; }
.right { float: right; }
.blank { height: 5px; overflow: hidden; width: 100%; margin: auto; clear: both }
#logo a { float: left; width: 150px; height: 45px; margin: 5px 30px 0 50px; background: url(../images/logo.gif) no-repeat; display: block }
#topnav_current { color: #e15782; }
.en { color: #999; font-size: 12px; z-index: 1; display: block; }/* ie */
article { padding: 10px 10px!important; overflow: hidden }
footer { text-align: center; line-height: 20px; border-top: #E8E8E8 1px solid ; width:1000px; padding:10px 15px; }
.footer-ba img { vertical-align: text-bottom; }
.footer-ba a { color: #808080 }
.footer-img { margin-top: 10px; }
.loginform {max-width:350px;padding: 10px 10px 10px; background:#fff; color:#333;}
.loginform .input-group {margin: 15px}
.modal-dialog {max-width: 380px}
.form-group label {padding-right: 0}
.form-group label input {position: relative;bottom: -3px;margin-right: 5px}

h1.t_nav p { margin: 0; font-size: 12px; }
@media (min-width: 992px) {
    h1.t_nav p { padding-left: 5%; display: inline; vertical-align: text-top; line-height: 30px; }
}
@media (max-width: 991px) {
    h1.t_nav p { float: left; line-height: 20px; padding: 5px 5px; min-width: 200px; }
}
h1.t_nav p span { vertical-align:text-top; font-size: 14px; color:#999; }
h1.t_nav { border-bottom: #F1F1F1 1px solid; font-size: 12px; font-weight: normal; line-height: 40px; height: 40px; margin: 10px 0; }
a.n1, a.n2 { width: 100px; display: block; text-align: center; color: #fff; float: left }
.n1 { background: #5EA51B; }
.n2 { background: #8BBF5D; }

/*右边栏样式*/
.right-bar { padding: 0 10px!important; }
.right-bar ul { list-style: none }
.news h3 { font-size: 14px; background: url(../images/r_title_bg.jpg) repeat-x center ; margin: 0; }
.news h3 p { background: #fff; width: 70px }
.news h3 span { color: #65b020 }
.news h3.ph span { color: #37ccca; }
.news h3.npk span { color: #7082f1; }
.news h3.links span { color: #F17B6B; }
.news ul { margin-bottom: 20px; padding-left: 15px; }
.news ul li a:hover { text-decoration: underline }
.rank li { height: 25px; line-height: 25px; clear: both; padding-left: 10px; overflow: hidden; background: url(../images/li.jpg) no-repeat left center; }
.rank { margin: 10px 0 }
.rank li a:hover, .rank li a:hover { color: #F17B6B; }
.newcomment li { min-height: 40px; clear: both; padding: 5px; overflow: hidden; }
.newcomment li a { color: #585858;line-height: 1.3; font-size:13px; }
.newcomment li span { line-height: 1.5; color: #00a9e0; font-size: 10px }
.newcomment li span span {color: #fff; position: relative; top: 0;vertical-align: middle!important;}
.newcomment { margin: 10px 0;padding-left: 0!important; }
.newcomment li a:hover, .rank li a:hover { color: #F17B6B; }
.newcomment li h6 span { color: #b8b8b8; }
.paih li a:hover, .rank li a:hover { color: #F17B6B; }
.paih { background: url(../images/ph.jpg) no-repeat left 8px; margin: 10px 0 }
.paih li { line-height: 30px; height: 30px; overflow: hidden; padding-left: 10px; border-bottom: #CCC dotted 1px }
.weather, .news { padding: 10px 0 0 0!important; }
.weixin { background: url(../images/weixin.jpg) no-repeat; width: 100%; display: inline-block; height: 320px; overflow: hidden; clear: both }
aside .rnav ul li a:hover { background: rgba(255,255,255,0.2); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
.ad{ width:100%; margin:10px auto;}

/*@links*/
.link-friends{overflow: hidden;padding-bottom: 20px}
.link-friends span{font-size:12px;float:left;text-align: center;width: 80px;padding: 10px 0}
.link-friends span img{border-radius:100%;margin-bottom:5px;transition:0.5s;--webkit-transtion:0.5s;}
.link-friends span .sitename{display:block;padding:0;}
.link-friends span span{display:block}
.link-friends span:hover img{transform:rotate(360deg);-webkit-transform:rotate(360deg);}
.link-friends-body {padding: 20px 15px;background: url(../images/r_line.jpg) repeat-y right;}

/*@tags*/
.tags-body {padding: 20px 15px;background: url(../images/r_line.jpg) repeat-y right;}
.tags-body a {padding: 10px 10px 10px 30px;margin: 5px}
.tags-body a span {background-color: #aaaaaa!important;position: relative;top: 6px!important;right: -6px;}

/*翻页样式*/
/*.page{ margin:20px 0 0 0; text-align:center; width:100%;overflow: hidden;}*/
/*.page a b {color: #999;}*/
/*.page>b,.page a {margin: 0 2px;height: 26px;line-height: 26px;border-radius: 50%;width: 26px;text-align: center;display: inline-block}*/
/*.page a {margin: 0 2px;height: 26px;line-height: 26px;border-radius: 50%;width: 26px;text-align: center;display: inline-block}!* 针对IE6 *!*/
/*.page>b,.page a:hover{background: #333;color: #FFF;}*/
/*.page a {color: #F33;border: #999 1px solid;}*/

.ds-avatar {
    float: left;
}

/*自定义滑动条*/
::-webkit-scrollbar {
    width: 10px;
    background: #eee;
    opacity: .8;
}
::-webkit-scrollbar-button {
    width: 10px;
    height: 5px;
}
::-webkit-scrollbar-track {
    background: #eee;
    border: 1px solid lightgray;
    box-shadow: 0px 0px 3px #dfdfdf inset;
    border-radius: 10px;
}
::-webkit-scrollbar-thumb {
    background: #969696;
    border: thin solid gray;
    border-radius: 10px;
    -webkit-transition: background .25s linear;
}
::-webkit-scrollbar-thumb:hover {
    background: #7d7d7d;
    -webkit-transition: background .25s linear;
}



/*book*/
.aboutme{ color:#696969;background: url(../images/aboutphoto.jpg) no-repeat;width: 242px; height: 240px;}
.book{ width:710px;overflow: hidden; background: url(../images/r_line.jpg) repeat-y right; line-height:22px; margin:20px auto;padding-right: 30px; }
.about_c{ padding:0px 0 0 10px; color:#999; line-height:26px;margin:35px 0 15px 0; }
.about_c img{ margin:5px 0}
.about_c span{ color:#19A566}



/*index*/
.banner { background: url(../images/banner_top.jpg) top center; height: 265px; overflow: hidden }
.box{ width:1300px; margin:auto; overflow:hidden}
.boxphoto{ width:1000px; margin:auto; overflow:hidden}
.texts { width: 350px; line-height: 26px; margin: 60px 0 0 0; float: left; font-size: 14px; }
.texts p { -webkit-transform: translate(60px); -moz-transform: translate(60px); -o-transform: translate(60px); -ms-transform: translate(60px); transform: translate(60px); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8), 2px 2px 3px rgba(180, 151, 151, 0.3); }
.texts p:nth-child(1) { -webkit-animation: animations 3s ease-out 1s backwards; -moz-animation: animations 3s ease-out 1s backwards; -o-animation: animations 3s ease-out 1s backwards; -ms-animation: animations 3s ease-out 1s backwards; animation: animations 3s ease-out 1s backwards; }
.texts p:nth-child(2) { -webkit-animation: animations 3s ease-out 4s backwards; -moz-animation: animations 3s ease-out 4s backwards; -o-animation: animations 3s ease-out 4s backwards; -ms-animation: animations 3s ease-out 4s backwards; animation: animations 3s ease-out 4s backwards; }
.texts p:nth-child(3) { -webkit-animation: animations2 5s ease-in-out 7s backwards; -moz-animation: animations2 5s ease-in-out 7s backwards; -o-animation: animations2 5s ease-in-out 7s backwards; -ms-animation: animations2 5s ease-in-out 7s backwards; animation: animations2 5s ease-in-out 7s backwards; }
@-webkit-keyframes animations { 0% {-webkit-transform:translate(0);opacity:0;} 50% {-webkit-transform:translate(30px);opacity:.5;} 100% {-webkit-transform:translate(60px);
opacity:1;}}@-moz-keyframes animations { 0% {-moz-transform:translate(0);opacity:0;} 50% {-moz-transform:translate(30px);opacity:.5;} 100% {-moz-transform:translate(60px);
opacity:1;}}@-o-keyframes animations { 0% {-o-transform:translate(0);opacity:0;} 50% {-o-transform:translate(30px);opacity:.5;} 100% {-o-transform:translate(60px);opacity:1;
}}@-ms-keyframes animations { 0% {-ms-transform:translate(0);opacity:0;} 50% {-ms-transform:translate(30px);opacity:.5;} 100% {-ms-transform:translate(60px);opacity:1;
}}@keyframes animations { 0% {transform:translate(0);opacity:0;} 50% {transform:translate(30px);opacity:.5;} 100% {transform:translate(60px);opacity:1;}}@-webkit-keyframes animations2 { 0% {
opacity:0;} 40% {opacity:.8;} 45% {opacity:.3;} 50% {opacity:.8;} 55% {opacity:.3;} 60% {opacity:.8;} 100% {opacity:1;}}@-moz-keyframes animations2 { 0% {opacity:0;
} 40% {opacity:.8;} 45% {opacity:.3;} 50% {opacity:.8;} 55% {opacity:.3;} 60% {opacity:.8;} 100% {opacity:1;}}@-o-keyframes animations2 { 0% {opacity:0;} 40% {opacity:.8;
} 45% {opacity:.3;} 50% {opacity:.8;} 55% {opacity:.3;} 60% {opacity:.8;} 100% {opacity:1;}}@-ms-keyframes animations2 { 0% {opacity:0;} 40% {opacity:.8;} 45% {opacity:.3;
} 50% {opacity:.8;} 55% {opacity:.3;} 60% {opacity:.8;} 100% {opacity:1;}}@keyframes animations2 { 0% {opacity:0;} 40% {opacity:.8;} 45% {opacity:.3;} 50% {opacity:.8;
} 55% {opacity:.3;} 60% {opacity:.8;} 100% {opacity:1;}}

.template { background: #F1F0EE }
.template h3 { border-bottom: #FFF 1px solid; width: 100%; overflow: hidden; font-size: 14px; margin: 0 0 10px; display: block; clear: both; }
.template h3 p { background: #474645; width: 180px; height: 25px; margin: 15px 0 0 10px; line-height: 25px; color: #fff; text-align: center; box-shadow: #999 4px 5px 1px; }
.template h3 p span { color: #38b3d4; }
.template ul { overflow: hidden; }
.template ul li { margin: 3px; float: left; display: block; padding: 5px 5px 6px 5px; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s; }
.template li img { width: 142px; height: 80px; background: #FFF; padding: 4px; box-shadow: 0px 0px 2px rgba(0,0,0,.5); display: block; }
.template li span { color: #F1F0EE; display: block; text-align: center; margin-top: 5px; width: 142px; overflow: hidden; text-overflow: ellipsis; height: 14px }
.template li:hover { background: #666; padding: 5px 5px 6px 5px; }
h2.title_tj { padding: 0; margin-bottom: 0; font: 18px "微软雅黑", Arial, Helvetica, sans-serif; color: #444; font-weight: bold; background: url(../images/h_line.jpg) repeat-x 20px center;}
h2.title_tj span { color: #FE5187 }
h2.title_tj p { background: #fff; width: 80px }

.avatar { float: right; margin: 40px 20px 0px 0px; width: 130px; height: 130px; border-radius: 100%; overflow: hidden; border: #FFF 4px solid }
.avatar a { display: block; padding-top: 85px; width: 122px; background: url(../images/avatar.png) no-repeat; background-size: 130px 130px }
.avatar a span { display: block; margin-top: 63px; padding-top: 6px; width: 122px; height: 55px; text-align: center; line-height: 20px; color: #fff; background: rgba(0, 0, 0, .5); -webkit-transition: margin-top .2s ease-in-out; -moz-transition: margin-top .2s ease-in-out; -o-transition: margin-top .2s ease-in-out; transition: margin-top .2s ease-in-out; }
.avatar a:hover span { display: block; margin-top: 0; }

.avatarher { float: right; margin: 40px 10px 0 0; width: 130px; height: 130px; border-radius: 100%; overflow: hidden; border: #FFF 4px solid }
.avatarher a { display: block; padding-top: 85px; width: 122px; background: url(../images/avatarher.jpg) no-repeat; background-size: 130px 130px }
.avatarher a span { display: block; margin-top: 63px; padding-top: 6px; width: 122px; height: 55px; text-align: center; line-height: 20px; color: #fff; background: rgba(0, 0, 0, .5); -webkit-transition: margin-top .2s ease-in-out; -moz-transition: margin-top .2s ease-in-out; -o-transition: margin-top .2s ease-in-out; transition: margin-top .2s ease-in-out; }
.avatarher a:hover span { display: block; margin-top: 0; }

.lock { float: right; margin: 80px 10px 0 0; width: 46px; height: 55px; border-radius: 100%; overflow: hidden; background: url(../images/lock.png) no-repeat}

/*life*/
.bloglist { overflow: hidden; background: url(../images/r_line.jpg) repeat-y right; padding: 0 15px 10px 0!important; }
.bloglist h3 { margin: 0; padding: 15px 10px 0 10px!important; color: #333 }
.bloglist div a.articleimg { padding: 15px 15px 15px 20px; }
.bloglist div a.articleimg img {
    padding: 4px!important; max-height: 135px; max-width: 190px;
    -webkit-transition:all .4s linear;
    -moz-transition:all .4s linear;
    -o-transition:all .4s linear;
    transition:all .4s linear;
}
.bloglist .blog { margin-bottom: 10px; padding: 0; }
.bloglist .blog:hover { background-color: #f5f5f5; border-radius: 8px; -moz-border-radius:8px; -webkit-border-radius:8px; }
.bloglist .blog:hover a.articleimg img {
    -webkit-transform:scale(1.12);
    -moz-transform:scale(1.12);
    -o-transform:scale(1.12);
    transform:scale(1.12);
}
.blogcontent { padding: 0 10px!important; height: 55px; }
.lifedateview { color: #838383; margin: 0; padding: 2px 10px 2px 5px!important; }
.lifedateview span { margin: 0; padding: 0 3px; font-size: 10px; }
.lifedateview span span { padding-right: 3px; }
.lifedateview span a { color: #099B43; padding: 0 3px; }
.lifedateview span a:hover { color: #23527c; }
a.readmore { background: #fd8a61; color: #fff; padding: 5px 10px; float: right; position: relative; right: 15px; bottom: 5px; }

/*mood*/
.moodlist { margin: auto; width: 100%; overflow: hidden }
.sy {border-right: #e1dfdd 3px solid;padding: 0!important;}
.sy .bg {
    background: #f8f8f8;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .1), inset 0 1px 1px rgba(214, 214, 214, 0.7);
    border-radius: 15px;
    margin: 0 15px 15px 0;
    padding: 15px;
    max-width: 80%;
    min-width: 50%;
    float: right;
}
.sy .bg:hover {background: #f4f2f2;}
.sy .bg img {
    float: left;
    margin-right: 15px;
    max-width: 230px;
}
.sy .bg div {
    margin: 10px 0;
}
.sy .bg div audio {
    max-width: 100%;
}
@media (max-width: 991px) {
    .sy .bg {
        margin: 10px 10px 5px 10px;
        max-width: 100%;
        min-width: 50%;
    }
    .sy .bg div {
        display: inline-block;
    }
    .dateview {
        font-size: 10px;
    }
}

@media (min-width: 992px) {
    .sy::before {
        content: "";
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background: #e1e1e3;
        transition: all 0.5s;
        float: right;
        margin: 5px 0 0 13px;
    }

    .sy::after {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 0 20px 22px;
        border-color: transparent transparent transparent #fff;
        float: right;
        position: absolute;
        right: -3px;
        top: 5px;
        margin: 5px 10px 0 0;
    }

    .sy:hover::before {
        background: #5EA51B
    }

    .sy:hover::after {
        border-color: transparent transparent transparent #CECCCD
    }
}
.sy:hover { color: #333; text-shadow: #f7f7f7 1px 1px 1px }
.dateview {background: #5EA51B; border-radius: 0 40px; text-align: center; color: #fff;padding: 5px 10px;margin-top: 10px;}
.page { margin: 20px 0; text-align: center; width: 100%; overflow: hidden; }
.page a b { color: #999; }
.page>b, .page a { margin: 0 2px; height: 26px; line-height: 26px; border-radius: 50%; width: 26px; text-align: center; display: inline-block }
.page a { margin: 0 2px; height: 26px; line-height: 26px; border-radius: 50%; width: 26px; text-align: center; display: inline-block }
.page>b, .page a:hover { background: #333; color: #FFF; }
.page a { color: #F33; border: #999 1px solid; }


/*new*/
.index_about { background: url(../images/r_line.jpg) repeat-y right; padding-left: 0!important; }
.c_titile { font-size: 22px; margin: 20px 0; text-align: center; text-shadow: #888888 0.08em 0.08em 0.16em }
.box_c { border: #ccc 1px dashed; text-align: center; padding: 5px 0;color: #999;}
.box_c span { margin: 0 5px; }
.box_c span a{color: #099;}
.infos { line-height: 28px; padding: 0 5px 0 5px; }
.infos p { margin-bottom: 5px; }
.infos p img { max-width: 100%; }
.infos p img.emoji { max-width: 30px; vertical-align: text-bottom; }
.infos ul { padding-left: 25px; }
.infos ul li ul { padding-left:0; }

.keybq { line-height: 30px; height: 30px; border: 1px solid #F0F0F0; background-color: #f0f0f0; }
.keybq span, .keybq a { color: #099; padding: 0 5px; }
.bdsharebuttonbox { padding: 5px 15px!important; }
.bdsharebuttonbox span { float: left!important; margin-top: 9px; }
.nextinfo { line-height: 24px; padding-top: 10px;}
.article_all { padding:10px 0!important; }

/*@ 评论列表样式 @*/
#wrap-form-comment, #wrap-comments-list, .comments_length, .checklogin { padding:0!important; }
.comment_content { min-height: 150px; max-width: 100%; margin-bottom: 20px; }
.comments_one { padding: 8px 10px!important; border-bottom: 1px solid #DEDEDE; }
.comments_one:first-child { border-top: 1px solid #DEDEDE; padding-top: 15px; }
.comment_parent { padding:10px 0!important; }
.comment_parent .media-body p { max-width: 800px }
.comment_child { padding:10px 0!important; float: right!important; }
.media-object { border-radius:20%; }
.pull-left { padding: 3px 10px 3px 5px; }
.reply_btn { border-left: 2px solid #777; padding-left: 5px; }
.comment-quote { border-left: 3px solid #9ce8f8; padding-left: 10px; color: #afafaf; }
.pagenum { color: #999; font-size: 10px; }

/*.comments_one img{border-radius:20%;transition:0.5s;--webkit-transtion:0.5s;}*/
/*.comments_one:hover img{transform:rotate(360deg);-webkit-transform:rotate(360deg);}*/

.otherlink h2 { border-bottom: #099 2px solid; line-height: 40px; font-size: 12px; font-weight: normal; margin-right: 20px; background:url(../images/5794.png) 10px center no-repeat; padding-left:40px}
.otherlink ul { margin: 10px 0 }
.otherlink li { line-height: 24px; height: 24px; display: block; width: 290px; float: left; overflow: hidden; margin-right: 30px; }
.otherlink li a:hover{ text-decoration:underline}

@media (min-width: 992px) {
    .top-to-page {
        position: fixed;
        bottom: 380px;
        right: 14%;
    }
    #to_down, #to_top {
        padding: 6px 12px!important;
        margin-bottom: 5px;
        display: block;
        border: none;
        align-items: center;
        font-size: 10px;
        background: #f9f9f9;
    }
    #to_top {display: none;}
    #wechat_btn {
        padding: 9px 12px!important;
        display: block;
        border: none;
        align-items: center;
        font-size: 35px;
        background: #f9f9f9;
        height: 60px;
    }
    #to_down:hover, #to_top:hover, #wechat_btn:hover {
        background: #dddddd;
    }
}
@media (max-width: 991px) {
    .top-to-page {
        float: left;
        position: fixed;
        z-index: 1031;
        top: 14px;
        right: 22%;
    }
    #to_down, #to_top {
        float: left;
        padding: 3px 5px!important;
        display: block;
        border: none;
        align-items: center;
        font-size: 10px;
        background: #f9f9f9;
    }
    #to_top {display: none;}
    #wechat_btn {
        float: left;
        padding: 0 5px!important;
        display: block;
        border: none;
        align-items: center;
        font-size: 20px;
        background: #f9f9f9;
        height: 24px;
    }
    #to_down:hover, #to_top:hover, #wechat_btn:hover {
        background: #dddddd;
    }
}

@media (min-width: 992px) {
    video {
        max-width: 600px;
        max-height: 600px;
    }
}
@media (max-width: 991px) {
    video {
        max-width: 360px;
        max-height: 360px;
    }
}