dd_xcx/pages/exchange/exchange/exchange.acss

page{
  background-color: #fff;
}
.nums{
  text-align: center;
  color: #fff;
  font-size: 32rpx;
}
.nums view:nth-child(1){
  font-size: 56rpx;
  margin-bottom: 20rpx;
}
.lBgn{
  height: 240rpx;
  border-bottom-left-radius: 20%;
  border-bottom-right-radius: 20%;
  background-image: linear-gradient(to top, #47CAFE 0%, #26A2FF 100%);
  box-sizing: border-box;
  padding-top: 20rpx;
}
.lBgn image{
  width: 80rpx;
  height: 80rpx;
  opacity: 0.2;
  margin:0 40rpx;
  position: relative;
  top: 40rpx;
}
.box{
  position: absolute;
  background: #fff;
  box-shadow: 0rpx 4rpx 10rpx rgba(0, 0, 0, 0.05);
  height: 140rpx;
  border-radius: 10rpx;
  top: -70rpx;
  text-align: center;
  font-size: 28rpx;
  left: 3%;
  right: 3%;
  top: 170rpx;
  color: #777;
}
.box image{
  width: 42rpx;
  height: 42rpx;
  margin-bottom: 10rpx;
}
.search {
  background-color: #f1f1f1;
  border-radius: 10rpx;
  width: 60%;
  margin: 0 0;
  padding: 6rpx 10rpx;
  margin-right: 20rpx;
}
.form{
  padding: 0 3%;
  margin-bottom: 0.12rem;
}
.search input {
  background-color: #f1f1f1;
}
.search image {
  width: 30rpx;
  height: 30rpx;
  margin-left: 10rpx;
}
.item{
  width: 49%;
  /* padding: 10rpx; */
  box-shadow: 0rpx 0rpx 10rpx #ccc;
  border-radius: 16rpx;
  background-color: #fff;
  box-sizing: border-box;
  margin-bottom: 2%;
}
.itemBox{
  padding: 0 2%;
}
.css3{
  transform: rotate(90deg);
  padding-left: 10rpx;
}
.itemBox .item:nth-child(odd){
  margin-right: 2%;
}
.item image{
  width: 100%;
  height: 200rpx;
}
.content{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  margin-bottom: 20rpx;
  /* height: 0.8rem; */
}
.scroll {
  height: calc(100vh - 438rpx);
  padding-top: 0.12rem;
}