.wrap * {
  font-family: Microsoft Yahei, simhei, sans-serif;
}

.o-m {
  background: #f8f8f8;
}

.o-m .ul-o {
  float: left;
  width: 280px;
  position: relative;
  background: #bfbdb9;
}

.o-m .ul-o li {
  width: 100%;
  cursor: pointer;
  position: relative;
  z-index: 2;
}

/* .o-m .ul-o span {
  width: 62px;
  height: 68px;
  float: left;
  display: block;
  border-bottom: 1px solid #bfbdb9;
  background: url(../images/n-qyjz-1.png) no-repeat -272px 20px;
} */

.o-m .ul-o .li-t span {
  background-position: -272px -50px;
}

.o-m .ul-o .li-s span {
  background-position: -272px -120px;
}

.o-m .ul-o .li-f span {
  background-position: -272px -190px;
}

.o-m .ul-o .li-w span {
  background-position: -272px -257px;
}

.o-m .ul-o .li-l span {
  background-position: -272px -323px;
}

.o-m .ul-o .li-sv span {
  background-position: -275px -380px;
}

.o-m .ul-o li p {
  float: left;
  width: 218px;
  line-height: 68px;
  color: #fff;
  font-size: 16px;
  border-bottom: 1px solid #cccbc8;
}

.o-m .ul-o li b {
  position: absolute;
  width: 15px;
  height: 32px;
  background: url(../../images/n-qyjz-38.png) no-repeat;
  top: 50%;
  margin-top: -16px;
  right: -15px;
  display: none;
}

.o-m .ul-o .li-mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 68px;
  background-color: #ff6800;
}

.o-m .ul-o .li-mask:after {
  content: "";
  position: absolute;
  right: -15px;
  top: 18px;
  display: block;
  width: 15px;
  height: 36px;
  background: url(../../buy2016/images/n-qyjz-38.png) no-repeat;
}

.o-m .ul-o li.on b {
  display: block;
}

.o-m .ul-t {
  border: 1px solid #BFBDB9;
  background: #f8f8f8;
  width: 920px;
  float: left;
  height: 412px;
}

.o-m .ul-t li {
  list-style-type: none;
  position: relative;
  height: 100%;
  display: none;
}

.o-m .ul-t .li-top {
  padding: 20px 20px 0 20px;
}

.o-m .ul-t h5 {
  color: #666;
  font-size: 24px;
  line-height: 38px;
}

.o-m .ul-t p {
  color: #999;
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 5px;
}

.o-m .ul-t .li-a a {
  color: #2b91b8;
  font-size: 14px;
  margin-right: 30px;
  cursor: default;
  line-height: 22px;
}

.o-m .ul-t .li-a span {
  color: #999;
  font-size: 14px;
}

.o-m .ul-t .li-img {
  width: 100%;
  text-align: center;
  position: absolute;
  left: 0;
  bottom: 0;
}
.choose table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #ccc;
  table-layout: fixed;
}

.choose table th,
.choose table td {
  border: 1px solid #ccc;
  line-height: 40px;
  font-size: 14px;
  text-align: center;
  color: #505050;
}

.choose table th {
  font-size: 18px;
  background-color: #f60;
  line-height: 48px;
  color: #fff;
}

.choose table .other {
  background-color: #ccc;
}

.choose table tr td:first-child {
  padding-right: 100px;
  text-align: right;
}

.choose table tr td:last-child {
  padding-left: 100px;
  text-align: left;
}

@media (max-width: 750px) {
  .box {
    overflow-x: scroll !important;
  }
  .ul-o {
     display: flex;
     width: 100% !important;
     margin-bottom: 0 !important;
   }
  .ul-o li {
    display: flex;
    align-items: center;
    width: auto !important;
  }
  .ul-t{
    width: 100%!important;
  }
  .li-mask{
    width: auto !important;
  }
  .acti {
    background-color: orangered;
  }
  .choose table tr td:first-child,.choose table tr td:last-child{
    padding: 0;
    text-align: center;
  }
  .choose table th, .choose table td{
    line-height: 30px;
  }
  .ul-t li img{
    max-width: 100%;
  }
}