dudao_uniapp/unpackage/dist/dev/mp-weixin/pages/content/TouTiao/TouTiao.wxss

page {
  font-size: 6px;
}
/* <image class="weiixn-pic1" class="" src="../../../static/images/dud.jpg" mode=""></image> */
/* <image class="weiixn-pic2" src="../../../static/images/w.jpg" mode=""></image> */
.weiixn {
  overflow: hidden;
  _zoom: 1;
  padding: 20rpx 0rpx;
  background: #FFFFFF;
}
.weiixn-pic1 {
  float: left;
  width: 375rpx;
  height: auto;
  display: block;
}
.weiixn-pic2 {
  float: right;
  width: 375rpx;
  height: auto;
  display: block;
}
/* 轮播自定义样式 */
.swipercontent {
  position: relative;
}
.swiper-box {
  background: #fff;
}
.slide-image {
  width: 100%;
  height: 454rpx;
  display: block;
}
.swiper-box .uni-swiper-dots {
  position: absolute;
  margin: 0 auto !important;
  top: 316rpx;
}
.swiper-box .uni-swiper-dot {
  width: 19rpx;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  height: 7rpx;
  margin-right: 20rpx;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
}
.swiper-box .uni-swiper-dot::before {
  content: '';
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
          flex-grow: 1;
  background: #e0e0e0;
}
.swiper-box .uni-swiper-dot-active::before {
  background: #2f2f2f;
  border-radius: 4rpx;
}
.swipercontent {
  position: relative;
}
.dots {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0rpx;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
}
.dot {
  margin: 0 8rpx;
  width: 21rpx;
  height: 9rpx;
  background: #333;
  border-radius: 16rpx;
}
.dot.active {
  width: 21rpx;
  background: #dfdfdf;
}
/* 结束 */
/* 内容 */
.introduce {
  /* 	font-size: 30upx;
		font-family: PingFang-SC-Regular;
		font-weight: 400;
		color: rgba(51, 51, 51, 1);
		padding: 55upx 34upx; */
  /* background: #ED7D31; */
  margin-top: 24rpx;
  background: #ED7D31;
  color: #FFFFFF;
}
.grace-rich-text {
  font-size: 24rpx;
  font-family: PingFang-SC-Regular;
  font-weight: 400;
  line-height: 45rpx;
  /* color: rgba(51, 51, 51, 1); */
  padding: 45rpx 55rpx;
}
/* tab切换列表 */
/* 列表 */
.listening {
  padding-bottom: 48rpx;
}
.list {
  margin: 0 12rpx;
  /* display:flex; */
  overflow: hidden;
  _zoom: 1;
}
.listcent {
  margin-left: 66rpx;
  float: left;
  width: 268rpx;
  height: 245rpx;
  background: #FFFFFF;
  border: 1rpx solid #DBDBDB;
  margin-bottom: 30rpx;
}
.listPic {
  display: block;
  width: 268rpx;
  height: 170rpx;
}
/*  */
.biaot {
  background: #fff;
  text-align: center;
}
.bt {
  font-size: 18rpx;
  line-height: 18rpx;
  font-family: PingFang-SC-Regular;
  font-weight: bold;
  color: #333333;
  padding: 16rpx 0rpx 8rpx 0rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bts {
  margin: 0 auto !important;
}
.xianq {
  overflow: hidden;
  _zoom: 1;
  margin: 0 81rpx;
}
.text {
  font-size: 24rpx;
  font-family: PingFang-SC-Regular;
  font-weight: 400;
  color: #666666;
  float: left;
}
.jt {
  width: 14rpx;
  height: 16rpx;
  float: right;
  display: block;
  margin-top: 11rpx;
}
.btn {
  padding-bottom: 82rpx;
}
.btn-cont {
  margin: 0 155rpx;
  height: 70rpx;
  background: #f4f4f4;
  /* box-shadow:3upx 5upx 134upx 7upx rgba(7,7,7,0.13); */
  /* opacity:0.2; */
  border-radius: 35rpx;
  overflow: hidden;
  _zoom: 1;
  padding: 0 107rpx;
}
.anli {
  font-size: 30rpx;
  font-family: PingFang-SC-Regular;
  font-weight: bold;
  color: #666666;
  line-height: 70rpx;
  float: left;
}
.gd {
  width: 30rpx;
  height: 29rpx;
  float: right;
  margin-top: 22rpx;
}
.footer-cont {
  padding: 72rpx 73rpx 37rpx 86rpx;
  background: #FFFFFF;
}
.tag {
  overflow: hidden;
  _zoom: 1;
}
.labels {
  overflow: hidden;
  _zoom: 1;
  float: left;
  /* display: inline-block; */
  /* display: flex; */
}
.label {
  font-size: 26rpx;
  font-family: SourceHanSansCN-Medium;
  font-weight: 500;
  color: #ffffff;
  float: left;
}
.lxian {
  font-size: 26rpx;
  font-family: SourceHanSansCN-Medium;
  font-weight: 500;
  color: #ffffff;
  float: left;
  margin: 0 4rpx;
}
.labels:last-child .lxian {
  font-size: 0rpx;
  float: left;
  margin: 0;
}
.labels:first-child .lxian {
  font-size: 0rpx;
  float: left;
  margin: 0;
}
.telpic {
  width: 37rpx;
  height: 41rpx;
  float: left;
  display: block;
  margin-right: 20rpx;
}
.laos {
  /* font-family: MFJinHei; */
  /* font-weight: bold; */
  font-size: 34rpx;
  color: #FFFFFF;
  float: left;
}
.phine {
  /* font-family: MFJinHei; */
  letter-spacing: 2rpx;
  /* font-weight: bold; */
  font-size: 34rpx;
  color: #FFFFFF;
  float: left;
}
.bohao {
  width: 36rpx;
  height: 40rpx;
  display: block;
  float: left;
  margin-left: 38rpx;
  margin-top: 5rpx;
}
.tjt {
  width: 39rpx;
  height: 28rpx;
  display: block;
  float: left;
  margin-left: 12rpx;
  margin-top: 12rpx;
}
.footer-btn {
  width: 100%;
}
.footer-btn view {
  text-align: justify;
  display: inline-block;
  text-align-last: justify;
  text-justify: inter-ideograph;
  vertical-align: top;
}
.footer-btn view text {
  display: inline-block;
  height: 0;
  width: 100% /* 换行 */;
}
.btn-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  font-size: 58rpx;
  font-family: Source Han Sans CN;
  font-weight: 800;
  color: #dc4242;
  line-height: 58rpx;
  margin-bottom: 14rpx;
  height: 58rpx;
  width: 100%;
}
.btn-title-sz {
  color: #ED7D31;
}
.btn-title-sz1 {
  color: #211717;
}
.btn-fdesc {
  width: 100%;
  font-size: 32rpx;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #333333;
  line-height: 32rpx;
  height: 32rpx;
  text-align: center;
  margin-bottom: 24rpx;
}
.logocont {
  overflow: hidden;
  _zoom: 1;
  /* margin-top: 42upx; */
}
.logos {
  float: left;
  width: 352rpx;
  margin-top: 15rpx;
}
.logo {
  width: 324rpx;
  height: 160rpx;
  display: block;
  margin: 0 auto;
}
.logo-text {
  text-align: center;
  font-size: 28rpx;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #333333;
  line-height: 28rpx;
  margin-top: 20rpx;
}
.code {
  float: right;
}
.codePic {
  width: 210rpx;
  height: 210rpx;
  display: block;
}
.codetext {
  text-align: center;
  font-size: 16rpx;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #333333;
  line-height: 16rpx;
}
.codetext-s {
  color: #333333;
}
.codetext-a {
  color: #ED7D31;
}
@-webkit-keyframes move {
0%,
  5% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}
15% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}
25% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}
35% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}
45% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}
55% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}
60% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}
65% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}
70% {
    -webkit-transform: rotate(6deg);
    transform: rotate(6deg);
}
75% {
    -webkit-transform: rotate(-6deg);
    transform: rotate(-6deg);
}
80% {
    -webkit-transform: rotate(6deg);
    transform: rotate(6deg);
}
85% {
    -webkit-transform: rotate(-6deg);
    transform: rotate(-6deg);
}
90% {
    -webkit-transform: rotate(6deg);
    transform: rotate(6deg);
}
95% {
    -webkit-transform: rotate(-6deg);
    transform: rotate(-6deg);
}
100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}
}
@keyframes move {
0%,
  5% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}
15% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}
25% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}
35% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}
45% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}
55% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}
60% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}
65% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}
70% {
    -webkit-transform: rotate(6deg);
    transform: rotate(6deg);
}
75% {
    -webkit-transform: rotate(-6deg);
    transform: rotate(-6deg);
}
80% {
    -webkit-transform: rotate(6deg);
    transform: rotate(6deg);
}
85% {
    -webkit-transform: rotate(-6deg);
    transform: rotate(-6deg);
}
90% {
    -webkit-transform: rotate(6deg);
    transform: rotate(6deg);
}
95% {
    -webkit-transform: rotate(-6deg);
    transform: rotate(-6deg);
}
100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}
}
.tjt {
  animation: move 1s 0s infinite;
  -webkit-animation: move 1s 0s infinite;
}
.tjt {
  position: relative;
  animation: myfirst 1s 0s infinite;
  -webkit-animation: myfirst 1s linear 1s infinite alternate;
}
@-webkit-keyframes myfirst {
0% {
    left: 0px;
}
25% {
    left: 3px;
}
50% {
    left: 6px;
}
75% {
    left: 3px;
}
100% {
    left: 0px;
}
}
@keyframes myfirst {
0% {
    left: 0px;
}
25% {
    left: 3px;
}
50% {
    left: 6px;
}
75% {
    left: 3px;
}
100% {
    left: 0px;
}
}
/* 底部 */
.business {
  width: 100%;
  background: #ED7D31;
}
.businesscard {
  height: 190rpx;
  overflow: hidden;
  _zoom: 1;
  padding: 0 42rpx 0 53rpx;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.rights1 {
  margin-top: 13rpx;
  margin-left: 10rpx;
}
.ri-tel {
  width: 103rpx;
  height: 173rpx;
  display: block;
}
.phone {
  overflow: hidden;
  _zoom: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.pic {
  width: 154rpx;
  height: 154rpx;
  /* border-radius: 50%; */
  margin: 18rpx 20rpx 0 0rpx;
  display: block;
  /* margin-bottom: 17upx; */
}
.bus-cont view {
  /* 	text-align: justify;
		text-align-last: justify; */
  text-align: justify;
  display: inline-block;
  text-align-last: justify;
  text-justify: inter-ideograph;
  vertical-align: top;
  width: 100%;
  margin-bottom: 10rpx;
}
.bus-cont view text {
  display: inline-block;
  height: 0;
  width: 100% /* 换行 */;
}
.title1 {
  margin-top: 26rpx;
  margin-bottom: 17rpx;
  font-size: 28rpx;
  height: 28rpx;
  line-height: 28rpx;
  /* font-weight:bold; */
  color: #fff;
}
.tel {
  color: #fff;
  font-size: 30rpx;
  line-height: 30rpx;
  height: 30rpx;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.tel-num {
  width: 52rpx;
  text-align: justify;
}
.tel-txt {
  letter-spacing: 6rpx;
}
.bus-desc {
  font-size: 20rpx;
  font-family: Source Han Sans CN;
  font-weight: 400;
  line-height: 20rpx;
  color: #fff;
  height: 20rpx;
}
.cont {
  overflow: hidden;
  _zoom: 1;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
}
.bustag {
  overflow: hidden;
  _zoom: 1;
}
.bustext {
  overflow: hidden;
  _zoom: 1;
  float: left;
  /* margin-bottom: 30upx; */
}
.buslxian {
  float: left;
  font-size: 30rpx;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  color: #ffffff;
  margin: 0 6rpx;
}
.bustext:first-child .buslxian {
  float: left;
  font-size: 0rpx;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  color: #ffffff;
  margin: 0;
}
.bust {
  float: left;
  font-size: 30rpx;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  color: #ffffff;
}
.btnPic {
  width: 100%;
  display: block;
}
/* 新增 */
/* 大标题 */
.h {
  margin-top: 20rpx;
}
.dtitle {
  overflow: hidden;
  _zoom: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  margin: 0 auto;
}
.title {
  font-size: 44rpx;
  font-family: PingFang-SC-Medium;
  font-weight: bold;
  color: #222222;
  padding: 0 24rpx;
  float: left;
}
.limg {
  float: left;
  width: 35rpx;
  height: 15rpx;
  display: block;
  margin-top: 22rpx;
}
.ftitle {
  margin-top: 8rpx;
  font-size: 24rpx;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  color: #333333;
  text-align: center;
}
.weiixn-gzh {
  width: 176rpx;
  height: 44rpx;
  background: #ED7D31;
  border-radius: 6rpx;
  font-size: 26rpx;
  font-family: Source Han Sans CN;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 44rpx;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 28rpx;
}
.weiixn-gzhs {
  width: 236rpx;
  height: 44rpx;
  background: #ED7D31;
  border-radius: 6rpx;
  font-size: 26rpx;
  font-family: Source Han Sans CN;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 44rpx;
  text-align: center;
  margin: 0 auto;
  margin-top: 34rpx;
  margin-bottom: 28rpx;
}
/* 公众号列表 */
.content {
  background: #FFFFFF;
}
.content-cont {
  overflow: hidden;
  _zoom: 1;
}
.list-ul {
  float: left;
  margin-left: 38rpx;
}
.list-li {
  width: 140rpx;
  margin-bottom: 40rpx;
}
.list-pic image {
  width: 140rpx;
  height: 140rpx;
  border-radius: 70rpx;
  display: block;
}
.list-title {
  font-size: 18rpx;
  font-family: Source Han Sans CN;
  font-weight: bold;
  color: #333333;
  text-align: center;
  margin: 14rpx 0 8rpx 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.list-desc {
  width: 96rpx;
  height: 26rpx;
  border: 1rpx solid rgba(189, 194, 196, 0.99);
  border-radius: 2rpx;
  font-size: 12rpx;
  text-align: center;
  line-height: 26rpx;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #333333;
  margin: 0 36rpx;
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
}
.ljgd {
  width: 212rpx;
  height: 43rpx;
  border: 1rpx solid #DD2B2E;
  border-radius: 3rpx;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  margin: 0 auto;
}
.ljgd .ljgd-pic image {
  width: 30rpx;
  height: 30rpx;
  display: block;
  margin-right: 12rpx;
}
.ljgd .ljgd-text {
  line-height: 20rpx;
  font-size: 20rpx;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #444444;
}
.lic {
  width: 173rpx;
  height: 35rpx;
  border: 1rpx solid #DD2B2E;
  border-radius: 3px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  margin-top: 14rpx;
}
.lic .ljgd-pic image {
  width: 27rpx;
  height: 27rpx;
  display: block;
  margin-right: 12rpx;
}
.lic .ljgd-text {
  line-height: 16rpx;
  font-size: 16rpx;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #444444;
}
.lin1 {
  margin-top: 38rpx;
}
.lin2 {
  margin-top: 60rpx;
}
.links {
  margin-top: 8rpx;
}
.mark {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999999;
}
.mark-content {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 9;
  width: 500rpx;
  height: 500rpx;
  background: #FFFFFF;
  border-radius: 16rpx;
}
.mark-relative {
  position: relative;
}
.mark-del {
  width: 30rpx;
  height: 30rpx;
  display: block;
  position: absolute;
  right: 0;
  padding: 22rpx 20rpx 0 0;
}
.qercode {
  width: 320rpx;
  height: 320rpx;
  display: block;
  margin: 0 auto;
  padding-top: 90rpx;
}