@charset "UTF-8";
.chat {
  width: 14rem;
  height: 14rem;
  margin: auto;
  position: relative;
}

.chat::before,
.chat::after {
  content: "";
  position: absolute;
  /*方便进行定位*/
  height: 14rem;
  width: 1.5rem;
  top: 2rem;
  right: 5rem;
  /*设置top和right使图像在20*20框中居中*/
  background: #1b67fc;
}

.chat::before {
  transform: rotate(45deg);
  /*进行旋转*/
}

.chat::after {
  transform: rotate(-45deg);
}

.aricleList-box {
  flex-direction: column;
  align-items: center;
  padding-bottom: 31rem;
  background: #f5f8fa;
}

.aricleList-box .aricle-list {
  margin-top: 31rem;
}

.aricleList-box .aricle-list .aricle-top-block {
  background: white;
  padding: 0rem 17rem 30rem;
}

.aricleList-box .aricle-list .aricle-top-block .selectWrapepr {
  padding: 30rem 10rem 13rem;
}

.aricleList-box .aricle-list .aricle-top-block .selectWrapepr .path-links {
  font-size: 18.46rem;
  font-weight: 700;
  letter-spacing: 0rem;
  color: rgba(56, 56, 56, 0.92);
}

.aricleList-box .aricle-list .aricle-top-block .selectWrapepr .position-icons {
  width: 17.62rem;
  height: 12.58rem;
  margin: 0rem 3rem;
}

.aricleList-box .aricle-list .aricle-top-block .selectWrapepr .checkAll .checkItem {
  height: 28.62rem;
  padding: 0rem 4rem;
  border-radius: 2.52rem;
  background: rgba(27, 103, 252, 0.13);
  line-height: 28.62rem;
  color: #2a82e4;
  cursor: pointer;
}

.aricleList-box .aricle-list .aricle-top-block .selectWrapepr .checkAll .checkItem .l {
  font-size: 16.78rem;
  font-weight: 400;
}

.aricleList-box .aricle-list .aricle-top-block .selectBox {
  border: 0.8rem solid #e5e5e5;
}

.aricleList-box .aricle-list .aricle-top-block .selectBox .select-item {
  height: 53rem;
  font-size: 18.46rem;
  font-weight: 400;
  letter-spacing: 0rem;
  line-height: 53rem;
  color: #383838;
}

.aricleList-box .aricle-list .aricle-top-block .selectBox .select-item:nth-child(2n) {
  border-bottom: none;
}

.aricleList-box .aricle-list .aricle-top-block .selectBox .select-item .left-item {
  padding: 0rem 10rem;
  width: 100rem;
}

.aricleList-box .aricle-list .aricle-top-block .selectBox .select-item .itemWrapper {
  width: 500rem;
  display: flex;
}

.aricleList-box .aricle-list .aricle-top-block .selectBox .select-item .itemWrapper .checked-item {
  flex: 1;
  text-align: center;
  cursor: pointer;
}

.aricleList-box .aricle-list .aricle-top-block .selectBox .select-item .itemWrapper .checked-item.active {
  color: #2a82e4;
}

.aricleList-box .aricle-list .aricle-wrapper {
  margin-top: 30rem;
}

.aricleList-box .aricle-list .aricle-wrapper-left {
  width: 956.38rem;
  margin-right: 31rem;
  background-color: #fff;
}

.aricleList-box .aricle-list .aricle-wrapper-left .aricle-path-links-wrapper .path-links-i {
  padding: 28rem 36rem;
  border-bottom: 0.84rem solid rgba(128, 128, 128, 0.2);
}

.aricleList-box .aricle-list .aricle-wrapper-left .aricle-path-links-wrapper .path-links-i:hover {
  cursor: pointer;
  background: #f7f8fb;
}

.aricleList-box .aricle-list .aricle-wrapper-left .aricle-path-links-wrapper .path-links-i .l .l-icon {
  margin-right: 30rem;
  width: 349.83rem;
  height: 175.34rem;
}

.aricleList-box .aricle-list .aricle-wrapper-left .aricle-path-links-wrapper .path-links-i .l .l-icon img {
  height: 100%;
}

.aricleList-box .aricle-list .aricle-wrapper-left .aricle-path-links-wrapper .path-links-i .l .r-aricle-info {
  width: 337.97rem;
  overflow: hidden;
}

.aricleList-box .aricle-list .aricle-wrapper-left .aricle-path-links-wrapper .path-links-i .l .r-aricle-info .title {
  font-size: 26.85rem;
  font-weight: 500;
  letter-spacing: 1.68rem;
  color: #383838;
  padding-bottom: 5rem;
}

.aricleList-box .aricle-list .aricle-wrapper-left .aricle-path-links-wrapper .path-links-i .l .r-aricle-info .tips {
  font-size: 18.46rem;
  font-weight: 400;
  color: rgba(242, 108, 12, 0.92);
  padding-bottom: 7rem;
}

.aricleList-box .aricle-list .aricle-wrapper-left .aricle-path-links-wrapper .path-links-i .l .r-aricle-info .contents {
  padding-left: 12rem;
  font-size: 15.94rem;
  font-weight: 400;
  color: gray;
  display: flex;
  flex-wrap: wrap;
  min-height: 61rem;
  position: relative;
  width: 100%;
}

.aricleList-box .aricle-list .aricle-wrapper-left .aricle-path-links-wrapper .path-links-i .l .r-aricle-info .contents .content-i {
  margin-right: 40rem;
  margin-bottom: 0rem;
  display: flex;
  position: relative;
}

.aricleList-box .aricle-list .aricle-wrapper-left .aricle-path-links-wrapper .path-links-i .l .r-aricle-info .contents .content-i:nth-child(2n) {
  margin-right: 0rem;
}

.aricleList-box .aricle-list .aricle-wrapper-left .aricle-path-links-wrapper .path-links-i .l .r-aricle-info .contents .content-i::before {
  content: "";
  display: block;
  position: absolute;
  width: 4.19rem;
  height: 4.19rem;
  background: #2a82e4;
  border-radius: 50%;
  left: -8rem;
  margin-top: 8rem;
}

.aricleList-box .aricle-list .aricle-wrapper-left .aricle-path-links-wrapper .path-links-i .l .r-aricle-info .price-box {
  display: flex;
  align-items: center;
  color: #383838;
  font-size: 18.46rem;
}

.aricleList-box .aricle-list .aricle-wrapper-left .aricle-path-links-wrapper .path-links-i .l .r-aricle-info .price-box .money {
  font-size: 29.36rem;
  font-weight: 400;
  letter-spacing: 0rem;
  line-height: 42.52rem;
  color: #d43030;
  position: relative;
}

.aricleList-box .aricle-list .aricle-wrapper-left .aricle-path-links-wrapper .path-links-i .l .r-aricle-info .price-box .money::before {
  content: "¥";
  display: block;
  position: absolute;
  font-size: 15rem;
  left: -7rem;
  bottom: -4rem;
}

.aricleList-box .aricle-list .aricle-wrapper-left .aricle-path-links-wrapper .path-links-i .r {
  margin-left: 62rem;
  width: 126.68rem;
  text-align: center;
  line-height: 37.75rem;
  height: 37.75rem;
  opacity: 1;
  border-radius: 2.52rem;
  background: rgba(255, 255, 255, 0);
  font-size: 18.46rem;
  font-weight: 400;
  color: gray;
  border: 0.84rem solid gray;
}

.aricleList-box .aricle-list .aricle-wrapper-left .aricle-path-links-wrapper .path-links-i .r:hover {
  cursor: pointer;
  background: #ff8000;
  color: #fff;
  border: none;
}

.aricleList-box .aricle-list .aricle-wrapper-left .aricle-top-group {
  display: flex;
  align-items: center;
  padding: 36rem 32rem 25rem;
}

.aricleList-box .aricle-list .aricle-wrapper-left .aricle-top-group .group-i {
  width: 71.92rem;
  height: 28.75rem;
  opacity: 1;
  margin-right: 32rem;
  border-radius: 5.03rem;
  background: rgba(240, 54, 34, 0);
  text-align: center;
  cursor: pointer;
  border: 0.84rem solid gray;
}

.aricleList-box .aricle-list .aricle-wrapper-left .aricle-top-group .group-i.active {
  background-color: #ff8000;
  color: #fff;
  border: none;
}

.aricleList-box .aricle-list .aricle-wrapper-left .aricle-top-group .group-i .l {
  font-size: 18.46rem;
  font-weight: 400;
  margin-right: 1rem;
}

.aricleList-box .aricle-list .aricle-wrapper-left .aricle-top-group .group-i .jiantou {
  width: 10.91rem;
  height: 15rem;
}

.aricleList-box .aricle-list .aricle-wrapper-right {
  flex: 1;
}

.aricleList-box .aricle-list .aricle-wrapper-right .top-airlce-form {
  height: 202.92rem;
  background-image: url(/public_common/aricleListResource/code_bg.png);
  background-position: center center;
  background-size: 100% 100%;
}

.aricleList-box .aricle-list .aricle-wrapper-right .top-airlce-form .img-inser {
  height: 100%;
}

.aricleList-box .aricle-list .aricle-wrapper-right .form-submit {
  padding: 10rem 20rem;
  background-color: #fff;
}

.aricleList-box .aricle-list .aricle-wrapper-right .form-submit .form-item {
  height: 78rem;
  display: flex;
  flex-direction: column;
  cursor: pointer;
  justify-content: center;
}

.aricleList-box .aricle-list .aricle-wrapper-right .form-submit .form-item .label {
  color: #383838;
  font-size: 18.46rem;
  padding-bottom: 5rem;
}

.aricleList-box .aricle-list .aricle-wrapper-right .form-submit .form-item .form-submit-yue {
  width: 220.15rem;
  height: 37.65rem;
  line-height: 37.65rem;
  text-align: center;
  opacity: 1;
  border-radius: 2.52rem;
  cursor: pointer;
  font-size: 20.13rem;
  font-weight: 500;
  color: white;
  background: linear-gradient(90deg, #ea5640 0%, #f79f40 100%);
}

.aricleList-box .aricle-list .aricle-wrapper-right .form-submit .form-item .search-input-name input {
  color: #a6a6a6;
  font-size: 13.42rem;
  font-weight: 400;
  border: none;
  outline: none;
  width: 100%;
  border-bottom: 0.42rem solid #e5e5e5;
}

.aricleList-box .aricle-list .aricle-wrapper-right .aricle-push-id {
  height: 134.97rem;
  background-image: url(/public_common/aricleListResource/code_bg.png);
  background-position: center center;
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0rem 25rem;
}

.aricleList-box .aricle-list .aricle-wrapper-right .aricle-push-id .left_code {
  width: 99.96rem;
  height: 116.61rem;
  background-image: url(/public_common/aricleResource/code_bg.png);
  background-position: center center;
  background-size: 100% 100%;
}

.aricleList-box .aricle-list .aricle-wrapper-right .aricle-push-id .left_code img {
  width: 92.65rem;
  height: 92.74rem;
}

.aricleList-box .aricle-list .aricle-wrapper-right .aricle-push-id .left_code .bottom-c {
  font-size: 11.74rem;
  font-weight: 400;
  padding-right: 6rem;
  text-align: center;
  color: black;
}

.aricleList-box .aricle-list .aricle-wrapper-right .aricle-push-id .left_code .bottom-c .wxTitle {
  color: #227de6;
  font-weight: 500;
}

.aricleList-box .aricle-list .aricle-wrapper-right .aricle-push-id .right-aricle {
  display: flex;
  flex-wrap: wrap;
  flex: 1;
  align-items: center;
}

.aricleList-box .aricle-list .aricle-wrapper-right .aricle-push-id .right-aricle .i-i {
  width: 71.55rem;
  height: 23.87rem;
  text-align: center;
  line-height: 23.87rem;
  font-size: 15.1rem;
  color: white;
  margin-right: 10rem;
  margin-bottom: 28rem;
  border-radius: 49.5rem;
  background: rgba(15, 97, 191, 0.35);
  border: 0.84rem solid rgba(30, 148, 227, 0);
}

.aricleList-box .aricle-list .aricle-wrapper-right .aricle-push-id .right-aricle .i-i:nth-child(3) {
  margin-bottom: 0rem;
}

.aricleList-box .aricle-list .aricle-wrapper-right .aricle-push-id .right-aricle .i-i:nth-child(4) {
  margin-bottom: 0rem;
}