.icon-arrow-down,
.icon-bucket,
.icon-fire {
  display: inline-block;
  background-image: url(../images/icon-sprites.png);
  background-repeat: no-repeat
}

.icon-arrow-down {
  background-position: -91px -111px;
  width: 8px;
  height: 7px
}

.icon-bucket {
  background-position: -25px -111px;
  width: 16px;
  height: 17px
}

.icon-fire {
  background-position: 0 -111px;
  width: 17px;
  height: 22px
}

.icon-left_01,
.icon-left_02 {
  width: 6px;
  height: 9px;
  display: inline-block;
  background-image: url(../images/icon-sprites.png);
  background-repeat: no-repeat
}

.icon-left_01 {
  background-position: 0 -141px
}

.icon-left_02 {
  background-position: -14px -141px
}

.icon-position {
  display: inline-block;
  background-image: url(../images/icon-sprites.png);
  background-position: -73px -111px;
  background-repeat: no-repeat;
  width: 10px;
  height: 12px
}

.icon-right_01,
.icon-right_02 {
  display: inline-block;
  background-image: url(../images/icon-sprites.png);
  background-repeat: no-repeat;
  width: 6px;
  height: 9px
}

.icon-right_01 {
  background-position: -28px -141px
}

.icon-right_02 {
  background-position: -42px -141px
}

.icon-rocket_default,
.icon-rocket_hover {
  width: 78px;
  height: 103px;
  display: inline-block;
  background-image: url(../images/icon-sprites.png);
  background-repeat: no-repeat
}

.icon-rocket_default {
  background-position: 0 0
}

.icon-rocket_hover {
  background-position: -86px 0
}

.icon-scope {
  display: inline-block;
  background-image: url(../images/icon-sprites.png);
  background-position: -49px -111px;
  background-repeat: no-repeat;
  width: 16px;
  height: 14px
}

.content {
  padding-bottom: 40px
}

.piece {
  margin: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 20px;
  position: relative;
  align-items: self-start
  
}
.piece .goFair{
  position: absolute;
    padding: 0 20px;
    height: 36px;
    bottom: 0;
    right: 0;
    color: #fff;
    background-color: #599af6;
    box-shadow: inset 0px 16px 32px 0px #0535ed, inset -12px -11px 32px 0px #0535ed;
    border-radius: 18px;
    text-align: center;
    line-height: 36px;
    vertical-align: bottom;
}
.piece .title {
  font-weight: 700;
  font-size: 18px;
  padding-bottom: 15px
}

.piece img {
  width: 480px;
  height: 216px
}

.piece .right {
  padding-left: 30px;
  position: relative;
  margin-top: 15px;
}

.piece  .conP {
  display: flex;
  color: #666;
  line-height: 30px;
  font-size: 14px
}
.piece  .conP label{
  min-width: 70px;
}
.piece a:hover {
  color: #333
}

.piece button {
  display: inline-block;
  padding: 8px 20px;
  background-color: #0C58F0;
  color: #d2e4ff;
  -moz-border-radius: 4px;
  border-radius: 4px;
  position: absolute;
  top: 0;
  right: 0
}

.piece button:hover {
  background-color: #054cdb;
  color: #fff
}

.piece+.piece {
  border-top: 1px solid #eee
}