@charset "UTF-8";

/*tittle*/
.index-tit { margin-top: 35px; margin-left:  -10px; overflow:  hidden; }
.index-tit h4 { height:  26px; line-height:  26px; color:  #333; font-size:  20px; text-indent:  22px; position:  relative; font-weight:  bold; float:  left; }
.index-tit h4:before { content:  ""; width: 4px; height: 26px; background: #3DB4EF; position:  absolute; top: 0; left:  0; }

.zt-main {width: 1100px;margin: 0 auto;padding: 40px 25px 10px;background: #fff;overflow: hidden;}
.zt-nav-box {float: left;width: 230px;}
.zt-mod-r {float: right;width: 866px;}
.zt-nav-list li a { display: block; position: relative; color: #333; font-size: 16px; text-indent: 65px; height: 50px; line-height: 50px; }
.zt-nav-list { border: solid 1px #ededed; width: 190px; }
.zt-nav-list li a:before { content: ""; position: absolute; top: 16px; left: 24px; width: 20px; height: 20px; background: url(../images/zt-jlt.png) no-repeat; background-position-x:0; }
.zt-nav-list li.active a{ background: #3DB4EF; color: #fff; }
.zt-nav-list li.active a:hover{ color: #fff; }
.zt-nav-list li.active a:after{ content: ""; position: absolute; right: -20px; top: 0; border: 5px solid #3DB4EF; border-color: transparent transparent transparent #3DB4EF; border-width: 25px 10px; }
.zt-nav-list li.active a:before{ background-position-x:-25px; }
.zt-nav-list li:nth-child(1) a:before{ background-position-y:0; }
.zt-nav-list li:nth-child(2) a:before{ background-position-y:-26px; }
.zt-nav-list li:nth-child(3) a:before{ background-position-y:-53px; }
.zt-nav-list li:nth-child(4) a:before{ background-position-y:-79px; }
.zt-nav-list li:nth-child(5) a:before{ background-position-y:-105px; }
.zt-nav-list li:hover a{ color:#3DB4EF; }
.add-more { float:  right; position:  relative; color:  #999; font-size:  12px; height: 26px; line-height: 26px; padding-right:  22px; }
.add-more:hover { color:  #3DB4EF; }
.add-more:after { content:  ""; position:  absolute; top: 4px; right: 0; width:  15px; height:  15px; background:  url(../images/jlt-index.png) -362px -207px no-repeat; }
.zt-mod-r .index-tit { margin: 0; }
.zt-list {margin: 15px 0 0 -50px;overflow: hidden;padding-bottom: 35px;position: relative;}
.zt-list li {width: 257px;float: left;position: relative;margin: 20px 0 20px 48px;}
.imgbox { width: 257px; height: 128px; overflow: hidden; display: block; position: relative; }
.zt-list li img { display: block; width: 100%; height: auto; }
.zt-nav-list li { margin-bottom: 18px; }
.imgbox h5 { position: absolute; bottom: 0; left: 0; width: 90%; padding: 0 5%; height: 65px; background-image: linear-gradient(0deg,    rgba(0,0,0,.6) 0%,    transparent 100%); color: #fff; font-size: 14px; font-weight: bold; line-height: 90px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.zt-item-count { background-color: #fcfcfc; border: solid 1px #e9e9e9; display: block; padding: 9px 15px 0; height: 50px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #999; font-size: 12px; border-bottom: none; }
.zt-item-btn a { display: block; text-align: center; height: 39px; line-height: 40px; position: relative; font-size: 14px; border-top: 1px solid #e9e9e9; margin-top: 9px; background: #fff; }
.go-zt,.go-zt:hover { color: #3DB4EF; }
.game-gift,.game-gift:hover { color: #f48948; }
.go-zt:hover { color: #fff; background:#3DB4EF; }
.game-gift:hover { color: #fff; background:#f48948; }
.zt-item-btn { overflow: hidden; border: 1px solid #e9e9e9; border-top: none; background: #fcfcfc; }
.zt-list:after { content: ""; position: absolute; bottom: 10px; left: 0; width: 100%; height: 1px; background: #fff; }
.zt-ul-box{ overflow:hidden; margin-left: -10px; padding-left: 10px; }
.zt-list li:hover { box-shadow: 0px 0px 20px 0px rgba(99, 99, 99, 0.1); }
.initial { overflow: hidden; margin-top: 40px; }
.initial-tit { float: left; color: #3DB4EF; font-weight: bold; font-size: 14px; padding-left: 38px; height: 30px; line-height: 34px; position: relative; }
.initial-tit:before { content: ""; position: absolute; top: 0; left: 0; width: 38px; height: 23px; background: url(../images/zt-jlt.png) -57px 0 no-repeat; }
.initial-list { float: left; height: 34px; margin-left: 20px; }
.initial-list a { float: left; width: 30px; line-height: 30px; height: 30px; text-align: center; color: #bbb; font-size: 16px; font-weight: bold; border-radius: 3px; position: relative; }
.initial-list a.active { background: #3DB4EF; color: #fff; }
.initial-list a.active:after { content: ""; position: absolute; bottom: -7px; left: 50%; border: 4px solid #3DB4EF; border-color: #3DB4EF transparent transparent transparent; transform: translateX(-50%); }
.go-zt:hover { border-color: #3DB4EF; }
/*分页*/
/*.pager{ width: 100%; padding: 20px 0 30px 0; text-align: center; font-size: 14px; height: 20px; }
.pager .sele,.pager .total,.pager a.last,.pager a.next,.pager a.firs,.pager a.prev,.pager a.norm{ border-radius:2px; padding: 5px 10px; margin-right: 10px; color: #888; }
.pager .total,.pager .sele{ font-weight: normal; }
.pager a { border: solid 1px #3DB4EF; color:  #999; font-size:  14px; padding: 10px; }
.pager .sele { background-color: #3DB4EF; color:  #fff; border: 1px solid #3DB4EF; }
.pager .sele,.pager a:hover{ border:1px solid #3DB4EF;background: #3DB4EF; color: #fff; }*/