﻿
html {text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; height: 101%;}
body {font-size: 16px; line-height: 1.8; -ms-word-break: break-all;word-break: break-all;word-break: break-word;word-wrap: break-word;overflow-wrap: break-word;background-color: #fff; color: #171b34; font-family: "Open Sans",Arial,"Hiragino Sans GB","Microsoft YaHei","微软雅黑","STHeiti","WenQuanYi Micro Hei",SimSun,sans-serif; padding-top: 61px; }
a {color: #ff6a00;}
a:hover {text-decoration: none; color: #333;}


/* 公共 */
.pr {position: relative;}
.img-div {display: block; overflow: hidden; background-color: #fff;}
.img-div img {max-width: none!important; width: 100%;}

.mb-0 {margin-bottom: 0px!important;}
.mt-0 {margin-top: 0px!important;}
.mt-10 {margin-top: 10px;}
.mb-5 {margin-bottom: 5px;}
.mb-10 {margin-bottom: 10px;}
.mb-20 {margin-bottom: 20px;}
.mb-30 {margin-bottom: 30px;}
.mb-40 {margin-bottom: 40px;}
.mt-20 {margin-top: 20px;}
.mt-30 {margin-top: 30px;}
.mt-40 {margin-top: 40px;}
.ml-5 {margin-left: 5px;}
.ml-10 {margin-left: 10px;}
.mr-5 {margin-right: 5px;}
.mr-10 {margin-right: 10px;}
.mr-20 {margin-right: 20px;}
.bb-0 {border-bottom: 0;}
.pt-0 {padding-top: 0!important;}
.pt-10 {padding-top: 10px;}
.breadcrumb {background-color: transparent; color: #999; line-height: 40px; padding:0; overflow: hidden; white-space: nowrap;}
.breadcrumb li {float: left;}
.breadcrumb a {color: #000;}
.default-img {cursor: pointer; padding: 10px; background-color: #eeeeee;}
.btn-primary {color: #fff; background-color: #1D71B6; border-color: #1D71B6;}
.btn-primary:hover,.btn-primary:focus {opacity: 0.7; filter: alpha(opacity=70);color: #fff; background-color: #1D71B6; border-color: #1D71B6;}
.btn-danger {color: #fff; background-color:#fd729d; border-color: #fd729d;}
.btn-danger:hover,.btn-danger:focus {opacity: 0.7; filter: alpha(opacity=70);color: #fff; background-color:#fd729d; border-color: #fd729d;}
.btn-success {color: #fff; background-color:#00a15f; border-color: #00a15f;}
.btn-success:hover,.btn-success:focus {opacity: 0.7; filter: alpha(opacity=70);color: #fff; background-color:#00a15f; border-color: #00a15f;}
.btn-info {color: #fff; background-color:#cd6de0; border-color: #cd6de0;}
.btn-info:hover,.btn-info:focus {opacity: 0.7; filter: alpha(opacity=70);color: #fff; background-color:#cd6de0; border-color: #cd6de0;}
.btn-warning {color: #fff; background-color:#ff4a00; border-color: #ff4a00;}
.btn-warning:hover,.btn-warning:focus {opacity: 0.7; filter: alpha(opacity=70);color: #fff; background-color:#ff4a00; border-color: #ff4a00;}
.btn-default {color: #333; background-color: #fff; border-color: #e3e3e3;}
.btn-default:hover,.btn-default:focus {opacity: 0.7; filter: alpha(opacity=70);color: #333; background-color: #f9f9f9; border-color: #e3e3e3;}
.btn-xs {padding-left: 10px; padding-right: 10px;}
.btn-block {border-radius: 0;}
.btn:active, .btn.active {-webkit-box-shadow: none; box-shadow: none;}
.label-warning {background-color: #ff4a00;}
.label-danger {background-color: #fd729d;}
.carousel-control {background-image:none!important;}
.carousel .item img {width: 100%;}
embed { display:block;width:100%; background: #f9f9f9;}
.panel-default>.panel-heading {background: transparent; font-size: 16px; font-weight: bold;}
.panel-default {-webkit-box-shadow: none;box-shadow: none;}
hr {border-color: #f3f6f9;}
.nothing {background-color: #fff; text-align: center; padding: 100px 0; border: 1px solid #f2f2f2; margin-bottom: 20px;}
.inline {display: inline;}
.wto {white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; }
.cp {cursor: pointer;}

th {font-weight: normal;}

.media-left {float: left; padding-right: 0; margin-right: 10px;}
.media-left, .media-right, .media-body {display: block; width: auto;}

.container {width: 1200px;margin:0px auto;}

.modal-content {border: 0; border-radius: 0;}
.modal .modal-header {background-image: url(../img/logo.png); background-repeat: no-repeat; background-position: center center; background-color: #fff; height: 55px; }

.ke-content {padding: 10px;}

.done-message {position: fixed; width: 600px; text-align: center; background-color: #ff6a00; color: #fff; line-height: 60px; top: 0; left: 50%; margin-left: -300px; z-index: 999999; height: 61px; font-size: 16px; }
.done-message span {position: absolute; right: 20px; top: 0; cursor: pointer; }
.done-message span:hover {color: #515151;}

/* pagenavi */
.pagination {display: block; text-align: center;}
.pagination > li > a {float: none; display: inline-block; margin-left: 2px; margin-right: 2px; color: #333; border: 1px solid #e3e3e3; padding: 0 16px; line-height: 40px; font-size: 16px;}
.pagination > .disabled > a, .pagination > .disabled > a:hover { color: #ddd;}
.pagination > li > a:hover, .pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus { color: #ddd; background-color:#f9f9f9; border: 1px solid #e3e3e3;}

/* 模糊 */
.blur {	
    -webkit-filter: blur(10px); /* Chrome, Opera */
       -moz-filter: blur(10px);
        -ms-filter: blur(10px);    
            filter: blur(10px);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false); /* IE6~IE9 */
}



/* browser */
.browser-msg {padding:30px 0;background-color:#f2f2f2;position:fixed;bottom:0;width:100%;*left:0;z-index:9999;}
.browser-msg .txt {margin-bottom:27px;font-size:18px;font-size:1.8rem;line-height:19px;}
.browser-msg li {width:150px;display:inline-block;*display:inline;}
.browser-msg li img {margin:0 auto 5px;}
.browser-msg li .name {color:#666666;font-size:14px;font-size:1.4rem;line-height:17px;}

/* help */
.help .t2, .help:hover .t1 {display: none; }
.help:hover .t2 {display: block; }



/* nav */
#header { border-radius: 0; line-height: 60px; position: fixed; width: 100%; left: 0; right: 0; top: 0; height: 61px; z-index: 900;background:#fff;border-bottom: 1px solid #e5e5e5; }
#header .bg {position: absolute; display: block; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 60px; background-color: #fff; z-index: -1; }
#header .logo {font-size: 30px; line-height: normal; display: block;}
#header a {color: #333;}
#header .description {font-size: 18px;}
#header .head-nav .list-inline {margin-left: 0;}
#header .head-nav .list-inline li {padding: 0;}
#header .head-nav a {display: inline-block; padding: 0 12px; font-size: 14px;}
#header .head-nav a:hover {color: #fff; background-color: #ff6a00; }
#header .head-nav a.atvies {color: #fff; background-color: #ff6a00; }
#header .text-right > ul > li {border: 1px solid #e9e9e9; line-height: 30px; border-radius: 16px; padding: 0 8px;  font-size: 14px; margin-left: 4px; }
#header .text-right > ul > li.login {padding: 0 12px;}
#header .text-right > ul > li.login > span {color: #e9e9e9; }
#header .text-right > ul > li > a:hover {color: #ff6a00; }
#header .text-right .user {position: relative; height: 32px; padding: 0; width: 32px;  border-radius: 16px; background-color: #f9f9f9; line-height: normal; }
#header .text-right .user img {width: 30px; height: 30px;  cursor: pointer; border-radius: 15px; }
#header .text-right .user .dropdown-menu {right: -2px; left: auto; top: 99%; box-shadow: none; border: 0; padding: 0;  padding-top: 13px; }
#header .text-right .user:hover .dropdown-menu {display: block;}
#header .text-right .user .dropdown-menu .border { border:1px solid #e9e9e9; position: relative; padding: 5px 0;}
#header .text-right .user .dropdown-menu .arrow, #header .text-right .user .dropdown-menu .arrow:after {position: absolute;display: block;width: 0; height: 0; border-color: transparent; border-style: solid; }
#header .text-right .user .dropdown-menu .arrow {top: -22px; right:5px; border-top-width: 0; border-bottom-color: #e9e9e9; border-width: 11px; }
#header .text-right .user .dropdown-menu .arrow:after { top: -9px; margin-left: -10px; content: " "; border-top-width: 0; border-bottom-color: #fff; border-width: 10px;}
#header .text-right .user .dropdown-menu li a {display: block;padding: 0 0 0 34px; line-height: 40px; color: #666666; }
#header .text-right .user .dropdown-menu li a i {margin-right: 4px;}
#header .text-right .user .dropdown-menu li a:hover {background-color: #f9f9f9;}

/* footer */
footer {text-align: center; padding: 40px 0; margin-top: 40px; font-size: 14px; border-top: 2px solid #f3f6f9;}
footer a {margin: 0 4px;}

/* search */
#searchModal .modal-backdrop { filter: alpha(opacity=100); opacity: 1; background-color: #fff; }
#searchModal .modal-dialog {width: 1010px; margin-top: 200px; }
#searchModal .modal-content {-webkit-box-shadow: none; box-shadow: none;}
#searchModal .form-control {border: 0; outline: none;  border-bottom: 1px solid #e3e3e3; font-size: 40px; color: #333; border-radius: 0; height: 60px; padding: 0; line-height: 50px; background-color: #fff; }
#searchModal .form-control:focus {outline: none; -webkit-box-shadow: none; box-shadow: none;}

.search .search-user-list .media {padding: 20px 15px; border-top: 0; border-bottom: 1px solid #f2f2f2; }

/* entry */
.entry {line-height: 1.8;}
.entry p,
.entry h1,
.entry h2,
.entry h3,
.entry h4,
.entry h5,
.entry h6,
.note-editable p,
.note-editable h1,
.note-editable h2,
.note-editable h3,
.note-editable h4,
.note-editable h5,
.note-editable h6 {margin-bottom: 25px;}

/* editor */
.form-control {border-color: #e3e3e3;-webkit-box-shadow: none; box-shadow:none; outline: none!important; }

#note-mc-btn .note-image-input {position: absolute; opacity: 0; filter: alpha(opacity=0); display: block; width: 100%; height: 100%; left: 0; top:0; right: 0; bottom: 0; cursor: pointer;}

.pub-imgadd {position: relative; z-index: 90; overflow: hidden;}
.pub-imgadd:hover .btn {opacity: 0.7; filter: alpha(opacity=70);}
.pub-imgadd .picfile {position: absolute; opacity: 0; filter: alpha(opacity=0); display: block; width: 500px; height: 200px; left: -100px; top:-100px; right: 0; bottom: 0; cursor: pointer; z-index: 9; padding: 0; margin: 0;}

/* home-slider */
#carousel-home {margin-bottom: 40px; z-index: 890;}
#carousel-home .item {height: 600px; background-position: center center; background-repeat: no-repeat; background-size: cover; }

/* home-side */
.home-side-box {margin-bottom: 40px;clear:both;}
.home-side-box h4.title a {color: #a1a1a1; font-size: 14px; font-weight: normal; }
.home-side-box h4.title a:hover {color: #ff6a00; }
.side-latest-post .media {padding: 20px 0 0; border-top: 1px solid #f2f2f2; }
.side-latest-post .media-left {width: 80px;}
.side-latest-post .media-heading a {font-weight: normal; color: #333; font-size: 14px; }
.side-latest-post .media-heading a:hover {color: #ff6a00;}
.side-latest-post .media-body {color: #a1a1a1; font-size: 14px; }
.side-user-rank-list .media {padding: 20px 0; border-top: 1px solid #f2f2f2; }
.side-user-rank-list .media-left {border-radius: 20px; width: 40px; height: 40px; overflow: hidden; }
.side-user-rank-list .media-body {font-size: 12px; color: #a1a1a1; }
.side-user-rank-list .media-body h4 {font-size: 16px;}
.side-topic-list h4.title {padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid #f2f2f2; }
#tags a {display:inline-block; margin-bottom:6px; margin-right:6px; white-space:nowrap; border:1px solid #e5e5e5; color:#a1a1a1; border-radius:3px; padding:4px 10px; font-size: 14px; }
#tags a:hover { color: #ff6a00; border-color: #ff6a00; }

/* authors */
.authors-list .media {padding: 20px 0; border-bottom: 1px solid #f2f2f2; }
.authors-list .media-left {border-radius: 50%; margin-right: 30px; width: 80px; height: 80px; overflow: hidden; }
.authors-list .media-body {font-size: 14px; color: #a1a1a1; }
.authors-list .media-body h4 {font-size: 20px;}

/* user */
.user-head img {border-radius: 50%; }
.user-center h1.title.text-center {font-size: 18px;}

.set-page h4.title {border-bottom: 4px solid #f2f2f2; line-height: 30px; margin-bottom: 20px;}

/* post */
.post-list .col-xs-9 h4.title {padding-bottom: 10px; border-bottom: 1px solid #f2f2f2; }
.post-list .post {margin-bottom: 25px; padding-bottom: 20px; border-bottom: 1px solid #f2f2f2; }
.post-list .post h2.title {margin-top: 0; font-size: 14px;margin-top:10px;height:30px; overflow:hidden; width:100%; line-height:30px;}
.post-list .post h2.title a {color: #333;}
.post-list .post h2.title a:hover {color: #ff6a00; }
.post-list .post a.pull-left {width: 100%;height:50px;overflow:hidden; float:left}
.category-28 .post-list .post a.pull-left {width: 100%;height:427px;overflow:hidden; float:left}
.post-list .post .post-right {padding-left: 0px;width:100%; height:90px;float:left}
.post-list .post .post-right .author,.post-list .post .post-right ul.list-inline {font-size: 14px; color: #b3b3b3; }
.post-list .post .post-right .entry {color: #a1a1a1; }
.post-list .post .post-right ul.list-inline i {color: #d1d1d1; margin-right: 4px;}

.post-info {color: #b3b3b3; font-size: 14px;}

.post-author .media-left {border-radius: 30px; width: 60px; height: 60px; overflow: hidden; }
.post-author .media-body {font-size: 14px; color: #a1a1a1; }

.post-footer {position: fixed; left: 0; bottom: 0; right: 0; width: 100%; z-index: 99; line-height: 60px; background-color: #fff; border-top: 1px solid #e9e9e9; padding: 0 30px; height: 60px; font-size: 14px; color: #a1a1a1; }
.post-footer .left a.avatar {display: block; float: left; width: 32px; height: 32px; border-radius: 16px; margin-top: 14px; margin-right: 8px; overflow: hidden; line-height: normal; }
.post-footer .list-inline {margin-right: -5px; }
.post-footer .list-inline li {padding-left: 10px;}
.post-footer .list-inline li a {color: #333; font-size: 15px; }
.post-footer .list-inline li a:hover {color: #a1a1a1;}
.post-footer .list-inline li a.active {color: #ff6a00; }
.post-footer .list-inline li a i {top: 2px; margin-right: 4px;}

#share {color: #333; font-size: 15px; display: inline-block; height: 60px;}
#share-box {display: none; position: absolute; bottom: 60px; border: 1px solid #e9e9e9; background-color: #fff; border-bottom: 0; padding: 10px 10px 0;}
#share:hover #share-box {display: block; }
#share-box a {margin: 0 0 10px; cursor: pointer; }

.term-list {line-height: 34px;}
.term-list a {color: #a1a1a1;}
.term-list .active a {color: #ff6a00;}

.topic-head {text-align: center; height: 200px; background-repeat: no-repeat; background-position: center center; background-size: cover; margin-bottom: 20px; line-height: 200px; font-size: 40px; position: relative; z-index: 10; color: #fff; white-space: nowrap; overflow: hidden; }
.topic-head-bg {height: 100%; position:absolute; width: 100%; top: 0; left: 0; right: 0;  bottom: 0; z-index: -1; background-color: #000; opacity: 0.3; filter: alpha(opacity=30);}
.topic-head .btn-box {position: absolute; right: 15px; top: 15px; line-height: normal; }
.topic-head .btn-default {background: transparent; color: #fff; margin-left: 10px; }
.topic-head .topic-rank {width: 500px; position: absolute; bottom: 20px; left: 50%; margin-left: -250px; z-index: 1; line-height: 30px; font-size: 18px; text-align: center; cursor:help; }
.topic-head .topic-rank .t2 { font-size: 14px; }

.contribute-count {background-color: #ff6a00; color: #fff; border-radius: 2px; padding: 0 4px;}

.topic-pr {overflow: hidden; }
.topic-pr .topic-img {display: block; height: 204px; background-repeat: no-repeat; background-size: cover; background-position: center center; }
.topic-pr .topic-bg {position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.3; filter: alpha(opacity=30); z-index: 1; }
.topic-pr:hover .topic-bg {opacity: 0.4; filter: alpha(opacity=40);}
.topic-pr .topic-txt {position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 2; color: #d3d3d3; display: block; padding: 125px 15px 15px;}
.topic-pr .topic-txt h2 {margin: 0 0 10px; color: #fff; font-size: 20px;}
.topic-pr .btn-default {background: transparent; color: #fff; margin-left: 10px; position: absolute; right: 15px; top: 15px; z-index: 3; }
.topic-pr .btn-default:hover {background-color: #ff6a00; border-color: #ff6a00; opacity: 1; filter: alpha(opacity=100); }
.topic-pr .btn-default span {display: none;}
.topic-pr .btn-default.btn-partner {right: auto; left: 15px;}

.search-user-list .media {padding: 20px 15px; border-top: 1px solid #f2f2f2;}
.search-user-list .media-left {border-radius: 20px; width: 40px; height: 40px; overflow: hidden; }
.search-user-list .media-body {font-size: 12px; color: #a1a1a1; }
.search-user-list .media-body h4 {font-size: 16px;}

.topic-list .col-xs-12 > h4.title {line-height: 34px;}

/* comment */
.comment-list .media {padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dotted #e3e3e3;}
.comment-list .media-left img {border-radius: 50%; width: 80px; height: 80px;}
.comment-list .media-body {color: #a1a1a1; font-size: 14px; }

/* page */
.page-single h1.title {border-bottom: 4px solid #f3f6f9; padding-bottom: 10px; margin-bottom: 30px; }

/* authors */
.author-list .media {padding: 20px 0; border-bottom: 1px solid #f2f2f2; }
.author-list .media-left {border-radius: 50px; width: 100px; height: 100px; overflow: hidden; margin-right: 30px; }
.author-list .media-body {font-size: 16px; color: #a1a1a1; }
.author-list .media-body h4 {font-size: 20px;}