/*首页css v1.0*/

/* float-tip */
.float-tip{
	position: absolute;
	left: 10px;
	top: 30px;
	width: 250px;
	height: 100px;
	padding: 10px 20px 10px 10px;
	border: 1px solid #DFD5A3;
	background: url(../img/bg-tip.png) repeat;
	border-radius: 5px;
	box-shadow: 1px 1px 1px #ccc;
	z-index: 1000;
	color: #666;
}
.float-tip a{
	position: absolute;
	right: 3px;
	top: 6px;
	width: 22px;
	height: 22px;
	background: url(../img/ico-closed.png) no-repeat;
}
/* banner */
.zzk-banner{
    overflow: hidden;
    color: #fff;
    font-size: 18px;
}
.zzk-banner .carousel-inner > .item > img{
    width: 100%;
    height: 500px;
    object-fit: cover;
}
/*channel*/
.channel-use{ margin: 30px 0px 50px 0px;}
.channel-use li {
    padding: 10px 0;
    margin-bottom:30px;
    border-right: 1px solid #fff;
    text-align: center;
}
.channel-use li.vip:hover{ background:#74c4ae;}
.channel-use li.regist:hover{ background:#96c2db;}
.channel-use li.reward:hover{ background:#faa17e;}
.channel-use li a{
    display: inline-block;
    padding:25px 0;
    color: #fff;
    font-size: 20px;
}
.channel-use .vip{ background: #90d0be;}
.channel-use .regist{ background: #abcee2;}
.channel-use .reward{ background: #fbb498;}
.ico-vip,.ico-regist,.ico-reward{
    display:inline-block;
    width:56px;
    height: 57px;
    background: url(../img/sprite.png) no-repeat;
    margin-bottom: -23px;
    margin-right: 10px;
}
.ico-vip{ background-position: 0 0;}
.ico-regist{ background-position: -66px 0;}
.ico-reward{ background-position: -132px 0;}
/* 会员 carousel begin */
.zzk-member{
    padding-top: 20px;
}
.zzk-member .nav-tabs {
    border-bottom: 1px solid #ccc;
}
.zzk-member .nav-tabs > li > a {
    color: #666;
    font-weight: bold;
    border: none;
    font-size: 16px;
    display: inline-block;
}
.zzk-member .nav-tabs > li:last-child > a{ color: #333; }
.zzk-member .nav-tabs > li > a:hover {
    color: #004B8F;
}
.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: #ECF0F1;
    border: none;
    border-bottom: 1px solid #004B8F;
}
.unit,.personal{ height: 180px;  margin: 20px 4% 0; }
.zzx-thumb{ display:inline-block;background-color: #fff;border: 1px solid #ddd; padding: 6px;}
.unit li{ width: 20%; padding: 0; }
.unit li img{ max-width: 100%; height: 140px; }
.unit li 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: 0px; bottom: 0; color: #333;}
.personal li{ text-align: center; padding: 0; }
.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;}
.zzk-member .carousel-control {
    position: absolute;
    top: 21px;
    width: 4%;
    height: 152px;
    background-color: #fff;
    opacity: .6;
}
.zzk-member .carousel-control:hover{
    opacity: 1;
}
.zzk-member .carousel-control.left,.zzk-member .carousel-control.right{
    background-image: none;
}
.arrow-left,.arrow-right {
  display: inline-block;
  width: 20px;
  height: 30px;
  margin-top: 61px;
}
.arrow-left{ background: url(../img/arrow-left.png); }
.arrow-right{ background: url(../img/arrow-right.png); }
/* 会员 carousel end */
/* regist */
.channel-regist{overflow: hidden; margin-bottom: 50px;}
h3{margin-bottom: 30px;}
.channel-regist ul li{ background: #e8e8e8; padding: 0; margin:0; border-right:1px solid #fff;border-bottom:1px solid #fff;}
.channel-regist ul li img{ opacity: .9;}
.channel-regist ul li a{ display: inline-block; width: 100%; height: 100%; color: #fff; text-align: center;}
.channel-regist ul li:last-child{ overflow: hidden; }
.channel-regist ul li .main-more,.channel-regist ul li .main-reg{ height: 180px; padding-top: 45px;}
.channel-regist ul li strong{ display: block; color: #166988; font-size: 20px; }
.channel-regist ul li .main-more{ background-color: #135794; padding-top: 70px;}
.channel-regist ul li .main-more strong{ color: #fff; }
.channel-regist ul li .main-reg .ico-reg{
    display:inline-block;
    width:56px;
    height: 57px;
    background: url(../img/sprite.png) no-repeat -66px 0;
}
/*service*/
.channel-service img{border-radius: 50%;}
.channel-service .media{ margin-bottom: 30px;}
.channel-service .media-heading { font-size: 16px;}
.channel-service .brief{ color: #666; line-height: 1.6;}
.font16{font-size: 16px;}
.tagsTitle{
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 10px;
    margin-bottom: 15px;
}
.tagsTitle a{ color: #666; }
.tagsTitle a:hover{ color: #004B8F; }
.label-list > li > a{
    display: block;
    color: #333;
    padding: 5px 12px;
    margin-bottom: 10px;
    border-radius: 2px;
}
.label-list > li:nth-child(4n+1) > a{
    background-color: rgba(60, 147, 219, 0.20);
}
.label-list > li:nth-child(4n+2) > a{
    background-color: rgba(255, 156, 178, 0.20);
}
.label-list > li:nth-child(4n+3) > a{
    background-color: rgba(255, 182, 72, 0.20);
}
.label-list > li:nth-child(4n+4) > a{
    background-color: rgba(109, 203, 153, 0.20);
}
.label-list > li:nth-child(4n+1) > a:hover,
.label-list > li:nth-child(4n+1) > a:focus{
    background-color: rgba(60, 147, 219, 0.5);
}
.label-list > li:nth-child(4n+2) > a:hover,
.label-list > li:nth-child(4n+2) > a:focus{
    background-color: rgba(255, 156, 178, 0.5);
}
.label-list > li:nth-child(4n+3) > a:hover,
.label-list > li:nth-child(4n+3) > a:focus{
    background-color: rgba(255, 182, 72, 0.5);
}
.label-list > li:nth-child(4n+4) > a:hover,
.label-list > li:nth-child(4n+4) > a:focus{
    background-color: rgba(109, 203, 153, 0.5);
}
/*commission*/
.zzk-commission{ margin-top: 20px; margin-bottom: 20px;}
.zzk-commission ul li a{ display: inline-block; border: 1px solid #cccccc;padding: 10px; background: #fff;}
.zzk-commission ul li a:hover{ border-color:#999;}
.zzk-commission ul li .infor{ padding: 0 20px; }
.zzk-commission ul li .infor .brief{
    color: #727272;
    width: 240px;
    word-break:break-all;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
/*localLink*/
.zzk-localLink{ margin-top: 50px;padding-top: 20px; padding-bottom: 30px;}
.zzk-localLink h3 a{ font-size: 16px; display: inline-block;}
.zzk-localLink h3 a:hover{ color: #004B8F; }
.zzk-localLink ul li{ width: 20%; background: #fff; padding: 0px 0; border: 1px solid #cccccc;}
.zzk-localLink ul li a:hover{ border-color:#999;}
.zzk-localLink ul li a img{ width: 100%; }
.zzk-localLink ul{margin-bottom:0px;}
/*words&problem*/
.fixed-infor{ background: #b3b3b3; position: fixed; right: 0; bottom: 100px; width: 80px; height: 160px;}
.fixed-infor a{ display: block; background: url(../img/sprite.png) no-repeat;  width: 40px; height: 40px; margin: 25px auto;}
.fixed-infor a.ico-words{ background-position: -564px 0;}
.fixed-infor a.ico-problem{ background-position: -614px 0;}
.fixed-infor a:hover{ opacity: .9;}
/* mobile */
@media (max-width: 767px){
    .channel-use{ margin: 10px 0px;}
    .channel-use li{ margin-bottom: 10px;}
    .channel-use li a{
    width: 100%;
    padding:0;
    font-size: 14px;}
    .ih-item.square.effect3 .info h3{ font-size: 12px;}
    .zzk-commission ul li a{ padding: 0;}
    .unit{ height: 180px;  margin: 20px 0 0; }
    .unit .thumbnail{ height: 80px; line-height: 80px; border-radius: 0;}
    .unit .zzx-thumb img{ padding: 0; width: 100%;}
    .channel-regist ul li img{ width: 100%; height: auto;}
}
@media (min-width: 768px)and(max-width: 992px){
        .zzk-banner p{
    padding:10px;
}
}

a.deepcolor{ color: #333; font-weight: bold; }