@charset "utf-8";

/*----------------图库首页----------------*/
.sy-picture{margin:0.3rem 0rem 0rem 0rem;padding:0rem;}
.sy-picture li{float: left;margin-bottom: 0.2rem; width: 3.43rem;margin-right: 0.18rem; background-color: #f7f7f7;border: 1px solid #eee;}
.sy-picture li:nth-child(2n){margin-right: 0;}
.sy-picture li a img{width: 3.43rem;height: 2.29rem;}
.sy-picture li a p{font-size: 0.26rem;margin: 0.2rem 0; color:#333;text-align: center;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;display: -webkit-box;overflow : hidden ;}


/*----------------图库列表页----------------*/
.list-bar{overflow-x: scroll;white-space: nowrap;width: 100%;height: 0.6rem;padding:0.2rem 0;margin:0rem 0 0.2rem 0;}
.list-bar ul li{margin-right: 0.2rem;display: table-cell;box-sizing: border-box;min-width: 1.1rem;}
.list-bar ul li a{font-size: 0.3rem;border-radius: 0.04rem;margin-right: 0.2rem; color:#848484;background:#fff;padding:0.25rem 0.35rem; text-align: center;}
.list-bar ul .list-on a{background: linear-gradient(to right, #2697e7, #0279ce);color:#fff;}

/*list*/
.picture-list{margin: 0rem;padding:0rem;}
.picture-list li{border-bottom: 0.01rem dashed #999;float: left;width:7.1rem;padding: 0.3rem 0rem;}
.picture-list li img{ width: 2.7rem;height: 1.8rem;float: left;border: 1px solid #e1e1e1;}
.picture-list li div{float: right;width: 4.2rem;}
.picture-list li div h2{font-size: 0.32rem;color:#333;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;display: -webkit-box;overflow : hidden ;}
.picture-list li div p{font-size: 0.24rem;color:#999;margin-bottom: 0.1rem;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box;overflow : hidden ;}
.picture-list li .piclist-into span{float: left;font-size: 0.24rem;color:#999;margin-top: 0.15rem;}
.picture-list li .piclist-into span i{margin-top: -0.02rem;font-size: 0.24rem;}
.picture-list li .piclist-into a{float: right;color:#fff;font-size: 0.24rem;background-color: #0077cc;border-radius: 0.03rem;text-align: center;padding:0.08rem 0.45rem;}
.picture-list li .piclist-into a:hover{background-color: #056db7;}


/*----------------图库详情页页----------------*/
.picture-ny{background-color: #fff;margin: 0.2rem 0rem;padding:0.2rem;}
.picture-ny .picny-top h1{font-size: 0.38rem;color:#333;font-weight: bold;margin:0.1rem 0 0.2rem 0;}
.picture-ny .picny-titmess .picny-time{float: left;}
.picture-ny .picny-titmess .picny-time h3{float: left;font-size: 0.2rem;color:#2395e0;background-color: #d4edff;padding:0rem 0.2rem;}
.picture-ny .picny-titmess .picny-time p{float: left;font-size: 0.2rem;color:#999;margin-right: 0.2rem;}
.picture-ny .picny-titmess .picny-time p:last-child{margin-right: 0;}
.picture-ny .picny-titmess .picny-time p i{float: left;width: 0.24rem;height: 0.24rem;margin-right: 0.03rem;font-size: 0.24rem;margin-top: -0.02rem;}
.picture-ny .picny-titmess .picny-time p i img{float: left;width: 0.24rem;height: 0.24rem;}
.picture-ny .picny-titmess .picny-time .eye{float: right;}
.picture-ny .picny-titmess .picny-qiehuan{float: right;margin-top: -0.1rem; cursor: pointer; background-color: #ececec;padding:0.08rem 0.2rem 0.1rem 0.2rem;border-radius: 0.05rem;}
.picture-ny .picny-titmess .picny-qiehuan i{float: left;}
.picture-ny .picny-titmess .picny-qiehuan img{width: 0.2rem;height: 0.2rem;margin:0.08rem 0.08rem 0 0.05rem;}
.picture-ny .picny-titmess .picny-qiehuan p{float: left;font-size: 0.22rem;color:#8b8b8b;}
.picture-ny .picny-titmess .picny-qiehuan2{float: right;display: none; margin-top: -0.1rem; cursor: pointer; background-color: #ececec;padding:0.08rem 0.2rem 0.1rem 0.2rem;border-radius: 0.05rem;}
.picture-ny .picny-titmess .picny-qiehuan2 i{float: left;}
.picture-ny .picny-titmess .picny-qiehuan2 img{width: 0.23rem;height: 0.18rem;margin:0.08rem 0.08rem 0 0.05rem;}
.picture-ny .picny-titmess .picny-qiehuan2 p{float: left;font-size: 0.22rem;color:#8b8b8b;}
/*主体*/
#picny-main{margin-top: 0.3rem;}
#picny-main .bd{margin:0.3rem 0;}
#picny-main .bd ul li img{max-width: 7.1rem;max-height:9rem;}
#picny-main .bd ul li .picny-word{margin:0.2rem 0 0.3rem 0;}
#picny-main .bd ul li .picny-word h3{font-size: 0.22rem;color:#a8a8a8;background-color: #f4f4f4;float: left;margin-right:0.15rem ;padding:0.06rem 0.12rem;border-radius: 0.06rem;}
#picny-main .bd ul li .picny-word h2{font-size: 0.28rem; color:#505050;line-height: 0.5rem;}
#picny-main .hd{overflow-x: scroll;white-space: nowrap;width: 100%;}
#picny-main .hd ul li{display: table-cell;box-sizing: border-box;margin-right: 0.15rem;min-width: 1.45rem;}
#picny-main .hd ul .on img{border: 2px solid #0077cc;}
#picny-main .hd ul li img{width: 1.3rem;height: 0.87rem;border: 2px solid #fff;}
#picny-main .updown a{float: left;margin:0.4rem 0 0.2rem 0;padding:0.2rem 0;border-radius: 1rem; background-color: #0077cc;color:#fff;display: block;font-size: 0.26rem;text-align: center;width: 3.4rem;}
#picny-main .updown .prev{margin-right: 0.3rem;}
/*主体列表*/
.picny-mainlist{display: none;}
.picny-mainlist ul{border-top: 1px solid #e6e6e6;border-right: 1px solid #e6e6e6;border-left: 1px solid #e6e6e6;margin-top: 0.3rem;}
.picny-mainlist ul li{float: left; width: 3.22rem;padding:0.15rem;border-right: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;}
.picny-mainlist ul li:nth-child(2n){border-right: 0;}
.picny-mainlist ul li img{width: 3.20rem;height: 2.13rem;}
.picny-mainlist ul li span{font-size: 0.20rem;color:#a8a8a8;background-color: #f4f4f4;float: left;padding:0rem 0.12rem;border-radius: 0.06rem;margin-right: 0.1rem;}
.picny-mainlist ul li h2{font-size: 0.26rem;color:#333;margin-top: 0.15rem;line-height: 0.4rem;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box;overflow: hidden;}




/*----上下图册----*/
.updown-tuku a{display: block;padding:0.2rem;margin-bottom: 0.2rem; height:0.7rem;background-color: #fff;}
.updown-tuku a img{width: 1.3rem;height: 0.87rem;float: left;margin-right: 0.3rem;}
.updown-tuku a h2{float: left;width: 2.6rem;margin-right: 0.3rem;font-size: 0.22rem;color:#8a8a8a;    text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box;overflow: hidden;}
.updown-tuku a button{float: right;cursor: pointer; width: 2.6rem;background-color: #f0f5f8;color:#9c9ea0;padding:0.15rem;margin-top: 0.05rem; font-size: 0.2rem;border: 1px solid #b7cfde;border-radius: 0.06rem;}
.updown-tuku .no-updown{text-align: center;font-size: 0.2rem;color:#b6b6b6;padding-top: 0.4rem;height: 0.5rem;border: 1px solid #e6e6e6;}