.xiliewrap {
  margin-bottom: 40px;
  width: 100%;
  height: 334px;
}
.xiliewrap.b-color1 {
  background: #fff;
  -moz-transition:all .3s linear; -webkit-transition:all .3s linear; transition:all .3s linear;
}
.xiliewrap{
   -moz-transition:all .3s linear; -webkit-transition:all .3s linear; transition:all .3s linear;
}
.xiliewrap.b-color4 {
  background:  center no-repeat;
  background-size: cover;
  filter: progid:dximagetransform.microsoft.alphaimageloader( , sizingmethod='scale');
  -moz-transition:all .3s linear; -webkit-transition:all .3s linear; transition:all .3s linear;
}
.xiliewrap.b-color2 {
  background:  center no-repeat;
  background-size: cover;
  filter: progid:dximagetransform.microsoft.alphaimageloader( , sizingmethod='scale');
}
.xiliewrap.b-color5 {
  background:  center no-repeat;
  background-size: cover;
  filter: progid:dximagetransform.microsoft.alphaimageloader( , sizingmethod='scale');
}
.xiliewrap.b-color6 {
  background:  center no-repeat;
  background-size: cover;
  filter: progid:dximagetransform.microsoft.alphaimageloader( , sizingmethod='scale');
}
.xiliewrap.b-color7 {
  background:  center no-repeat;
  background-size: cover;
  filter: progid:dximagetransform.microsoft.alphaimageloader( , sizingmethod='scale');
}
.xiliewrap.b-color3 {
  background:  center no-repeat;
  background-size: cover;
  filter: progid:dximagetransform.microsoft.alphaimageloader( , sizingmethod='scale');
}
.xiliewrap .textleft {
  float: left;
  width: 50%;
  position: relative;
  height: 100%;
  text-align: center;
}
.xiliewrap .textleft .text {
  width: 400px;
  height: 135px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -67px 0 0 -200px;
}
.xiliewrap .textleft .text .num {
  display: inline-block;
  margin: 0 auto;
  margin-bottom: 30px;
  font-size: 16px;
  padding-bottom: 6px;
  border-bottom: 2px solid #000;
}
.xiliewrap .textleft .text h2 {
  font-size: 32px;
  margin-bottom: 22px;
}
.xiliewrap .textleft .text span {
  display: inline-block;
  font-size: 14px;
}
.xiliewrap .sellright {
  width: 50%;
  float: left;
  height: 100%;
  padding-top: 114px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #000;
  font-size: 14px;
}
.xiliewrap .sellright .sellcontent {
  padding-left: 108px;
}
.xiliewrap .sellright .sellcontent .selltab {
  margin-bottom: 46px;
  *width:100%;
}
.xiliewrap .sellright .sellcontent .selltab span {
  float: left;
  margin-left: -108px;
  display: inline-block;
  width: 77px;
  line-height: 40px;
}
.xiliewrap .sellright .sellcontent .selltab .sellbtn {
  float: left;

}
.xiliewrap .sellright .sellcontent .selltab .sellbtn ul li {
  text-align: center;
  line-height:50px;
  font-size: 12px;
  position: relative;
  float: left;
  display: inline-block;
  width:50px;
  height:50px;
  margin-right: 36px;
  border-radius: 50%;
}
.xiliewrap .sellright .sellcontent .selltab .sellbtn ul li.c-golden,
.xiliewrap .sellright .sellcontent .selltab .sellbtn ul li.color101,
.xiliewrap .sellright .sellcontent .selltab .sellbtn ul li.color102{
  background: #f0d6ad;
  color: #fff;
}
.xiliewrap .sellright .sellcontent .selltab .sellbtn ul li.c-silver,
.xiliewrap .sellright .sellcontent .selltab .sellbtn ul li.color201,
.xiliewrap .sellright .sellcontent .selltab .sellbtn ul li.color202{
  background: #d7dcdd;
  color: #fff;
}
.xiliewrap .sellright .sellcontent .selltab .sellbtn ul li.c-white,
.xiliewrap .sellright .sellcontent .selltab .sellbtn ul li.color501{
  background: #fff;
  color: #a1a1a1;
}
.xiliewrap .sellright .sellcontent .selltab .sellbtn ul li.c-green,
.xiliewrap .sellright .sellcontent .selltab .sellbtn ul li.color301{
  background: #dfefcf;
  color: #a1a1a1;
}
.xiliewrap .sellright .sellcontent .selltab .sellbtn ul li.c-yellow,
.xiliewrap .sellright .sellcontent .selltab .sellbtn ul li.color601{
  background: #fff7ca;
  color: #a1a1a1;
}
.xiliewrap .sellright .sellcontent .selltab .sellbtn ul li.c-black,
.xiliewrap .sellright .sellcontent .selltab .sellbtn ul li.color401{
  background: #616161;
  color: #fff;
}
.xiliewrap .sellright .sellcontent .selltab .sellbtn ul li.c-red,
.xiliewrap .sellright .sellcontent .selltab .sellbtn ul li.color701{
  background: #eb6877;
  color: #fff;
}
.xiliewrap .sellright .sellcontent .selltab .sellbtn ul li.active i {
  background: url(/uploads/image/pheiicon/icon-xilie.png) center no-repeat;
}
.xiliewrap .sellright .sellcontent .selltab .sellbtn ul li.bd {
  border: 1px solid #ebebeb;
}
.xiliewrap .sellright .sellcontent .selltab .sellbtn ul li i {
  width:62px;
  height:62px;
  display: block;
  position: absolute;
  left: -6px;
  top: -6px;
}
.xiliewrap .sellright .sellcontent .selltab .sellswitch ul li:hover,.xiliewrap .sellright .sellcontent .selltab .sellbtn ul li:hover{
  cursor: pointer;
}
.xiliewrap .sellright .sellcontent .selltab .sellswitch ul li {
  width: 118px;
  *width: 88px;
  height: 34px;
  line-height: 34px;
  color: #fff;
  font-size: 14px;
  background: #c5c5c5;
  background: -webkit-gradient(linear, left top, right top, from(#c5c5c5), to(#d1d1d1));
  background: linear-gradient(to right, #c5c5c5, #d1d1d1);
  margin-right: 20px;
  position: relative;
  float: left;
  padding-left:10px;
  border-radius: 4px;
}
.xiliewrap .sellright .sellcontent .selltab .sellswitch ul li i {
  display: inline-block;
  width: 10px;
  height: 14px;
  background: url(/uploads/image/pheiicon/icon-out.png) center no-repeat;
  background-size: 100%;
  position: absolute;
  right: 12px;
  top: 10px;
}
.xiliewrap .sellright .sellcontent .selltab .sellswitch ul li.active {
  background: #626262;
}
.xiliewrap .sellright .sellcontent .selltab .sellswitch ul li.active i {
  background: url(/uploads/image/pheiicon/icon-inside.png) center no-repeat;
  background-size: 100%;
}