.user { background: #FFF; padding-left: 9px; padding-right: 9px; overflow: hidden; padding: 1rem; border: solid 1px #e0e0e0; margin: 0 7px; border-radius: 3px }
.user .user-left { float: left; overflow: hidden }
.user .user-right { width: 8.5rem; float: right; overflow: hidden }
.user .u-avatar { width: 4.9rem; height: 4.9rem; border-radius: 50%; background: url(""); background-size: cover; display: inline-block; float: left; margin-top:.7rem;
border: solid 1px #c8c7cc }
.user .u-info { display: inline-block; margin-left: 10px; float: left; margin-top:.6rem
}
.user .u-info .u-name { line-height: 32px; font-size: 1.6rem; color: #8e8e93 }
.user .u-info .u-score { line-height: 20px; font-size: 1.5rem; color: #333 }
.user .u-info .u-score span { color: #f83a7a }
.user .btn-rule { display: inline-block; padding: 5px 8px; width: 6rem; font-size: 1.4rem; background: #F9F9F9; border-radius: 3px; float: right; cursor: pointer; color: #333; border: solid 1px #d9d9d9; text-align: center }
.user .btn-code { display: inline-block; font-size: 1.4rem; margin-top:.9rem;
padding: 5px 8px; width: 6rem; background: #F9F9F9; border-radius: 3px; float: right; cursor: pointer; text-align: center; color: #333; border: solid 1px #d9d9d9 }
.exchange-header { background: #efeff4; padding-top: 12px; padding-bottom: 3px; line-height: 25px; color: #6d6d72; padding-left: 9px; padding-right: 9px; border-bottom: solid .6px #c8c7cc }
.gift-item { padding-left: 9px; padding-right: 9px; background: #FFF; border: solid 1px #e0e0e0; margin:6px .7rem;
border-radius: 3px; padding-top: 9px; padding-bottom: 9px; overflow: hidden; position: relative }
.gift-item .cover { width: 47%; padding-top: 47%; float: left }
.gift-item .gift-info { width: 48%; float: right; position: relative; padding-top:.6rem
}
.gift-item .gift-info h3 { font-size: 1.6rem; color: #333; font-weight: 400 }
.gift-item .gi-cost { float: right; width: 48%; position: relative; padding-top: 1.4rem }
.gift-item .gi-cost .gift-price { line-height: 1.1 }
.gift-item .gi-cost .gift-credit { color: #7a7a7a; font-size: 1.4rem; line-height: 1 }
.gift-item .gi-cost .gift-credit .score-need { color: #f83a7a }
.gift-item .gi-cost .prime-cost { color: #8e8e93; font-size: 1.3rem; text-decoration: line-through }
.gift-item .btn-exchange { position: absolute; bottom: 9px; right: 9px; box-sizing: border-box; overflow: hidden; display: block; background: #f83a7a; text-align: center; line-height: 30px; border-radius: 3px; color: #fff; font-size: 1.4rem; cursor: pointer; float: right; padding:.1rem 1.2rem
}
.pop { position: fixed; width: 100%; height: 100%; background-color: rgba(0,0,0,.8); left: 0; top: 0; display: none; z-index: 11111 }
.pop-2 { position: fixed; width: 100%; height: 100%; background-color: rgba(0,0,0,.8); left: 0; top: 0; display: none; z-index: 11111 }
.pop-body { position: absolute; background: #fff; background-size: 484px; width: 270px; height: 142px; top: 50%; left: 50%; margin-left: -135px; margin-top: -71px; border-radius: 8px; padding: 20px; box-sizing: border-box }
.pop-option { position: absolute; bottom: 15px }
.pop-btn { display: inline-block; float: left; width: 110px; line-height: 35px; border-radius: 17px; text-align: center; cursor: pointer }
.btn-cancel { border: solid thin #f83a7a; color: #f83a7a; cursor: pointer }
.btn-confirm { background: #f83a7a; color: #fff; margin-left: 10px; cursor: pointer }
.btn-rule-2 { border: solid thin #f83a7a; color: #f83a7a; cursor: pointer }
.btn-close { background: #f83a7a; color: #fff; margin-left: 10px; cursor: pointer }
.apple-tip { width: 100%; text-align: center; color: #979797; font-size: 12px; padding: 10px; box-sizing: border-box }
