.user-box .user-avatar { border-radius: 50%; background-image: url(../images/avatar2.png); background-repeat: no-repeat; background-size: 100% 100%; width: 50px; height: 50px; margin-right: 20px; }
.fun-box { color: #AEB0C8; font-size: 16px; font-weight: 400; position: relative; padding: 15px 0; }
.arrow { width: 10px; height: 10px; border: #fff solid; border-width: 1px 1px 0 0; transform: rotate(45deg); position: absolute; top: 19px; right: 5px; }
.refresh-user { position: absolute; top: 24px; right: 0; }

.modal-poster .img-show-box { position: absolute; top: 50px; left: 0; width: 100%; margin-bottom: 50px; }
.modal-poster .share-code-box { position: absolute; z-index: 2; }

.mark-box { margin: 60px 0; font-size: 15px; }

.note-tl { color: #A8AAC2; font-size: 14px; font-weight: 400; line-height: 20px; }
.note-cn { color: #ffffff; font-size: 15px; font-weight: 400; line-height: 26px; }

.modal-recharge .pay-item { background: #D9D9D9; color: #000; border-radius: 3px; border: 1px solid #A39EA0; margin-top: 20px; }
.modal-recharge .selected { background: #3D3D59; color: #fff; border-radius: 3px; border: 1px solid #1DECFF; }