.log .photo-info p,.text-ellipsis{max-width:100%;text-overflow:ellipsis}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}.breadcrumb,.btn,.consume,.log .photo-info{font-size:.9rem}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;line-height:1.5}.piliang .container{width:100%}.piliang .batch-control-div,.piliang .batch-result-div{border-radius:0}.piliang .navbar{padding:0 20px;margin:0}.piliang .batch-result-div{min-height:auto}.piliang .background-div .layui-col-space10>*{padding:0}.piliang .background-div .layui-container{padding:0;margin:0}.piliang .site-header{box-shadow:none}.piliang .background-div{padding:0}.breadcrumb,.log{background-color:#fff;padding-left:20px;box-sizing:border-box}.breadcrumb{display:flex;align-items:center;width:100%;height:45px;border-top:1px solid #ddd;border-bottom:1px solid #ddd}.consume,.nav{align-items:center;display:flex}.batch-control-div,.batch-result-div,.log{height:100vh;max-height:calc(100vh - 100px)}.nav p{cursor:pointer}.nav span{margin:0 5px}.consume{margin:15px 45px}.buy{display:flex;align-items:center}.log{width:35%;padding-right:20px;display:grid;grid-template-columns:1fr;grid-template-rows:60px auto 60px}.batch-control-div{overflow-y:auto}.btn{padding:5px 15px;background-color:#06f;color:#fff;border:0;border-radius:10px;cursor:pointer;transition:background-color .3s}.btn:hover{background-color:#0052cc}.log>div{margin-bottom:10px;box-sizing:border-box}.text-ellipsis{white-space:nowrap;overflow:hidden}.log .photo-item{display:flex;padding:10px;border:1px solid #eee;margin-bottom:10px;border-radius:5px;transition:box-shadow .3s;justify-content:space-around}.log .photo-item:hover{box-shadow:0 2px 8px rgba(0,0,0,.1)}.log .photo-thumbnail{position:relative;height:100px;width:80px;margin-right:15px;flex-shrink:0}.log .photo-info{width:55%;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.log .photo-info p{margin:0;line-height:1.4;white-space:nowrap;overflow:hidden}.log .photo-info p:first-child{font-weight:500}.log .photo-info p:nth-child(2){margin:10px 0}.log .photo-actions{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-left:10px}h2{font-size:1.2rem}.breadcrumb p,.btn,.consume p,.message-continue-btn,.nav p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media screen and (min-width:1200px){.piliang .layui-container{width:100%}}@media screen and (min-width:992px){.piliang .layui-col-md4,.piliang .layui-col-md8{float:none}}@media screen and (max-width:992px){.batch-control-div,.batch-result-div,.log{max-height:none;height:auto}html{font-size:15px}.batch-process-row{flex-direction:column}.log{width:100%;margin-bottom:20px}}@media screen and (max-width:768px){html{font-size:14px}.nav{margin-right:50%}.breadcrumb{flex-direction:row;height:auto;padding:10px 20px;flex-wrap:wrap}.consume{margin:10px 20px 0 0}.buy{margin-top:10px}.log .photo-item{flex-wrap:wrap;align-items:center}.log .photo-actions button{margin:0 5px}.batch-buttons{flex-wrap:wrap}.batch-buttons button{margin-bottom:5px}.message-box{width:90%;padding:15px}.message-text{font-size:.9rem}.message-continue-btn{padding:6px 15px;font-size:.85rem}h2{font-size:1.1rem}}@media screen and (max-width:480px){html{font-size:13px}.log .photo-thumbnail{width:60px;height:75px}.btn{padding:4px 10px;font-size:.8rem}.message-box{padding:10px}.message-buttons{flex-direction:column;align-items:center}.message-buttons button{margin-bottom:10px;width:100%}.log .photo-info{font-size:.85rem}h2{font-size:1rem}.breadcrumb,.consume{font-size:.8rem}}.message-window{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:1000;display:flex;justify-content:center;align-items:center}.message-box{background-color:#fff;border-radius:8px;padding:20px;max-width:90%;width:400px;box-shadow:0 4px 12px rgba(0,0,0,.15)}.message-text{text-align:center;margin-bottom:20px;font-size:1rem;line-height:1.5}.message-buttons{display:flex;justify-content:center}.message-continue-btn{padding:8px 20px;background-color:#06f;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .3s}.message-continue-btn:hover{background-color:#0052cc}