/* By ZBlogPHP erx_MySpace [https://app.zblogcn.com/?id=19138] */

.erx-myspace-abar{display:flex;justify-content:center;line-height:1.2;margin:1em 0;text-align:center;}
.erx-myspace-abar .btn-item{position:relative;height:38px;line-height:38px;margin:0 .5em;color:#ff630a;font-size:14px;white-space:nowrap;background:rgba(255,99,10, .08);padding:0 18px;border-radius:5px;cursor:pointer;transition:all .5s linear;}
.erx-myspace-abar .btn-item:hover{background:rgba(255,99,10, .18);}
.btn-item .e-ico{font-style:normal;margin:0 2px 0 0;display:inline-block;width:0;height:0;border:8px transparent solid;vertical-align:middle;border-radius:5px;}
.btn-item .e-num{margin:0 0 0 4px;}
.btn-item .e-cbox{display:none;position:absolute;bottom:130%;left:0;max-width:none;min-width:100%;line-height:16px;font-size:12px;background:#fff;border-radius:inherit;box-sizing:border-box;box-shadow:0 0 12px rgba(255,99,10, .6);cursor:default;z-index:2;}
.btn-item .e-cbox::after{content:'';position:absolute;top:100%;left:50%;margin-left:-8px;border:8px transparent solid;border-top-color:#fff;}
.btn-item .e-tips{white-space:nowrap;padding:6px;}
.btn-item .e-float{position:absolute;bottom:100%;left:40%;line-height:1;font-size:18px;white-space:nowrap;font-style:normal;font-family:"Trebuchet MS", Tahoma, Arial, sans-serif;font-weight:bold;z-index:5;}
.e-digg-up .e-ico{margin-top:-8px;border-bottom-color:#ff630a;}
.e-digg-down .e-ico{margin-bottom:-6px;border-top-color:#ff630a;}
.e-donate .e-ico{position:relative;width:12px;height:12px;margin-top:-1px;border:0;background:#ff630a;border-radius:50%;}
.e-donate .e-ico::after{content:'';position:absolute;top:4px;left:4px;width:4px;height:4px;background:#fff;}
.e-donate .e-qrcode, .e-donate .e-score{left:-110%;width:320%;padding:8px;z-index:0;}
.e-donate .e-qrcode img{display:block;max-width:none;width:100%;}
.e-donate .e-score > div{display:flex;justify-content:space-between;align-items:center;line-height:2;text-align:left;padding:8px;}
.e-donate .e-score > div > span{width:calc(100% - 60px);}
.e-donate .e-score input{width:50px;height:20px;margin:0 3px;text-align:center;border-radius:3px;}
.e-donate .e-score button{display:block;width:50px;height:50px;border:0;color:#fff;background:#ff630a;border-radius:5px;cursor:pointer;}
.e-donate .e-score button:hover{opacity:.8;}
.e-collect .e-ico{width:auto;height:auto;margin-top:-3px;border:0;transition:all .5s linear;}
.e-collect:not(.done):hover .e-ico{transform:rotate(360deg);}
@media only screen and (max-width: 640px) {
	.erx-myspace-abar .btn-item{height:34px;line-height:34px;padding:0 12px;}
}