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/"

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b33e4b-4d56b.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b33e4b-4d56b.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?