html {text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; height: 101%;}
body {font-size: 12px; 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; }
a {color: #ee6e50;}
a:hover {text-decoration: none; color: #333;}
img {max-width: 100%;}

/* 公共 */
.pr {position: relative;}
.img-div {display: block; overflow: hidden; background-color: #fff;}
.img-div img {max-width: none!important; width: 100%;}
a img:hover {opacity: 0.8; filter: alpha(opacity=80);}
.mb-0 {margin-bottom: 0px!important;}
.mt-0 {margin-top: 0px!important;}
.mt-10 {margin-top: 10px;}
.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-default.active {background-color: #f5f5f5; border-color: #e3e3e3; color: #333;}
.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: 100%!important; padding-left: 10px; padding-right: 10px;}
.row {margin-left: -4px; margin-right: -4px;}
.col {padding-left: 4px; padding-right: 4px;}

.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;}

/* 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 11px; line-height: 30px; font-size: 12px;}
.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 */
}

::-webkit-scrollbar{width:4px;height:4px}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#FFF}
::-webkit-scrollbar-thumb:vertical{background-color:#3f484f;border-radius:2px}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#ff4a00}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}

/* 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;}

/* nav */
#header { border-radius: 0; line-height: 60px; width: 100%; position: relative; height: 61px; z-index: 900; border-bottom: 1px solid #e5e5e5; margin-bottom: 20px;}
#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; }
#header .head-search {position: absolute; left: 10px; top: 0; font-size: 18px; color: #515151;}
#header .head-user {position: absolute; right: 10px; top: 0; font-size: 18px; color: #515151; }
#header i {top: 2px; }
#userModal .modal-header {border-bottom: 0;}
#userModal .modal-body {padding: 0;}
#userModal .panel-default {border-radius: 0;}

/* footer */
footer {text-align: center; padding: 15px 0; margin-top: 20px; font-size: 12px; border-top: 2px solid #f3f6f9;}
footer a {margin: 0 4px;}

/* post */
.post-list .post {margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #f2f2f2; }
.post-list .post h2.title {margin-top: 0; font-size: 18px;}
.post-list .post h2.title a {color: #333;}
.post-list .post h2.title a:hover {color: #ee6e50; }
.post-list .post a.pull-left {width: 120px;}
.post-list .post .post-right {padding-left: 140px;}
.post-list .post .post-right .author,.post-list .post .post-right ul.list-inline {font-size: 12px; color: #b3b3b3; }
.post-list .post .post-right .entry {color: #a1a1a1; }
.post-list .post .post-right ul.list-inline i {color: #d1d1d1; margin-right: 4px;}

.single-post h1.title {font-size: 16px;}

.post-info {color: #b3b3b3;}

.post-author .media-left {border-radius: 30px; width: 60px; height: 60px; overflow: hidden; }
.post-author .media-body { color: #a1a1a1; }
.post-author .media-heading {font-size: 14px; }

.post-footer {position: fixed; left: 0; bottom: 0; right: 0; width: 100%; z-index: 99; line-height: 60px; background-color: #fff; box-shadow: 0 0 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.2); padding: 0px; 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: #ee6e50; }
.post-footer .list-inline li a i {top: 2px; margin-right: 4px;}

.term-list {line-height: 22px;}
.term-list a {color: #a1a1a1; font-size: 14px;}
.term-list .active a {color: #ee6e50;}

.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: #ee6e50; 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: #ee6e50; border-color: #ee6e50; 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;}

/* comment */
.comment-list .media {padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dotted #e3e3e3;}
.comment-list .media-left img {border-radius: 50%; width: 60px; height: 60px;}
.comment-list .media-body {color: #a1a1a1; }
.comment-list .media-heading {font-size: 14px; }

/* user */
.user-head h1.title {font-size: 16px; margin-top: 10px; }
.user-center h1.title.text-center {font-size: 20px;}