sport_mobile/.svn/pristine/47/474bb9724f24fe200bc370a74a4acadc8dc9dbcf.svn-base

<template>
  <div>
    <div class="letBallBox">
      <div class="tit">
        <span>进球:大 / 小-上半场</span>
      </div>
      <div class="playCode">
        <div class="home">
          <div class="teamName">
            <span>大</span>
          </div>
          <div class="oddsBox">
            <span class="condation">0.5</span>
            <span class="odds">1.28</span>
          </div>
          <div class="oddsBox">
            <span class="condation">0.5</span>
            <span class="odds">1.28</span>
          </div>
        </div>
        <div class="guest">
          <div class="teamName">
            <span>小</span>
          </div>
          <div class="oddsBox">
            <span class="condation"></span>
            <span class="odds">0.76</span>
          </div>
          <div class="oddsBox">
            <span class="condation"></span>
            <span class="odds">0.76</span>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
export default {};
</script>
<style scoped>
.tit {
  background: #373737;
  font-size: 0.14rem;
  padding: 0 0.1rem;
  height: 0.4rem;
  line-height: 0.4rem;
  color: #b4b4b4;
}
.playCode {
  background: #fff;
  width: 100%;
  height: auto;
}
.playCode:hover {
  background: #fff5e9;
}
.home,
.guest {
  color: rgba(0, 0, 0);
  display: flex;
  align-items: center;
  height: 0.4rem;
  font-size: 0.14rem;
}
.teamName {
  width: 20%;
  padding-left: 0.1rem;
}
.oddsBox {
  width: 25%;
  text-align: right;
}
.playCode .odds {
  display: inline-block;
  height: 0.3rem;
  border: 1px solid #e4e4e4;
  width: 0.5rem;
  background-color: #fff;
  text-align: center;
  line-height: 0.23rem;
  margin: 7px auto 4px;
  padding: 0.04rem;
}
.playCode .odds:hover {
  background: orange;
  color: #fff;
  border-color: orange;
}
.condation {
  height: 0.4rem;
  vertical-align: middle;
  color: #bd4700;
  padding: 0 0.1rem;
  font-size: 0.12rem;
}
</style>