font awesome 男和女的图标显示成同一个了 为什么？

Question

 <span v-if="emr.sex && emr.sex=='男'"
                  style="display:inline-block;
                  height: 20px;
                  font-size: 14px;
                   border: 1px solid #00C9ED;
                   color:#00C9ED;margin-right: 5px;
                   border-radius: 4px;
                   padding: 0 8px;
                   line-height: 20px;">
              <i class="fa fa-mars" style="color: #00c9de">
              </i> {{emr.sex}}</span>
            <span v-else
                  style="display:inline-block;
                   height: 20px;
                   font-size: 14px;
                   border: 1px solid #FF6B80;
                   color:#FF6B80;
                   margin-right: 5px;
                    border-radius: 4px;
                   padding: 0 8px;
                   line-height: 20px;">
              <i class="fa fa-venus"
                 style="color: #FF6B80;"></i> {{emr.sex}}</span>