@charset "utf-8";

.recommend_box { margin:40px 0 0; height:90px; position:relative; opacity:0; }
.recommend_box .recommend_message { padding:5px 0px; width:90%; color:#fff; background:#FF6600; border-radius:4px; font-size:12px; text-align:center; position:absolute; top:-40px; left:5%; opacity:0.8; display:none; }
.recommend_box .recommend_btns { display:flex; align-items:center; justify-content:center; font-size:14px; }
.recommend_box .recommend_btns .btn { padding:12px 0; width:15%; display:inline-block; border:1px solid #E6E8EC; border-radius:6px; color: #9394A4 !important; font-size:14px; text-align:center; text-decoration:none !important; }
.recommend_box .recommend_btns .btn.nogood { margin-left:10px; }
.recommend_box .recommend_btns .btn.on { color:#4C00EE !important; border-color:#4C00EE; }
.recommend_box .recommend_btns .btn .icon { margin-right:5px; vertical-align:text-bottom; }

.recommend_box .recommend_list { padding:10px 0; text-align:center; font-size:12px; color:#9394A4; }
.recommend_box .recommend_list strong { color:#FF6600; }

#mw_mobile .recommend_box { height:auto; }
#mw_mobile .recommend_box .recommend_message { padding:2px 0; }
#mw_mobile .recommend_box .recommend_btns .btn { width:40%; }