.offer-reward__container{margin:40px auto;text-align:center}
.offer-ad__symbol,.offer-reward__symbol{width:40px;height:50px;margin-left:auto;margin-right:auto;background:url(/images/reward/prize@3x.png) 50%/100% no-repeat}
.offer-reward__status{font-size:18px;color:#ddb26a;margin:10px auto}
.offer-reward__text{font-size:12px;color:#666;margin-bottom:5px}
.offer-reward__help{font-size:12px;color:#ccc}
.offer-ad__container{position:relative;border:1px solid #eee;padding:0 12px 16px;margin-bottom:15px;border-radius:2px}
.offer-ad__container h5{padding-bottom:13px;border-bottom:1px solid #eee;text-align:center;font-size:16px;margin-bottom:12px}
.offer-ad__container h5 a{color:#333}
.offer-ad__container p{line-height:1.5}
.offer-ad__symbol{margin-top:-16px;margin-bottom:16px}
.single-mod .offer-ad__label{line-height:20px;vertical-align:3px}
.offer-ad__label{display:inline-block;padding:0 5px;margin-right:3px;line-height:18px;color:#fff;font-size:12px;background-color:#ddb26a;border-radius:2px;font-weight:400}
.offer-ad__ft{margin-top:5px;font-size:12px;color:#888}
.offer-ad__info{position:absolute;background:url(/images/reward/info@3x.png) no-repeat 50%/100%;width:18px;height:18px;top:9px;right:9px;z-index:1}
.clearfix:after{display:table;clear:both;content:''}
.square-container{width:100%}
.square-container:after{display:table;clear:both;content:''}
.square-main>.tabs-hd,.square-main>h2,.square-side>h2,.trade-container>h2{font-size:18px;padding-bottom:9px;border-bottom:3px solid #f7f7f7}
.square-main{float:left;width:680px}
.square-side{float:right;width:240px}
.ask-item{padding:20px 0;font-size:15px;border-bottom:1px solid #eee;cursor:default}
.ask-item-status{margin-bottom:16px;line-height:1.4}
.ask-item-comment .user-avatar{float:left;width:50px;height:50px}
.aks-item-comment-bd{margin-left:60px;line-height:1.4}
.aks-item-comment-bd .user-name{font-size:15px;color:#416cb2}
.aks-item-comment-bd p{margin:8px 0 12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.paid_mention,.paid_mention:hover{color:#c0a26f}
.ask-item-date{float:right;font-size:12px;color:#aaa}
.ask-item-more{float:left;font-size:12px;color:#aaa}
.today-recommend{margin-top:22px;margin-bottom:38px}
.today-recommend-user:after{display:table;clear:both;content:''}
.today-recommend-user .user-avatar{float:left;width:48px;height:48px;margin-top:4px}
.today-recommend-user .user-avatar img{width:100%}
.today-recommend-user .user-info{margin-left:63px;line-height:1.4}
.today-recommend-user .user-name{font-size:16px}
.today-recommend-user .user-tag{font-size:13px;color:#aaa}
.today-recommend-user .ask-btn{font-size:13px;color:#c0a26f;display:inline-block;border:1px solid #d4d7dc;border-radius:2px;width:48px;text-align:center;line-height:24px;margin-top:5px}
.today-recommend-text{margin-top:24px;padding-left:10px;border-left:3px solid #d8d8d8;line-height:1.4;color:#aaa;font-size:13px}
.today-recommend-text strong{color:#666}
.ask-categary-item{padding:20px 0;border-bottom:1px solid #eee;line-height:1.4;cursor:pointer}
.ask-categary-item h5{font-size:16px;margin-bottom:5px}
.ask-categary-item p{font-size:13px;color:#aaa;margin-bottom:10px}
.ask-categary-item:active{background:#f3f3f3}
.ask-categary-item-ft{display:table;width:100%}
.users-avatar{display:table-cell}
.users-avatar .user-icon-more,.users-avatar>img{margin-left:-5px;width:24px;height:24px;border-radius:50%;vertical-align:middle}
.users-avatar .user-icon-more:first-child,.users-avatar>img:first-child{margin-left:0}
.users-avatar .user-icon-more{display:inline-block;line-height:24px;letter-spacing:1px;color:#fff;text-align:center;background-color:#d8d8d8}
.users-avatar .user-icon-more>i{display:inline-block;width:3px;height:3px;margin-right:2px;background-color:#fff;border-radius:50%;vertical-align:middle}
.users-avatar .user-icon-more>i:last-child{margin-right:0}
.user-icon-arrow{display:table-cell;text-align:right}
.user-icon-arrow a{display:inline-block;margin-right:10px;width:8px;height:13px;background:url(/images/arrow@2x.png) no-repeat 50%/100%;vertical-align:middle;margin-left:8px}
.trade-container{width:840px;margin-left:auto;margin-right:auto}
.trade-container:after{display:table;clear:both;content:''}
.trade-container h2{margin-bottom:20px}
.trade-list{float:left;width:120px;margin-right:20px}
.trade-users-list{float:left;width:700px}
.trade-users-wrap{margin-right:-40px;margin-top:-15px}
.trade-users-wrap:after{display:table;clear:both;content:''}
.trade-users-item{float:left;width:330px;margin-right:40px;padding:13px 0 10px;line-height:1.4;border-bottom:1px solid #eee}
.trade-users-item:after{display:table;clear:both;content:''}
.trade-users-item .user-avatar{float:left;width:40px;height:40px;margin-top:3px;margin-right:10px}
.trade-users-item .user-info{float:left;width:207px;margin-right:20px}
.trade-users-item .user-name{font-size:15px;color:#333}
.trade-users-item .user-label{font-size:12px;color:#aaa;height:33.6px}
.trade-users-item .user-btn{float:left;width:51px;height:20px;text-align:center;line-height:20px;border:1px solid #eee;border-radius:1px;color:#c0a26f;margin-top:15px;font-size:12px}
.user-avatar{border-radius:50%;overflow:hidden}
.user-avatar img{width:100%;height:100%}
.trade-list{font-size:14px;line-height:1.5}
.trade-list>div{margin-bottom:20px}
.trade-list>div a{color:#333}
.trade-list>div .active,.trade-list>div a:hover{color:#416cb2}
.user-desc{font-size:12px;color:#aaa;margin-top:2px}
.ask-item-comment-ft:after,.tabs-hd:after{display:table;clear:both;content:''}
.tabs-hd .tabs-control{position:relative;float:left;cursor:pointer;color:#333}
.tabs-hd .tabs-control:first-child{margin-right:20px}
.tabs-hd .tabs-control.active:after{position:absolute;bottom:-12px;left:0;height:3px;width:100%;background-color:#3471D5;content:''}
.tabs-content>div{display:none}
.tabs-content>div.active{display:block}
.offer-item{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #eee}
.offer-item:after{display:table;clear:both;content:''}
.offer-item .user-avatar{float:left;width:50px;height:50px;border-radius:50%;overflow:hidden;vertical-align:middle}
.offer-item .user-avatar img{width:100%;height:100%}
.offer-item-hd{overflow:hidden}
.offer-item-hd .user-name{font-size:15px;vertical-align:middle;color:#416cb2}
.offer-item-hd .end-time{float:right;font-size:12px;color:#aaa;line-height:18px}
.offer-item-content{margin-left:60px}
.offer-item-bd,.offer-question{margin-top:5px;font-size:15px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;cursor:pointer}
.offer-question{margin-bottom:20px}
.offer-item-ft{margin-top:15px;font-size:12px;color:#B7BBC2}
.offer-item-ft:after{display:table;clear:both;content:''}
.offer-item-ft .offer-answer-btn{display:inline-block;width:50px;line-height:20px;border:1px solid #d4d7dc;color:#3471D5;text-align:center;border-radius:2px;margin-right:10px}
.offer-item-ft .offer-time{float:right;color:#aaa}
.offer-label{display:inline-block;padding:3.5px 5px;margin-right:5px;font-size:12px;border-radius:2px;color:#fff;background-color:#ddb26a;line-height:1}
.square-side .offer-reward__symbol{width:49px;height:53px}
.square-side .offer-reward__container{position:relative;padding:25px 0 20px;border:1px solid #eee;border-radius:2px}
.square-side .offer-reward__symbol+p{color:#C0A26F;font-size:16px;line-height:1.3;margin-top:10px;margin-bottom:20px}
.square-side .offer-reward__btn{display:inline-block;width:200px;height:40px;line-height:40px;text-align:center;font-size:15px;color:#fff;border-radius:2px;background-color:#C0A26F}
.offer-container>div{display:block}
.offer-container>h2{font-size:16px;margin:20px 0;overflow:hidden}
.offer-container>h2 a{float:right;font-size:14px;color:#4471bc}
.offer-modal-container .pay-user-avatar{width:54px;height:auto;margin-bottom:10px;vertical-align:middle}
.offer-modal-container .offer-modal-title{font-size:16px;color:#C0A26F;margin-bottom:20px}
.offer-modal-container .offer-modal-desc{font-size:13px;color:#AAA}
.offer-all .tabs-hd{margin-bottom:20px}