.header{background:#fff;box-shadow:0 2px 8px 0 rgba(0,0,0,.1);position:fixed;top:0;left:0;width:100%;z-index:9}.head-top{display:flex;align-items:center;justify-content:space-between;margin-top:15px;padding:0 15px;box-sizing:border-box}.head-top>h1{color:#1d1e1f;font-size:24px;display:flex;align-items:center}.head-top>h1 img{width:17px;margin-left:5px}.head-top>a i{font-size:18px!important;color:#121213}.head-bottom{padding:0 35px;margin:25px 0 15px;display:flex;align-items:center;justify-content:space-between;font-size:14px;color:#71768c}.head-bottom label{position:relative}.head-bottom label.active{font-weight:700;color:#140c08;font-size:15px}.head-bottom label.active::after{content:'';position:absolute;bottom:-2px;width:110%;left:-5%;height:6px;background:#fde109;z-index:-2}.content{margin-top:94px;margin-bottom:60px;padding:10px;box-sizing:border-box}.box{margin-bottom:10px;display:flex;border-radius:10px;justify-content:space-between;overflow:hidden;width:100%}.info{width:100%;background:#fff;padding:15px;box-sizing:border-box;-webkit-transition:all .4s;transition:all .4s;-webkit-transform:translateX(126px);transform:translateX(126px);margin-left:-126px;display:flex;flex-direction:column}.info>.txt{display:flex;align-items:center;justify-content:space-between}.info>.txt .txt-left{display:flex;align-items:center}.info>.txt .head-img{height:75px;width:50px;overflow:hidden;display:flex;margin-right:15px}.info>.txt .head-img img{width:50px;height:50px;border-radius:5px}.info>.txt .cont{height:75px;display:flex;flex-direction:column;justify-content:space-between}.info>.txt .cont a{font-size:14px;color:#1d1e1f;display:flex;align-items:center;margin-top:5px}.info>.txt .cont a span{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.info>.txt .cont a img{width:16px;margin-left:5px}.info>.txt .cont>span{font-size:12px;color:#71768c}.info>.txt .cont>i{color:#9225ff;font-size:10px;margin-bottom:10px;margin-top:5px}.info>.txt .cont p{width:190px;color:#1d1e1f;font-size:12px}.info>.txt .cont p span{display:inline-block;width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:1px 0}.info>.txt .mony{width:55px;height:75px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;justify-items:flex-end}.info>.txt .mony>span{font-size:12px;color:#71768c;white-space:nowrap;margin-top:5px}.info>.txt .mony span i{color:#e5103a}.info>.txt .mony b{font-size:16px;color:#1d1e1f;font-weight:700}.info>.txt .mony b span{font-size:14px;font-weight:700}.info>.img{width:100%;overflow:hidden;height:125px;margin-top:15px}.info>.img img{width:100%}.info>.btn{display:flex;align-items:center;justify-content:flex-end;margin-top:15px}.info>.btn button{margin-left:10px;border-radius:100px;font-size:12px;height:30px;width:70px}.info>.btn .pra{color:#1d1e1f;background:#fff;border:1px solid rgba(113,118,140,.28)}.info>.btn .suc{background:linear-gradient(138deg,#ffcb00 0,#ff7e00 100%);color:#fff}.info>.btn .pal{background:linear-gradient(140deg,#c975ff 0,#8a1aff 100%);color:#fff}.del{background:#e5103a;display:flex;align-items:center;justify-content:center;-webkit-transition:all .4s;transition:all .4s;-webkit-transform:translateX(126px);transform:translateX(126px)}.touch-move-active .del,.touch-move-active .info{-webkit-transform:translateX(0);transform:translateX(0)}.del>button{height:100%;width:60px;color:#fff;font-size:14px}.logo{margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center}.logo img{width:160px;margin-bottom:15px}.logo p{color:#9295a7;font-size:12px}.logo a{width:87px;height:38px;background:linear-gradient(138deg,#ffcb00 0,#ff7e00 100%);border-radius:100px;color:#fff;font-size:14px;display:flex;align-items:center;justify-content:center;margin-top:10px}