The font awesome male and female icons show the same. Why?

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

https://api-v5.segmentfault.com/question/"imagehttps://api-v5.segmentfault.com/question/"

Menu