epdc-resident-mp-js/pages/index/index.wxss

.home {
  width: 100%;
  height: 100%;
}

page {
  background: #f7f7f7;
}

.nav {
  height: 94rpx;
  width: 100%;
  padding: 0 20rpx;
  box-sizing: border-box;
  display: flex;
  background: #ffffff;
  justify-content: flex-start;
  align-items: center;
  /* border-radius: 0.21rem 0.21rem 0 0; */
}

.nav-logo {
  width: 40rpx;
  height: 40rpx;
}

.nav-logo image {
  display: flex;
  justify-content: center;
  margin-top: 4rpx;
  width: 32rpx;
  height: 32rpx;
}

.nav-subjection {
  font-size: 32rpx;
  color: #f13d3c;
  margin-left: 6rpx;
  font-weight: bolder;
}

.nav-next {
  width: 26rpx;
  height: 40rpx;
  position: relative;
  margin-left: 12rpx;
}

.nav-next image {
  display: flex;
  justify-content: center;
  margin-top: 10rpx;
  width: 16rpx;
  height: 26rpx;
}

.border {
  padding: 20rpx;
  box-sizing: border-box;
  width: 100%;
}

.slider-layout {
  height: 400rpx;
  width: 100%;
  background: #ffffff;
}

.slider {
  display: flex;
  height: 380rpx;
}

.slider-item navigator {
  width: 100%;
  height: 100%;
  position: relative;
}

.banner {
  overflow: hidden;
  height: 340rpx;
  display: flex;
  width: 92%;
  margin: 20rpx auto;
  /* transition: transform 500ms; */
  /* transform: scale(0.95,0.9);   因为非主图看不清，所以可以变形处理 */
  border-radius: 8px;
  box-shadow: 0 0 30rpx #cecece;
}

.swiper-label {
  position: absolute;
  bottom: 22rpx;
  display: flex;
  border-radius: 0 0 14rpx 14rpx;
  left: 4%;
  right: 4%;
  height: 50rpx;
  color: #ffffff;
  font-size: 26rpx;
  line-height: 50rpx;
  padding-left: 20rpx;
  
  background-color: rgba(0, 0, 0, 0.3);
}
.swiper-label-text{
  width:70%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wx-swiper-dots {
  position: absolute;
  left: unset!important;
  right: 0;
}

.wx-swiper-dots.wx-swiper-dots-horizontal {
  margin-bottom: 12rpx;
  margin-left: 180rpx;
}

/* 幻灯片 */

.hotissue {
  font-size: 32rpx;
  color: #333333;
  padding: 20rpx 0;
}

.swiper {
  width: 100%;
  height: 360rpx;
  display: flex;
  justify-content: center;
  margin-bottom: 20rpx;
  margin-top: 20rpx;
}
.item-project{
  height: 550rpx!important;
}
.swiper-item {
  width: 600rpx!important;
  height: 360rpx!important;
  padding: 0 10rpx;
}
.swiper-item2 {
  width: 600rpx!important;
  height: 550rpx!important;
  padding: 0 10rpx;
}

.swiper-item navigator,.swiper-item2 navigator {
  width: 100%;
  height: 100%;
  position: relative;
  /* background: url('swiper-placeholder.png') no-repeat; */
  /* background-size: cover; */
}

.slide-image {
  width: 600rpx;
  height: 100%;
  border-radius: 4rpx;
}

.swiper-slide-active {
  height: 360rpx;
  transition: all .1s;
}


.swiper-slide-scaleY {
  height: 360rpx!important;
  /* margin-top: 60rpx; */
}

.swiper-slide-scaleY2 {
  height: 550rpx!important;
  /* margin-top: 24rpx; */
}

.item-content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 360rpx;
  border-radius: 0 0 10rpx 10rpx;
  padding-top: 0rpx;
  padding-left: 0rpx;
  /* background: #ffffff; */
  /* background-image: linear-gradient(180deg, rgba(238,238,238,0.00) 0%, rgba(6,6,6,0.44) 100%); */
}
.item-content2 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 550rpx!important;
  border-radius: 0 0 10rpx 10rpx;
  padding-top: 0rpx;
  padding-left: 0rpx;
  /* background: #ff0000; */
  /* background-image: linear-gradient(180deg, rgba(238,238,238,0.00) 0%, rgba(6,6,6,0.44) 100%); */
}

.item-content .tags {
  display: inline-block;
  padding: 0 20rpx;
  margin-bottom: 6rpx;
  height: 48rpx;
  background-image: linear-gradient(90deg, #3688FF 58%, #6DA6FF 100%);
  border-radius: 48rpx;
  font-family: 'PingFangSC-Medium';
  font-size: 24rpx;
  color: #fff;
  letter-spacing: 0;
  line-height: 48rpx;
  text-align: center;
}

.item-content .title {
  font-size: 32rpx;
  color: #333333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dots {
  display: flex;
  justify-content: center;
  padding-bottom: 32rpx;
}

.dots .dot {
  width: 16rpx;
  height: 16rpx;
  border-radius: 8rpx;
  margin-left: 10rpx;
  background: #D2D5DA;
  transition: all .3s;
}

.dots .dot.active {
  width: 50rpx;
  background-image: linear-gradient(90deg, #3688FF 58%, #6DA6FF 100%);
}
.dots .dot2 {
  width: 16rpx;
  height: 16rpx;
  border-radius: 8rpx;
  margin-left: 10rpx;
  background: #D2D5DA;
  transition: all .3s;
}

.dots .dot2.active {
  width: 50rpx;
  background-image: linear-gradient(90deg, #3688FF 58%, #6DA6FF 100%);
}
.notice {
  height: 224rpx;
  width: 100%;
  background: #ffffff;
  border-radius: 16rpx;
  margin-bottom: 16rpx;
}

.notice-myinfo {
  height: 128rpx;
  width: 100%;
  box-sizing: border-box;
  padding: 0 24rpx;
  border-bottom: 1px solid #eaeaea;
}

.notice-myinfo-logo {
  width: 72rpx;
  height: 72rpx;
  margin-top: 28rpx;
  float: left;
}

.notice-myinfo-logo image {
  width: 100%;
  height: 100%;
}

.notice-myinfo-content {
  margin-left: 100rpx;
  height: 126rpx;
  line-height: 126rpx;
  font-size: 28rpx;
  text-indent: 8rpx;
  color: #999999;
}

.notice-myinfo-content-top {
  display: flex;
  justify-content: space-between;
  padding-top: 22rpx;
}

.notice-myinfo-content-top span {
  display: inline-block;
  font-size: 32rpx;
  font-weight: normal;
  font-stretch: normal;
  line-height: 42rpx;
  letter-spacing: 0rpx;
  color: #333333;
}

.notice-myinfo-content-top .amount {
  width: 44rpx;
  height: 34rpx;
  font-size: 22rpx;
  line-height: 30rpx;
  text-align: center;
  border-radius: 8rpx;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAgCAYAAABpRpp6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAARtJREFUeNrs2L9qwlAUx/FjrOjmI0iHONS9r+C/h3Com9CCi5N7u7az7k4digi+gLi4WDq2g0NjO3VQ1Laxv4NHCYGu4Ry4B74QcpcP4SaQmwovixSbC3SFaugcZSnZ2aJXNEI99BJdTEXAZ+gOXcu1hvlB96gj1ydYGj2hCuka9rVRCdXRrycLtwqx0SmLkRjsoxvSP2z0PXnBMgbAbGwyuEp2psLgoiFwgcE5Q+C8R8bGgR3YgR3YgR3YgTXNzho4sAaeWgMPLIFn6NEK+As1UGgB/CH/nc/aP2sr9ECHQ5TJ8eZ/R1J8vjWUffOZMHSDFvxFQOv4Yhy8R33URe8aHzuDv+WQIpCNPda8oRk8R2+ohZba38A/AQYAbb8vEivhOYkAAAAASUVORK5CYII=);
  background-size: 44rpx 34rpx;
  text-indent: -1rpx;
  color: #ffffff;
}

.notice-myinfo-content-bottom {
  display: flex;
  justify-content: space-between;
}

.notice-myinfo-content-bottom span {
  font-size: 24rpx;
  font-weight: normal;
  font-stretch: normal;
  line-height: 42rpx;
  letter-spacing: 0rpx;
  color: #999999;
}

.notice-broadcast {
  height: 80rpx;
  width: 100%;
  padding: 0 23rpx;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}

.notice-broadcast-logo {
  width: 32rpx;
  height: 32rpx;
}

.notice-broadcast-logo image {
  width: 100%;
  height: 100%;
}

.havenotice {
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  width: calc(100% - 37rpx);
}

.notice-broadcast-content {
  margin-left: 12rpx;
  width: 85%;
  height: 20px;
  position: relative;
  top: 1px;
  overflow: hidden;
}

.notice_list {
  width: 100%;
}

.li {
  color: #333333;
  font-size: 28rpx;
  width: 100%;
  height: 40rpx;
  line-height: 40rpx;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.notice-broadcast-more {
  font-size: 28rpx;
  font-weight: normal;
  color: #ffa650;
  margin-top: 16rpx;
}

.nomorenotice {
  color: #666666;
  margin-left: 14rpx;
}

.swiperitem {
  height: 100%;
}

.swiper-txt {
  font-size: 28rpx;
  color: #333333;
  line-height: 40rpx;
}

.swiper-position {
  position: absolute;
  margin: -20rpx 0 0 20rpx;
  width: calc(100% - 200rpx);
  z-index: 2;
  height: 46rpx;
  overflow: hidden;
}

.swiperview .wx-swiper-dots {
  display: none;
}

.news-list {
  width: 100%;
  background: #ffffff;
  list-style: none;
  border-radius: 15rpx;
  margin-bottom: 15rpx;
}
.nomorenews{
  display: flex;
  justify-content: center;
  align-items: center;
  font-size:28rpx;
  color:#999999;
  padding: 20rpx;
}
.news-list-li {
  height: 220rpx;
  margin: 0 25rpx;
  padding-top: 28rpx;
  box-sizing: border-box;
  border-bottom: 1px solid #eaeaea;
}
.news-list-li:last-child {
  border:none;
}
.item-left {
  width: 62%;
  float: left;
  height: 100%;
  position: relative;
  box-sizing: border-box;
  padding-left: 8rpx;
}

.item-left .title {
  white-space: normal !important;
  width: 100%;
  max-height: 100rpx;
  font-size: 36rpx;
  line-height: 40rpx;
  letter-spacing: 1rpx;
  color: #333333;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap:break-word;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-top: -4rpx;
}

.time {
  font-size: 22rpx;
  font-weight: normal;
  color: #999999;
}

.address {
  font-size: 22rpx;
  font-weight: normal;
  color: #999999;
  position: absolute;
  left: 8rpx;
  bottom: 30rpx;
}

.item-right {
  float: right;
  width: 240rpx;
  height: 170rpx;
}
.item-right image{
  width: 240rpx;
  height: 160rpx;
  border-radius: 10rpx;
}

.swiper-wrapper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  width: 100%;
  height: 100%;
  border-radius: 15rpx;
  overflow: hidden;
}

.content {
  width: 100%;
  height: 100%;
  background: #fdf6e3;
  box-sizing: border-box;
  padding: 0 20rpx;
}

.top {
  height: 64rpx;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 5px;
}

.content .top .div {
  width: 118rpx;
  height: 44rpx;
  color: #ffffff;
  line-height: 38rpx;
  text-align: center;
  font-size: 24rpx;
}
.greenrect{
  background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOwAAABYCAMAAADBVutFAAAApVBMVEUAAAABxbsj5KkeyKYBx7sKz7cW1bMk5KoBxrsBxrsCxrsj5akj5aoAx7sj5aki5KoCx7wZ2rABx7sj46kl5Kok5Kkj46kk46ki46oi46oi46oBxrsk5agAxbkBx7sIzbch46oDyLoGy7gKz7Yc3q0R1bMM0LUW2bAU17EP0rQY268j5KkN0bUQ07Me36wg4asf4KsFyrkFybkEybka3K4T1rIZ2643vR39AAAAHnRSTlMAw7QE4RMLvFi0mlGAPjzghHPz49Ghmovz8t7LTyz7i5ojAAABbUlEQVR42u3cV3bCMBCF4TFyBwMmlFSF9KL0tv+lRbZwCeSNN9377+A7ozN6G+lSxTQLZ9p28afPqo+697rLfudbXfW7bXtyPWx6dt10fdvum+7aHjf92L6qrnu9uN5cr65109EkGY3l3+Iy1FX+YOuOy1h2Si3VR+zaHAy3x5pr7SvWmKWSXlGgfcaaJJY2FWi/sSbpZptr37Fm1VgL7T/WjJ1VhQjYucOmGgFr3AcUYGAHYos0BtZEFpuiYE8tdoqCHVlshoJdIGGrDRUQSyyxxBJLLLHEEkssscQSSyyxxBJLLLHEEkssscQSSyyxxBJLLLHEEkssscQSSyyxxBJL7F7YBRJ2hIQdImEjIOxAgLBDIOxcgLBjIOxKcLCJwsEmscBgl0pQsNXpBhDspIwFAXvYP7eyiw2nRSQ+F3TUVInntdjc76H2sbNUAHLY8EwQqrEnAE+4KrPWLBaMcq1z77dwUxFArCbGfOkXH753GBd+FmkAAAAASUVORK5CYII=');
  background-size: 118rpx 44rpx;
  background-repeat: none;
}
.yellowrect{
  background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOwAAABYCAYAAAD2iBt3AAAJZElEQVR4Xu2dT2xc1RXGvzOuHRY0VRdIsKkqJBspq+y6CY2ERBNFpW0WlogXpQukCPBAWSQsE9ENElUX0A1hEyUituNWBCEUFAmEFP5sukJtWrkLskAVm5BKDSgxmItmPPPm3vvunffmzfgP5eeV53nmvpkz97vnO9937rWp5o87rZbWZg9oqvULfWM/k2lO0o8l/VDWH6T4ZfNC8LD3oPJa53XRON2xUmN717q/xo+9a/F79IcrjR3fq+o+8WdLPM7ez8I4+e/F/0zJ9z/KfaIY5u5ThGzY2NF77sS9bjyT39OI8UvOhzHnRzB9UnO194TS1Ixj0cNC/Dml/0n2ueTWZPaRzF3R4sUPzeRqQrAMqdQL3fy+u7Vn4wk5Lcr0kwQSvS8LwAbx8UEGYL3QZBbA7KKaAEXlIptawIcs6FsP2NTn/0RmL+v29Bk7cf6LOsBNpLLBy9zC3KMy+5Ok+0J454AJYAFsig1NmKF8NzNsesHqXnWfyvR7a1/8axVok4B1v/vpXVq/6xWZ+20wQLwClpgwgAWwAHaQ3BLwKlPlAcRMZ3Tjm7adXl3PAbc0opu//0eamX5T0oOlFwHYHv0fk9IFdI4atqipvn+UOIRY5/M7vaM9X/7Kjr/5ZQq0AWDd/L4ZTX99WWYPJREOYAFsP30EMwfRKZ3cRs6wfcXqXc3sPWzHz3wVjxsCdmHuzzI9Fcm7fsruD1heGcIiN2CGaZroVfnx50IlLtc7yeyTUFez4hYq8VAXwZuO5Yzv1X7NVeIhNWwMq84CaC/a4tLJLGDdsdmHZXZlU57PaFFkWDIsGTbCUG1bZzTAdshxy35uTy2979+wC0E3rylNz/1D0gMAdhtEE2rYiLUlmEKc8apY2Lg+/W7LsF1g6mO1l/f7Xu0mYI/NHpPZhQGrJcMGy2iTJoNhEw7AAthS0esT26CuOWrtpUseKZfcwgPvSe4ggO3XErE9NWEfEcAC2NqA1WVrLx8pAOvm992r6a//U+CbGjbRBglgu8W7r2GgEg+UohQhzeFodHxtaKp1jz154WaXtHW7maSlAvCjD0hrYn8m1/URybBk2PoZtoPS39jiyhs9wM6+INlzANaL4LA+1XhB8x8D2J4SusUlRXfmDrlHoR9UMaNAaCgnnloWzpapxN6i5k7Z4srz/Qx7UdI8gAWwyTmQpMHs1gkowtZS4s7qdM7aS4/1M+zbkh0CsAAWwAZabKIdIZVNtyHDyl2y9srRfoa9KukAgAWwAHa3AlZvWXv5lwC2+H6q6qGqWmhE4x/RCdFpFNFJALb+CQmxwIHotOkAYuv0ILcdlBjAAtgm3Vv4sDXr2n5XQ0KNamKbkmGj/Q2VFgGUmMaJngVUy+oBsBzClvR4E7WzP6GG+skNFiEyLBm2WwjEqxb7YXsNCF5wAGwo01SyolRTRLxIfUcaJ6DEUOKgU6iukEaGJcOSYTnTiTOdBoKzR618RoEPW/vga2ydhH2BrbO9rYnYOtg62DpxWtu9zf/UsNSw1LBRG2KgP8Xqu/dcbB1U4iw9r9y6h60z6H+O20tRiWtsVE8FbVhDdWYlw9bB1okzXpX19/94CNugUEZ0QnSicaKkyCa9bl+s3antdYhOiE6ITohOJVc53tFR6mqCEpd2vvD/YQeiRrZR43t2RAwqMSoxKjEqcVnuJcOm90yygT3oO6DTiU6nISZ4goZXNpI3EGiGqZwAFsCGWxki/atk9qISoxI3WIRo/qf5n+Z/mv+hxFBiKHG8aaG0iYEMiw8b70RHdEJ02ordTlWLUaEfVC1KqfZF71qtvmEOYSsfB5P8gkbsFR3WxYLoFCr8uR5malhqWGpYalhqWGpYatgq2khrIq2JtCZG3TM5CokPiw+LD1tXQKBxYrMMqRJkhu215YiYYMUpiVOcS8y5xEnRjA3sBXDYD5vI2fGkiRgglBhKXMreTbN5QJgS1kmlsj+iixDfL3p54dnWsnrIsGRYMmyYQQCsL5qlSLlv1eWOgsldz5nR7IdlP2xqblRQ/SoFnMaJCp+okioD2PxmA3xYfFh8WHzYqiyESowPi+iE6IToVFFa+m2fsa6bY6ocEcMRMfiwJYuDk//DzTspgQnRCdEJ0WngJScWkc1LnDjBiRN0OhXeaq6foJbnyvY6ttcFEyhhccS2Ra2e5bgdEcACWDawh8pjLSBh62DrYOtg62Dr5DflB22HMdPI9Qz0rteiybQm0ppIa2JogtCaWOEf5ValWtfpdKLTKTO/csfRxPMqzmwAFsAO5PW4J7qBQDNswrGBfZAtAWwUi2Di9P7mLll75Wj3L25h7qqkA6EXRPN/wL+atPEBWG8iTnjBq6rPYxU9+zgCR7Ls8GfCTv27STtn7aXHAGz/u6ikVxOecGRYMmxYkW8+ym6icadsceV5AAtgvYmSWZSS1hRHxAQrToqQ5nqGG/US21FrL10CsAAWwPpq4O6kxBuaat1jT164CWABLIDd/YC9bO3lI8VURXSq89+8qWHDTQpQ4u2jxAM6TIYlw5Jhd3OGdfpY7eX9ZnJkWF8oQCXmf+ukVNpabYhbtlvHyemgPb3csV2LH3zY7hc1pFEi/nus8jUx/rF1sHWqbZ0/Wnv5RPw0AAtge/4ftk7JB925DPuuZvYetuNnvgKw/W8FSpzOcgU1TOzDzW0X7MS0bjwnwVBqLbIBx80sSqnneNd2ArBO7+jOzK/txPkvkkkYlRhKvAk2MuzOZ1h7VTc2Fu306noKrKjEqMSoxLtCJXafSq1n7enlv+SAikpcl8IhOvXmik978WGDeqJ5a+J1Ob2s9ZlXchSYGpYatpdVGzSDUMOWjt4unXpZpMKozJBuSXZD5v4tp4/k3BU9s/qB77FWZdemlPgTyc5JuqI7rX/Z6rXP69yI5xABIjB+BEaxdT5Ty53U7bULtqqN8W/NCESACIwagZqAtVc1ffuknb3+31FvwPOJABGYXASqAHtLco/ba2srk7slIxEBItA0AsMAe12t1iN2/p9/bzo4ryMCRGCyEUgD1tnfNDP1iJ299tlkb8doRIAIjBMBcwuzb0t2qBjE9JbWf/CorV67Nc7AvJYIEIHJR8DcsbmzMnVPZJN1TNy1Z1GBJx9oRiQCk4hAB7AHJPcHtewle23t9UkMyhhEgAhsTQQyBxBvzc0YlQgQgfEiAGDHix+vJgLbGgEAu63h5mZEYLwIfAs9Uv1oGBUM0gAAAABJRU5ErkJggg==');
  background-size: 118rpx 44rpx;
  background-repeat: none;
}
.picture {
  width: 100%;
  height: 240rpx;
  border-radius: 8rpx;
  overflow: hidden;
}
.picture image{
  width: 100%;
  height: 240rpx;
}
.content .top .p {
  color: #999999;
  font-size: 20rpx;
}

.title {
  height: 80rpx;
  width: 100%;
  line-height: 80rpx;
  font-size: 36rpx;
  color: #333333;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.remark {
  width: 100%;
  height: 48rpx;
  line-height: 48rpx;
  background: rgba(0, 0, 0, 0.05);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #777777;
  font-size: 28rpx;
  border-radius: 24rpx;
  text-indent: 10px;
  margin-bottom: 25rpx;
}
.attitude {
  width: 100%;
  height: 50rpx;
  background-repeat: none;
background-image:url('data:image/png;base64,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
  background-size: 100% 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #ffffff;
  font-size: 28rpx;
  padding: 0 32rpx;
  box-sizing: border-box;
}
.info {
  width: 100%;
  height: 87rpx;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.info .left {
  display: flex;
  align-items: center;
  height: 100%;
  position: relative;
  top: 1px;
}
.info .left image {
  width: 30rpx;
  height: 30rpx;
  margin-right: 8rpx;
  border-radius: 50%;
  overflow: hidden;
}
.info .left span {
  display: inline-block;
  color: #444444;
  font-size: 20rpx;
}
.right {
  width: 110rpx;
  height: 36rpx;
  border-radius: 18rpx;
  background: rgba(0, 0, 0, 0.05);
  display: flex;
  align-items: center;
  justify-content: center;
}
.right .div {
  height: 36rpx;
  line-height: 32rpx;
  color: #999999;
  font-size: 20rpx;
  margin-right: 8rpx;
  position: relative;
  top: 1px;
}
.right image {
  width: 26rpx;
  height: 26rpx;
}

/* 第二个幻灯片 */
/* .new-project-swiper{
} */
.progress {
  width: 100%;
  height: 50rpx;
  border-radius: 24rpx;
  overflow: hidden;
}
.progress .tip {
  float: left;
  background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAABgCAMAAADxVp2mAAAAdVBMVEUAAABLi/9Jjf9Jjf9Jjf9Jjf9Kjv9Jjf9Jjf9Ijf9Kjv9Jjf9Kjv9Jjf9Kjv9Kj/9ytP9Pk/9Mkf9vsv9fov9UmP9sr/9nqv9coP9anv9YnP9Wmv9Jjf9lqP9jpv9hpP9Slv9prP9Rlf9Kjv9Lj/9usP9rrf8xK+OIAAAAEHRSTlMAEXFU8tu1+mQk4UPLqOuUI/sjcAAAAhhJREFUeNrs1FlygzAAg+Ha7Hub7q26Qnv/IwYmgMFWZvIe6Qj/fKOby2Yq26V12caH0+7C/S77Xve42bvbm9ur24vbw35f6z7Xfax7dvtZ9j/vye1v3v1+t+d2SZSoSw7LFGZeYethnMLsF6XDaV6W6w5jbDlMkxgvS9v3wyAx3qqkHycx3oqmHycx/vJ4jCIx/szERWKCFdO7SEz4ujF6iQnDRBkgMWGYPAMkJgxjAUhMGCYHIDFhmCqDxJAwRQyJIWFMAkgMCdMAEkPC5IDEbLY5GIlhYVJIDAsTARLDwiSQGBbGQmJYGNNCYlgYC4mhYUpIDAsTQWJomBQSw8KYTGJoGAuJoWFqSAwLYyAxNEwOiaFhGonhYRKJoWEMJIaGqSAxNIyVGB6mkxgeJpUYHqaWGB6mlBgeJpYYHgYSw8NAYiTm2N4dowAIA1EULAJRvP+B7UTEVwh2mRxBBjXZ3R9ifnn5EhOfa2LiB4+Y2BIQE5tIYuLYgZg4qCImjjaJqcNwYqJ8QkwU3IiJEi0xVdQnJtpAiKnGIWKi1YyYaE4kptpZiYkGaGKqZZ6YGLIgpsZyiIlBLmJq9I+YGhYlJsaLiamBdGIqwoCYCr0gpmJSiLnWI6CKmPcopp2YDO8ipuLeiKmAQGIqUpKYCiElJmNriYmg40lMrHEQk2HqxGT8PjGxxiSmr/ggxqUwt/XxGqFtmQdzAl+A7r+Ux6NIAAAAAElFTkSuQmCC');
  background-repeat: none;
  background-size: 100% 100%;
  height: 50rpx;
  width: 140rpx;
  line-height: 50rpx;
  text-align: center;
  color: #ffffff;
  font-size: 28rpx;
}
.progress .handle-content {
  width: calc(100% - 150rpx);
  float:left;
  border-radius: 0 24rpx 24rpx 0;
  height: 50rpx;
  line-height: 50rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #777777;
  font-size: 28rpx;
  padding: 0 0 0 8rpx;
  background: #EEF1F9;
}
/* 第二个幻灯 end */