/* 首页 */
@import url("http://at.alicdn.com/t/c/font_3623110_kzkbb8k39of.css");
/* 列表 */
@import url("http://at.alicdn.com/t/c/font_3623124_6tl13x5oev.css");

body {
  padding-top: 2.5067rem;
  padding-bottom: 1.1733rem;
}
.links .link-qa {
  position: relative;
  color: #326cf6 !important;
  font-weight: bold;
}
.links .link-qa::after {
  position: absolute;
  content: "";
  bottom: -0.1rem;
  left: 50%;
  transform: translateX(-50%);
  width: 0.44rem;
  height: 0.0667rem;
  background-color: #326cf6;
  border-radius: 0.0267rem;
}
.bg {
  width: 100%;
  background: url(http://wap.mobiletrain.org/images/index/banner-bg.png)
    no-repeat;
  background-size: 100% 7.2rem;
  background-position: center top;
}
.bread_list {
  font-size: 0.3467rem;
  color: #666666;
  width: 92%;
  margin: 0 auto 0.4rem auto;
  padding-top: 0.4rem;
}
.bread_list span,
.bread_list a {
  font-size: 0.3467rem;
  color: #666666;
}
.content {
  width: 91.73%;
  margin: 0 auto;
}

.content .con-ques {
  background: #ffffff;
  border-radius: 0.16rem;
  margin: 0 auto;
  padding: 0.4rem 0.2667rem 0.5333rem 0.4rem;
}
.content .con-ques .con-ques-tit {
  display: flex;
  align-items: center;
  color: #333333;
  font-size: 0.4rem;
  font-weight: bold;
  margin-bottom: 0.08rem;
}
.content .con-ques .con-ques-tit img {
  width: 0.56rem;
  margin-right: 0.2667rem;
}
.content .con-ques .con-ques-info {
  display: flex;
  align-items: center;
}
.content .con-ques .con-ques-info span {
  font-size: 0.32rem;
  color: #999999;
}
.content .con-ques .con-ques-info span:nth-child(1) {
  border-radius: 0.0667rem;
  border: solid 1px #cccccc;
  font-size: 0.2933rem;
  padding: 0.0333rem 0.2667rem;
  margin-left: 0.8267rem;
}
.content .con-ques .con-ques-info span:nth-child(2) {
  margin: auto 0.2933rem;
}
.content .con-ques .con-ques-subtitle {
  line-height: 0.64rem;
  font-size: 0.32rem;
  color: #666666;
  padding-left: 0.8267rem;
  margin-top: 0.1333rem;
}
.content .con-ques a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.8533rem;
  height: 0.5467rem;
  border-radius: 0.1067rem;
  border: solid 1px #326cf6;
  margin-left: 6.5333rem;
  margin-top: 0.1333rem;
  color: #326cf6;
  font-size: 0.2667rem;
}
.content .con-ques a i {
  font-size: 0.2133rem;
  margin-left: 0.0533rem;
}

.content .con-ans .con-ans-tit {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.2933rem;
  color: #999999;
  margin-bottom: 0.4rem;
  margin-top: 0.4533rem;
}
.content .con-ans .con-ans-tit span:nth-child(1) {
  color: #000000;
  font-size: 0.4rem;
  font-weight: bold;
}
.content .con-ans .con-ans-tit span:nth-child(2) {
  position: relative;
}
.content .con-ans .con-ans-tit span:nth-child(2)::before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -0.4rem;
  width: 0.28rem;
  height: 0.28rem;
  border: solid 1px #cccccc;
  border-radius: 50%;
  content: "";
}
.content .con-ans .con-ans-tit span:nth-child(2)::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -0.34rem;
  width: 0.16rem;
  height: 0.16rem;
  border: solid 1px #cccccc;
  border-radius: 50%;
  content: "";
}
.content .con-ans .con-ans-tit i {
  font-weight: normal;
  color: #ff6600;
  font-size: 0.5333rem;
  margin-right: 0.1067rem;
}

.content .con-ans-con p {
  font-size: 0.3733rem;
  color: #666;
  line-height: 2;
  word-break: break-all;
}
.content .con-ans-con p a {
  font-size: 0.3733rem;
  color: #333333;
}
.content .con-ans-con p img {
  display: block;
  width: 100%;
  margin: 0.3733rem auto;
  border-radius: 0.1333rem;
}

.content .content-link {
  margin-top: 0.5333rem;
  margin-bottom: 0.4rem;
}
.content .content-link a {
  display: block;
  font-size: 0.3733rem;
  color: #666666;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 100%;
}
.content .content-link div {
  display: flex;
  align-items: center;
  height: 1.8533rem;
  background-color: #f3f7ff;
  border-radius: 0.1333rem;
  padding-right: 0.32rem;
  margin-bottom: 0.2667rem;
}
.content .content-link div span:nth-child(2) {
  font-weight: bold;
  font-size: 0.4rem;
  color: #333333;
  width: 3.1333rem;
}
.content .content-link div span.listiconfont {
  font-size: 0.6133rem;
  color: #326cf6;
  margin: 0 0.4rem;
}
.c_xgwz_container {
  background-color: #ffffff;
  border-radius: 0.16rem;
  padding: 0.4rem;
  box-shadow: 0px 0px 0.2667rem 0px rgba(50, 108, 246, 0.1);
  margin-top: 0.1333rem;
}

.c_xgwz_list .c_xgwz_list_item {
  display: flex;
  align-items: center;
  margin-top: 0.6rem;
}
.c_xgwz_list .c_xgwz_list_item a {
  font-size: 0.4rem;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c_xgwz_list .listicon-youjiantou {
  color: #cccccc;
  font-size: 0.4667rem;
  margin-right: 0.2133rem;
}

.con-bg1 {
  display: block;
  width: 9.2rem;
  height: 3.0267rem;
  background: url(http://wap.mobiletrain.org/images/lists/qa-ad.png) no-repeat;
  background-size: 100%;
  border-radius: 0.2667rem;
  margin: 0.5333rem auto;
}

.rela-article {
  position: relative;
  background-color: #ffffff;
  border-radius: 0.16rem;
  padding: 0.4rem 0.4rem 0.6667rem 0.4rem;
  margin-bottom: 0.2667rem;
}
.rela-article .art-tit span i {
  color: #fe6000;
}

.art-tit {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.art-tit span {
  font-size: 0.4533rem;
  font-weight: bold;
  color: #000;
}
.art-tit span i {
  font-size: 0.48rem;
  font-weight: normal;
  color: #326cf6;
  margin-right: 0.24rem;
}
.art-tit a {
  width: 1.76rem;
  height: 0.56rem;
  line-height: 0.56rem;
  background-color: #fe6000;
  border-radius: 0.28rem;
  font-size: 0.3467rem;
  color: #ffffff;
  text-align: center;
}
.swiper-button-prev-hot {
  display: none;
}
.swiper-button-next-hot {
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url();
  width: 1.76rem;
  height: 0.5733rem;
  border-radius: 0.2933rem;
  border: solid 1px #fe6000;
  top: 0.98rem;
  right: 0.4rem;
  box-sizing: border-box;
  color: #ff6600;
  font-size: 0.32rem;
}
.swiper-button-next-hot .listicon-huanyihuan {
  font-size: 0.3333rem;
  margin-right: 0.08rem;
}
/* .rela-article .rela-article-item {
  display: flex;
  align-items: center;
}
.rela-article .rela-article-item i {
  width: 0.4667rem;
  height: 0.4667rem;
  background: rgba(50, 108, 246, 0.2);
  text-align: center;
  border-radius: 50%;
  font-size: 0.2667rem;
  color: #000;
  line-height: 0.4667rem;
  margin-right: 0.2133rem;
}
.rela-article .rela-article-item .i1 {
  width: 0.4133rem;
  height: 0.5467rem;
  font-size: 0;
  background: url(http://wap.mobiletrain.org/images/lists/rank1.png) no-repeat;
  background-size: 0.4133rem 0.5467rem;
  border-radius: 0;
}
.rela-article .rela-article-item .i2 {
  width: 0.4133rem;
  height: 0.5467rem;
  font-size: 0;
  background: url(http://wap.mobiletrain.org/images/lists/rank2.png) no-repeat;
  background-size: 0.4133rem 0.5467rem;
  border-radius: 0;
}
.rela-article .rela-article-item .i3 {
  width: 0.4133rem;
  height: 0.5467rem;
  font-size: 0;
  background: url(http://wap.mobiletrain.org/images/lists/rank3.png) no-repeat;
  background-size: 0.4133rem 0.5467rem;
  border-radius: 0;
}
.rela-article .rela-article-item p {
  color: #333333;
  font-size: 0.4rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
} */
.swiper-hot {
  height: 2.9067rem;
  margin-top: 0.4267rem;
}
.user-info {
  display: flex;
  align-items: center;
  margin-top: 0.4rem;
  margin-bottom: 0.2667rem;
  font-size: 0.32rem;
  color: #999999;
}
.user-info img {
  width: 0.8267rem;
  height: 0.8267rem;
}
.user-info h3 {
  font-weight: bold;
  font-size: 0.3733rem;
  color: #000000;
  margin-left: 0.2133rem;
  margin-right: 0.4rem;
}
.con-ans-tit2 {
  font-size: 0.4rem;
  color: #000000;
  font-weight: bold;
  margin-top: 0.5333rem;
}
.con-ans-tit2 i {
  color: #326cf6;
  font-size: 0.4667rem;
  margin-right: 0.16rem;
}
.user-content {
  background-color: #f3f7ff;
  border-radius: 0.1333rem;
  padding: 0.4rem 0.2667rem;
  font-size: 0.3733rem;
  color: #333;
  line-height: 2;
  word-break: break-all;
}
.hot-label {
  background-color: #ffffff;
  border-radius: 0.16rem;
  padding: 0.4rem;
  box-shadow: 0rem 0rem 0.2667rem 0rem rgba(50, 108, 246, 0.1);
  margin-top: 0.6667rem;
  margin-bottom: 0.4rem;
}
.hot-label .hot-label-con {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.2667rem;
}
.hot-label .hot-label-con a {
  padding: 0.1067rem 0.2667rem;
  background-color: #f4f4f4;
  border-radius: 0.1333rem;
  font-size: 0.2933rem;
  color: #666;
  margin-right: 0.2133rem;
  margin-bottom: 0.2133rem;
}
#show {
  padding: 0.2rem 0.3rem;
  border-radius: 0.4067rem;
  background: #326cf6;
  font-weight: bold;
  color: #fff;
  font-size: 0.2667rem;
  width: 4rem;
  text-align: center;
  margin: 0.3rem auto;
}
.hot-channel {
  padding-top: 0.6667rem;
  padding-bottom: 0.4533rem;
}
.hot-channel .hot-channel-lists {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.hot-channel .hot-channel-item {
  display: flex;
  align-items: center;
  width: 4.4133rem;
  height: 1.84rem;
  background-color: #ffffff;
  box-shadow: 0rem 0rem 0.1333rem 0rem rgba(153, 153, 153, 0.1);
  border-radius: 0.08rem;
  margin-top: 0.4rem;
}
.hot-channel .hot-channel-item .hot-channel-item-left {
  position: relative;
}

.hot-channel .hot-channel-item .hot-channel-item-left::before {
  content: "";
  position: absolute;
  top: -0.0933rem;
  left: 0.2rem;
  width: 0.5467rem;
  height: 0.5467rem;
  border-radius: 50%;
  background-color: #326cf6;
}
.hot-channel .hot-channel-item .hot-channel-item-left.bg2::before {
  background-color: #02bf5f;
}
.hot-channel .hot-channel-item .hot-channel-item-left.bg3::before {
  background-color: #ff6c00;
}
.hot-channel .hot-channel-item .hot-channel-item-left.bg4::before {
  background-color: #f10346;
}
.hot-channel .hot-channel-item .hot-channel-item-left i {
  position: relative;
  display: block;
  width: 0.88rem;
  height: 0.88rem;
  line-height: 0.88rem;
  background-color: rgba(192, 211, 255, 0.7);
  border-radius: 50%;
  text-align: center;
  margin-right: 0.2667rem;
  margin-left: 0.4rem;
  color: #ffffff;
  font-size: 0.48rem;
  text-shadow: 0px 0px 0.0267rem rgba(27, 127, 216, 0.3);
}
.hot-channel .hot-channel-item .hot-channel-item-left.bg2 i {
  background-color: rgba(201, 254, 227, 0.7);
}
.hot-channel .hot-channel-item .hot-channel-item-left.bg3 i {
  background-color: rgba(255, 229, 210, 0.7);
}
.hot-channel .hot-channel-item .hot-channel-item-left.bg4 i {
  background-color: rgba(255, 210, 223, 0.7);
}
.hot-channel .hot-channel-item .hot-channel-item-left i.listicon-tiku {
  text-shadow: 0px 0px 0.0267rem rgba(2, 191, 95, 0.3);
}
.hot-channel .hot-channel-item .hot-channel-item-left i.listicon-fabujishu {
  text-shadow: 0px 0px 0.0267rem rgba(255, 108, 0, 0.3);
}
.hot-channel
  .hot-channel-item
  .hot-channel-item-left
  i.listicon-minzhengtubiao1-46 {
  text-shadow: 0px 0px 0.0267rem rgba(241, 3, 70, 0.3);
}
.hot-channel .hot-channel-item .hot-channel-item-right p {
  color: #999999;
  font-size: 0.2667rem;
  padding-right: 0.2rem;
}
.hot-channel .hot-channel-item .hot-channel-item-right h3 {
  font-size: 0.3733rem;
  color: #000;
  font-weight: bold;
}
.hot-channel .tit {
  font-size: 0.4533rem;
  font-weight: bold;
  color: #000;
}