/*  base : fonts
/* ------------------------------------ */
body { font-family: "Titillium", "Microsoft YaHei","微软雅黑", Arial, sans-serif; background:#fff; word-wrap: break-word}

@font-face {
    font-family: 'Titillium';
    src: url('../fonts/titillium-light-webfont.eot');
    src: url('../fonts/titillium-light-webfont.svg#titillium-light-webfont') format('svg'),
         url('../fonts/titillium-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/titillium-light-webfont.woff') format('woff'),
         url('../fonts/titillium-light-webfont.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Titillium';
    src: url('../fonts/titillium-lightitalic-webfont.eot');
    src: url('../fonts/titillium-lightitalic-webfont.svg#titillium-lightitalic-webfont') format('svg'),
         url('../fonts/titillium-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/titillium-lightitalic-webfont.woff') format('woff'),
         url('../fonts/titillium-lightitalic-webfont.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: 'Titillium';
    src: url('../fonts/titillium-regular-webfont.eot');
    src: url('../fonts/titillium-regular-webfont.svg#titillium-regular-webfont') format('svg'),
         url('../fonts/titillium-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/titillium-regular-webfont.woff') format('woff'),
         url('../fonts/titillium-regular-webfont.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Titillium';
    src: url('../fonts/titillium-regularitalic-webfont.eot');
    src: url('../fonts/titillium-regularitalic-webfont.svg#titillium-regular-webfont') format('svg'),
         url('../fonts/titillium-regularitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/titillium-regularitalic-webfont.woff') format('woff'),
         url('../fonts/titillium-regularitalic-webfont.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: 'Titillium';
    src: url('../fonts/titillium-semibold-webfont.eot');
    src: url('../fonts/titillium-semibold-webfont.svg#titillium-semibold-webfont') format('svg'),
         url('../fonts/titillium-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/titillium-semibold-webfont.woff') format('woff'),
         url('../fonts/titillium-semibold-webfont.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}
a {
    color:#384959;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}
a:hover, a:focus, a:active {
   outline: 0;
   text-decoration: none;
}
a:hover {
    color: #1b8fd8;
    text-decoration: none;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}
.btn:active, .btn.active {  -webkit-box-shadow: none;box-shadow: none;}
@media (max-width: 991px) {
	.navbar-brand {display:none;}
}
pre {
     -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 1px solid #1b8fd8
}
.panel-group .panel-heading+.panel-collapse .panel-body {
    border-top: 0
}
.edit-post-link a{
    color: #1b8fd8;
    background-color: transparent;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}
.btn-leo-read{
  color: #1b8fd8;
  background-color: transparent;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  padding: 8px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
}
.btn-leo-read .badge {
    color: #1b8fd8;
    background-color: transparent;
    border: 2px solid #1b8fd8;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}
.btn-leo-read:hover,.edit-post-link a:hover {
    color: #000;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}
.btn-leo-read:hover .badge {
    color: #fff;
    background-color: #1b8fd8;
    border: 2px solid #fff;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}
.label-leo a {
    color: #fff
}
.label-avatar {
    width: 60px;
    padding: 3px 8px;
    font-size: 12px;
     -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    text-transform: uppercase;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background-color: #384959
}
.label-avatar a {
    color: #fff
}
.panel {
  margin-bottom: 10px;
  border:none;
  -webkit-box-shadow: 0 1px 1px 0 rgba(158,158,158,0.2);
  -moz-box-shadow: 0 1px 1px 0 rgba(158,158,158,0.2);
  -ms-box-shadow: 0 1px 1px 0 rgba(158,158,158,0.2);
  box-shadow: 0 1px 1px 0 rgba(158,158,158,0.2);
}
.panel-comment {-webkit-box-shadow:none;box-shadow:none;}
.panel.panel-leo .panel-heading {
    font-weight: bold;
    color: #5C5E60;
    font-size: 1.1em;
    background-color: #fff;
    letter-spacing: 1px;
    padding-bottom: 0;
}
.panel.panel-leo .panel-heading p {
    margin:0;
    padding-left: 5px;
}
.panel.panel-leo .panel-body {
    padding: 0 15px
}
.panel.panel-leo .panel-body.custom {
    padding: 15px;
    background-color: #384959;
    color: #fff
}
.panel.panel-leo .panel-body.custom * {
    max-width: 100%
}

.list-group .leo-list {
padding:10px 0;
  list-style: none;
  border-bottom: 1px solid #eee;
  border-top: none;
}
.list-group .leo-list span {
    color: #c3c3c3;
    text-decoration: none;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

.list-group .leo-list .sidebar-avatar{
    width: 36px;
    height: 36px;
    overflow: hidden;
    float: left
}
.list-group .leo-list .thumbnail.leo-thumb {
    width: 75px;
    height: 45px;
    overflow: hidden;
    float: left
}
.list-group .leo-list h5, .list-group .leo-list h6 {
  padding-left: 8px;
  margin: 0;
  display: block;
  overflow: hidden;
  line-height: 20px
}
.list-group .leo-list:last-child {
    border-bottom: none
} 
/***********顶部导航栏效果*******/
#gtchaos-page{
    display:none;
}

#gtchaos
{
box-sizing: border-box;
display: none;
width: 70px;
  height: 50px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
}
#gtchaos:before,
#gtchaos:after,
#gtchaos span
{
    background: #fff;
    content: '';
    display: block;
    width: 22px;
    height: 2px;
    position: absolute;
    left: 20px;
}
#gtchaos:before
{
    top: 18px;
}
#gtchaos span
{
    top: 24px;
}
#gtchaos:after
{
    top: 30px;
}

/* gtchaos animation */
#gtchaos:before,
#gtchaos:after,
#gtchaos span
{

    transition: all 0.5s ease 0.5s;
-webkit-transition: all 0.5s ease 0.5s;
-moz-transition: all 0.5s ease 0.5s;
-o-transition: all 0.5s ease 0.5s;
transition: all 0.5s ease 0.5s;
   /* -webkit-transition-property: transform, top, bottom, left, opacity;
    transition-property: transform, top, bottom, left, opacity;*/
}

html.mm-opening #gtchaos:before,
html.mm-opening #gtchaos:after
{
     top: 24px;     
}
html.mm-opening #gtchaos span
{
    left: -50px;
    opacity: 0;
}
html.mm-opening #gtchaos:before
{
    transform: rotate( 45deg );
-ms-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
}
html.mm-opening #gtchaos:after
{
    transform: rotate( -45deg );
-ms-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
}
html.mm-opening  .single-post-navbar {display:none;}
.mm-list .mm-subopen:hover {background:#fa5664}
.mm-list > li.hx-people{border-top:1px solid #2F373D;text-align:center;vertical-align:middle;overflow: hidden}
.mm-list > li.hx-people  a.hx-people-login,.mm-list > li.hx-people  a.hx-people-avatar {padding:15px 20px;margin-left:20%;margin-right:20%;background:transparent!important;}
.mm-list > li.hx-people  img{ border-radius:50%;margin:0 auto;}
.hx-people-center  i {margin-right:10px;}
.navbar-toggle {
    padding: 18px 20px;
    margin: 0; 
    border: 0;
}
.navbar-toggle .icon-bar {
background: #fff;
}

.top-navbar {
position: fixed;
top:0;
left:0;
right:0;
background-color: #ff4242;
color: #fff;
padding: 0;
border: none;
z-index:1030;
transition:top 1s ease;
-moz-transition: top 1s ease;
-webkit-transition: top 1s ease;
-o-transition: top 1s ease;
} 
.gizle{top:-90px;}
.sabit{top:0;} 
#leo-bodyer {margin-top: 60px;}
.single .top-navbar{position: relative;top: 0!important;}
.single #leo-bodyer{margin-top: 0;}
@-webkit-keyframes fadeInDown{
  0%{
    opacity:0;
    -webkit-transform:translateY(-20px);
    transform:translateY(-20px)
  }
  100%{
    opacity:1;
    -webkit-transform:translateY(0);
    transform:translateY(0)
  }
}
@keyframes fadeInDown{
  0%{
    opacity:0;
    -webkit-transform:translateY(-20px);
    -ms-transform:translateY(-20px);
    transform:translateY(-20px)
  }
  100%{
    opacity:1;
    -webkit-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0)
  }
}
@-webkit-keyframes fadeOutUp{
  0%{
    opacity:1;
    -webkit-transform:translateY(0);
    transform:translateY(0)
  }
  100%{
    opacity:0;
    -webkit-transform:translateY(-20px);
    transform:translateY(-20px)
  }
}
@keyframes fadeOutUp{
  0%{
    opacity:1;
    -webkit-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0)
  }
  100%{
    opacity:0;
    -webkit-transform:translateY(-20px);
    -ms-transform:translateY(-20px);
    transform:translateY(-20px)
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
.animated{
   -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
#mainstay{margin-bottom: 10px;}
.navbar .navbar-header {height: 50px;}
.dropdown-menu {
  background: #f5f5f5;
}
.dropdown-menu:before {
  content: " ";
  height: 0;
  width: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 8px;
  border-bottom-color: #f5f5f5;
  position: absolute;
  left: 56px;
  top: -16px;
}
.dropdown-menu li:last-child a {
border-bottom: none;
} 
.nav>li>a {
    color:#fff;
    font-size: 16px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.top-navbar .navbar-nav li.current-menu-item>a, .top-navbar .navbar-nav li.current-menu-parent>a {
    opacity: 0.7;
}
 .nav>li>a:hover, .nav>li>a:focus {
text-decoration: none;
background-color:transparent;
} 
.nav .open a,.nav .open a:hover,.nav .open a:focus{
    background-color: transparent;
    border-color: transparent;
    color: #262121;
}
.nav .open a:hover{
    opacity: 0.7;
}

nav .navbar-nav .avatar-and-username{
    padding:5px 10px 5px 0;
    margin-left: 1px;
}
nav .navbar-nav .avatar-and-username .display-name {vertical-align: middle;font-size: 14px;}
nav .navbar-nav .avatar-and-username img {
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
margin-left:5px;
}
nav .navbar-nav .avatar-and-username img:hover {
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
transform: rotate(0deg);
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
}
.navbar-logo {
    display: none;
}
.navbar-brand {
    width: 150px;
  height: 50px;
  padding: 0;
  margin: 0px;
  background:url(../images/logo.png) no-repeat center center;
}
@media (max-width: 767px) {
    #gtchaos {display: block;}
    .navbar-brand {
  	  display: block;
  	  position: absolute;
      margin: 0;
  	  top: 0px;
  	  left: 50%;
  	  margin-left: -64px;
  	  width: 128px;
    }
    .navbar-logo span{
        display: block;
        letter-spacing: 5px;
    }
}

.toggle-search,.toggle-shopping{
    color: #fff;
    font-size: 18px;
    line-height: 24px;
    cursor: pointer;
    padding: 13px 20px;
    position: absolute;
    display: none;
}
.toggle-search {
    right: 0;
    top: 0;
}
.toggle-shopping{
    left: 57px;
    top:0; 
}
.search-expand, .shopping-expand{
background: #686464;
position: absolute;
display: none;
left: 0;
z-index: 999;
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.1);
box-shadow: 0 1px 0 rgba(255,255,255,0.1);
}
.search-expand {top:0;}
.shopping-expand{top:50px;}
.toggle-search:hover, .toggle-search.active,.toggle-shopping:hover, .toggle-shopping.active {
background: rgba(0,0,0,0.15);
color: #fff;
}
.search-expand-inner,.shopping-expand-inner {
background: #ff4242;
padding: 7px 15px;
height: auto;
}
.shopping-expand-inner .table-hover>tbody>tr:hover>td, .table-hover>tbody>tr:hover>th {
background-color: #686464;
opacity: 0.7;
}
.search-expand .searchform input {
width: 100%;
border: none;
   border-radius: 3px;
   -webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
}

.searchform div {
position: relative;
}
.searchform input{
background: #fff;
color: #777;
display: block;
max-width: 100%;
outline: none;
padding: 4px 30px;
line-height: 27px;
height: 36px;
-moz-appearance: none;
-webkit-appearance: none;
-moz-transition: all .2s ease;
-webkit-transition: all .2s ease;
transition: all .2s ease;
}
.searchform .search-remove{
color: #ccc;
line-height: 24px;
position: absolute;
right: 10px;
top: 6px;
cursor: pointer;
}
.searchform div:after {
color: #ccc;
line-height: 24px;
font-size: 14px;
content: "\f002";
position: absolute;
left: 10px;
top: 6px;
font-family: FontAwesome;
}
.shopping-links tr a {
text-decoration:none;
border-bottom:1px dashed #F00;
}
/*导航栏搜索框*/
.navbar-search {
width: 34px;
padding: 0;
margin: 0 10px!important;
position: relative;
cursor: pointer;
-webkit-transition: width 0.5s cubic-bezier(0.645, 0.045, 0.355, 1),opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: width 0.5s cubic-bezier(0.645, 0.045, 0.355, 1),opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
-webkit-tap-highlight-color: transparent;
}
.navbar-search.active {
width: 160px;
cursor: default;
opacity: 1;
-ms-filter: none;
-webkit-filter: none;
filter: none; 
}
.navbar-search.active .navbar-form .search-submit {
    color: #686464;
}
.navbar-search .navbar-form{
    position: relative;
    padding:0;
}

.navbar-search .navbar-form .form-control {
width: 100%;
height: 34px;
color: transparent;
padding:0;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 0;
line-height: 0;
box-shadow: none;
border: none;
background-color: transparent;
-webkit-tap-highlight-color: transparent;
cursor: pointer;
-webkit-transition: color 0.6s cubic-bezier(0.645, 0.045, 0.355, 1),padding 0.01s linear;
transition: color 0.6s cubic-bezier(0.645, 0.045, 0.355, 1),padding 0.01s linear;


}
.navbar-search.active .navbar-form .form-control{
cursor: text;
color: #333;
font-size: 0.98888em;
line-height: 18px;
}
.navbar-search  .navbar-form button,.navbar-search .navbar-form button:focus,.navbar-search .navbar-form button:active {
padding: 0;
margin: 0;
border: none;
outline: none;
background-color: transparent;
-webkit-tap-highlight-color: transparent;
}
.navbar-search .navbar-form .search-wraper {
padding-left: 34px;
   border-radius: 999em;
   -webkit-border-radius: 999em;
-moz-border-radius: 999em;
-ms-border-radius: 999em;
background-color: transparent;
-webkit-transition: background-color 0.6s cubic-bezier(0.645, 0.045, 0.355, 1),padding 0.01s linear;
transition: background-color 0.6s cubic-bezier(0.645, 0.045, 0.355, 1),padding 0.01s linear;
}
.navbar-search.active .navbar-form .search-wraper{
    /*padding: 0 30px;*/
    background-color: #fff;
}
.navbar-search .navbar-form .search-magnify{
display: block;
height: 34px;
width: 34px;
}
.navbar-search .navbar-form .text-replace {
position: absolute;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
}
.navbar-search .navbar-form .search-submit {
position: absolute;
z-index: 10;
top: 0;
left: 0;
-webkit-transition: left .3s ease;
transition: left .3s ease;
box-shadow: none;
cursor: pointer;
}
@media only screen and (max-width: 767px){
    .navbar-search .navbar-form{
        display: none;
    }
.toggle-search,.toggle-shopping{
    display: block;
    left: auto;
  }
.search-expand {
    width:100%;
  }
.shopping-expand {
    width: 100%;
  }
.shopping-links tr a {
    text-decoration: none;
    border: 1px dashed #F00;
    padding: 3px;
  }
}
@media (min-width: 768px){
    .nav>li>a {
		padding-left: 0;
        padding-right: 0;
	}
    .navbar-nav:after {
    content: '';
    width: 100%;
    display: inline-block;
    font-size: 0;
    line-height: 0;
    }
    .navbar-nav{
    position: relative;
    float:none;
    z-index: 1;
    height: 50px;
    cursor: default;
    text-align: justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
    -webkit-user-select: none;
    }
    .navbar-nav.navbar-left {
    width: 79%;
    }
    .navbar-nav.navbar-right {
    width: 18%;
    text-align: right;
	margin:0;
    }
    .navbar-nav > li{
    margin: 0;
    list-style-type: none;
    float: none;
    vertical-align: middle;
    display: inline-block;
    }
    .post-feature-bottom {
   -webkit-box-shadow: 0 1px 1px 0 rgba(158,158,158,0.2);
  -moz-box-shadow: 0 1px 1px 0 rgba(158,158,158,0.2);
  -ms-box-shadow: 0 1px 1px 0 rgba(158,158,158,0.2);
  box-shadow: 0 1px 1px 0 rgba(158,158,158,0.2);
    }
}
/*分页样式*/
#article-list {margin-bottom: 10px;}

.leo-page {
  text-align: center;
}

.leo-page .pagination{margin: 0;font-size: 18px;}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
  background-color: #1B8FD8;
  border-color: #1B8FD8;
}
.leo-page-mobile .btn-default { 
padding:0px
}
.leo-page-mobile .btn.disabled {padding:12px}.leo-page-mobile .btn-default:hover {background:#3AAEF7;transition:all 0.5s ease;}
.leo-page-mobile a {  
display: block;
padding: 12px;
}
.leo-page-mobile a:hover{
color:#fff;

}
.pager li>a {
    color: #1b8fd8;
    background-color: transparent;
    border: 1px solid #1b8fd8;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}
.pager li>a .badge {
    color: #1b8fd8;
    background-color: transparent;
    border: 1px solid #1b8fd8;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}
.pager li>a:hover {
    color: #fff;
    background-color: #1b8fd8;
    border: 1px solid #1b8fd8;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}
.pager li>a:hover .badge {
    color: #fff;
    background-color: #1b8fd8;
    border: 2px solid #fff;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

/*样式用户个人主页*/

#author-page-header{position: relative; width: 108px;height: 108px;margin: 20px auto 0;padding:4px;background: #fff;  background:rgba(231, 248, 255, 1);border-radius: 50%;}
.hx-panel-body {
  background: #fff;
  border-radius: 3px;
  margin-bottom: 10px;
}
.hx-panel-body form {
padding:10px 30px;
}
.hx-panel-header { padding: 10px 30px;}
.hx-panel-body form#pmform {padding:0;}
.hx-top-panel-body {
  padding-bottom: 0;
}
.tip em {color: #cb2022;}
.author-photo-wrap,.author-photo-wrap .avatar {
width: 100px;
  height: 100px;
  border-radius: 50%;
}
.user-display-name, .user-personal-description{
  text-align: center;
}
.hx-modal .modal-content {
  border:none;
}
.hx-modal .modal-header{
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  padding: 0px;
  height: 50px;
  background: url("../images/slogan.png") no-repeat scroll center center / 120px 40px #ff4242;
}
.hx-modal .modal-header .close {  margin-top: 10px;margin-right: 10px;}
.hx-modal .modal-body {
  padding: 40px 0;
  text-align: center;
  font-size: 18px;
  color: #333;
}
.hx-modal .modal-footer {text-align: center;}
.hx_btn_a, .hx_btn_b, .hx_btn_c,.hx_btn_d {
  padding: 0 10px 0 10px;
  margin: 0 5px;
  white-space: nowrap;
  display: inline-block;
  border-radius: 2px;
  height: 24px;
  line-height: 25px;
  text-decoration: none;
  font-size: 14px;
  min-width: 70px;
  text-align: center;
  outline: none;
  cursor: pointer;
}
.hx_btn_a {
  color: #fff;
  background: #F65656;
  border: 1px solid #F4846D;
  box-shadow: 0px 1px 2px rgba(0,0,0,0.25);
}
.hx_btn_a:hover {
  color:#fff;
  background: #ff4242;
  border: 1px solid #ff5634;
}
.hx_btn_b{
  border:1px solid #d9d9d9;
  box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
  color: #000;
  background: #f2f2f5;
}
.hx_btn_b:hover {
  border-color:#cccccc; 
  box-shadow: 0px 1px 1px rgba(0,0,0,0.15);
}
.hx_btn {
  display: inline-block;
  height: 34px;
  line-height: 35px;
  padding: 0 15px;
  font-size: 14px;
}
.hx-page-header  { padding: 0px 30px 10px;}
.hx_opt_box {
  margin-top: 15px;
  text-align: center;
}
.hx_opt_box .hx_box {
  display: inline-block;
}
.hx_box_d {
  margin: 0 5px;
}
.hx_btn_c, .hx_btn_d {
  width: 104px;
  height: 34px;
  padding: 0 !important;
  line-height: 34px;
  color: #fff;
  font-size: 14px;
  box-shadow: 0px 2px 1px rgba(0,0,0,.2);
}
.hx_btn_c{
    background: #F45D5D;
  background: -moz-linear-gradient(top, #F95F5F  0%,#F65959 100%);
  background: -webkit-linear-gradient(top, #F95F5F 0%,#F65959 100%);
     background: -o-linear-gradient(top, #F95F5F 0%,#F65959 100%);
  background: -ms-linear-gradient(top, #F95F5F 0%,#F65959 100%);
  background: linear-gradient(top, #F95F5F 0%,#F65959 100%);
}

.hx_btn_c i,.hx_btn_d i,.hx_btn_e i{margin-right: 5px;}
.hx_btn_c:hover {
  color:#fff;
  background: #FC4C4C;
  background: -moz-linear-gradient(top, #FC4C4C 0%, #FF4242 100%);
   background: -webkit-linear-gradient(top, #FC4C4C 0%,#FF4242 100%);
     background: -o-linear-gradient(top, #FC4C4C 0%,#FF4242 100%);
  background: -ms-linear-gradient(top, #FC4C4C 0%,#FF4242 100%);
  background: linear-gradient(top, #FC4C4C 0%,#FF4242 100%);
}
.hx_btn_c.unfollow {
    color:#fff;
  background: #696e78;
  background: -moz-linear-gradient(top, #696e78 0%, #646973 100%);
  background: -webkit-linear-gradient(top, #696e78 0%,#646973 100%);
  background: -o-linear-gradient(top, #696e78 0%,#646973 100%);
  background: -ms-linear-gradient(top, #696e78 0%,#646973 100%);
  background: linear-gradient(top bottom, #696e78 0%,#646973 100%);
}
.hx_btn_c.unfollow:hover {
  background: #5f636d;
  background: -moz-linear-gradient(top, #5f636d 0%, #535861 100%);
  background: -webkit-linear-gradient(top, #5f636d 0%,#535861 100%);
  background: -o-linear-gradient(top, #5f636d 0%,#535861 100%);
  background: -ms-linear-gradient(top, #5f636d 0%,#535861 100%);
  background: linear-gradient(top bottom, #5f636d 0%,#535861 100%);
}
.hx_btn_d {
  background: #45AFE4;
  background: -moz-linear-gradient(top, #45AFE4 0%, #24AED7 100%);
  background: -webkit-linear-gradient(top, #45AFE4 0%,#24AED7 100%);
  background: -o-linear-gradient(top, #45AFE4 0%,#24AED7 100%);
  background: -ms-linear-gradient(top, #45AFE4 0%,#24AED7 100%);
  background: linear-gradient(top bottom, #45AFE4 0%,#24AED7 100%);
}
.hx_btn_d:hover {
  color:#fff;
  background: #279CE1;
  background: -moz-linear-gradient(top, #279CE1 0%, #35A3BD 100%);
  background: -webkit-linear-gradient(top, #279CE1 0%,#35A3BD 100%);
  background: -o-linear-gradient(top, #279CE1 0%,#35A3BD 100%);
  background: -ms-linear-gradient(top, #279CE1 0%,#35A3BD 100%);
  background: linear-gradient(top bottom, #279CE1 0%,#35A3BD 100%);
}
.hx_btn_e{
  padding: 0 10px 0 10px;
  white-space: nowrap;
  display: inline-block;
  border-radius: 2px;
  height: 25px;
  line-height: 25px;
  text-decoration: none;
  font-size: 12px;
  min-width: 40px;
  text-align: center;
   background:#fff;
  outline: none;
  border-width: 1px;
  border-style: solid;
  box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
  color: #F47D7D;
 border-color:#FD8787;
}
.hx_btn_e.follow:hover,.hx_btn_e.unfollow:hover{color:#EF3131;}
.follow-avatar img {float:left;}
.follow-list-container {margin-left: 95px;height:81px;}
.follow-list-name, .follow-list-info {margin: 0 0 5px;}
.hx-follow-btn {  
    padding: 3px 15px;
  background: #E9E9E9;
}
.follow-list-item {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
}
/*文章详情页样式*/
.single-post-header {
position: relative;
height: 350px;
margin-top: -10px;
}
.single-post-introduce {
    padding-top: 45px;
}

.single-post-feature {
 -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 0px 1px 8px 1.5px rgba(0, 0, 0, .35), 0px 20px 70px 8px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0px 1px 8px 1.5px rgba(0, 0, 0, .35), 0px 20px 70px 8px rgba(0, 0, 0, 0.25);
-ms-box-shadow: 0px 1px 8px 1.5px rgba(0, 0, 0, .35), 0px 20px 70px 8px rgba(0, 0, 0, 0.25);
-o-box-shadow: 0px 1px 8px 1.5px rgba(0, 0, 0, .35), 0px 20px 70px 8px rgba(0, 0, 0, 0.25);
box-shadow: 0px 1px 8px 1.5px rgba(0, 0, 0, .35), 0px 20px 70px 8px rgba(0, 0, 0, 0.25);
}
.single-post-feature .thumbnail {
    background: transparent;
}
.single-post-feature .thumbnail img {
   width:370px;
   height: 260px;
    border-radius: 10px;
   -webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
}
.single-post-info {

    margin-left: 400px;
}
.single-post-title {
    color: #fff;
    line-height: 35px;
    font-size: 26px;
	margin-top:2px;
}

.single-post-excerpt {
font-size: 16px;
color: #fff;
line-height: 26px;
overflow: hidden;
}

.single-post-excerpt .fa-quote-left{
    margin-right: 10px;
}
.single-post-excerpt .fa-quote-right{
    margin-left: 10px;
}
.single-post-meta,.single-post-meta a{
    color:#c1c1c1;
}
.single-post-meta {
    padding-right: 30px;
}
.single-post-meta a:hover {
    color:#1b8fd8;
}
.single-post-meta span {
   margin-left: 10px;
}
.bgbanner {
position: absolute;
top: -170px;
left: 0;
right: 0;
height: 520px;
z-index: -1;
overflow: hidden;
background-repeat: no-repeat;
background-position: center top;
}

.bgbanner .bgmask {
position: absolute;
z-index: 2;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: #000;
opacity: .5;
filter: alpha(opacity=50);
}
.bgbanner img {
width: 100%;
filter: url("data:image/svg+xml;utf8,<?xml version=\"1.0\" encoding=\"utf-8\"?><!DOCTYP…\"blur\"><feGaussianBlur stdDeviation=\"14\"/></filter></defs></svg>#blur");
-webkit-filter: blur(10px);
-moz-filter: blur(10px);
-ms-filter: blur(10px);
filter: blur(10px);
filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false);
filter: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="utf-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:ev="http://www.w3.org/2001/xml-events" baseProfile="full"><defs><filter id="blur"><feGaussianBlur stdDeviation="14"/></filter></defs></svg>#blur');
}


@media (max-width: 991px) {
   .single-post-header{
    height: 300px;
   }

   .bgbanner{
    height: 470px;
   }
   .single-post-feature .thumbnail img {
       width:300px;
       height: 200px;
    }
    .single-post-info {
        margin-left:340px;
    }
    .single-post-title {
        margin-top: 0;
    }
    .single-post-excerpt {
        padding-top: 0;
        font-size: 14px;
    }
    .hx-panel-body form.publish-post-form{padding:0;}
}
@media (max-width: 767px) {
        .single-post-header{
        height: 235px;
    }
    .single-post-feature{
        position: absolute;
        top:0;
        left:0px;
        right:0px;
        bottom:0;
        border-radius: 0;
    }
    .single-post-feature .thumbnail img {
        width: 100%;
        height: 235px;
        border-radius: 0;
    } 
    .single-post-feature .thumbnail .overlay {
        position: absolute;
        top: 0px;
        bottom: 0px;
        width: 100%;
        height: 235px;
        /* border-radius: 6px; */
        -webkit-transition: all 0.6s ease;
        -moz-transition: all 0.6s ease;
        transition: all 0.6s ease;
        background-image: -webkit-linear-gradient(180deg, rgba(0,0,0,0.01) 5%, rgba(0,0,0,0.95) 100%);
        background-image: -moz-linear-gradient(180deg, rgba(0,0,0,0.01) 5%, rgba(0,0,0,0.95) 100%);
        background-image: linear-gradient(180deg, rgba(0,0,0,0.01) 5%, rgba(0,0,0,0.95) 100%);
    }
    .single-post-header:hover .overlay {
        opacity: 0.7;
    }
    .single-post-info {
        position: absolute;
        top:0;
        bottom: 0;
        right:0;
        left:0;
        margin: 0;
    }
    .single-post-introduce {
        padding-top: 0;
    }
    .single-post-info .single-post-title{
        margin: 15px 15px 10px;
        font-size: 32px;
        line-height: 40px;
        font-weight: 800;
        text-align: center;
    }
    .single-post-info .single-post-meta {
        text-align: center;
        float: none!important;
        padding: 0;
    }

}
.related-post-feature .overlay {
        position: absolute;
        top: 0px;
        bottom: 0px;
        width: 100%;
        height: 150px;
        /* border-radius: 6px; */
        -webkit-transition: all 0.6s ease;
        -moz-transition: all 0.6s ease;
        transition: all 0.6s ease;
        background-image: -webkit-linear-gradient(180deg, rgba(0,0,0,0.01) 5%, rgba(0,0,0,0.95) 100%);
        background-image: -moz-linear-gradient(180deg, rgba(0,0,0,0.01) 5%, rgba(0,0,0,0.95) 100%);
        background-image: linear-gradient(180deg, rgba(0,0,0,0.01) 5%, rgba(0,0,0,0.95) 100%);
    }
.related-post-feature:hover .overlay {opacity: 0.7;}
.leo-article {
    background-color: #fff;
    padding-top: 20px;
}
.leo-page-content{
background-color: #fff;
padding: 10px 20px;  
margin-bottom: 10px;
  -webkit-box-shadow: 0 1px 1px 0 rgba(158,158,158,0.2);
  -moz-box-shadow: 0 1px 1px 0 rgba(158,158,158,0.2);
  -ms-box-shadow: 0 1px 1px 0 rgba(158,158,158,0.2);
  box-shadow: 0 1px 1px 0 rgba(158,158,158,0.2);
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
}
.leo-page-content .leo-page-title {
    margin-top: 0;
    margin-bottom: 20px;
}
.leo-article .post-big-info span {
    margin: 10px 10px 10px 0
}
.leo-article .leo-thumb {
    margin-bottom: 20px
}
.leo-article .leo-single-content {
    width: 100%;
    line-height: 1.8;
    color: #333332;
    font-size: 18px;
    font-size: 1.8rem;
}
.leo-article .leo-single-content p {
    margin-bottom: 30px;
    color: #4d4b47;
}
.leo-article .leo-single-content iframe {margin-left: auto;margin-right: auto;height: 475px;width: 100%!important;}
.leo-article .leo-single-content img {
    display: block!important;
    margin: 20px auto;
    border: 2px solid #fff
}
.leo-article .leo-single-content span {
    color:#0C0F0F!important;
}
.leo-article .leo-single-content a {
    color:#1b8fd8;
    border-bottom: 2px solid #eaeaea;
}
.leo-article .leo-single-content a:hover {
    border-bottom:2px solid #1b8fd8;
}
.leo-article img {
    max-width: 100%;
    height: auto
}
.read-more{display:none;}
.breadcrumb {
    margin-bottom: 10px;
}
#page_menu_left .menu,
#leo-breadcrumb {
    background-color: #fff;
    font-size: 18px;
  -webkit-box-shadow: 0 1px 1px 0 rgba(158,158,158,0.2);
  -moz-box-shadow: 0 1px 1px 0 rgba(158,158,158,0.2);
  -ms-box-shadow: 0 1px 1px 0 rgba(158,158,158,0.2);
  box-shadow: 0 1px 1px 0 rgba(158,158,158,0.2);
}
#leo-breadcrumb a {color: #9C0EAB;}
#leo-breadcrumb a:hover {color:#1b8fd8}
.thumbnail {
     border-radius: 0;
   -webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
    border: 0;
    padding:0;
    margin-bottom:0;
}
.thumbnail img,.thumbnail a>img {
    width: 100%;
}
blockquote {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    border-left: 5px solid #1b8fd8;
}

.well{
    border: none;
    border-radius: 0;
    margin-bottom:0;    
    box-shadow: none;
    -webkit-box-shadow:none;
    overflow: hidden;
    background: transparent;
 }

/* index post style define*/

@media (max-width: 767px) {
    blockquote {
        padding: 5px 10px
    }
    .widget-first-thumb .thumbnail img{
      height: 200px;
    }
    .leo-article .leo-single-content iframe{height: 210px!important;}
}
.post-time,.post-author {
    color: #c3c3c3;
}
/*carousel css define start*/

.carousel-body {
overflow: hidden;
height: auto;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
background: #ECEEF1;
overflow: hidden;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
-webkit-box-shadow: 0 1px 2px 0 rgba(158,158,158,0.2);
-moz-box-shadow: 0 1px 2px 0 rgba(158,158,158,0.2);
-ms-box-shadow: 0 1px 2px 0 rgba(158,158,158,0.2);
box-shadow: 0 1px 2px 0 rgba(158,158,158,0.2);
}
.carousel-head{
    background: #fff;
    height: 52px;
    padding: 10px;
}
.carousel-quote{
font-family: inherit;
font-style: italic;
font-size: 20px;
font-weight: bold;
color: #6F6C6C;
margin-bottom: 0;
}
@media screen and (min-width: 768px){
  .carousel-control .fa-chevron-left, .carousel-control .fa-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {
    position: absolute;
    top: 50%;
    z-index: 5;
    opacity:0;
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    font-size: 30px;
    }
    .modal-dialog {
     margin-top: 120px;
   }
}
.carousel:hover .carousel-control .icon-prev, .carousel:hover .carousel-control .icon-next,.carousel:hover .carousel-control .fa-chevron-left,.carousel:hover .carousel-control .fa-chevron-right {
  opacity:1;
}
.carousel-control .icon-prev, .carousel-control .fa-chevron-left {
left: 50%;
margin-left: -15px;
}
.carousel-control .icon-next, .carousel-control .fa-chevron-right {
right: 50%;
margin-right: -15px;
}
/*.carousel-indicators{
    position: absolute;
    height: 20px;
    top:-35px;
    right:0px;
    left:auto;
    padding-right: 10px;
    text-align: right;
}
.carousel-indicators .active {
background-color: #686464;
}
.carousel-indicators li {
    border: 1px solid #444;
}*/
.carousel-caption {
    color: #000;
}

.left-slide-title, .right-slide-title{
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: auto;
padding:10px;
z-index: 0;
font-size: 18px;
background:#000;
opacity:0.7;
}
.left-slide-title{
font-size: 20px;
text-align: left;
}
.right-slide-title{
font-size: 16px;
text-align: left;
}

.right-slide-title a, .left-slide-title a{
    color: #fff;
    display: block;
}
.left-slide-area:hover .left-slide-title a, .right-slide-area:hover .right-slide-title a{
   color:#1b8fd8;
}

.left-slide-area{
    position: relative;
    float: left!important;
    width: 60%;
    height: 440px!important;
}
.right-slide-area {
    position: relative;
    float: right!important;
    width: 40%;
    height: 220px!important;
}

.right-slide-img {
    width: 100%;
    height: 220px!important;
    vertical-align: top;

}
.left-slide-img {
    width: auto;
height: 100%;
vertical-align: top;
margin-left: -30%;
}

/*carousel css is end*/
.leo-author {
    position: relative;
    width: 100%;
    height: 260px;
    margin-bottom: 20px
}
.leo-author .author-top {
    position: absolute;
    background-color: #384959;
    width: 100%;
    height: 80px
}
.leo-author .author-bottom {
    position: absolute;
    top: 80px;
    width: 100%;
    height: 180px;
    background-color: #1b8fd8;
    border-top: 4px solid #fff
}
.leo-author img {
    margin-top: -60px;
    background-color: #fff;
    border: 3px solid #fff;
           border-radius: 50%;
   -webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}
.leo-author img:hover {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    transform: rotate(360deg);
    -ms-transform:rotate(360deg);     /* IE 9 */
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform:rotate(360deg);   /* Opera */
}
.leo-author span {
    display: block
}
.leo-author .author-name {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 24px;
    color: #fff
}
.leo-author .author-social .btn {
    border-left: none;
    border-right: none;
    padding: 20px
}
.leo-category a {
    width: 100%;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 15px 30px;
    border-bottom: 1px solid #eee
}
.leo-category a:hover {
    color: #fff;
    background-color: #384959
}
#page_menu_left  a {
  color: #324155;
  border: none;
  display: block;
  padding: 15px 25px;
  text-decoration: none;
  font-size: 13px;
  white-space: normal;
  text-align: center;
}
#page_menu_left a:hover
{
  color: #00aadc;
  background-color: #fff;
}
#page_menu_left ul.menu li.current-menu-item a {
  background-color: #F65656;
  color: white;
  border-radius: 2px;
}

/*首页左侧菜单边栏*/
 #menu_left,#slide-area{
    margin-bottom: 20px;
} 

#menu_left ul.menu {
    text-align: center;
}
#menu_left ul.menu li a {
width: 100%;
display: inline-block;
padding:  10px;
border-bottom: 1px solid #eee;
color: #384959;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
#menu_left{
background: #fff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
border-radius:3px;
overflow: hidden;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
-webkit-box-shadow: 0 1px 2px 0 rgba(158,158,158,0.2);
-moz-box-shadow: 0 1px 2px 0 rgba(158,158,158,0.2);
-ms-box-shadow: 0 1px 2px 0 rgba(158,158,158,0.2);
box-shadow: 0 1px 2px 0 rgba(158,158,158,0.2);
}
#menu_left ul.menu li a:hover
{
    color:#1b8fd8;
    opacity: 0.7;
}
/*首页左侧边栏定义结束*/
@media (min-width: 1200px){
      .navbar .container {
        /*padding: 0 100px;*/
      }
      #leo-bodyer .container {
        padding: 0 100px;
      }
      .single #leo-bodyer .container{
        /*padding:0 135px;*/
      }
}

/*single文章标签样式*/

.single-post-navbar .single-topbar {
    background: #fff;
}
.single-topbar i{
vertical-align: middle;
font-size: 22px;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.post-tags {
padding: 10px;
line-height: 30px;
}
.post-tags a{
 background:#ececec;
padding:8px 10px;
 -webkit-border-radius: 999em;
-moz-border-radius: 999em;
border-radius: 999em;
}
a.disabled {
  pointer-events: none;
  cursor: not-allowed;
}
.share-mark {position:relative;float:right; width:30%;}
.share-mark-list {position:relative;padding:7px;}
.share-mark-list .vote-group a {color:#384959;border:none!important;}
.share-mark-list .vote-group.disabled a{color:#ED3737;}
.single-post-navbar .post-tags a:hover {
background:#FEFEFE;
} 

.single-post-social-popup a:hover i {
 transform: scale(1.2);
-ms-transform:scale(1.2);    /* IE 9 */
-moz-transform:scale(1.2);   /* Firefox */
-webkit-transform:scale(1.2); /* Safari 和 Chrome */
-o-transform:scale(1.2); /* Opera */ 
}
.share-mark-list a.favorite:hover i{
color:red;
}
.share-mark-list a.mark:hover i{
color:yellow;
}

.margin-top {
    margin-top: 70px;
}
.leo-post {
    position: relative;
    background-color: #fff;
    padding: 0 20px 20px 20px;
    margin-bottom: 20px
}
.leo-outline {
    font-size: 14px;
    color: #000;
    line-height: 28px;
    padding:0 20px 15px;
}
@media (min-width: 1200px) {
    .leo-outline {
        margin-top: 14px
    }
}

.post-meta a {
    color: #c1c1c1
}
.post-meta a:hover {
    color: #1b8fd8
}
.post-meta i {
    color: #1b8fd8
}

.post-meta span.post-author {
    margin-right: 10px;
}
.post-meta span.post-author-avatar {
 margin-right: 5px; 
}
.widget li.widget-first-thumb{
  padding: 10px 0 0;
}
.post-feature, .widget-first-thumb{
    position: relative;
}
.widget-first-thumb h5{
    margin:0;
    line-height: 18px;
 }
@media (min-width: 992px){
 .widget-first-thumb .thumbnail img{
    height: 170px;
 }
}

.post-feature .thumbnail a{
  display: block;
}

.post-author-avatar img{
     -webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
width: 40px;
height: 40px;
}
.post-is-in-catogary {
position: absolute;
top: 10px;
right: 0;
background: #1b8fd8;
font-size: 14px;
line-height: 20px;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}

.post-is-in-catogary a {
    padding: 5px 15px;   
    color: #fff;
}
.link-overlay {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: rgba(20,22,23,0.3);
-webkit-transition: background-color 0.2s ease;
transition: background-color 0.2s ease;
}

.link-overlay::before {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -20px 0 0 -18px;
     -webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
    background: transparent;
    text-align: center;
    font: 14px/40px 'FontAwesome';
    transform: scale(1);
    -ms-transform:scale(1);    /* IE 9 */
    -moz-transform:scale(1);   /* Firefox */
    -webkit-transform:scale(1); /* Safari 和 Chrome */
    -o-transform:scale(1); /* Opera */
    opacity: 1;
    text-decoration: none;
    box-shadow: 0px 0px 0px 2px rgba(255,255,255,.75);
    color: #fff;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.archive .post-block {
    /*padding-bottom:20px;*/
    margin-bottom: 20px;
    background: #fff;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.archive .post-meta {
padding: 0 20px;
color: #c1c1c1;
margin-bottom: 0;
height: 50px;
line-height: 50px;
}
.post-feature-bottom {overflow: hidden}
.archive .post-title,.widget-first-thumb .widget-first-post-title {
position: absolute;
height: auto;
bottom: 0;
left: 0px;
right: 0px;
padding: 10px;
z-index: 1;
background: rgba(0,0,0,0.7);
color: #fff;
text-align: left;
font-size: 14px;
line-height: 18px;
font-weight: 600;
}

.archive .post-title a,.widget-first-thumb .widget-first-post-title a{
    color: #fff;
}
.archive .post-title a:hover,.widget-first-thumb .widget-first-post-title a:hover {
    color: #1b8fd8;
}

.archive .post-mobile-title{
    padding:10px 20px 0;
 }
 .archive .post-mobile-title h4 {
    margin-bottom: 0;
 }
.archive .post-block .well {
line-height: 25px;
border-bottom: 1px solid #EDEDED;
padding-bottom:10px;
}
#reply-title {
font-size: 18px;
  color: #1b8fd8;
  padding: 10px;
  margin-bottom: 20px;
  border-bottom: 1px dotted #1b8fd8;
  line-height: 1.1;
}

@media (max-width:767px){
    .post-block .post-feature .link-overlay {
        width: 60px;
        height: 40px;
    }
   .post-block .post-feature .link-overlay::before {
    transform: scale(0.6);
    -ms-transform:scale(0.6);    /* IE 9 */
    -moz-transform:scale(0.6);   /* Firefox */
    -webkit-transform:scale(0.6); /* Safari 和 Chrome */
    -o-transform:scale(0.6); /* Opera */
   }
   .single-post-navbar {
    position:fixed;
	top:auto;
	bottom:0;
	left:0;
	right:0;
	z-index: 9999;
   }
    .archive .post-block {
        padding:10px 10px 20px;
        margin: 0;
        border-bottom: 1px solid #f2f4f6;
    }
	#article-list article:first-child .post-block {border-top-left-radius: 3px;border-top-right-radius: 3px;}
	#article-list article:last-child .post-block {border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;}
   .post-block .thumbnail img {
    float: left;
    width:60px;
    height: 40px;
    margin: 0;
    padding:0;
   }
   .post-block .post-info {
    margin-left: 70px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
   } 
   .post-block .post-info p {
      margin: 0;
   }
   .archive .post-title {
    position: relative;
    margin-left: 70px;
    padding: 0px;
    background: #fff;
    font-size: 16px;
    line-height: 1.4;
   }
   .archive .post-title a {
      color:#384959;
   }
   .archive .post-title a:hover{
    color:#1b8fd8;
   }
   .archive .post-meta {
    padding: 0 5px;
    margin-bottom: 5px;
    height: 30px;
    line-height: 30px;
    }
    .archive .post-meta span {
        margin-left: 10px;
    }
   .post-is-in-catogary{
    position: absolute;
    top: -34px;
    left: 0;
    right: auto;
    width: inherit;
    background: transparent;
    font-size: 14px;
   }
   .post-is-in-catogary a {
    padding:5px;
    color:#1b8fd8;
   }
    .post-is-in-catogary.post-in-girls-cate a{
        color: #F8526D;
    }
   .post-is-in-catogary.post-in-video-cate a{
    color: #BF12E6;
    }
    .post-is-in-catogary.post-in-insider-cate a{
        color: #0EB40F;
    }
    .post-is-in-catogary.post-in-test-cate a{
        color: #F34919;
    }
    .post-is-in-catogary.post-in-yunce-cate a{
        color: #FFDC35;
    }
    .post-is-in-catogary.post-in-information-cate a{
        color: #eac100;
    }
    .post-is-in-catogary.post-in-industry-cate a{
        color: #408080;
    }

}
@media(min-width: 768px) {
    .archive .post-block:hover{
		-webkit-box-shadow: 0px 0px 8px 1.5px rgba(0, 0, 0, .35), 0px 0px 70px 8px rgba(0, 0, 0, 0.25);
		-moz-box-shadow: 0px 0px 8px 1.5px rgba(0, 0, 0, .35), 0px 0px 70px 8px rgba(0, 0, 0, 0.25);
		-ms-box-shadow: 0px 0px 8px 1.5px rgba(0, 0, 0, .35), 0px 0px 70px 8px rgba(0, 0, 0, 0.25);
		-o-box-shadow: 0px 0px 8px 1.5px rgba(0, 0, 0, .35), 0px 0px 70px 8px rgba(0, 0, 0, 0.25);
		box-shadow: 0px 0px 8px 1.5px rgba(0, 0, 0, .35), 0px 0px 70px 8px rgba(0, 0, 0, 0.25);
    }
   .archive .post-block .thumbnail img{
      height: 240px !important;
   }
   .archive .post-block .well {
     padding-top: 0px;   
     height: 110px!important;
     background: #fff;
   }
   .single .post-block .thumbnail img {
    height: 150px!important;
   }
   .post-is-in-catogary.post-in-video-cate {
    background: #BF12E6;
    }
    .post-is-in-catogary.post-in-insider-cate {
        background: #0EB40F;
    }
    .post-is-in-catogary.post-in-test-cate {
        background: #F34919;
    }
    .post-is-in-catogary.post-in-girls-cate {
        background: #F8526D;
    }
    .post-is-in-catogary.post-in-yunce-cate{
        background: #484891;
    }
    .post-is-in-catogary.post-in-information-cate{
        background: #eac100;
    }
    .post-is-in-catogary.post-in-industry-cate{
        background: #408080;
    }

}
@media(min-width: 992px) {
    .archive .post-block .thumbnail img{
          height: 210px !important;
    }
    .navbar-nav.navbar-left {
    width: 65%;
    }
    #top-main {
       padding-left: 10px;
    }   
}
.single-post-social-popup:before {
content: " ";
height: 0;
width: 0;
border-color: transparent;
border-style: solid;
border-width: 6px;
border-bottom-color:rgba(77, 77, 77, 1);
position: absolute;
left: 50%;
top: -12px;
margin-left: -6px;
}
.single-post-social-popup {
border-radius: 3px;
position: absolute;
top: 50px;
right:10%;
left:auto;
z-index:9999;
padding:10px;
width: 44px;
background-image: -webkit-linear-gradient(90deg, #000 0%,#242424 43%,#515151 100%);
background-image: linear-gradient(-360deg, #000 0%,#242424 43%,#515151 100%);
-webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.3);
box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.3);
-webkit-transform: translate3d(0, 0, 0);
-webkit-backface-visibility: hidden;
-webkit-transform: translateY(15px) scale(0.75);
-moz-transform: translateY(15px) scale(0.75);
-ms-transform: translateY(15px) scale(0.75);
-o-transform: translateY(15px) scale(0.75);
transform: translateY(15px) scale(0.75);
-webkit-transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
-moz-transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
pointer-events: none;
opacity: 0;
}
.single-post-social-popup.active {
pointer-events: auto;
opacity: 1;
-webkit-transform: translateY(0) scale(1);
-moz-transform: translateY(0) scale(1);
-ms-transform: translateY(0) scale(1);
-o-transform: translateY(0) scale(1);
 transform: translateY(0) scale(1); 
}
.single-post-social-popup a {
font-size: 20px;
font-size: 2rem;
color: #fff;
float: left;
text-align: center;
padding: 5px 0;
}
.single-post-social-popup i {
width: 24px;
height: 24px;
display: block;
line-height: 30px;
}
.modal {
    overflow-y:hidden;
}
.modal-header {padding:20px;border-bottom:none;}
.weixin-section {
   margin:60px 0;
}
.weixin-section img {
width: 200px;
height: 200px;
margin: 0 auto;
display: inherit;
}
.widget-sets .nav-pills {
    text-align: center;
    margin-bottom: 10px;
    border-bottom: 3px solid #ddd;
}

.widget-sets .nav-pills>li {
    padding:0;
    border: none;
    float: left;
    margin-left: 0;
    display: inline-block;
    width: 33.3333%;
}
.widget-sets .nav-pills>li:first-child  a {border-top-left-radius:3px;}
.widget-sets .nav-pills>li:last-child  a {border-top-right-radius:3px;}
.widget-sets .nav-pills>li>a {
    color: #777;
    margin-bottom: -3px;
    border-bottom: 3px solid transparent;
    border-radius: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.widget-sets .nav-pills>li>a:hover{
    color:#444;
    border-bottom-color: #ccc;
}
.widget-sets .nav-pills>li.active a {
    color: #444;
    background: #fff; 
    border-bottom-color: #1b8fd8;
}

.widget-sets .list-group-item {
    border: 0
}
.widget-sets .list-group-item a {
    float: left;
    width: 95%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.widget-sets .list-group-item .badge {
    background-color: #1b8fd8
}
#searchform{padding:20px;margin-bottom:20px;background-color:#fff}
#searchform input{width:65% !important;float:left;}
#searchform button{width:33%;float:right;}
.sidebar-info {
    font-size: 12px;
    margin: 20px 0 0 0;
    padding: 5px 0 0 15px;
    overflow: hidden;
    color: #c1c1c1
}
.sidebar-info a {
    color: #c1c1c1
}
.sidebar-info a:hover {
    color: #1b8fd8
}
.sidebar-info i {
    color: #1b8fd8
}
.sidebar-info span {
    margin-right: 10px
}
.sidebar-avatar {
    float: left;
    text-align: center
}

.sidebar-avatar img {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    margin-bottom: 5px;
}
.sidebar-comment:before {
content: " ";
height: 0;
width: 0;
border-color: transparent;
border-style: solid;
border-width: 5px;
border-bottom-color: #EFEFF0;
position: absolute;
left: 14px;
top: -10px;
}
.sidebar-comment {
color: #384959;
padding: 10px 20px;
 -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: #EFEFF0;
margin-top: 10px;
position: relative;
}

/*首页底部样式*/
.leo-tag .content {
    padding: 0 20px 20px;  
}
.leo-tag a {
float: left;
margin-right: 10px;
margin-bottom: 10px;
border: 1px solid transparent;
 -webkit-border-radius: 999em;
-moz-border-radius: 999em;
border-radius: 999em;
color: #000;
padding: 5px 15px;
font-size: 14px;
background: #ECECEC;
}
.single .leo-tag a {
    background: #F5F5F5;
}
.leo-tag span {
margin-bottom: 10px;
padding: 5px 15px;
}
.leo-tag a:hover {
    color: #1b8fd8;
    background: #fefefe;
} 

.hotest-title{
  font-size: 18px;
  color: #1b8fd8;
  padding: 10px 0 5px;
  border-bottom: 1px dotted #1b8fd8;
  margin-bottom: 20px;
}
.hotest-title span i {margin-right: 5px;}

/*页脚样式*/
#leo-footer {
background:#323232;
}

#leo-footer a, #leo-footer p{
    color: rgba(255,255,255,0.7);
    font-size: 12px;
}
#leo-footer a:hover {
    color: #1b8fd8;
    text-decoration: underline;
}
.about li {
    float: left;
    padding:20px 10px;
}
.leo-copyright {
    margin:0;
    padding:20px 10px;
    color: #898989;
    text-align: center;
}

.leo-share {
    margin: 20px auto
}
.bd_weixin_popup {
    padding: 0 !important
}
.related-title {
    font-size: 18px;
    color: #1b8fd8;
    padding: 10px;
    margin-bottom: 20px;
    border-bottom: 1px dotted #1b8fd8;
    line-height: 1.1;
}
#post-related {
    margin-bottom:20px; 
}
#post-related .thumbnail .caption {
    padding: 3px
}
#post-related .post-related-title {
   position: absolute;
   bottom: 0;
   left:0;
   padding:10px;
   margin: 0;
   z-index: 333;
}
#post-related .post-related-title a {
    color: #fff;
}
#post-related .post-related-title a:hover {
    color: #1b8fd8
}

@media (max-width: 1199px) and (min-width: 992px) {
    .single #leo-bodyer .container{
        padding:0 35px;
    }

}
@media (max-width: 767px) {
    .copyright.well {
        font-size: 12px
    }
      .about:before{
       content: '';
       display: table;
    }
    .about:after {
    content: '';
    width: 100%;
    display: inline-block;
    font-size: 0;
    line-height: 0;
    }
    .about {
    position: relative;
    width: 100%;
    height: 44px;
    cursor: default;
    text-align: justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
    -webkit-user-select: none;
    }
    .about > li{
    margin: 0;
    list-style-type: none;
    float: none!important;
    vertical-align: middle;
    display: inline-block;
    }
    .leo-article .leo-single-content{
        font-size: 16px;
        font-size: 1.6rem;
    }
}
#error-page {
    margin: auto;
    position: absolute;
    top: 10%;
    width: 100%;
    display: table;
    height: auto;
    color: #f1f1f1;
    text-transform: uppercase;
    text-align: center;
    font-size: 300px;
    font-weight: normal
}
 #home-link {
    margin: auto;
    position: absolute;
    top: 10%;
    width: 100%;

}
@media (max-width: 767px) {
   .top-navbar{top: 0!important;}
   .single-post-navbar .single-topbar {
     background: transparent;
   }
   .share-mark {
    width:100%;
    border-top: 1px solid #F5F3F0;
    background-color: rgba(245,243,240,0.9);
  }
   .single-post-social-popup{
		top:auto;
        bottom:60px;
		right:12.5%;
		margin-right:-20px;
		background-image: -webkit-linear-gradient(90deg, #515151 0%,#242424 43%,#000 100%);
		background-image: linear-gradient(-360deg, #515151 0%,#242424 43%,#000 100%);
   }
  .single-post-social-popup:before{
	content:" ";
	border-bottom-color: rgba(77, 77, 77, 0); 
  }
   .single-post-social-popup:after {
	  content: " ";
	  height: 0;
	  width: 0;
	  border-color: transparent;
	  border-style: solid;
	  border-width: 6px;
	  border-top-color: rgba(77, 77, 77, 1);
	  position: absolute;
	  left: 50%;
	  bottom: -12px;
	  margin-left: -6px;
	}
    #error-page {
        font-size: 180px;
    }
    #home-link {
        top: 70%;
        text-align: center;
    }
}
 .who-comment-for a:hover .comment-author{
    color:#1b8fd8;

} 
#cnzz_stat_icon_1253196591 a{
  display: none;
}
.post-img{
height: 500px;
overflow: hidden;
background-size: cover;
background-position: center;
margin-bottom: 50px;
position: relative;
} 

/* Team profiles*/

.profile {
    margin-bottom: 10px;
    background: #fff;
}
.profile-header img {
    width: 100%;
    border: none;
}

.profile-intro {
text-align:center;
padding:0 5px;
height:50px;
}
.profile-name {
font-weight:bold;
font-size:16px;
text-align: center;
}
.widget li{border-top: 1px solid #eee;}
.widget li:hover, .widget li:focus, .widget li.active {
      background-color: #fff;
}
.btn-default{  border-color: #eee;}
.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default{
  background-color: #F5F5F5;
  border-color: #eee;
}
#weixinModalLabel{font-size:16px;} 


/*
 * 主页硬件产品推荐样式
 */
#price_number {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 20px;
}

#desc h1{
  font-size: 30px;
  text-align: center;
  margin-bottom: 25px; 
  margin-top: 12px;
}

#price_number em{
  background: #fe5341 none repeat scroll 0 0;
  border: 1px solid #fe5341;
  border-radius: 10px;
  color: #fff;
  margin: 0 10px 0 0;
  padding: 3px 10px;
  font-style: normal;
  box-shadow:1px 1px 1px rgba(4, 4, 4, 0.35);
  font-weight: bold;
}

#desc .time{
  color: #fff;
  margin-top: 0;
  padding: 10px 0 20px;
  font-size: 18px;
  text-align: center;
}
#desc .btn{
  border: 0px;
  padding: 0px;
}
#desc .btn a {
  border-radius: 5px;
  color: #fff;
  display: inline-block;
  font-size: 30px;
  height: 59px;
  line-height: 59px;
  text-align: center;
  width: 242px;
}

#desc .btn .red {
  background: #fe5341 none repeat scroll 0 0;
  border-radius: 5px;
  color: #fff;
  display: inline-block;
  font-size: 30px;
  height: 59px;
  line-height: 59px;
  text-align: center;
  width: 242px;
  border: 0px;
}
@media screen and (max-width: 768px) { /*当屏幕尺寸小于768px时，应用下面的CSS样式*/
  #desc .btn .red{
    height: auto;
    line-height: 40px;
    width: 170px;
    font-size: 24px;
  }
  #desc h1{ 
  margin-top: 25px;
  margin-bottom: 45px;
  height: 40px;
}
#price_number em{
  margin: 0 5px 0 0;
}
}

#mobile-meta{
  text-align: center;
  margin-top: 10px;
}
#mobile-meta em{
  font-style: normal;
  color: #fe5341;
  font-weight: bold;
}
#mobile-meta em strong{
  font-style: normal;
  color: #fe5341;
  border-right: 2px solid #384959;
}

/*
 * 申请流程
 */
#flow{
  background: #fff;
  height: 102px;
}

#flow>div{
  text-align: center;
  height: 62px;
  padding-top: 20px;
}

#title{
  font-size: 25px;
  padding-left: 30px;
}

#flow p{
  color: #737373;
}


#flow #title .line{
  background: #fe5341 none repeat scroll 0 0;
  display: inline-block;
  float: left;
  height: 72px;
  margin-right: 10px;
  width: 6px;
}

/*
 * 文章页面右边col-md-4,以及移动端适配的buy样式
 */
.xs-buy .tit {
  border-left: 0px solid #fe5341;
  font-size: 16px;
  height: 25px;
  line-height: 27px;
  margin-top: 10px; 
  margin-bottom: 15px;
  text-align: center;
  color: #999;
}
.xs-buy .buyBtn p a{
  font-size: 25px;
}
.xs-buy .buyBtn{
  margin-top: 25px;
}
.rightInfo {
    padding-left: 10px;
    padding-right: 10px;
}
.rightInfo .tit {
    font-size: 18px;
    height: 25px;
    line-height: 27px;
    border-left: 5px solid #fe5341;
}
.rightInfo .tit .line {
    background: #fe5341 none repeat scroll 0 0;
    height: 25px;
    margin-right: 24px;
    width: 6px;
}

.rightInfo .price {
    color: #fe5341;
    font-size: 40px;
    margin: 20px 0 15px;
}
.buyBtn {
    background: #ff8c83 none repeat scroll 0 0;
    border-radius: 5px;
}

.buyBtn p a {
    font-size: 18px;
    font-weight: normal;
}
.buyBtn p a {
    background: #fe5341 none repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    display: block;
    font-size: 16px;
    height: 48px;
    line-height: 48px;
    text-align: center;
}


.tiyan .tiyanImg {
    margin-top: 20px;
}
.tiyan .tiyanImg img {
    border-radius: 5px;
}

.tiyan .intro {
    margin: 10px 0 20px;
}

.tiyan .intro h5 {
    color: #474747;
}
.tiyan .intro h5 {
    font-size: 16px;
    font-weight: bold;
    padding: 5px 0;
}

.d .txt {
    color: #a3a3a3;
    font-size: 14px;
}

.rightInfo .tiyan{
  padding-top: 30px;
}
.rightInfo .guanzhu{
    margin-top: 0px; 
    padding-top: 30px;
}

/*
 * 弹出申请框的样式
 */

#applydialog .modal-body{
  padding-top: 0px;
}
#applydialog .modal-body p{
  color: #333;
  text-align: center;
  padding-top: 25px;
}
#modal-1 .modal-content {
    bottom: 0;
    color: #828282;
    height: 400px;
    left: 0;
    margin: auto;
    position: fixed;
    right: 0;
    text-align: left;
    top: 0;
    width: 400px;
}
#applydialog h4{
  text-align: center;
  font-weight: bold;
  color: #333;
}
#applydialog legend{
  display: none;
}
#applydialog fieldset{
  border: none;
}

#applydialog td:first-child{
  display: none;
}

#applydialog table{
  width: 100%;
}

#applydialog td>input{
  width: 100% !important;
  padding-left: 12px !important; 
  padding-right: 12px !important;
}
#applydialog td>textarea{
  width: 100% !important;
  height: 130px !important;
  padding-left: 12px !important; 
  padding-right: 12px !important;
}

#applydialog ul>li{
  margin-bottom: 20px;
}

#applydialog #fm_form_submit{
  background: #fe5341 none repeat scroll 0 0;
  border-radius: 5px;
  color: #fff;
  display: inline-block;
  float: right;
  font-size: 20px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  width: 140px;
  border: 0px;
}
@media (max-width: 767px){
  #modal-1 #applydialog{
    width: 100%;
    bottom: auto;
  }
}
/*
 *倒计时样式，取消秒显示
 */
 .countDiv2{
  /*display: none;*/
 }
 .countSeconds{
  /*display: none;*/
 }
 .countdownHolder{
  width: auto !important;
  font:28px/1.5 "Open Sans Condensed",sans-serif;
 }
#countdown{
  margin-bottom: 15px;
}
 
 /*
  *众测文章新的分享样式
  */
.yunce-post-social-popup {
  border-radius: 3px;
  top: 50px;
  right:10%;
  z-index:9999;
  padding:10px;
  height: 44px;
  /*background-image: -webkit-linear-gradient(90deg, #000 0%,#242424 43%,#515151 100%);
  background-image: linear-gradient(-360deg, #000 0%,#242424 43%,#515151 100%);*/
  /*background: #fe5341 none repeat scroll 0 0;*/
  /*-webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.3);
  box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.3);*/
  margin-bottom: 20px;
  margin-top: 20px;
}
.yunce-post-social-popup a:hover i {
 transform: scale(1.2);
-ms-transform:scale(1.2);    /* IE 9 */
-moz-transform:scale(1.2);   /* Firefox */
-webkit-transform:scale(1.2); /* Safari 和 Chrome */
-o-transform:scale(1.2); /* Opera */ 
}
.yunce-post-social-popup a {
font-size: 20px;
font-size: 2rem;
color: #fff;
float: left;
text-align: center;
padding: 5px 0;
}
.yunce-post-social-popup a {
font-size: 20px;
font-size: 2rem;
color: #fff;
float: left;
text-align: center;
padding: 5px 0;
line-height: 12px;
}
.yunce-post-social-popup i {
width: 24px;
display: block;
line-height: 14px;
margin: 0 auto;
font-size: 25px;
color: #737373;
}

/*
 *众测文章要显示不同的样式,在此修改
 */
 #yunce-index-price_number{
  text-align: center;
  font-size: 16px;
 }
 #yunce-index-price_number em{
  background: #fe5341 none repeat scroll 0 0;
  border: 1px solid #fe5341;
  border-radius: 10px;
  box-shadow: 1px 1px 1px rgba(4, 4, 4, 0.35);
  color: #fff;
  font-style: normal;
  font-weight: bold;
  margin: 0 10px 0 0;
  padding: 3px 10px;
}
#yunce-index-applynumber{
  text-align: center;
  font-size: 18px;
  padding-top: 10px;
}
#yunce-index-applynumber em{
  font-style: normal;
  font-weight: bold;
  border: 1px solid #fe5341;
  box-shadow: 1px 1px 1px rgba(4, 4, 4, 0.35);
  padding: 3px 10px;
}
#yunce-index-applynumber em>strong{
  color: #fe5341;
}
#daystoend{
  padding-top: 15px;
  text-align: center;
  font-size: 16px;
  color: #fe5341;
  font-weight: bold;
}
#applynumber-end{
  color: #fff;
  background: #80c269 none repeat scroll 0 0;
  border: 1px solid #80c269;
  border-radius: 10px;
  box-shadow: 1px 1px 1px rgba(4, 4, 4, 0.35);
  font-style: normal;
  font-weight: bold;
  margin: 0 10px 0 0;
  padding: 3px 10px;
}
#applynumber-left{
  color: #fff;
  background: #fe5341 none repeat scroll 0 0;
  border: 1px solid #fe5341;
  border-radius: 10px;
  box-shadow: 1px 1px 1px rgba(4, 4, 4, 0.35);
  font-style: normal;
  font-weight: bold;
  margin: 0 10px 0 0;
  padding: 3px 10px;
}
}

/*
 *移动端文章底部申请
 */
.about{
  overflow: hidden;
}
#menu-footer_menu{
  overflow: hidden;
 }
#mobile-applybtn{
  background: #fe5341 none repeat scroll 0 0;
  border: 0 none;
  border-radius: 5px;
  color: #fff;
  text-align: center;
  font-size: 14px;
  margin-bottom: 10px;
  margin-top: 10px;
  width: 50%;
  font-weight: bold;
}
#mobile-applybtn a{
  color: #fff;
}

#yunce-mobile-single-post-navbar{
  background: #333;
}
#mobile-time{
  margin-top: 10px;
  text-align: center;
  color: #FFF;
}
#login_huoxing{
  z-index: 9999;
}
/*
 *新的主页幻灯片
 */
 .carousel-caption{
  bottom: 30%;
 }
 .carousel-caption-title{
  color: #fff;
font-size: 32px;
font-weight: bold;
left: 50%;
line-height: 1.4;
padding: 0 50px;
position: absolute;
text-align: center;
text-shadow: 1px 1px 10px #000;
top: 50%;
transform: translate(-50%, -50%);
  -ms-transform:translate(-50%, -50%);   /* IE 9 */
  -moz-transform:translate(-50%, -50%);  /* Firefox */
  -webkit-transform:translate(-50%, -50%); /* Safari 和 Chrome */
  -o-transform:translate(-50%, -50%); 
width: 100%;
 }
 
 #top-main-new{
  padding-left: 0px;
  margin-bottom: 30px; 
  margin-top: 20px;
 }
#top-main-new .carousel-caption-title h3{
  color: #fff;
  font-size: 30px;
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
  text-shadow: 1px 1px 10px #000;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
 }
 #top-main-new .carousel-caption-title h3:hover{
  color: #1b8fd8;
  text-decoration: none;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease
 }
#top-main-new .carousel-caption p{
  color: #b4d6dd;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
  text-shadow: 1px 1px 10px #000;
}
#top-main-new-left{
  height: 400px;
}
#top-main-new-left img{
  width: 100%;
  height: 400px;
}

#top-main-new-right{
  height: 400px;
}
.new-right-show{
  height: 50%;
}
.new-right-show img{
  height: 195px;
  width: 100%;
}

 @media only screen and (max-width: 767px){
  #top-main-new .carousel-caption h3{
    font-size: 18px;
  }
 }
 .carousel-indicators{
  color: #fff;
 }

.top-new-title{
  color: #fff;
  font-size: 22px;
  font-weight: bold;
  left: 50%;
  line-height: 1.4;
  padding: 0 50px;
  position: absolute;
  text-align: center;
  text-shadow: 1px 1px 10px #000;
  top: 40%;
  transform: translate(-50%, -50%);
  -ms-transform:translate(-50%, -50%);   /* IE 9 */
  -moz-transform:translate(-50%, -50%);  /* Firefox */
  -webkit-transform:translate(-50%, -50%); /* Safari 和 Chrome */
  -o-transform:translate(-50%, -50%);  
  width: 100%;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease
}
.top-new-title:hover{
  color: #1b8fd8;
  text-decoration: none;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease
}
.top-new-post-title{
background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
color: #fff;
font-size: 16px;
font-weight: 600;
height: auto;
left: 0;
line-height: 18px;
padding: 10px;
margin-left: 10px;
margin-right: 10px;
position: absolute;
right: 0;
text-align: center;
z-index: 1;
bottom: 0;
}
.top-new-post-title>a{
  color: #fff;
}
.top-new-post-title>a:hover{
  color: #1b8fd8;
  text-decoration: none;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease
}
/*
 *新的主页样式在这里
 */
 .sk-post{
 margin-top: 20px; 
margin-bottom: 20px;
padding-bottom: 0px !important;
position: relative;
margin-left: -10px; 
margin-right: -10px;
 }
.sk-post-pic{
  float: left;
  position: relative;
  width: 200px;
  margin-right: 30px;
  overflow: hidden;
  float: left;
  max-height: 200px;
}
.sk-post-pic>a>img{
  height: 100% !important;
  width: 100%;

}
.sk-thumbnail>.post-is-in-catogary{
  line-height: 30px;
}
.sk-post-title{
  font-size: 20px;
  font-weight: bold;
  line-height: 28px;
  margin-top: 0px;
}
.sk-post-title>a{
  color: rgba(0, 0, 0, 0.9);
}
.sk-post-title>a:hover{
  color:#1b8fd8;
}
.sk-well{
  color: rgba(0, 0, 0, 0.9);
font-size: 14px;
line-height: 20px;
margin-top: 20px;
}
.sk-post-feature-bottom{
  margin-top: 20px;
  color: rgba(0, 0, 0, 0.4);
}
.sk-post-content{
  margin-left: 220px;
  padding-right: 10px;
}
#leo-bodyer .container{
  padding-left: 0px; padding-right: 0px;
}
/*
 *首页最热文章
 */
.hot-header {
  background-color: #ff4242;
  height: 40px;
  text-align: center;
  font-size: 16px;
  color: #fff;
  font-weight: bold;
  line-height: 40px;
}
.demo-item {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  padding: 15px 0;
  color: #384959;
  
}
.siadebar-hot{
  background-color: #f5f5f5;
  padding-left: 20px; 
  padding-right: 20px;
  margin-bottom: 20px;
}
.ranking{
  background-color: rgba(0, 0, 0, 0.6);
color: #fff;
float: left;
font-size: 14px;
font-weight: bold;
line-height: 32px;
text-align: center;
vertical-align: middle;
width: 32px;
}
/*
 *导航栏紧一点
 */
#leo-header>.container>nav>.navbar-left{
  padding-left: 10px; 
}
#leo-header>.container>nav>.navbar-left>li{
  cursor: pointer;
overflow: hidden;
padding: 1px 20px;
position: relative;
text-align: center;
float: left;
}
.nav > li > a{
  font-size: 18px;
}
#article-list>div>article{
  border-bottom: 1px dotted rgba(0, 0, 0, 0.1);
}
.navbar-nav.navbar-left{
  width: 50%;
}
.navbar-nav.navbar-right{
  width: 36%;
}
@media (min-width: 1200px){
  #top-main-new-left{
    height: 460px;
  }
  #top-main-new-left img{
    height: 460px;
  }
  #top-main-new-right{
    height: 460px;
  }
  .new-right-show img{
    height: 225px;
  }
}
@media (max-width: 1200px){
  #leo-header > .container > nav > .navbar-left > li{
    padding: 1px 10px;
  }
}
@media (max-width: 992px){
  #leo-header > .container > nav > .navbar-left > li{
    padding: 1px 6px;
  }
  .nav > li > a{
    font-size: 16px;
  }
  .navbar-nav.navbar-right{
  width: 50%;
}
  #top-main-new-left{
    height: 320px;
  }
  #top-main-new-left img{
    height: 320px;
  }
  #top-main-new-right{
    height: 320px;
  }
  .new-right-show img{
    height: 155px;
  }
  .top-new-title{
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .sk-post-pic {
    margin-left: 10px; 
    margin-right: 10px;
    width:100px;
    max-height: 100px; 
  }
  .sk-post-content{
    margin-left:130px;
  }
  .post-is-in-catogary{
    margin-left: 10px; 
  } 
  .post-in-test-cate{
    margin-left: 10px; 
  }
  .sk-post{
    margin: 20px 0;
  }
  #leo-bodyer>.container{
    margin-left: 10px; 
    margin-right: 10px;
  }
  #top-main-new-right{
    height: auto;
  }
  #top-main-new-right>.row>div{
    margin-top: 10px;
  }
  #top-main-new-left{
    height: auto;
  }
  #top-main-new-left img{
    height: auto;
  }
  .new-right-show img{
    height: auto;
    min-height: 76px;
  }
  #top-main-new{
    margin: 0;
  }
  #top-main-new .carousel-caption-title h3{
    font-size: 18px;
  }
  .carousel-caption-title{
    padding: 0 15px;
  }
  .single-post-header .container{
    margin-left: 10px; margin-right: 10px;
  }
  .top-new-post-title{
    font-size: 12px;
    line-height: 5px;
  }
  .top-new-title{
    font-size: 12px;
    padding: 0 15px;
  }
  .sk-post-title{
    font-size: 16px;
  }
}