@charset "utf-8";
/* CSS Document */

.searchBanner{width:100%;height:auto;padding-top: 16px;}
.search-classify{background-color: #fff;position: relative;padding-top: 10px;}
.search-rusult{  width: 1140px; margin: 0 auto; height: 58px; line-height:58px;  color:#999;}
.rusultBox span,.search-rusult a,.rusultBox i,.rusultBox{color:#999;font-style: normal;}
.rusultBox span{ padding: 0 5px}
.rusultBox a:hover,.rusultBox .rusult-num{ color:#0ec5a1;}
.rusultBox .rusult-num{ padding: 0 !important; }
.search-rusult .seek{display:inline-block;position:relative;margin-left:18px;line-height:30px}
.search-rusult .seek input{height:28px;width:180px;border-radius:28px;border:2px solid #ddd;box-sizing:border-box;padding-left:16px; padding-right: 40px;margin-top:14px; font-size: 12px; color: #666}
.search-rusult .seek i{display:block;width:15px;height:15px;background: url(../images/seek.png);position:absolute;top:20px;right:10px;cursor:pointer;background-size:cover;}

.list_title{height: 100px;border-radius: 5px;overflow:hidden;margin: 0 15px;position: relative;}
.list_title img{width: 100%;min-height: 80px;}
.list_title .title_text{position:absolute;top: 0;width: 100%;background: #000;color: #fff;opacity: 0.5;height: 100%;filter: alpha(opacity=0.5);}
.list_title h4{position:absolute;top: 0;width: 100%;color: #fff;line-height: 100px;font-size:30px;text-align:center;}

.blurBg{ position: absolute;height: 50px;background:rgba(172,172,172,0.2);border-radius:10px; width: 1150px;filter:blur(5px); bottom: -10px;z-index: -1; left: 50%; margin-left: -575px}
.dashed-line{ border-bottom:#ebebeb 1px dashed; margin: 0 15px;  width: 1170px;}
.sub-classify,.sub-classify-style{position:relative;background-color: #fff;}
.sub-classify a,.sub-classify-style a{color: #666; height:38px; margin-right: 35px;line-height:38px; display:inline-block; display:block\9; white-space:nowrap\9;}
.sub-classify a span,.sub-classify-style a span{color: #666;}
.sub-classify a:hover,.sub-classify a.on,.sub-classify-style a:hover,.sub-classify-style a.on,
.sub-classify a:hover span,.sub-classify a.on span,.sub-classify-style a:hover span,.sub-classify-style a.on span{color: #1ec6d3;}
.sub-classify a.on, .sub-classify a.on span{background: #1ec6d3;color: #fff;padding: 0 20px;height: 30px;line-height: 30px;margin-top: 4px;margin-bottom: 4px;border-radius: 15px;}
.sub-classify .class-title,.sub-classify-style .class-title{ width:50px;display: inline-block; height:58px; line-height:58px;  color:#999; background-color: #fff; margin-left:28px;}
.sub-classify .right-title,.sub-classify-style .right-title{width:1030px;overflow: hidden;background-color: #fff;padding:10px 0;}
.category-list  .right-title{ width: 1120px;}
.category-list  .title-middle{width: 980px;}
.is-sort{position:relative;width: 130px;margin-top: 20px;height: 36px;}
.is-sort span{cursor:pointer;}
.is-sort .icon{margin-right: 20px;display: block;width: 12px;height: 12px;background: url(../images/more_icon.png) no-repeat;float: right;background-size: 12px auto;margin-top: 3px;}
.is-sort:hover .sort-list{height:auto;}
.is-sort .sort-list{height:0;z-index:100;width:72px;background:#fff;-webkit-box-shadow:0 0 8px 0 rgba(0,0,0,.2);box-shadow:0 0 8px 0 rgba(0,0,0,.2);-webkit-border-radius:8px;border-radius:8px;position:absolute;top:36px;left:14px;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;overflow:hidden}
.is-sort .sort-list>a{width:100%;height:30px;display:block;text-align:center;line-height:30px;color:rgba(0,0,0,.65);font-size:12px;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease}
.is-sort .sort-list>a.active,.is-sort .sort-list>a:hover{background:#f6f6f6}

.topshow{padding: 5px 15px;line-height: 30px;overflow: hidden;height: 45px;}
.topshow a{color: #999;font-size:14px;/* margin-right:20px; */padding: 5px 10px;line-height:14px;height:14px;display: inline-block;position: relative;margin-top:10px;}
.topshow .touzi{}
.topshow a:hover{color:#1ec6d3;text-decoration:none;}
.topshow .cur {color:#1ec6d3;}
.sub-classify-style .right-title{ width: 1100px;}

.breadline {padding: 20px 10px;width: 1180px;margin: 0 auto;overflow:hidden;}
.breadline b {display: block;float: left; border-left: 2px solid #f15c46;padding-left: 5px;line-height: 16px;margin-top: 3px;}

/*商用图标左上角 start*/
.org-icon{position:absolute;top:10px;left:10px;width:24px;height:24px;z-index:2;font-size:16px;}
.panel-box{position:relative;padding-bottom:50px;width:1200px;margin:0 auto}
.panel-box .no-data-box{margin-top:26px}
.panel-box .no-data-box .no-data-tipBox{padding-bottom:48px;border-bottom:1px solid rgba(0,0,0,.05);text-align:center}
.panel-box .no-data-box .no-data-tipBox .no-data-img{text-align:center}
.panel-box .no-data-box .no-data-tipBox .no-data-img .gap-img{display:inline-block;width:75px;background-color:#999;height:69px;background:url(../images/nodata.svg) no-repeat center}
.panel-box .no-data-box .no-data-tipBox .no-data-tip{margin-top:24px;font-size:16px;color:#666;color:rgba(0,0,0,.65);line-height:24px}
.panel-box .no-data-box .no-data-tipBox .wantgo-links{font-size:14px;color:#666;color:rgba(0,0,0,.45);line-height:22px;display:inline-block;margin-top:12px}
.panel-box .no-data-box .no-data-tipBox .wantgo-links .wantgo-links-ul{display:inline-block}
.panel-box .no-data-box .no-data-tipBox .wantgo-links .wantgo-links-ul li{float:left;margin-right:16px}
.panel-box .no-data-box .no-data-tipBox .wantgo-links .wantgo-links-ul li:last-child{margin-right:0}
.panel-box .no-data-box .no-data-tipBox .wantgo-links .wantgo-links-ul li a{display:block;color:#17a1ff;line-height:22px}
.panel-box .no-data-box .no-data-tipBox .wantgo-links .wantgo-links-ul li a:hover{opacity:.85}
.panel-box .no-data-box .no-data-tipBox .advise-Btn{display:block;width:120px;height:36px;background:#17a1ff;border-radius:4px;margin:28px auto 0;line-height:36px;font-size:16px;color:#fff}
.panel-box .no-data-box .recommend-box{padding-bottom:60px}
.panel-box .no-data-box .recommend-box .recommend-p{line-height:22px;padding:16px 0;color:rgba(0,0,0,.65)}
.panel-box .page-loginbox{position:absolute;background:linear-gradient(180deg,rgba(236,236,236,0) 0,rgba(236,236,236,.84) 54%,#ececec 100%);width:100%;height:421px;bottom:0;left:0;z-index:3}
.panel-box .page-loginbox .pl-ctn{position:absolute;bottom:116px;width:100%}
.panel-box .page-loginbox .pl-ctn p{text-align:center;font-size:24px;color:#262626;line-height:33px}
.panel-box .page-loginbox .pl-ctn .pl-btnbox{text-align:center}
.panel-box .page-loginbox .pl-ctn .pl-btnbox .pllogin-btn{width:180px;height:50px;background:#17a1ff;border-radius:4px;display:block;margin:32px auto 0;font-size:20px;color:#fff;line-height:50px;cursor:pointer;box-shadow:0 5px 10px 0 rgba(23,161,255,.4)}
.panel-box .data-box.pagel{padding-bottom:5px}
.panel-box .data-box .wantToSearch-Box{text-align:center;margin-bottom:36px;margin-top:20px}
.panel-box .data-box .wantToSearch-Box .wantToSearch-cont{display:inline-block;height:26px;line-height:24px;overflow:hidden;max-width:1200px}
.panel-box .data-box .wantToSearch-Box a,.panel-box .data-box .wantToSearch-Box span{color:rgba(0,0,0,.65);display:inline-block;float:left;margin-right:16px}
.panel-box .data-box .wantToSearch-Box a{padding:0 8px;box-sizing:border-box;border-radius:4px;border:1px solid rgba(0,0,0,.1)}
.panel-box .data-box .wantToSearch-Box a:hover{color:rgba(0,0,0,.65);color:#17a1ff;border-color:#17a1ff}
.panel-box .data-box .data-list{box-sizing:border-box;position:relative;z-index:2}
.panel-box .data-box .data-list .marony-item{float:left;border-radius:4px;overflow:hidden;min-height:20px;height:auto;margin-bottom:20px;box-shadow:0 0 8px rgba(0,0,0,.05);box-sizing:border-box;-moz-transition:all .2s;-webkit-transition:all .2s;transition:all .2s;position:relative}
.panel-box .data-box .data-list .marony-item .center-box{width:100%;height:100%;position:relative}
.panel-box .data-box .data-list .marony-item .center-box .img-box{position:relative;height:auto;width:100%;max-height:600px;height:100%;display:block;text-align:center; background-image: url(../images/tmbj.png);}
.panel-box .data-box .data-list .marony-item .center-box .img-box .img-box-child{display:inline-block;position:relative}
.panel-box .data-box .data-list .marony-item .center-box .img-box img{max-width:100%;display:block;width:100%;-ms-transition:all .4s;-moz-transition:all .4s;-webkit-transition:all .4s;transition:all .4s}
.panel-box .data-box .data-list .marony-item .center-box .img-box .tag-text{display:inline-block;position:absolute;width:40px;height:20px;font-size:12px;line-height:20px;text-align:center;color:#fff;top:0;z-index:1;right:0;background:rgba(0,0,0,.4)}
.panel-box .data-box .data-list .marony-item .center-box .hover-show{position:absolute;width:100%;height:100%;top:0;left:0;-ms-transition:all .4s;-moz-transition:all .4s;-webkit-transition:all .4s;transition:all .4s;z-index:-1;visibility:hidden;opacity:0;background:linear-gradient(180deg,rgba(149,149,149,0) 0,rgba(255,255,255,.6) 100%);background:linear-gradient(180deg,transparent 60%,rgba(255,255,255,.85) 100%);background:rgba(0,0,0,.4)}
.panel-box .data-box .data-list .marony-item .center-box .hover-show .btn-title{position:absolute;width:100%;text-align:center;bottom:-30px;left:0;padding:0 24px;box-sizing:border-box;display:block;color:rgba(0,0,0,.65);color:#fff;font-size:14px;line-height:24px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-ms-transition:all .4s;-moz-transition:all .4s;-webkit-transition:all .4s;transition:all .4s}
.panel-box .data-box .data-list .marony-item .center-box .hover-show .collect-btn{-ms-transition:all .4s;-moz-transition:all .4s;-webkit-transition:all .4s;transition:all .4s;position:absolute;right:8px;top:-80px;width:34px;cursor:pointer;height:34px;line-height:34px;background:#fff;border-radius:4px;border:1px solid rgba(0,0,0,.1);text-align:center}
.panel-box .data-box .data-list .marony-item .center-box .hover-show .collect-btn i{color:rgba(0,0,0,.35);font-size:16px}
.panel-box .data-box .data-list .marony-item .center-box .hover-show .collect-btn.favonV2 i,.panel-box .data-box .data-list .marony-item .center-box .hover-show .collect-btn:hover i{color:#ff9400}
.panel-box .data-box .data-list .marony-item .center-box .hover-show .down-btns-box{text-align:center;position:absolute;width:100%;bottom:32px}
.panel-box .data-box .data-list .marony-item .center-box .hover-show .down-btns-box .down-btn{margin:0 4px;font-size:16px;color:#fff;display:inline-block;width:148px;height:40px;text-align:center;line-height:40px;border-radius:4px;vertical-align:text-top;margin-bottom:10px;max-width:70%}
.panel-box .data-box .data-list .marony-item .center-box .hover-show .down-btns-box .down-btn:first-child{background-color:#17a1ff}
.panel-box .data-box .data-list .marony-item .center-box .hover-show .down-btns-box .down-btn:nth-child(2){background-color:#3db060}
.panel-box .data-box .data-list .marony-item .center-box .link-to-photo img{width:100%}
.panel-box .data-box .data-list .marony-item .center-box .link-to-photo i{position:absolute;top:8px;right:8px;padding:0 5px;height:20px;line-height:20px;font-size:12px;text-align:center;background-color:rgba(0,0,0,.4);color:#fff;border-top-right-radius:4px}
.panel-box .data-box .data-list .marony-item .center-box>.down-btns-box{margin-top:6px;text-align:center;margin:6px -4px}
.panel-box .data-box .data-list .marony-item .center-box>.down-btns-box .down-btn{text-align:center;display:inline-block;width:48%;height:34px;max-width:123px;overflow:hidden;line-height:34px;border-radius:4px;margin:0 2px;cursor:pointer;font-size:14px;transition:all .1s}
.panel-box .data-box .data-list .marony-item .center-box>.down-btns-box .down-btn.down-png{box-sizing:border-box;color:#17a1ff;border:1px solid rgba(23,161,255,.25)}
.panel-box .data-box .data-list .marony-item .center-box>.down-btns-box .down-btn.down-png:hover{background-color:#17a1ff;border-color:#17a1ff;color:#fff}
.panel-box .data-box .data-list .marony-item .center-box>.down-btns-box .down-btn.down-psd{color:#3db060;border:1px solid rgba(108,201,12,.25)}
.panel-box .data-box .data-list .marony-item .center-box>.down-btns-box .down-btn.down-psd:hover{background-color:#3db060;border-color:#3db060;color:#fff}
.panel-box .data-box .data-list .marony-item:hover .center-box .btn-title{bottom:8px}
.panel-box .data-box .data-list .marony-item:hover .center-box .img-box img{-ms-transform:scale(1.02);-moz-transform:scale(1.02);-webkit-transform:scale(1.02);transform:scale(1.02)}
.panel-box .data-box .data-list .marony-item:hover .center-box .hover-show{z-index:2;visibility:visible;opacity:1}
.panel-box .data-box .data-list .marony-item:hover .center-box .hover-show .collect-btn{top:8px}
.panel-box .data-box .data-list .marony-item.ad-art .hover-show .down-btns-box{position:absolute;top:auto;bottom:74px;width:100%;transform:translateY(0)}
.panel-box .data-box .data-list .marony-item.ad-art .hover-show .down-btns-box .more-btn{width:108px!important;background-color:#00cfdd!important}
.panel-box .data-box .data-list.V-marony .marony-item{width:194px;width:222.8px;width:253px;margin-bottom:32px}
.panel-box .data-box .data-list.V-marony .marony-item .center-box .hover-show .down-btns-box{bottom:44px}
.panel-box .data-box .data-list.flex-images{margin-left:-10px;margin-right:-10px}
.panel-box .data-box .data-list.flex-images .marony-item{margin-right:10px;margin-left:10px}
.panel-box .data-box .data-list.flex-images .marony-item .img-box img{width:auto;display:block}
.panel-box .data-box .improper-box{width:100%;text-align:center;margin-top:60px;color:#666;color:rgba(0,0,0,.65);line-height:22px}
.panel-box .data-box .improper-box .link-a{text-decoration:underline;color:#17a1ff}
.panel-box .data-box .improper-box .link-a:hover{opacity:.85}
.panel-box .data-box .data-list .masonry-brick {background-color: #fff;padding: 10px;box-sizing: content-box;}

/*按钮hover效果 start*/
.Btn {
  position: relative;
  overflow: hidden;
}
.Btn:before {
  content: '';
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  height: 100%;
  -ms-transition: background 0.4s;
  -moz-transition: background 0.4s;
  -webkit-transition: background 0.4s;
  transition: background 0.4s;
}
.Btn:hover:before {
  background: rgba(255, 255, 255, 0.2);
}

/** 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;}