
.tag a{ color:#fff;}

/*分类标题*/
.zt-page{width:100%;height:auto;background:#fff; margin-top:5px;}
.zt-page .zt-head{ background-image: url(../images/favorl2.png);width:100%;min-width:960px;height:240px;-webkit-background-size:100% 100%;background-size:100% 100%;background-position:center center;background-repeat:no-repeat}
.zt-page .zt-head .zt-head-row {width: 100%; height: 100%;-webkit-background-size: 100% 100%;background-size: 100% 100%;background-position: center center;background-repeat: no-repeat;}
.zt-page .zt-head .zt-head-row .head-row-con {width: 1200px;height: 100%; margin: 0 auto;position: relative;background-size: cover;background-position: center center;background-repeat: no-repeat;}

.left-box { position: absolute; left: 8px;width: auto;padding: 20px 0;}
.left-box .img-box {float: left;width: 150px;height: 200px;line-height: 200px;margin-right: 16px;border-radius: 8px;overflow: hidden;}
.left-box .img-box img {display: block;position: relative; left: 50%;top: 50%; width: auto;height: 100%;border-radius: 8px; transform: translate(-50%,-50%);}

.left-box .text-box {float: left;width: 600px;height: 100%;}
.left-box .text-box .logo {position: relative;width: auto;height: 24px;line-height: 24px;}
.left-box .text-box .logo .time {font-size: 12px;font-weight: 400;color: #3d8591;}
.left-box .text-box .title {height: 33px!important;line-height: 33px!important;font-size: 24px!important;text-align: left!important;font-weight: 400;color: #294347!important;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-top: 10px;}
.left-box .text-box .sub-title {height: 40px;line-height: 20px;font-size: 14px;font-weight: 400;color: rgba(0, 0, 0, 0.5);overflow: hidden;margin-top: 3px;}
.left-box .text-box .tag{font-size: 12px;font-weight: 400;color: #fff;margin-top: 13px;overflow: hidden; height: 75px;}
.left-box .text-box .tag ul{width:auto;}
.left-box .text-box .tag ul li{display: inline-block;border-radius: 15px;margin: 3px auto;background: #a5dade;line-height: 32px;padding-left: 8px;padding-right: 8px;font-size: 14px;} 
.tag ul li:hover{display: inline-block;border-radius: 15px;margin: 3px auto; background: #ffffff36;line-height: 32px;padding-left: 8px;padding-right: 8px;font-size: 14px;color: #666;}
.right-box {position: absolute; right: 8px; width: auto; padding: 20px 0;}
.right-box .qtw-button {color: #0ebfdb;width: 120px;height: 32px;background: #ffffffa8;border: 1px solid #0ebfdb!important;}

.right-box .tag {margin-top: 16px;width: 300px;max-height: 125px;background: #20bad2ab;border-radius: 24px 0;padding: 19px 19px;overflow: hidden;}
.right-box .tag span {display: inline-block;width: 240px;height: 17px;margin-bottom: 7px;font-size: 14px;font-weight: 400;color: #fff;line-height: 17px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.zt-page .zt-nav {width: 100%;height: 44px;-webkit-box-shadow: 0 2px 6px 0 rgba(67,67,67,.26);box-shadow: 0 2px 6px 0 rgba(67,67,67,.26);}
.zt-nav-row { width: 1200px; margin: 0 auto;min-width: 1200px; height: 44px;}
.zt-nav-row .icon-box {width: 1200px;height: 44px; line-height: 44px;font-size: 14px; font-weight: 400;color: #999;}
.zt-nav-row .icon-box .icon-Browse2 {background-image: url(../images/Works.png);background-repeat: no-repeat;background-position: 0px 0px;margin-right: 2px;}
.zt-nav-row .icon-box .icon-Browse {background-image: url(../images/Browse.png);background-repeat: no-repeat;background-position: 0px 0px;margin-right: 2px;}
.zt-nav-row .icon-box .icon-Browse2 em{padding-left: 21px;}
.zt-nav-row .icon-box .icon-Browse em{padding-left: 21px;}


/*列表*/
.works-list{width: 1200px;margin: 28px auto;overflow: hidden;}
.works-list-row .works-list .list-box { width: 1200px;margin: 0 auto;}
.qtw-card {float: left;width: 292px;height: 408px;margin-right: 8px;-border-radius: 8px;margin-bottom: 16px;cursor: pointer;}
.qtw-card：hover{float: left;width: 292px;height: 408px;margin-right: 8px;-webkit-border-radius: 8px;border-radius: 8px;margin-bottom: 16px;cursor: pointer;background: #dfdfde;}

.qtw-card .image-box {position: relative;width: 276px;height: 368px;margin: 0 auto;margin-top: 8px;-webkit-border-radius: 8px;border-radius: 8px;background: linear-gradient(315deg,#e3e3e3 0,#d0d0d0 100%);overflow: hidden;}
.qtw-card .image-box img {display: block;position: relative;width: 240px;height: 330px;left: 50%;top: 50%;max-width: 100%;transform: translate(-50%,-50%);border-radius: 8px;}
.qtw-card .is-business {left: 8px;}
.is-business {display: block;width: 24px;height: 24px;position: absolute;top: 8px;-webkit-background-size: cover;background-size: cover;}
.is-business.is-normal {background-image: url(../images/is-business.png);}
.qtw-card .fav-icon {display: none;position: absolute;top: 7px;right: 8px;width: 70px;height: 34px;line-height: 34px;background: #fff;border-radius: 4px;text-align: center;}
.qtw-card .fav-icon i {display: inline-block;padding-top: 7px;padding-left: 11.5px;background-image: url(../images/ic-star.png);width: 17px;height: 17px;position: relative;top: 3px;}
.qtw-card .fav-icon i em {display: inline-block;height: 20px;line-height: 17px;color: #979797;font-size: 14px;vertical-align: middle;}
.qtw-card .text-box { position: relative;display: block;width: 100%;height: 32px; line-height: 32px; padding: 0 8px; margin: 0 auto; padding-left: 48px;}
.qtw-card .text-box .pic-type {display: block;margin-top: 6px;margin-right: 2px;width: 34px;height: 21px;line-height: 19px; text-align: center; -webkit-border-radius: 4px; border-radius: 4px; font-size: 12px;position: absolute;left: 8px;}
.qtw-card .text-box .pic-type {display: block;margin-top: 6px; margin-right: 2px; width: 34px; height: 21px;  line-height: 19px; text-align: center;border-radius: 4px;font-size: 12px; position: absolute; left: 8px;}
.pic-type.is-jc { border: 1px solid #FF9628; color: #FF9628;}
.pic-type.is-jx {border: 1px solid #00be6e;color: #00be6e;}
.qtw-card .qtw-button {position: absolute;left: 59px;bottom: 71px;width: 160px;height: 42px;background: #00be6e;color: #fff;display: none; border:none;}
.qtw-card .qtw-button：hover {position: absolute; left: 59px;bottom: 71px; width: 160px; height: 42px; background: #979797;color: #fff;}
.qtw-button>i {  font-size: 14px;margin-right: 6px;}
.qtw-card .text-box .more { margin-top: 0!important; margin-bottom: 0!important;}
.qtw-card .model-box{display:none;position:absolute;width:100%;height:100%;z-index:10;top:0;background:rgba(0,0,0,0);-webkit-border-radius:8px;border-radius:8px}
.qtw-card:hover .new-icon{display:none}
.qtw-card:hover .model-box{display:block;background:rgba(0,0,0,.25);-webkit-transition:all .2s;-moz-transition:all .2s;transition:all .2s}
.qtw-card:hover .qtw-button{display:block;z-index: 11;}
.qtw-card:hover .fav-icon{display:block;z-index: 11}


/** pagelist ***/
.page{text-align:center; height:38px;width:100%;margin:60px auto;}
.page a{display:inline-block; padding:0 15px; height:40px;margin:0 2px;border-radius: 2px; background: #fff; line-height:42px;font-size:14px;color:#666;transition:all .2s; background-color: #fff;}
.page a:hover,.page a.current{background: #1ec6d3;color:#fff;}
.page span{color:#666; font-size:16px;padding:0 5px;}


.bgWhite{background-color:#fff;/* padding: 28px 26px; */width: 1242px;margin:28px auto;overflow: hidden;}
.index_title{width:1200px;height:56px;text-align:center;background: url(https://img.lanrentuku.com/img/images/i.png) repeat-x 0 -565px;margin-top:10px;margin-left: 0;}
.index_title span{display: block;margin: 0 auto;width: 156px;height:40px;background: #fff;font-size: 20px;font-weight: 600;}

.related-search a{height: 26px;line-height: 26px;padding: 0 10px;font-size: 12px;font-weight:normal;color: #666;border: 1px solid #ddd;border-radius:15px;float:left;margin:9px 11px 0 0;display:inline;cursor:pointer;}
.related-search a.active,.related-search a:hover{color:#17a2e7;border-color:#17a2e7; text-decoration:none;}


