/* model.css */
/*about*/
.zzk-about,.zzk-news{ background: #fff; overflow: hidden; margin: 0;}
.zzk-about > li { margin-top: 60px; margin-bottom: 80px; text-align: center;}
.zzk-about > li > a > i{ display:block; color: #666; font-size: 20px; font-style: normal; margin-top: 5px;}
.zzk-about > li > a:hover{ opacity: .8;}
.zzk-about > li > a:hover i{ color: #004B8F;}
.ico-intro,.ico-event,.ico-rule,.ico-member{
    display: inline-block;
    width: 90px;
    height: 80px;
    background: url(../img/sprite.png) no-repeat;
}
.ico-intro{ background-position: -190px 0;}
.ico-event{ background-position: -284px 0;}
.ico-rule{ background-position: -374px 0;}
.ico-member{ background-position: -464px 0;}
/*about-event*/
.select-bar{ padding:20px 20px 10px ; background: #e8e8e8;margin-top: 15px;}
.select-bar ul li a,.select-bar ul li.select-year select{ display: inline-block; background: #727272; color: #fff; border-radius: 2px;padding: 4px 8px;}
.select-bar ul li a:hover,.select-bar ul li.active a{ background: #cc1616;}
.select-result table tr th{ color: #727272; vertical-align: middle; width: 150px;}
.select-result table tr td{ padding: 15px; line-height: 2;}
/*news*/
.channel-inner{ 
    padding:5px 20px 15px; 
    background:#fff;
    min-height: 580px;
    overflow: hidden;
}
h3.news-title{ 
    font-size: 16px; 
    background: #fff; 
    padding: 20px 10px 10px; 
    margin: 0;
    border-bottom: 1px solid #ddd;
}
h3.news-title a{ font-size: 14px;}
.zzk-news{ padding:15px 20px;}
.zzk-news .media-body > ul > li{ 
    margin-left: 10px; 
    line-height: 2; 
    padding-left: 20px; 
    background: url(../img/sprite.png) no-repeat -22px -88px;
}
.zzk-news .media-body > ul > li > a{ color: #333;}
.zzk-news .media-body > ul > li > a:hover{ color: #004B8F;}
.col-right ul{ margin-bottom: 20px;}
.col-right ul li{ line-height: 2;}
.col-right ul li a{ color: #666;}
.col-right ul li a:hover{ color: #23527c;}
.col-right h5{ color: #666; font-size: 15px;}
.col-right h4{   font-size: 15px;}
.col-right h4 a{ font-size: 14px;}
.col-right .btn{ margin: 15px 0px; width: 90%; }
.col-right ul li{ line-height: 1.6; padding-left: 10px; background: url(../img/sprite.png) no-repeat 0 -108px; border-bottom: 1px dotted #e8e8e8; padding: 10px;}
.col-right ul li span{ display: block; color: #999;}
/* cooperation */
.article-list,.article-con{ padding: 20px;}
.article-list .media {
    padding-bottom: 10px;
    padding-top: 10px;
    border-bottom: 1px dotted #ddd;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    overflow: hidden;
    letter-spacing: 0.5px;
}
.article-list .media .media-left .pic {
    display: block;
    margin-right: 10px;
    width: 160px;
    height: 100px;
    background: no-repeat center center;
    background-size: cover;
}
.article-list .media .media-left .picnh {
    display: block;
    margin-right: 10px;
    width: 160px;
    background: no-repeat center center;
    background-size: cover;
}
.article-list .media .media-heading{ font-weight:bold;font-size: 16px; color: #333; transition:all .3s ease-in 0s;} 
.article-list .media .media-heading:hover{ color: #23527c;}
.article-list .media .msg,.article-con .msg{ font-size: 14px; color: #999; margin: 10px 0 6px;}
.article-list .media .brief{ color: #666; text-overflow:ellipsis;}
.article-con h3{ line-height: 1.6}
.article-list i{ font-style: normal; color: #cc1616;}


/*periodical*/
.zzk-periodical .media-body{
    padding-left: 15px;
}
.zzk-periodical .media-body h5{
    margin-top: 20px;
}
.zzk-periodical .per-list{
    line-height: 2;
}
.zzk-periodical .per-list li a{ color: #666;}
.zzk-periodical .per-list li a:hover{ color: #23527c;}

/* rewards */
.brief{ line-height: 1.6; font-size: 15px; letter-spacing: 1px; padding-top:0px;}
.btn-block{ margin-top: 2px;}
.btn-block .btn{ margin-bottom: 15px; padding: 10px 20px; color: #fff; width: 130px;}
.btn-block .btn:hover{ opacity: .8;}
.btn-pro,.btn-review,.btn-entered,.btn-search{ background: #3a87bf;}
.btn-search,.btn-search:hover{ color: #fff;}
.btn-block .btn-app{ background: #3764bf;}
.btn-block .btn-method{ background: #3aa4bf;}
.btn-block .btn-entered{ padding: 5px 20px;}
.btn-block .btn-regist{ background: #3aa4bf; padding: 15px 30px; width: 165px; }
/*rewards-list*/
.bg-year{ background: url(../img/bg-year.png) no-repeat; height: 70px; margin-top: 16px; }
.bg-year select{ width:100px; padding: 8px; background-color: #F2F9F9; color: #000; border-radius: 5px; margin: 15px 20px; }
.bg-yearq{ height: 70px; margin-top: 16px; }
.bg-yearq select{ width:100px; padding: 8px; background-color: #fff; color: #414F58; border-radius: 5px; margin: 15px 20px; }
.rewarder{ margin: 20px; overflow: hidden; }
.rewarder li{ margin-top: 20px; border-bottom: 1px dotted #ccc; }
.rewarder  .media-heading{ font-weight:bold;font-size: 16px; color: #333; transition:all .3s ease-in 0s;} 
.rewarder li strong{ font-size: 16px; }
.rewarder li p:last-child{ color: #999; margin: 10px 0 20px; }
/*detail*/
.article-con h5{ font-size: 16px; font-weight: bold;}
.article-con p,.article-list p{ line-height: 2; color: #666;}
.article-con p img,.article-con img{ max-width:100%;height:auto;}
.article-con table,.article-list table{ width:100%;height:auto;}
/* member */
.zzk-member{
    padding-top: 20px;
}
.zzk-member .nav-tabs {
    border-bottom: 1px solid #ccc;
}
.zzk-member .nav-tabs > li > a {
    color: #666;
    border: none;
    font-size: 16px;
}
.zzk-member .nav-tabs > li > a:hover {
    color: #004B8F;
    background: #fff;
}
.zzk-member .nav-tabs > li.active > a,
.zzk-member .nav-tabs > li.active > a:hover,
.zzk-member .nav-tabs > li.active > a:focus{
    color: #004B8F;
    background-color: #fff;
    border: none;
    border-bottom: 1px solid #004B8F;
}
.zzk-member .tab-content{ padding-top: 10px;}
.zzk-member .tab-content .thumbnail{ border-radius: 0;}
.zzk-member .tab-content .thumbnail{ position: relative;}
.zzk-member .tab-content .thumbnail span{ display: inline-block; z-index: 100001; background:rgba(255,255,255,.8); width:100%; height: 40px; line-height: 40px; text-align: center; position: absolute; right: 0; bottom: 0; color: #333;}
.unit .zzx-thumb,.personal .zzx-thumb{ display:inline-block;background-color: #fff;border: 1px solid #ddd; padding: 6px; margin-bottom: 10px;}
.personal .zzx-thumb{ position: relative;}
.personal .zzx-thumb span{ display: inline-block; z-index: 100001; background:rgba(255,255,255,.8); width:100%; height: 40px; line-height: 40px; text-align: center; position: absolute; right: 0; bottom: 0; color: #333;}
.unit .zzx-thumb:hover,.personal .zzx-thumb:hover{ opacity: .8;}
.unit .zzx-thumb { position: relative;}
.unit .zzx-thumb span{ display: inline-block; z-index: 100001; background:rgba(255,255,255,.8); width:100%; height: 40px; line-height: 40px; text-align: center; position: absolute; right: 0; bottom: 0; color: #333;}
/*service*/
.submenu ul{ border: 1px solid #e8e8e8; margin-top: 20px; margin-left: -10px; min-height: 500px;}
.submenu ul li a{ display: inline-block; padding:15px; width: 100%; height:auto; color: #666; border-bottom:1px solid #e8e8e8;}
.submenu ul li:hover a,.submenu ul li.active a{ color: #4C8EBE;}
.submenu ul li:first-child{ padding:15px; background: #4C8EBE; color: #fff; text-align: center; font-size: 16px;}
/*apply*/
.btn-apply{ background: #3a87bf; color: #fff; box-shadow: 1px 1px 1px #333; padding: 8px 30px; font-size: 16px; margin-top: 20px;}
.btn-apply:hover,.btn-apply:focus{ color: #fff; opacity: .9;}
/*committee*/
.col-right .photos ul li{ background: none;}
.col-right .photos ul li img{ width: 218px; height: 118px; }
.control{ position: absolute; top: 25px; right: 30px;}
/*search*/
.select-bar table tbody tr td{ border: none; vertical-align: middle;}
.select-bar table tbody tr td:nth-child(odd){ text-align: right;}
/*question*/
.qa-list ul li{ line-height: 1.8; border-bottom: 1px dotted #e8e8e8;}
.qa-list ul li h5{ line-height: 1.8;  font-weight: bold; padding-top: 10px;}
.qa-list ul li p{ color: #666;}
/* mistake-Page */
.bg-mistake{
    background-color: #E9EDEE;
}
.mistakePage{ 
    width: 800px;
    margin: 180px auto; 
    padding: 0px 20px;
}
.mistakePage span{
    font-size: 20px;
    color: #999;
    display: block;
    margin: 30px 0px 10px 18%;
}
.mistakePage ul li{
    float: left;
    margin-left: 90px;
    color: #277CBC;
}
/* mobile */
@media(max-width: 767px){
    .zzk-about > li { margin-top: 20px; margin-bottom: 20px;}
    .select-result table tr th{ width: auto;}
    .select-bar ul li.select-year{ float: none;}
    .select-bar ul li a{ display: inline-block; background: #e8e8e8; color: #727272; border-radius: 2px;padding: 4px;}
    .select-bar ul li a:hover,.select-bar ul li.active a{ color: #fff;}
    .zzk-member .nav-tabs > li > a{ padding:10px 5px; font-size: 14px;}
    .zzk-member .tab-content{padding-top: 0;}
    .zzk-member .thumbnail{ margin-bottom: 10px;}
}