.Happy{
  background: #F8F5F5
}
.Happy .banner{
  width:690rpx;
  height:370rpx;
  background:linear-gradient(-90deg,rgba(239,125,87,0.88),rgba(234,78,87,0.88));
  border:6rpx solid rgba(238, 163, 118, 1);
  border-radius:20rpx;
  margin:20rpx auto;
  position: relative;
}
.bannerView{
  padding: 0 30rpx;
  box-sizing: border-box;
  border-bottom:1px solid rgba(255,255,255,0.5);
}
.leftView,.rightView{
  display: inline-block;
  color:#F4E0C2;
}
.leftView{
  width: 380rpx;
  box-sizing: border-box;
  position: relative;
  top: -50rpx;
}
.bannerbottom text{
  display: inline-block;
  color:#F4E0C2;
  font-size: 28rpx;
  text-align: center;
  width: 49%;
  margin-top:10rpx;
  padding:12rpx 0;
}
.xfcz{
  width: 226rpx;
  height: 66rpx;
  position: absolute;
  top: 0rpx;
  left: 250rpx;
  z-index:100;
}
.zbView{
  background: #fff;
  border-radius:20rpx;
  width:690rpx;
  margin: 30rpx auto;
}
.zbView .topView{
  height: 90rpx;
  display: flex;
  align-items: center;
  padding:0 30rpx;
  border-bottom:1px solid #E9E9E9;
}
.zbView .topView .bg{
  display: inline-block;
  width:6rpx;
height:28rpx;
background:rgba(238,68,84,1);
margin-right: 5rpx;

}
.zbView  #chart{
  height:418rpx;
  width: 100%;
  position: relative;
}
.zbView  #chart .text{
  position: absolute;
  left: 38%;
  top: 160rpx;
  font-size: 40rpx;
}
.zbView  #chart1{
  height:418rpx;
  width: 100%;
}
.zbView .bottomBtn{
  height: 90rpx;
  line-height: 90rpx;
  text-align: center;
  font-size: 28rpx;
}
.zbView .price>view{
  display: inline-block;
  width: 48%;
  text-align: center;
}

.desLeft,.desRight{
  display: inline-block;
  width: 48%;
}
.desLeft{
  font-size:22rpx;

}
.desRight{
  font-size:20rpx;
  text-align: right;
}
.hotview{
  width:690rpx;
  border-radius:20rpx; 
  padding:30rpx;
}
.hotview .hotItem{
  display: inline-block;
  width:300rpx;
  border-radius:12rpx;
  border: 1px solid #ededed;
  margin-bottom: 30rpx;
}
.hotview .hotItem .imgView{
  width:100%;
  height:224rpx;
}
.hotview .hotItem:nth-child(even){
  margin-left: 30rpx;
}
.RedProgress {
  padding: 30rpx;
  box-sizing: border-box;
}
.RedProgress .progress{
    width: 100%; 
    height: 20rpx;
    background:#E3E3E3;
    border-radius: 15px;
    overflow: hidden;
    position: relative;
}
.RedProgress .progress .progressSpan{
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}
#Red .jyTtem0 .progress>view,#Red .jyTtem3 .progress>view,#Red .jyTtem6 .progress>view {
    display: inline-block;
    width: 60%;
    height: 100%;
    background: #2989d8; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #36C7D9 33%, #9AE3EC 34%, #9AE3EC 59%, #36C7D9 60%); /* FF3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(33%,#9AE3EC), color-stop(34%,#9AE3EC), color-stop(59%,#9AE3EC), color-stop(60%,#36C7D9)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg, #36C7D9 33%,#9AE3EC 34%,#9AE3EC 59%,#36C7D9 60%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg, #36C7D9 33%,#9AE3EC 34%,#9AE3EC 59%,#36C7D9 60%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg, #36C7D9 33%,#9AE3EC 34%,#9AE3EC 59%,#36C7D9 60%); /* IE10+ */
    background: linear-gradient(-45deg, #36C7D9 33%,#9AE3EC 34%,#9AE3EC 59%,#36C7D9 60%); /* W3C */
    background-size: 60px 30px;
    text-align: center;
    color:#fff;
}
#Red .jyTtem1 .progress>view,#Red .jyTtem4 .progress>view,#Red .jyTtem7 .progress>view {
    display: inline-block;
    width: 50%;
    height: 100%;
    background: #2989d8; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #EE4454 33%, #F6A1A9 34%, #F6A1A9 59%, #EE4454 60%); /* FF3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(33%,#F6A1A9), color-stop(34%,#F6A1A9), color-stop(59%,#F6A1A9), color-stop(60%,#EE4454)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg, #EE4454 33%,#F6A1A9 34%,#F6A1A9 59%,#EE4454 60%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg, #EE4454 33%,#F6A1A9 34%,#F6A1A9 59%,#EE4454 60%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg, #EE4454 33%,#F6A1A9 34%,#F6A1A9 59%,#EE4454 60%); /* IE10+ */
    background: linear-gradient(-45deg, #EE4454 33%,#F6A1A9 34%,#F6A1A9 59%,#EE4454 60%); /* W3C */
    background-size: 60px 30px;
    text-align: center;
    color:#fff;
}
#Red .jyTtem2 .progress>view,#Red .jyTtem5 .progress>view,#Red .jyTtem8 .progress>view {
    display: inline-block;
    width: 70%;
    height: 100%;
    background: #2989d8; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #F8733A 33%, #F9B89C 34%, #F9B89C 59%, #F8733A 60%); /* FF3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(33%,#F9B89C), color-stop(34%,#F9B89C), color-stop(59%,#F9B89C), color-stop(60%,#F8733A)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg, #F8733A 33%,#F9B89C 34%,#F9B89C 59%,#F8733A 60%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg, #F8733A 33%,#F9B89C 34%,#F9B89C 59%,#F8733A 60%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg, #F8733A 33%,#F9B89C 34%,#F9B89C 59%,#F8733A 60%); /* IE10+ */
    background: linear-gradient(-45deg, #F8733A 33%,#F9B89C 34%,#F9B89C 59%,#F8733A 60%); /* W3C */
    background-size: 60px 30px;
    text-align: center;
    color:#fff;
}