.center {
  width: 100%;
  height: 27.1rem;
  background: url(/uploads/image/zmimg/banner.png) no-repeat;
  background-size: 100%;
  padding-top: 16.63rem;
  position: relative;
  z-index: 4;
  padding: 16.63rem 0.88rem 0 0.88rem;
}

.center .center_img {
  width: 100%;
  margin: 0 auto;
  position: relative;
  border-radius: 0.26rem;
}

.center .center_img a {
  width: 100%;
  height: 100%;
}

.center .center_img .icon {
  width: auto;
  height: 0.7rem;
  background-color: #5746c5;
  font-size: 0.5rem;
  color: #ffffff;
  position: absolute;
  top: 0;
  right: 0;
  padding: 0 0.3rem;
  border-radius: 0 0.1rem 0.1rem 0.1rem;
}

.center .center_img .btn {
  width: 7.48rem;
  height: 1.73rem;
  background: url(/uploads/image/zmimg/btn.png) no-repeat;
  background-size: 100%;
  position: relative;
  z-index: 3;
  font-size: 0.75rem;
  font-weight: 700;
  color: #ffffff;
  text-shadow: 0rem 0rem 0.33rem rgba(112, 75, 253, 0.75);
  position: absolute;
  bottom: -1.2rem;
  left: 50%;
  transform: translatex(-50%);
}

.center .leyu {
  position: absolute;
  top: 12.6rem;
  right: 0;
  width: 1.27rem;
  height: 3.1rem;
  background-color: #f65068;
  border-radius: 0.26rem 0rem 0rem 0.26rem;
  opacity: 0.8;
  font-size: 0.6rem;
  color: #ffffff;
  line-height: 0.65rem;
  padding: 0 0.3rem;
}

.live_box {
  width: 15.14rem;
  background: url(/uploads/image/zmimg/bg.png) repeat-y;
  background-size: 100%;
  box-shadow: 0rem 0.33rem 0.57rem 0rem rgba(54, 146, 208, 0.15);
  border-radius: 0.26rem;
  border: solid 0.08rem #5746c5;
  margin: -0.4rem auto 0;
  padding: 0.8rem 0.4rem;
}

.live_box h3 {
  width: 100%;
  align-items: stretch;
}

.live_box h3 span {
  font-size: 0.5rem;
  font-weight: normal;
}

.live_box .live_icon {
  width: 1.83rem;
}

.live_box .item_box {
  margin-top: 0.65rem;
  overflow-x: scroll;
  align-items: flex-start;
  padding-bottom: 0.4rem;
}

.live_box .item {
  width: 5.78rem;
  flex-shrink: 0;
  margin-right: 0.3rem;
}

.live_box .item p {
  font-size: 0.5rem;
  line-height: 0.75rem;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  /* 鍑犺鍚庢樉绀轰笉寮€鐪佺暐 */
  -webkit-line-clamp: 2;
}

.live_box .item .img {
  position: relative;
}

.live_box .item img {
  width: 100%;
  height: 3.53rem;
}

.live_box .item .img span {
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  height: auto;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 0px 0px 4px 0px;
  font-size: 0.5rem;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.1rem 0.2rem;
}

.live_box .item .img span i {
  width: 0.15rem;
  height: 0.15rem;
  background-color: #ff123f;
  margin-right: 0.2rem;
}

.live_box .item .img span.outtime i {
  background-color: #09fb09;
}

.live_box .item:last-child {
  margin-right: 0;
}

.live_box .all_live h3 {
  font-size: 0.7rem;
}

.all_live ul {
  height: 20.4rem;
  overflow-y: scroll;
  margin-top: 0.4rem;
}

.all_live li {
  width: 98%;
  margin-bottom: 0.4rem;
  background-color: #f3f3f3;
  padding: 0.2rem 0.3rem;
  border-radius: 0.4rem;
}

.all_live li .img {
  width: 5.5rem;
  height: 3.3rem;
  flex-shrink: 0;
  margin-right: 0.3rem;
  border-radius: 0.35rem;
  overflow: hidden;
}

.all_live li img {
  width: 100%;
  /* height: 100%; */
}

.all_live li h2 {
  font-size: 0.55rem;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  /* font-weight: normal; */
  /* 鍑犺鍚庢樉绀轰笉寮€鐪佺暐 */
  -webkit-line-clamp: 2;
}

.all_live li .type {
  font-size: 0.5rem;
  margin-bottom: 0.2rem;
  margin-top: 0.4rem;
}

.all_live li .type em {
  margin-right: 0.2rem;
  font-size: 0.4rem;
}

.all_live li .time {
  font-size: 0.45rem;
  color: #666565;
}

.wenda {
  padding: 0 0.28rem;
  margin-top: 1rem;
}

.wenda ul {
  height: 2.3rem;
  overflow: hidden;
  position: relative;
}

.wenda li {
  position: absolute;
  left: 0;
  top: 0;
  transform: translatey(2.3rem);
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}

.wenda li>div {
  max-width: 100%;
  height: 1.1rem;
  background-color: rgba(0, 0, 0, .5);
  border-radius: 0.52rem;
  padding: 0 .3rem 0 .18rem;
}

.wenda li>div:nth-child(1) {
  margin-bottom: .1rem;
}

.wenda li.fadein {
  transform: translatey(0);
  opacity: 1 !important;
  transition: all 1s ease;
}

.wenda li.fadeout {
  transform: translatey(-2.3rem);
  opacity: 0;
  transition: all 1s ease;
}

.wenda li span {
  width: 0.8rem;
  height: 0.8rem;
  background-color: #f14660;
  border-radius: 0.37rem;
  font-size: 0.47rem;
  color: #ffffff;
  flex-shrink: 0;
  margin-right: .3rem;
}

.wenda li>div:nth-child(2) span {
  background-color: #5746c5;
}

.wenda p {
  width: 100%;
  font-size: 0.47rem;
  color: #ffffff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.wenda>div{
  width: 3.5rem;
  height: 1.1rem;
  background-color: #ffffff;
  color: #f14660;
  margin-top: .5rem;
  font-size: .55rem;
  padding-left: .4rem;
  border-radius: 1.1rem;
  font-weight: 700;
}
.wenda>div img{
  width: .6rem;
  margin-right: .2rem;
}
.news {
  margin-top: .45rem;
  padding: 0 0.28rem;
}

.news .title {
  margin-bottom: 0.6rem;
  width: 100%;
  height: 2.28rem;
  padding-left: 0.85rem;
}

.news .title img {
  width: 12.8rem;
}

.news_list .news_li {
  margin-bottom: .6rem;
  padding-top: 0.3rem;
  height: 6.5rem;
  overflow: hidden;
}

.news_list .news_li.active {
  height: auto;
}

.news_list .news_li>.min {
  width: 100%;
  height: 6.2rem;
  background-color: #f2b6b6;
  border-radius: 0.3rem;
  position: relative;
  padding: 0.43rem;
}

.news_list .news_li:nth-child(2)>.min {
  background-color: #f2b6d4;
}

.news_list .news_li:nth-child(3)>.min {
  background-color: #f2b6f2;
}

.news_list .news_li:nth-child(4)>.min {
  background-color: #d4b6f2;
}

.news_list .news_li:nth-child(5)>.min {
  background-color: #b6b6f2;
}

.news_list .news_li:nth-child(6)>.min {
  background-color: #b6d4f2;
}

.news_list .news_li:nth-child(7)>.min {
  background-color: #b6f2f2;
}

.news_list .news_li:nth-child(8)>.min {
  background-color: #b6f2d4;
}

.news_list .news_li>.min::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 0.65rem;
  background: url(/uploads/image/zmimg/li_top.png) no-repeat;
  background-size: 100%;
  left: 0;
  top: -0.3rem;
}

.news_list .news_li .con {
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  border-left: 0.13rem solid #000000;
  padding-left: 0.85rem;
  position: relative;
  align-items: flex-start;
  padding-top: 0.53rem;
  flex-wrap: wrap;
}

.news_list .news_li .con img {
  width: 2.38rem;
  height: 2.38rem;
  margin-right: 0.7rem;
  margin-left: 0.5rem;
}

.news_list .news_li .con .txt {
  padding-top: 0.3rem;
}

.news_list .news_li .con p {
  font-size: 0.55rem;
  font-weight: 700;
  line-height: 0.8rem;
}

.news_list .news_li .con h3 {
  font-size: 0.65rem;
  line-height: 1rem;
  width: 100%;
  padding-right: 0.2rem;
}

.news_list .news_li .con .coun,
.news_list .news_li .con .go_leyu {
  position: absolute;
}

.news_list .news_li .con .coun {
  width: 3.03rem;
  height: 0.98rem;
  background-color: #bf6969;
  border-radius: 0.34rem 0rem 0.34rem 0rem;
  left: -0.6rem;
  top: -0.4rem;
  font-size: 0.55rem;
  font-weight: bold;
  color: #ffffff;
}

.news_list .news_li:nth-child(2) .con .coun {
  background-color: #bf6994;
}

.news_list .news_li:nth-child(3) .con .coun {
  background-color: #bf69bf;
}

.news_list .news_li:nth-child(4) .con .coun {
  background-color: #9469bf;
}

.news_list .news_li:nth-child(5) .con .coun {
  background-color: #6969bf;
}

.news_list .news_li:nth-child(6) .con .coun {
  background-color: #6994bf;
}

.news_list .news_li:nth-child(7) .con .coun {
  background-color: #69bfbf;
}

.news_list .news_li:nth-child(8) .con .coun {
  background-color: #69bf94;
}

.news_list .news_li .con .go_leyu {
  width: 2.58rem;
  height: 2.7rem;
  background: #bf6969 url(/uploads/image/zmimg/go_leyu.png) no-repeat;
  background-size: 100%;
  top: -0.8rem;
  right: 0;
  font-size: 0.6rem;
  font-weight: 700;
  line-height: 0.8rem;
  letter-spacing: 0px;
  color: #ffffff;
  padding-bottom: 0.3rem;

  text-align: center;
}

.news_list .news_li:nth-child(2) .con .go_leyu {
  background: #bf6994 url(/uploads/image/zmimg/go_leyu.png) no-repeat;
  background-size: 100%;
}

.news_list .news_li:nth-child(3) .con .go_leyu {
  background: #bf69bf url(/uploads/image/zmimg/go_leyu.png) no-repeat;
  background-size: 100%;
}

.news_list .news_li:nth-child(4) .con .go_leyu {
  background: #9469bf url(/uploads/image/zmimg/go_leyu.png) no-repeat;
  background-size: 100%;
}

.news_list .news_li:nth-child(5) .con .go_leyu {
  background: #6969bf url(/uploads/image/zmimg/go_leyu.png) no-repeat;
  background-size: 100%;
}

.news_list .news_li:nth-child(6) .con .go_leyu {
  background: #6994bf url(/uploads/image/zmimg/go_leyu.png) no-repeat;
  background-size: 100%;
}

.news_list .news_li:nth-child(7) .con .go_leyu {
  background: #69bfbf url(/uploads/image/zmimg/go_leyu.png) no-repeat;
  background-size: 100%;
}

.news_list .news_li:nth-child(8) .con .go_leyu {
  background: #69bf94 url(/uploads/image/zmimg/go_leyu.png) no-repeat;
  background-size: 100%;
}

.news_list .news_li .news_content {
  width: 100%;
  height: auto;
  background-color: #ffffff;
  border-radius: .3rem;
  padding: 0.83rem 1rem 1rem;
}

.news_list .news_li .news_content .top_news {
  text-decoration: underline;
  text-decoration-thickness: from-font;
  text-underline-offset: 0.1rem;
  font-size: 0.55rem;
  line-height: 1rem;
  color: #343434;
  display: block;
  font-weight: 700;
}

.news_list .news_li .news_content .top_news span {
  color: #ff0000;
  text-decoration: underline;
  text-decoration-thickness: from-font;
  text-underline-offset: 0.1rem;
}

.news_list .news_li .news_detail {
  margin-top: 36px;
}

.news_list .news_li .news_content .detail_left {
  width: 100%;
  height: auto;
  background-color: #ffffff;
  border-radius: 6px;
  border: solid 2px #e5e5e5;
  padding: 0.5rem;
  align-items: stretch;
}

.news_list .news_li .detail_left .t_title {
  font-weight: 700;
  font-size: 0.68rem;
  margin-bottom: 0.7rem;
}

.news_list .news_li .detail_left .t_title>img {
  position: relative;
  width: 0.88rem;
}

.news_list .news_li .detail_left .t_title img:nth-child(1) {
  left: 0.2rem;
}

.news_list .news_li .detail_left .t_title img:nth-child(2) {
  right: 0.5rem;
}

.news_list .news_li .detail_left p {
  width: 100%;
  font-size: 0.55rem;
  line-height: 0.8rem;
  color: #343434;
  text-align: center;
}

.news_list .news_li .news_content .btn,
.news_list .news_li .detail_left .btn {
  width: 6.53rem;
  height: 1.5rem;
  background-color: #5746c5;
  border-radius: 0.74rem;
  font-size: 0.6rem;
  color: #ffffff;
  margin: 0.3rem auto 0;
}

.news_list .news_li .detail_left .advans {
  padding-bottom: 0.85rem;
  border-bottom: dashed 1px #cccccc;
}

.news_list .news_li .detail_left .condition {
  padding-top: 0.63rem;
  padding-bottom: 0.85rem;
  border-bottom: dashed 1px #cccccc;
}

.news_list .news_li .detail_left .condition ul {
  flex-wrap: wrap;
  padding: 0 1.3rem;
}

.news_list .news_li .detail_left .condition li {
  width: 50%;
  text-decoration: underline;
  font-size: 0.6rem;
  color: #5746c5;
  margin-bottom: 0.5rem;
  height: 1.02rem;
}

.news_list .news_li .detail_left .condition li:nth-child(2n) {
  justify-content: flex-end;
}

.news_list .news_li .detail_left .condition li.nomar {
  margin-bottom: 0;
}

.news_list .news_li .detail_left .condition li .img {
  width: 1.02rem;
  margin-right: 0.55rem;
  height: 1.02rem;
}

.news_list .news_li .detail_left .condition li img {
  height: 100%;
}

.news_list .news_li .detail_left .plan {
  padding-top: 0.63rem;
}

.news_list .news_li .detail_left .plan .t_title p {
  font-size: 0.68rem;
  width: auto;
}

.news_list .news_li .detail_left .plan .t_title span {
  font-size: 0.6rem;
}

.news_list .news_li .detail_left .plan .t_title img:nth-child(1) {
  top: 0;
}

.news_list .news_li .detail_left .plan .t_title img:nth-child(3) {
  bottom: 0;
  right: 0;
}

.news_list .news_li .detail_left .plan ul {
  width: 100%;
  flex-wrap: wrap;
  padding: 0 0.5rem;
}

.news_list .news_li .detail_left .plan ul p {
  text-align: left;
  margin-bottom: 0.3rem;
}

.news_list .news_li .detail_left .plan li {
  width: 5.35rem;
  height: 1.5rem;
  background-color: #5746c5;
  border-radius: 0.13rem;
  font-size: 0.55rem;
  color: #ffffff;
  margin-top: 0.3rem;
  position: relative;
}
.news_list .news_li .detail_left .plan li i{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 1.2rem;
  color: #ffffff;
  opacity: .2;
  line-height: 1.5rem;
  text-align: center;
  font-weight: 700;
}
.news_list .news_li .detail_left .ad {
  width: 100%;
  height: 2.15rem;
  padding: 0 0.5rem;
  margin-top: 0.38rem;
}

.news_list .news_li .detail_left .ad a {
  width: 100%;
  height: 100%;
  font-size: 0.68rem;
  color: #ffffff;
  background: url(/uploads/image/zmimg/ad.png) no-repeat;
  background-size: 100%;
  border-radius: 0.13rem;
  padding-left: 1.8rem;
}

.free-ask {
  width: 15.44rem;
  background: url(/uploads/image/zmimg/bg.png) repeat-y;
  background-size: 100%;
  border-radius: 0.26rem;
  margin: 0.57rem auto 0;
  padding: 0.6rem 0.6rem;
}

.free-ask .title,
.free-ask .tip {
  text-align: center;
}

.free-ask .title {
  font-size: 0.85rem;
  line-height: 1.7rem;
  color: #323232;
}

.free-ask .tip {
  font-size: 0.55rem;
  line-height: 1.25rem;
  color: #5746c5;
}

.free-ask .wrap {
  margin: 0.125rem 0 0 2.85rem;
}

.free-ask li {
  font-size: 0.6rem;
  line-height: 1.05rem;
  color: #848383;
}

.free-ask .dash-line {
  width: 100%;
  border-top: 1px dashed #d0cfcf;
  margin: 0.7rem auto 0.9rem;
}

.free-ask form {
  display: block;
  width: 11.2rem;
  margin: 0 auto;
}

.free-ask .item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.65rem;
}

.free-ask .item input,
.free-ask .item select {
  width: 8.5rem;
  height: 1.55rem;
  background: #f2f3f5;
  border-radius: 3px;
  font-size: 0.6rem;
  line-height: 1.55rem;
  padding: 0 0.85rem;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  border: none;
}

.free-ask .item select {
  color: #a3a3a3;
  background: #f2f3f5 url(/uploads/image/zmimg/icon_select.png) no-repeat 7.4rem 0.65rem;
  background-size: 0.4rem 0.25rem;
}

.free-ask ::-webkit-input-placeholder {
  color: #a3a3a3;
}

.free-ask :-moz-placeholder {
  color: #a3a3a3;
}

.free-ask ::-moz-placeholder {
  color: #a3a3a3;
}

.free-ask :-ms-input-placeholder {
  color: #a3a3a3;
}

.free-ask .icon {
  width: 0.6rem;
  height: 1.55rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 0.55rem 0.55rem;
}

.free-ask .icon-name {
  background-image: url(/uploads/image/zmimg/icon_name.png);
}

.free-ask .icon-city {
  background-image: url(/uploads/image/zmimg/icon_city.png);
  background-size: 0.4rem 0.55rem;
}

.free-ask .icon-tel {
  background-image: url(/uploads/image/zmimg/icon_tel.png);
}

.free-ask label {
  font-size: 0.55rem;
  line-height: 1.55rem;
  color: #323232;
}

.free-ask .submit {
  background: #5746c5;
  border-radius: 0.2rem;
  text-align: center;
  font-size: 0.6rem;
  line-height: 1.7rem;
  color: #fff;
  margin-top: 1.1rem;
}

.free-ask .data {
  text-align: center;
  font-size: 0.55rem;
  line-height: 1.65rem;
  color: #848383;
}

.free-ask,
.free-ask div,
.free-ask .item input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.free-ask .item {
  position: relative;
}

.free-ask .item input.form-code {
  width: 100%;
}

.free-ask .item .j_getcode {
  position: absolute;
  right: 0;
  width: 5.35rem;
  height: 1.55rem;
  line-height: 1.55rem;
  background: #5746c5;
  color: #fff;
  text-align: center;
  border-radius: 3px;
}

.layout {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 10;
  display: none;
}

.layout .content {
  width: 12.4rem;
  height: auto;
  background: #ffffff url(/uploads/image/zmimg/lay.png) no-repeat;
  background-position: top center;
  background-size: 100%;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  padding-top: 0.55rem;
  border-radius: 0.26rem;
  overflow: hidden;
  padding-bottom: 0.85rem;
}

.layout h3 {
  height: 1.02rem;
  font-size: 1.02rem;
  line-height: 1.02rem;
  letter-spacing: 0.1rem;
  margin-bottom: 0.35rem;
  color: #fff000;
}

.layout h3 span {
  position: relative;
  text-shadow: 0.05rem 0.09rem 0.43rem rgba(87, 70, 197, 0.75);
}

.layout .txt {
  height: 2.1rem;
}

.layout p {
  font-size: 0.5rem;
  line-height: 0.7rem;
  color: #ffffff;
}

.layout .txt p {
  padding: 0 10px;
}

.layout .txt p.leyu {
  color: #ffffff;
  text-decoration: underline;
  font-size: 0.6rem;
  margin-top: 10px;
}

.layout form {
  width: auto;
  padding: 0 0.85rem;
  box-sizing: border-box;
  margin-top: 0.7rem;
}

.layout form h4 {
  font-size: 0.85rem;
  line-height: 0.85rem;
  letter-spacing: 0.1rem;
  color: #2f25ba;
}

.layout form p {
  color: #1a1a1a;
  margin: 0.2rem auto 0.5rem;
}

.layout h4 img:nth-child(1) {
  width: 28px;
  position: relative;
  left: 16px;
  top: -2px;
}

.layout h4 img:nth-child(3) {
  position: relative;
  width: 23px;
  right: 16px;
  top: 4px;
}

.layout form .item {
  color: #999999;
  height: 1.65rem;
  background-color: #ffffff;
  border-radius: 0.13rem;
  border: solid 0.04rem #cccccc;
  margin-bottom: 0.2rem;
  overflow: hidden;
  padding-left: 0.4rem;
}

.layout form .item img {
  width: 8%;
  flex-shrink: 0;
}

.layout form .item.nomar {
  margin-bottom: 0;
}

.layout form .item input,
.layout form .item select {
  width: 100%;
  height: 100%;
  font-size: 0.55rem;
  color: #999999;
  padding-left: 15px;
  background-color: #ffffff;
  box-sizing: border-box;
}

.layout form .item input::placeholder {
  color: #999999;
}

.layout form .item select {
  background: #ffffff url(/uploads/image/zmimg/arrow.png) no-repeat;
  background-size: 5%;
  background-position: 96% center;
}

.layout form .btn {
  width: 100%;
  height: 1.63rem;
  background-image: linear-gradient(0deg,
      #ffd200 0%,
      #f9e14c 100%,
      #f9e14c 100%,
      #f9e14c 100%);
  border-radius: 0.8rem;
  font-size: 0.6rem;
  letter-spacing: 0.07rem;
  color: #1a1a1a;
  margin-top: 0.85rem;
}

.layout .close {
  width: 1.8rem;
  height: 1.8rem;
  position: absolute;
  top: 0;
  right: 0;
}