/*for job_case_show.html
------------------------------------*/

/*maodei header 部分*/
/*Navbar Toggle*/
.header .navbar-toggle {
	border-color: #e8c387;
}

.header .navbar-toggle,
.header .navbar-toggle:hover, 
.header .navbar-toggle:focus {
	background: #F2287D;
	padding: 6px 10px 2px;
    margin:20px 0;
}

.header .navbar-toggle:hover {
	background: #e8c387 !important;
}

.header .navbar-nav > .active > a {
	color: #F2287D;
}

/*Responsive Navbar*/
@media (max-width: 991px) {
.header .navbar-nav > li > a:hover {
    color: #F2287D;
}

.header .navbar-nav > .active > a,
.header .navbar-nav > .active > a:hover,
.header .navbar-nav > .active > a:focus {
    background: #F2287D;
}
}

@media (min-width: 992px) {
    .header .navbar-nav > li > a:hover,
    .header .navbar-nav > .active > a {
        border-bottom: solid 2px #F2287D;
    }

    .header .navbar-nav > .open > a,
    .header .navbar-nav > .open > a:hover,
    .header .navbar-nav > .open > a:focus {
        color: #F2287D;
    }

    .header .navbar-nav > li:hover > a {
        color: #F2287D;
    }


    /*Dropdown Menu*/
    .header .dropdown-menu { 
        border-top: solid 2px #F2287D; 
        border-bottom: solid 2px #687074; 
    }
}


.header .nav > li > .search:hover {
	color: #F2287D;
	background: #f7f7f7;
	border-bottom-color: #F2287D;
}

@media (max-width: 991px) {
    .header .nav > li > .search:hover {
		background: #e8c387;
	}
}
    

@media (max-width: 991px) {
.header.header-dark .navbar-nav .dropdown > a:hover {
    color: #F2287D;
}
}

@media (min-width: 992px) {
.header.header-dark .navbar-nav > li > a:hover,
.header.header-dark .navbar-nav > .active > a {
    color: #F2287D !important;
}
}
/*end of maodei header 部分*/


/*定义了案例正文部分在桌面和手机端显示分别的样式*/
.yeecar-content-container{
    padding-left: 15px;
    padding-right: 15px;
    padding-top:40px;
    padding-bottom:20px;
}
 
 
.yeecar-case-content {
    padding-left: 15px;
    padding-right: 15px;
}

/*案例左边栏*/
.yeecar-case-info{
    margin-top:0px;/*92px;*/
    
}

/*前一页后一页*/
.pager {
    margin: 0 0 30px 0;
}
@media (max-width: 991px) {
    .yeecar-content-container{
        padding-left: 0px;
        padding-right: 0px;
        padding-top:6px;
        padding-bottom:6px;
    }
	.yeecar-case-content {
		padding-left: 2px;
        padding-right: 2px;
	}
    /*案例左边栏*/
    .yeecar-case-info{
        margin-top:10px;
    }
    
    .yeecar-qqmap{
        margin-left: 0;
        margin-right: 0;
    }
    
    /*前一页后一页*/
    .pager {
        margin: 10px 0 15px 0;
    }

    body.dark .footer-v1 .footer.yeecar-case-footer{
        padding: 40px 0 10px 0;
    }
}


/*maodei: 调整一下案例页面的头部和尾部的颜色*/
a:hover {
    color: #F2287D;
}

a {
    color: #e8c387;
}

.headline h1{
    margin-bottom:20px;
}

.headline h2, .headline h3, .headline h4 {
    border-bottom: 2px solid #F2287D;
}

/*前一篇 后一篇 部分的颜色*/
body.dark .pager li > a:hover{
    color: #F2287D;
}

/*案例页面左边栏fa图标的颜色*/
.who li i{
    color: #e8c387;
}

.who li:hover i, .who li:hover a{
    color: #F2287D;
}

/*编辑时间的颜色*/
body.dark h5{
    color: #555;
}

/*案例页面所有文字的字体设置*/
body {
    font-family: "Helvetica Neue",Helvetica,"Microsoft Yahei",'Open Sans',Arial,"FZLanTingHei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;/*maodei: 字体设置*/
}

#topcontrol:hover {
    background: #F2287D;
}


/*案例列表页面*/
a.btn-u {
    color: #fff;
    background: #e8c387;
    border-color: #fff;
}


a.btn-u:focus,
a.btn-u:hover {
    color: #fff;
    background-color: #e8c387;
}

body.dark .news-v3 h2 a:hover {
    color: #fff;
}

.pager.pager-v2 li > a:hover, .pager.pager-v2 li > a:focus, .pager.pager-v3 li > a:hover, .pager.pager-v3 li > a:focus {
    color: #fff;
    background: #F2287D;
}

body.dark .news-v3 .posted-info li:hover, 
body.dark .news-v3 .posted-info li a:hover {
    color: #F2287D;
}

.cube-portfolio #filters-container,
.cube-portfolio #filters-container-two {
  text-align: center;
}

.cube-portfolio #filters-container .cbp-filter-item-active,
.cube-portfolio #filters-container-two .cbp-filter-item-active {
  background: #F2287D;
  border-color: #F2287D;
}

.cube-portfolio .cbp-l-filters-button .cbp-filter-counter {
  color: #fff;
  background: #F2287D;
}

.cube-portfolio .cbp-l-filters-button .cbp-filter-counter:before {
  border-top-color: #F2287D;
}

body.dark .cbp-l-inline-view:hover,
body.dark .cbp-l-loadMore-button-link:hover {
  border-color: #F2287D;
  background: #F2287D;
  color: #ffffff !important;
}

body.dark .btn-u.cbp-l-inline-view,
body.dark .btn-u.cbp-l-loadMore-button-link {
  border-color: #e8c387;
  font-size: 16px;
  color:#EEE;
  background: #e8c387;
}

body.dark .btn-u.cbp-l-inline-view:hover,
body.dark .btn-u.cbp-l-loadMore-button-link:hover {
  border-color: #F2287D;
  background: #F2287D;
  color: #fff !important;
}


.color-cys-red {
    color: #e8c387;
}

.btn-u {
    background: #e8c387;
}
.btn-u:active,
.btn-u:focus,
.btn-u:hover {
    background: #e8c387;
}



/* 案例、新闻、知识库文章等页面 链接的点击颜色以及正文中文字  dropcap 的颜色等 */
body.dark li a {
    color: #aaa;
}

body.dark li:hover a,
body.dark li a:focus {
    color: #F2287D;
}

body.dark .blog-trending h3 a:hover {
    color: #F2287D;
}

span.dropcap {
    color: #e8c387;
}

span.dropcap-bg {
    background-color: #e8c387;
}


blockquote:hover, blockquote.text-right:hover {
    border-color: #F2287D;
}

.blockquote-reverse, blockquote.pull-right {
    border-right: 5px solid #e8c387;
}

body.dark blockquote, body.dark blockquote.hero {
    border-left-color: #e8c387;
}

body.dark .blog-latest-posts h3 a:hover {
    color: #F2287D;
}


/*bootstrap selector 修改，适配案例列表页面*/

.bootstrap-select > .dropdown-toggle {
  width: 100%;
  padding: 10px 0 10px 15px;
   
   /*maodei:下面的样式为修改*/
    border: none;
    color: #999;
    border-color: #303030;
    background: #202020;
    display: table-cell;
}

.yeecar-cases-search .bootstrap-select > .dropdown-toggle {
    margin:0 0 4px 0 ;
}


.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  width: 100%;  /*maodei 更改*/
}

.bootstrap-select.btn-group .dropdown-toggle .filter-option {
  display: inline-block;
  overflow: hidden;
  width: 100%;
  text-align: left; /*maodei:改到左边*/
}
.bootstrap-select.btn-group .dropdown-toggle .caret {
  position: absolute;
  top: 50%;
  right: 12px;/*maodei:改到右边*/
  margin-top: -2px;
  vertical-align: middle;
}

.btn-group.bootstrap-select {
    float: none;
    display: table-cell;
    margin-left: 0;
}

/* 下拉框主框被选中的时候的颜色 */
.bootstrap-select .dropdown-toggle:focus {
    outline: 5px auto #999 !important;
    outline-offset: -2px;
}

.btn-default:hover, 
.btn-default:focus, .btn-default:active, 
.btn-default.active, 
.open>.dropdown-toggle.btn-default {
    color: #999;
    background-color: #202020;
    border-color: #303030;
}

.btn-u {
    margin-bottom:5px;
}


/*红色的搜索按钮*/
.btn-u.yeecar_cases_filter_button {
    color:#ddd;
    width: 100%;
    font-size: 16px;
    padding: 10px 0;
    margin:  0px 0 40px 0;
}
.btn-u.yeecar_cases_filter_button:hover {
    color:#fff;
}

.blog-photostream li img {
    width: 120px;
    height: auto;
}

@media (max-width: 991px) {
    .blog-photostream li img {
        width: 140px;
        height: auto;
    }
}


a.yeecar_topten_case_img img {
    margin-bottom:10px;
}

a.btn-u.yeecar-case-detail-button {
    width:100%;
    text-align:center;
}
    
    
body.dark .blockquote.yeecar-cases-search-result p{
    color: #ddd;
}


body.dark .list-inline.tags-v2 li:hover a, 
body.dark .list-inline.tags-v2 li a:focus {
    color: #fff;
}
.tags-v2 li a:hover {
    color: #fff;
    background: #F2287D;
    border-color: #aaa;
}

/*案例列表页更多案例按钮*/
body.dark a.btn-u.rounded-2x.yeecar-btn-to-see-more,
body.dark a.btn-u.rounded-2x.yeecar-btn-to-see-more:hover{
    text-align:center;
    width: 80%;
    padding: 10px 0;
    margin: 20px 10% 40px 10%;
}
body.dark a.btn-u.rounded-2x.yeecar-btn-to-see-more:hover strong{
    color:#fff;
}

@media (max-width: 991px){
    body.dark .header .nav > li.active > a:hover {
        background: #F2287D;
    }
}

.breadcrumb li.active, .breadcrumb li a{
	color: #e8c387;
}

.breadcrumb li.active, .breadcrumb li a:hover{
	color: #F2287D;
}

.wechat-green {
	color:#2BA245;
}

a.wechat-green {
	background:#2BA245;
	color:#fff;
	border-color:#fff;
}

a.wechat-green strong{
	color:#fff;
}