@import url(head.css);

@charset "utf-8";

.anli-page{ padding-top:.975rem;}
/*案例*/
.anli-list-wrap { padding-left: 0.12rem; padding-right: 0.12rem;}
.anli-list-wrap .anli-tab { padding: 0.08rem 0 0 0;}
.anli-list-wrap .anli-tab .anli-tab-style {float: left; font-size: 0.1067rem; padding: 0.045rem 0; width: 17.28%; margin: 0.1rem 3.4% 0 0; background: #fff; border-radius: 0.2rem; text-align: center;}
.anli-list-wrap .anli-tab .anli-tab-style:nth-of-type(5n+5) {margin-right: 0;}
.anli-list-wrap .anli-tab .anli-tab-style.cur {color: #fff; background: #ff7401;}
.anli-list-wrap .anli-img-list {padding-top: 0.08rem; padding-bottom:.1rem;}
.anli-list-wrap .anli-img-list .anli-img-ul {float: left; width: 48.3%; margin-right: 3.4%;}
.anli-list-wrap .anli-img-list .anli-img-ul:nth-child(2n+2) {margin-right: 0;}
.anli-list-wrap .anli-img-list .anli-img-item {width: 100%; margin: 0.12rem 0 0 0; background: #fff;}
.anli-list-wrap .anli-img-list .anli-img-item.bj-item .pic {padding-top: 68%;}
.anli-list-wrap .anli-img-list .anli-img-item.bj-item .info {padding: 0.12rem; text-align: center;}
.anli-list-wrap .anli-img-list .anli-img-item .img-item-a {display: block; box-shadow: 0 0 1px 0 #d1d1d1; box-sizing: border-box;}
.anli-list-wrap .anli-img-list .anli-img-item .pic {position:relative;padding-top: 100%;}
.anli-list-wrap .anli-img-list .anli-img-item mip-img{ position:absolute; left:0; top:0;}
.anli-list-wrap .anli-img-list .img-mask{ display:none;}
.anli-list-wrap .anli-img-list .anli-img-item .info {position: relative; padding: 0.1rem 0.08rem;}
.anli-list-wrap .anli-img-list .anli-img-item .info .photo {position: absolute; top: 50%; left: 0.08rem; width: 0.22rem; height: 0.22rem; margin-top: -.11rem; overflow: hidden;}
.anli-list-wrap .anli-img-list .anli-img-item .info .photo img {width: 100%; height: 100%; border-radius: 50%; vertical-align: top;}
.anli-list-wrap .anli-img-list .anli-img-item .info .personal-info {width: 100%; padding-left: 0.27rem; font-size: 0.1rem; box-sizing: border-box;}
.anli-list-wrap .anli-img-list .anli-img-item .info .personal-info .style {color: #000; margin-bottom: 0.03rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.anli-list-wrap .anli-img-list .anli-img-item .info .personal-info .info-content {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.anli-list-wrap .anli-img-list .anli-img-item .info .title {font-size: 0.083rem; color: #666; margin-top: 0.05rem;}
.anli-list-wrap .anli-img-list .anli-img-item .info .sub-tit {font-size: 0.1245rem; margin-top: 0.06rem;}
.anli-list-wrap .anli-img-list .anli-img-item .info .go-btn {display: inline-block; font-size: 0.08rem; color: #fff; padding: 0.03rem 0.17rem; margin-top: 0.06rem; background: -webkit-linear-gradient(left, #90ce35, #39d3d2); background: linear-gradient(to right, #90ce35, #39d3d2); border-radius: 0.2rem;}
.anli-list-wrap .d-title {font-size: .1425rem; font-weight: bold; padding: .1rem .08rem 0 .08rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1.2;}
.anli-style-item {width: 100%; margin-top: 0.12rem;}
.anli-style-item .anli-mark-title {font-size: 0.1245rem; text-align: center; margin-bottom: 0.1rem;}
.anli-style-item .anli-mark-title span { background: #f5f5f5; padding: 0 0.08rem; position: relative; z-index: 2;}
.anli-style-item .anli-mark-title span:before {content: ''; position: absolute; left: 100%; top: 50%; width: 0.14rem; height: 1px; background: #999; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%);}
.anli-style-item .anli-mark-title span:after {content: ''; position: absolute; right: 100%; top: 50%; width: 0.14rem; height: 1px; background: #999; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%);}
.anli-style-item .anli-style-a {position: relative; float: left; font-size: 0.1067rem; padding: 0.045rem 0.13rem; margin: 0 0.07rem 0.07rem 0; background: #fff; border-radius: 0.2rem; text-align: center;}
.anli-style-item .anli-style-a .hot-icon { position: absolute; top: -0.03rem; right: 0; font-size: 0.075rem; color: #fff; padding: 0.025rem 0.02rem; line-height: 1; background: linear-gradient(left, #fd7d28, #f51515); background: -webkit-linear-gradient(left, #fd7d28, #f51515); border-radius: 0.03rem; z-index: 2;}

.anli-img-list{ min-height:1rem;}
.anli-img-list.show{ display:block;}
.anli-img-list.hide{ display:none;}
.anli-img-list.show.loading{ background:url(//fastued3.jia.com/image/mobile/new/loading.gif) center center no-repeat; background-size:.4rem;}

/*loading*/
.loading-more{display: none; text-align:center;font-size:.1rem;color:#999;padding:.1rem 0;position:relative; clear:both;}
.loading-more span{display:inline-block;width:.3rem;height:.3rem;line-height:.3rem;background:url(//mued3.jia.com/image/mobile/wxStore/loading-gray.gif) 0 0 no-repeat;background-size:100%;vertical-align:middle;margin-right:.06rem;}
.loading-none{ display:none; text-align:center;font-size:.1rem;color:#999;padding:.2rem 0 .1rem; clear:both;}