body,html{height:100%}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-overflow-scrolling:touch}input,input[type=button],input[type=reset],input[type=submit]{resize:none;border:none}a,article,aside,body,button,dd,details,div,dl,dt,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,img,input,li,menu,nav,ol,p,section,select,table,tbody,td,textarea,th,tr,ul{-webkit-tap-highlight-color:rgba(0,0,0,0)}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}a,article,aside,body,button,dd,details,div,dl,dt,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,img,input,li,menu,nav,ol,p,section,select,table,tbody,td,textarea,th,tr,ul{margin:0;padding:0}body{font:1.2rem/1.5 Microsoft YaHei,PingFang,Arial;color:#333;background-color:#f7f7f7}em,i{font-style:normal}li,ul{list-style-type:none}.clearfix:after{content:"";display:block;visibility:hidden;height:0;clear:both}.clearfix{zoom:1}a{color:#333;font-family:Microsoft YaHei,PingFang,Arial}a,a:hover{text-decoration:none}ol,ul{list-style:none}h1,h2,h3,h4,h5,h6{font-size:100%;font-family:Microsoft YaHei,PingFang,Arial}img{border:none}input,textarea{font-family:Microsoft YaHei,PingFang,Arial}a:active,a:hover,a:link,a:visited{-webkit-tap-highlight-color:rgba(0,0,0,0)}.hei10{height:1rem}.hei20{height:2rem}.hei30{height:3rem}.hei40{height:4rem}.hei50{height:5rem}.hei60{height:6rem}.hei70{height:7rem}.hei80{height:8rem}.hei90{height:9rem}.hei100{height:10rem}.hei110{height:11rem}.hei120{height:12rem}.hei130{height:13rem}.hei140{height:14rem}.hei150{height:15rem}.hei160{height:16rem}.hei170{height:17rem}.hei180{height:18rem}.hei190{height:19rem}.hei200{height:20rem}body{overflow-x:hidden;letter-spacing:.2rem;background-color:#fff;word-break:break-all;text-align:justify}body a,body span{display:inline-block}body button,body textarea{border:none;outline:none;resize:none}body input{outline:none}body .btn{cursor:pointer}.compositionlist{width:100%;height:auto;background:#fff;border-radius:2rem;padding:4rem 6rem;box-sizing:border-box;box-shadow:0 0 5rem 0 rgba(63,101,224,.05)}.compositionlist .list-top{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.compositionlist .list-top .titlebox{max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;font-size:3rem;font-weight:700;color:#000;line-height:5rem;flex:1}.compositionlist .list-top .searchbar{flex:none;display:flex;align-items:center}.compositionlist .list-top .searchbar .input{width:36rem;height:5rem;background:#f6f6f6;border-radius:2.5rem;display:flex;align-items:center;margin-right:1rem;padding:0 2rem;box-sizing:border-box}.compositionlist .list-top .searchbar .input .icon{margin-right:1rem;flex:none}.compositionlist .list-top .searchbar .input .icon .picbox{width:2rem;height:2rem;overflow:hidden}.compositionlist .list-top .searchbar .input .icon .picbox .pic{width:100%;height:100%;background-repeat:no-repeat;background-size:contain;background-position:50%;transition:all .6s}.compositionlist .list-top .searchbar .input input{font-size:2rem;font-weight:400;color:#333;flex:1;height:100%;background-color:transparent}.compositionlist .list-top .searchbar .btn{max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;display:flex;flex-direction:row;justify-content:center;align-items:center;width:12rem;height:5rem;border-radius:2.5rem;background:#3f65e0;font-size:2rem;font-weight:400;color:#fff;cursor:pointer}.compositionlist .itemlist{padding:4rem 0}.compositionlist .itemlist .item{display:flex;width:100%;height:16rem;padding-bottom:3rem;margin-bottom:3rem;cursor:pointer;position:relative}.compositionlist .itemlist .item:last-child{margin-bottom:0;padding-bottom:0}.compositionlist .itemlist .item:last-child:after{content:none}.compositionlist .itemlist .item:hover .itemtitle .atitle{color:#3f65e0}.compositionlist .itemlist .item:after{content:"";width:100%;height:.2rem;position:absolute;bottom:0;left:0;background:#eee}.compositionlist .itemlist .item .img{width:24rem;height:16rem;flex:none;position:relative}.compositionlist .itemlist .item .img .picbox{width:100%;height:100%;overflow:hidden}.compositionlist .itemlist .item .img .picbox .pic{width:100%;height:100%;background-repeat:no-repeat;background-size:cover;background-position:50%;transition:all .6s}.compositionlist .itemlist .item .itemtitle{flex:1;height:100%;display:flex;flex-direction:column;justify-content:space-between;margin-left:4rem}.compositionlist .itemlist .item .itemtitle .atitle{font-size:2rem;color:#000;line-height:2.6rem;transition:color .3s}.compositionlist .itemlist .item .itemtitle .atitle,.compositionlist .itemlist .item .itemtitle .btitle{max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-weight:400}.compositionlist .itemlist .item .itemtitle .btitle{font-size:1.6rem;color:#666;line-height:2rem;margin-top:1.6rem}.compositionlist .itemlist .item .itemtitle .time{max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;font-size:1.6rem;font-weight:400;color:#999;line-height:1.8rem}