@charset "UTF-8";
/* 页面左右间距 */
/* 文字尺寸 */
/*文字颜色*/
/* 边框颜色 */
/*颜色*/
/* 图片加载中颜色 */
/* 行为相关颜色 */
/* 功能栏字体大小 */
/*功能栏左侧小图标*/
page {
  min-height: 100%;
  background-color: #ffffff;
}
page .container {
  width: 100%;
  padding: 25rpx 40rpx;
}
.tiele-index {
  font-weight: 500;
  font-size: 50rpx;
  padding: 15% 0rpx 30rpx 0rpx;
}
.top-head {
  position: fixed;
  top: 0;
  z-index: 99;
  width: 100%;
  background-color: #272f41;
  padding: 15rpx 35rpx;
  color: #edc959;
}
.top-head image {
  width: 80rpx;
  height: 80rpx;
}
.top-head .top-name {
  padding-left: 15rpx;
}
.swiper {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  border-radius: 15rpx;
}
.swiper .swiper-box {
  width: 100%;
  height: 335rpx;
  overflow: hidden;
  border-radius: 15rpx;
  position: relative;
  z-index: 1;
}
.swiper .swiper-box swiper {
  width: 100%;
  height: 100%;
}
.swiper .swiper-box swiper swiper-item image {
  width: 100%;
  height: 100%;
  border-radius: 15rpx;
}
.swiper .swiper-box .indicator {
  position: absolute;
  bottom: 20rpx;
  left: 20rpx;
  background-color: rgba(255, 255, 255, 0.4);
  width: 150rpx;
  height: 5rpx;
  border-radius: 3rpx;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.swiper .swiper-box .indicator .dots {
  width: 0rpx;
  background-color: white;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.swiper .swiper-box .indicator .dots.on {
  width: 33.33333%;
}
.notice-box {
  padding: 40rpx 0rpx;
}
.notice-box .notice-title {
  padding-bottom: 30rpx;
}
.notice-box .notice-title image {
  width: 35rpx;
  height: 32rpx;
}
.notice-box .notice-title .title {
  font-size: 34rpx;
  font-weight: bold;
  font-style: italic;
  color: #333333;
  margin-left: 15rpx;
}
.notice-box .notice-list .notice-tpl image {
  width: 99rpx;
  height: 113rpx;
}
.notice-box .notice-list .notice-tpl .name {
  font-size: 26rpx;
  color: #5D616D;
}
.logo-img {
  width: 100%;
  height: 210rpx;
}
.quotation-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
}
.quotation-list .quotation-tpl {
  position: relative;
  padding: 22rpx 24rpx;
  height: 220rpx;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  width: 31%;
  margin-bottom: 4%;
  margin-right: 2%;
}
.quotation-list .quotation-tpl .tpl {
  z-index: 99;
  position: relative;
  font-size: 24rpx;
  padding-bottom: 10rpx;
}
.quotation-list .quotation-tpl .title {
  color: #333333;
  font-weight: bold;
  padding-bottom: 21rpx !important;
}
.quotation-list .quotation-tpl .num {
  color: #FB3A2F;
}
.quotation-list .quotation-tpl .money {
  color: #666666;
}
.quotation-list .quotation-tpl .tip-box image {
  width: 100%;
  height: 118rpx;
  position: absolute;
  bottom: 0;
  left: 0;
}
.quotation-list .quotation-tpl .tip-box .tip {
  position: relative;
  color: #FB3A2F;
  font-size: 26rpx;
  text-align: center;
  font-weight: 600;
  padding-top: 25rpx;
}
.quotation-list .quotation-tpl .tip-box .grenn {
  color: #606266;
}
.list-box image {
  width: 326rpx;
  height: 210rpx;
}