html {
  font-size: 1px;
}

footer {
  margin-top: 0rem;
}

body {
  min-width: 1200px;
}

.container-mask-header {
  height: 464rem;
  min-height: 320px;
}

.nav-wrapper-header .hover-nav-i .nav-link {
  color: #fff;
}

.load-aricle-more {
  width: 100%;
  margin: 30rem auto;
}

.load-aricle-more .more-links {
  cursor: pointer;
  width: 330rem;
  height: 50rem;
  line-height: 50rem;
  text-align: center;
  margin: 0px auto;
  border-radius: 100rem;
  background: white;
  font-size: 16rem;
  font-weight: 700;
  color: #ff6e00;
  border: 1px solid #ff6e00;
}

.container-box-banner {
  height: 10%;
  box-sizing: border-box;
  justify-content: space-between;
  position: relative;
}

.container-box-banner .bg-containr-mask {
  position: absolute;
  width: 100%;
  height: 100%;
  right: 0rem;
  bottom: 0rem;
  background: rgba(255, 255, 255, 0.92);
}

.container-box-banner .banner-bg-i {
  display: block !important;
}

.container-box-banner .container-banner {
  position: absolute;
  z-index: 21;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.container-box-banner .container-left-menus {
  padding: 32rem 16rem;
  border-radius: 4rem;
  background: white;
  box-shadow: 0rem 4rem 16rem 0rem rgba(0, 0, 0, 0.06);
  width: 15%;
  box-sizing: border-box;
  margin-right: 10rem;
}

.container-box-banner .container-left-menus .g-header-q .title {
  font-size: 20rem;
  width: 70%;
  font-weight: 600;
  color: #ff6e00;
  padding-bottom: 18rem;
  padding-left: 8rem;
  border-bottom: 1rem solid #ffe8d6;
  box-sizing: border-box;
}

.container-box-banner .container-left-menus .g-header-q .g-hot-icon {
  position: absolute;
  width: 50rem;
  height: 60rem;
  right: -4rem;
  top: -21rem;
}

.container-box-banner .container-left-menus .g-header-bottom {
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
}

.container-box-banner .container-left-menus .g-header-bottom .g-header-bottom-item {
  padding-top: 33rem;
  display: flex;
  align-items: center;
  margin-right: 20rem;
}

.container-box-banner .container-left-menus .g-header-bottom .g-header-bottom-item:nth-child(2n) {
  margin-right: 0rem;
}

.container-box-banner .container-left-menus .g-header-bottom .g-header-bottom-item .g-header-label {
  font-size: 16rem;
  letter-spacing: 0rem;
  color: #333333;
  margin-right: 4rem;
}

.container-box-banner .container-left-menus .g-header-bottom .g-header-bottom-item .g-header-label:hover {
  cursor: pointer;
  color: #ff6e00;
}

.container-box-banner .container-left-menus .g-header-bottom .g-header-bottom-item .g-header-img {
  width: 18rem;
  height: 18rem;
}

.container-box-banner .right-menus {
  flex: 1;
  overflow: hidden;
}

.container-box-banner .right-menus .swiper-banner-link {
  width: 100%;
  height: 100%;
}

.container-box-banner .right-menus .swiper-banner-link img {
  display: block;
  width: 100%;
}

.bg-contents {
  padding: 52rem 0rem;
  background: #fff;
  position: relative;
  z-index: 12;
}

.bg-contents .hot-quesition-list .hot-quesition-left {
  width: 75%;
}

.bg-contents .hot-quesition-list .hot-quesition-left .hot-quesition-header .left {
  padding-left: 14rem;
  width: 80%;
}

.bg-contents .hot-quesition-list .hot-quesition-left .hot-quesition-header .left .left-label {
  font-size: 26rem;
  font-weight: 500;
  letter-spacing: 0rem;
  margin-right: 5%;
}

.bg-contents .hot-quesition-list .hot-quesition-left .hot-quesition-header .left::after {
  content: "";
  display: block;
  position: absolute;
  width: 6rem;
  left: 0rem;
  height: 26rem;
  opacity: 1;
  border-radius: 211rem;
  top: 50%;
  transform: translateY(-50%);
  background: linear-gradient(180deg, #ff6f00 0%, #ffbd8a 100%);
}

.bg-contents .hot-quesition-list .hot-quesition-left .hot-quesition-header .left .right-pannel-boxs .quesition-item {
  font-size: 20rem;
  font-weight: 400;
  letter-spacing: 0rem;
  color: #333333;
  position: relative;
  margin-right: 20rem;
  /* width:14rem ; */
}

.bg-contents .hot-quesition-list .hot-quesition-left .hot-quesition-header .left .right-pannel-boxs .quesition-item.active {
  position: relative;
  color: #ff6e00;
}

.bg-contents .hot-quesition-list .hot-quesition-left .hot-quesition-header .left .right-pannel-boxs .quesition-item.active::after {
  content: "";
  background: url(/public_static_gk_list/images/juxing.png) center/cover no-repeat;
  display: block;
  position: absolute;
  width: 28rem;
  height: 11rem;
  bottom: -16.5rem;
  left: 50%;
  transform: translateX(-50%);
}

.bg-contents .hot-quesition-list .hot-quesition-left .hot-quesition-header .right-more-gq {
  font-size: 14rem;
  font-weight: 400;
  letter-spacing: 0rem;
  color: #666666;
}

.bg-contents .hot-quesition-list .hot-quesition-left .gq-list-box {
  display: none;
  margin-left: -20rem;
  margin-top: 12rem;
  position: relative;
}

.bg-contents .hot-quesition-list .hot-quesition-left .gq-list-box.active {
  display: block;
  overflow: hidden;
}

.bg-contents .hot-quesition-list .hot-quesition-left .gq-list-box.active::before {
  content: "";
  display: block;
  width: calc(100% - 20rem);
  left: 20rem;
  height: 1rem;
  position: absolute;
  background-color: #ff6e00;
}

.bg-contents .hot-quesition-list .hot-quesition-left .gq-list-box .gq-list-gq-item-info {
  padding: 30rem 20rem 30rem 20rem;
  box-sizing: border-box;
  transition: all 0.3s;
  position: relative;
  margin-right: 30rem;
}

.bg-contents .hot-quesition-list .hot-quesition-left .gq-list-box .gq-list-gq-item-info::after {
  content: "";
  display: block;
  width: calc(100% - 40rem);
  left: 20rem;
  bottom: 0rem;
  height: 1rem;
  position: absolute;
  background-color: #eeeeee;
}

.bg-contents .hot-quesition-list .hot-quesition-left .gq-list-box .gq-list-gq-item-info:hover {
  transform: scale(1) translateX(10rem);
  padding: 30rem 20rem !important;
  box-sizing: border-box;
  border-radius: 4rem;
  background: white;
  box-shadow: 0rem 0rem 30rem rgba(0, 0, 0, 0.15);
}

.bg-contents .hot-quesition-list .hot-quesition-left .gq-list-box .gq-list-gq-item-info:hover .right-title {
  color: #ff6e00 !important;
}

.bg-contents .hot-quesition-list .hot-quesition-left .gq-list-box .gq-list-gq-item-info:hover .header-c {
  color: #999 !important;
}

.bg-contents .hot-quesition-list .hot-quesition-left .gq-list-box .gq-list-gq-item-info .left-logo {
  width: 248rem;
  height: 140rem;
  margin-right: 23rem;
  min-width: 23rem;
}

.bg-contents .hot-quesition-list .hot-quesition-left .gq-list-box .gq-list-gq-item-info .right-item-info {
  flex: 1;
}

.bg-contents .hot-quesition-list .hot-quesition-left .gq-list-box .gq-list-gq-item-info .right-item-info .right-header .header-i {
  padding-bottom: 14rem;
}

.bg-contents .hot-quesition-list .hot-quesition-left .gq-list-box .gq-list-gq-item-info .right-item-info .right-header .header-i .left-tag {
  height: 22rem;
  line-height: 22rem;
  padding: 0rem 10rem;
  font-size: 14rem;
  font-weight: 400;
  color: #ff6e00;
  border-radius: 221rem;
  margin-right: 4rem;
  background: #fff0e5;
}

.bg-contents .hot-quesition-list .hot-quesition-left .gq-list-box .gq-list-gq-item-info .right-item-info .right-header .header-i .right-title {
  font-size: 21rem;
  font-weight: bolder;
  letter-spacing: 0rem;
  color: #333333;
}

.bg-contents .hot-quesition-list .hot-quesition-left .gq-list-box .gq-list-gq-item-info .right-item-info .right-header .header-i .right-title:hover {
  cursor: pointer;
  color: #ff6e00;
}

.bg-contents .hot-quesition-list .hot-quesition-left .gq-list-box .gq-list-gq-item-info .right-item-info .right-header .header-c {
  margin-bottom: 14rem;
  font-size: 16rem;
  font-weight: 400;
  letter-spacing: 0rem;
  line-height: 30rem;
  color: #666666;
  min-height: 20rem;
}

.bg-contents .hot-quesition-list .hot-quesition-left .gq-list-box .gq-list-gq-item-info .right-item-info .right-header .header-c:hover {
  cursor: pointer;
  color: #ff6e00;
}

.bg-contents .hot-quesition-list .hot-quesition-left .gq-list-box .gq-list-gq-item-info .right-item-info .right-header .header-c .hot-watch {
  color: #f63939;
}

.bg-contents .hot-quesition-list .hot-quesition-left .gq-list-box .gq-list-gq-item-info .right-item-info .right-header .header-f {
  font-size: 14rem;
  font-weight: 400;
  letter-spacing: 0rem;
}

.bg-contents .hot-quesition-list .hot-quesition-left .gq-list-box .gq-list-gq-item-info .right-item-info .right-header .header-f a {
 /* color: #999999 !important; */
}

.bg-contents .hot-quesition-list .hot-quesition-left .gq-list-box .gq-list-gq-item-info .right-item-info .right-header .header-f .left-city-v {
  margin: 0rem 5rem;
  color: #999999;
}

.bg-contents .hot-quesition-list .hot-quesition-left .gq-list-box .gq-list-gq-item-info .right-item-info .right-header .header-f .left-footer:hover {
  cursor: pointer;
  color: #ff6e00;
}

.bg-contents .hot-quesition-list .hot-quesition-left .gq-list-box .gq-list-gq-item-info .right-item-info .right-header .header-f .left-footer .footer-icon {
  width: 14rem;
  height: 14rem;
  margin-right: 8rem;
}

.bg-contents .hot-quesition-list .hot-quesition-left .gq-list-box .gq-list-gq-item-info .right-item-info .right-header .header-f .right-time-i {
  font-size: 14rem;
  color: #999999;
  margin-right: 20rem;
  display: flex;
  align-items: center;
}

.bg-contents .hot-quesition-list .hot-quesition-left .gq-list-box .gq-list-gq-item-info .right-item-info .right-header .header-f .right-time-i.active {
  color: #f63939;
}

.bg-contents .hot-quesition-list .hot-quesition-left .gq-list-box .gq-list-gq-item-info .right-item-info .right-header .header-f .right-time-i .eye-icons {
  width: 16rem;
  height: 16rem;
  margin-right: 4rem;
}

.right-pannel-box {
  width: 21%;
}

.right-pannel-box .ariclet-list-content-right .ariclet-right-zw {
  border-radius: 4rem;
  background: white;
  box-shadow: 0rem 4rem 16rem 0rem rgba(0, 0, 0, 0.06);
  padding: 14rem 20rem 20rem 20rem;
}

.right-pannel-box .ariclet-list-content-right .ariclet-right-zw .ariclet-header-left {
  font-size: 20rem;
  font-weight: 700;
  letter-spacing: 0rem;
  line-height: 28rem;
  color: #333333;
}

.right-pannel-box .ariclet-list-content-right .ariclet-right-zw .ariclet-header-left::before {
  content: "";
  display: block;
  position: absolute;
  width: 6rem;
  height: 56rem;
  border-radius: 0rem 10rem 10rem 0rem;
  opacity: 1;
  left: -20rem;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 0rem 100rem, 100rem, 0rem;
  background: linear-gradient(180deg, #ff6f00 0%, #ffbd8a 100%);
}

.right-pannel-box .ariclet-list-content-right .ariclet-right-zw .right-header-icon {
  width: 50rem;
  height: 50rem;
}

.right-pannel-box .ariclet-list-content-right .ariclet-right-zw .zw-city-label .ariclet-zw-block-i {
  padding: 25rem 0rem 17rem;
}

.right-pannel-box .ariclet-list-content-right .ariclet-right-zw .zw-city-label .ariclet-zw-block-i .ariclet-zw-block-pannel {
  display: none;
  padding: 19rem 18rem;
  border-radius: 4rem;
  background: white;
  border: 1rem solid #ff6e00;
  position: absolute;
  top: 45rem;
  width: 64%;
  z-index: 2222;
}

.right-pannel-box .ariclet-list-content-right .ariclet-right-zw .zw-city-label .ariclet-zw-block-i .ariclet-zw-block-pannel.active {
  display: block;
  cursor: pointer;
}

.right-pannel-box .ariclet-list-content-right .ariclet-right-zw .zw-city-label .ariclet-zw-block-i .ariclet-zw-block-pannel .ariclet-info-border {
  font-size: 16rem;
  font-weight: 400;
  letter-spacing: 0rem;
  color: #333333;
  margin-right: 13rem;
  margin-bottom: 16rem;
  display: inline-block;
}

.right-pannel-box .ariclet-list-content-right .ariclet-right-zw .zw-city-label .ariclet-zw-block-i .ariclet-zw-block-pannel .ariclet-info-border:nth-child(4n) {
  margin-right: 0rem;
}

.right-pannel-box .ariclet-list-content-right .ariclet-right-zw .zw-city-label .ariclet-zw-block-i .ariclet-zw-block-pannel .ariclet-info-border:hover {
  cursor: pointer;
  color: #ff6e00;
}

.right-pannel-box .ariclet-list-content-right .ariclet-right-zw .zw-city-label .city-label-left {
  font-size: 16rem;
  font-weight: 400;
  letter-spacing: 0rem;
  line-height: 16rem;
  color: #333333;
}

.right-pannel-box .ariclet-list-content-right .ariclet-right-zw .zw-city-label .position {
  width: 16rem;
  height: 18rem;
  margin-left: 5rem;
}

.right-pannel-box .ariclet-list-content-right .ariclet-right-zw .box {
  justify-content: space-between;
  height: 40rem;
  opacity: 1;
  border-radius: 4rem;
  background: white;
  border: 1rem solid #e0e0e0;
  padding: 0rem 10rem;
  font-size: 14rem;
  font-weight: 400;
  letter-spacing: 0rem;
  color: #666666;
}

.right-pannel-box .ariclet-list-content-right .ariclet-right-zw .box:hover {
  cursor: pointer;
}

.right-pannel-box .ariclet-list-content-right .ariclet-right-zw .go-select-zw {
  margin-top: 14rem;
  width: 100%;
  height: 44rem;
  text-align: center;
  font-size: 16rem;
  color: white;
  cursor: pointer;
  font-weight: 700;
  letter-spacing: 0rem;
  line-height: 44rem;
  opacity: 1;
  border-radius: 100rem;
  background: linear-gradient(180deg, #ff6e00 0%, #ffaa00 100%);
}

.right-pannel-box .ariclet-list-content-right .ariclet-right-tearcher {
  padding: 40rem 0rem;
}

.right-pannel-box .ariclet-list-content-right .ariclet-right-tearcher .tab-header {
  padding-bottom: 22rem;
  cursor: pointer;
}

.right-pannel-box .ariclet-list-content-right .ariclet-right-tearcher .tab-header .tab-item {
  font-size: 18rem;
  font-weight: 400;
  letter-spacing: 0rem;
  color: #666666;
  margin-left: 16rem;
}

.right-pannel-box .ariclet-list-content-right .ariclet-right-tearcher .tab-header .tab-item.active {
  font-size: 20rem;
  font-weight: 700;
  letter-spacing: 0rem;
  color: #333333;
  position: relative;
}

.right-pannel-box .ariclet-list-content-right .ariclet-right-tearcher .tab-header .tab-item.active::before {
  content: "";
  position: absolute;
  width: 36rem;
  height: 4rem;
  opacity: 1;
  border-radius: 100rem;
  background: #ff6e00;
  display: block;
  bottom: -8rem;
  left: 50%;
  transform: translateX(-50%);
}

.right-pannel-box .ariclet-list-content-right .ariclet-right-tearcher .aricle-tab-wraper-list {
  display: none;
  border-radius: 4rem;
  background: white;
  box-shadow: 0rem 4rem 16rem 0rem rgba(0, 0, 0, 0.06);
  box-sizing: border-box;
}

.right-pannel-box .ariclet-list-content-right .ariclet-right-tearcher .aricle-tab-wraper-list .aricle-tab-info {
  padding: 20rem 20rem 0rem;
}

.right-pannel-box .ariclet-list-content-right .ariclet-right-tearcher .aricle-tab-wraper-list .one {
  padding-bottom: 12rem;
  font-size: 14rem;
  font-weight: 700;
}

.right-pannel-box .ariclet-list-content-right .ariclet-right-tearcher .aricle-tab-wraper-list .one .free {
  color: #2abf81;
  margin-right: 8rem;
}

.right-pannel-box .ariclet-list-content-right .ariclet-right-tearcher .aricle-tab-wraper-list .one .time {
  color: #666666;
}

.right-pannel-box .ariclet-list-content-right .ariclet-right-tearcher .aricle-tab-wraper-list .two {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 20rem;
  border-bottom: 1rem solid #eeeeee;
}

.right-pannel-box .ariclet-list-content-right .ariclet-right-tearcher .aricle-tab-wraper-list .two:nth-child(2n) {
  border-bottom: none;
}

.right-pannel-box .ariclet-list-content-right .ariclet-right-tearcher .aricle-tab-wraper-list .two .label {
  font-size: 14rem;
  font-weight: 400;
  letter-spacing: 0rem;
  color: #999999;
}

.right-pannel-box .ariclet-list-content-right .ariclet-right-tearcher .aricle-tab-wraper-list .two .watch-time {
  width: 88rem;
  height: 32rem;
  opacity: 1;
  border-radius: 213rem;
  background: #fff5ed;
  text-align: center;
  line-height: 32rem;
  font-size: 14rem;
  font-weight: 700;
  letter-spacing: 0rem;
  color: #ff6e00;
}

.right-pannel-box .ariclet-list-content-right .ariclet-right-tearcher .aricle-tab-wraper-list .two .watch-time:hover {
  cursor: pointer;
}

.right-pannel-box .ariclet-list-content-right .ariclet-right-tearcher .aricle-tab-wraper-list .title {
  padding-bottom: 14rem;
  font-size: 16rem;
  font-weight: 700;
  letter-spacing: 0rem;
  line-height: 16rem;
  color: #333333;
}

.right-pannel-box .ariclet-list-content-right .ariclet-right-tearcher .aricle-tab-wraper-list.active {
  display: block;
}

.right-pannel-box .ariclet-list-content-right .ariclet-right-tearcher .aricle-tab-wraper-list.hot .hot-aricle {
  width: 100%;
}

.right-pannel-box .ariclet-list-content-right .ariclet-right-tearcher .aricle-tab-wraper-list.hot .hot-aricle img {
  width: 100%;
}

.right-pannel-box .ariclet-list-content-right .ariclet-right-tearcher .aricle-tab-wraper-list.hot .hot-aricle-header-left {
  padding-left: 18rem;
  margin: 17rem 0rem 16rem 0rem;
  font-size: 16rem;
  font-weight: 700;
  letter-spacing: 0rem;
  line-height: 16rem;
  color: #333333;
}

.right-pannel-box .ariclet-list-content-right .ariclet-right-tearcher .aricle-tab-wraper-list.hot .hot-aricle-header-left::before {
  content: "";
  display: block;
  position: absolute;
  width: 3rem;
  height: 18rem;
  border-radius: 0rem 10rem 10rem 0rem;
  left: 0rem;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 0rem 2rem, 2rem, 0rem;
  background: #ff6e00;
}

.right-pannel-box .ariclet-list-content-right .aricle-tab-info-i {
  padding: 0rem 16rem;
  font-size: 14rem;
  font-weight: 400;
  letter-spacing: 0rem;
}

.right-pannel-box .ariclet-list-content-right .aricle-tab-info-i .fisrset-title {
  font-size: 14rem;
  font-weight: 400;
  letter-spacing: 0rem;
  color: #333333;
  padding-bottom: 16rem;
}

.right-pannel-box .ariclet-list-content-right .aricle-tab-info-i .last-title {
  padding-left: 10rem;
}

.right-pannel-box .ariclet-list-content-right .aricle-tab-info-i .last-title .titles {
  padding-bottom: 15rem;
}

.right-pannel-box .ariclet-list-content-right .aricle-tab-info-i .last-title .titles:hover {
  color: #ff6e00;
  cursor: pointer;
}

.right-pannel-box .ariclet-list-content-right .aricle-tab-info-i .last-title .free {
  width: 40rem;
  height: 20.06rem;
  opacity: 1;
  border-radius: 4rem;
  background: #dff6ec;
  display: block;
  text-align: center;
  line-height: 20.06rem;
  font-size: 12rem;
  font-weight: 700;
  color: #2abf81;
  letter-spacing: 0rem;
}

.right-pannel-box .ariclet-list-content-right .ariclet-right-yuyue {
  padding: 23rem 20rem;
  border-radius: 4rem;
  background: white;
  box-shadow: 0rem 4rem 16rem 0rem rgba(0, 0, 0, 0.06);
}

.right-pannel-box .ariclet-list-content-right .ariclet-right-yuyue .ariclet-header-left {
  align-items: center;
  display: flex;
  font-size: 20rem;
  font-weight: 700;
  letter-spacing: 0rem;
  color: #333333;
}

.right-pannel-box .ariclet-list-content-right .ariclet-right-yuyue .ariclet-header-left::before {
  content: "";
  width: 6rem;
  height: 56rem;
  opacity: 1;
  display: block;
  position: absolute;
  border-radius: 0rem 10rem 10rem 0rem;
  left: -20rem;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 0rem 10rem, 10rem, 0rem;
  background: linear-gradient(180deg, #ff6f00 0%, #ffbd8a 100%);
}

.right-pannel-box .ariclet-list-content-right .ariclet-right-yuyue .banner-box {
  display: flex;
  justify-content: space-between;
  padding-bottom: 20rem;
}

.right-pannel-box .ariclet-list-content-right .ariclet-right-yuyue .banner-box .banner-item {
  text-align: center;
  width: 88rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 49rem;
  opacity: 1;
  border-radius: 100rem;
  background: #f7f8fa;
  font-size: 15rem;
  font-weight: 400;
  letter-spacing: 0rem;
  color: #5c6499;
}

.right-pannel-box .ariclet-list-content-right .ariclet-right-yuyue .banner-box .banner-item.active::after {
  content: "";
  width: 28rem;
  height: 21rem;
  display: block;
  position: absolute;
  background-image: url(/public_static_gk_list/images/lujing.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  position: absolute;
  right: 8rem;
  bottom: -5rem;
}

.right-pannel-box .ariclet-list-content-right .ariclet-right-yuyue .list-box .list-box-form-filed {
  border-radius: 4rem;
  background: white;
  border: 1rem solid #e0e0e0;
  height: 40rem;
  margin-bottom: 8rem;
}

.right-pannel-box .ariclet-list-content-right .ariclet-right-yuyue .list-box .p-20 {
  padding: 0rem 10rem;
}

.right-pannel-box .ariclet-list-content-right .ariclet-right-yuyue .list-box .p-l-20 {
  padding-left: 10rem;
}

.right-pannel-box .ariclet-list-content-right .ariclet-right-yuyue .list-box input {
  border: none;
  outline: none;
}

.right-pannel-box .ariclet-list-content-right .ariclet-right-yuyue .list-box .position-icon {
  width: 16rem;
  height: 18rem;
}

.right-pannel-box .ariclet-list-content-right .ariclet-right-yuyue .list-box .label {
  font-size: 14rem;
  font-weight: 400;
  color: #666666;
  letter-spacing: 0rem;
}

.right-pannel-box .ariclet-list-content-right .ariclet-right-yuyue .list-box .captcheDom {
  font-size: 14rem;
  font-weight: 700;
  letter-spacing: 0rem;
  color: #ff6e00;
  white-space: nowrap;
  position: absolute;
  right: 10rem;
  cursor: pointer;
}

.right-pannel-box .ariclet-list-content-right .ariclet-right-yuyue .list-box .form-checked {
  font-size: 14rem;
  font-weight: 400;
  letter-spacing: 0rem;
  color: #666666;
  align-items: flex-start;
}

.right-pannel-box .ariclet-list-content-right .ariclet-right-yuyue .list-box .form-checked .checked-icon {
  display: flex;
  align-items: flex-start;
}

.right-pannel-box .ariclet-list-content-right .ariclet-right-yuyue .list-box .form-checked .checked-icon img {
  margin-top: 2rem;
  margin-right: 5rem;
}

.right-pannel-box .ariclet-list-content-right .ariclet-right-yuyue .list-box .yuyueDom {
  height: 44rem;
  opacity: 1;
  text-align: center;
  margin-top: 20rem;
  font-size: 16rem;
  font-weight: 700;
  cursor: pointer;
  letter-spacing: 0rem;
  color: white;
  line-height: 44rem;
  border-radius: 100rem;
  background: linear-gradient(180deg, #ff6e00 0%, #ffaa00 100%);
}

.right-pannel-box .ariclet-list-content-right .ariclet-right-yuyue .right-header-icon {
  width: 50rem;
  height: 50rem;
}

.right-pannel-box .ariclet-list-content-right .selected-pannel,
.right-pannel-box .ariclet-list-content-right .recommendation {
  margin: 40rem 0rem 10rem;
}

.right-pannel-box .ariclet-list-content-right .selected-pannel .selected-pannel-header,
.right-pannel-box .ariclet-list-content-right .recommendation .selected-pannel-header {
  padding-left: 14rem;
}

.right-pannel-box .ariclet-list-content-right .selected-pannel .selected-pannel-header .selected-pannel-label,
.right-pannel-box .ariclet-list-content-right .recommendation .selected-pannel-header .selected-pannel-label {
  font-size: 22rem;
  font-weight: 700;
  letter-spacing: 0rem;
  color: #333333;
}

.right-pannel-box .ariclet-list-content-right .selected-pannel .selected-pannel-header .selected-pannel-more,
.right-pannel-box .ariclet-list-content-right .recommendation .selected-pannel-header .selected-pannel-more {
  font-size: 14rem;
  font-weight: 400;
  letter-spacing: 0rem;
  color: #666666;
}

.right-pannel-box .ariclet-list-content-right .selected-pannel .selected-pannel-header::after,
.right-pannel-box .ariclet-list-content-right .recommendation .selected-pannel-header::after {
  content: "";
  display: block;
  width: 6rem;
  position: absolute;
  height: 26rem;
  left: 0rem;
  top: 50%;
  transform: translateY(-50%);
  opacity: 1;
  border-radius: 211rem;
  background: linear-gradient(180deg, #ff6f00 0%, #ffbd8a 100%);
}

.right-pannel-box .ariclet-list-content-right .selected-pannel .download-select-list .select-item,
.right-pannel-box .ariclet-list-content-right .recommendation .download-select-list .select-item {
  padding: 20rem 0rem;
  border-bottom: 1rem solid #eeeeee;
  cursor: pointer;
}

.right-pannel-box .ariclet-list-content-right .selected-pannel .download-select-list .select-item .left-logo .left-logo-item,
.right-pannel-box .ariclet-list-content-right .recommendation .download-select-list .select-item .left-logo .left-logo-item {
  width: 36rem;
  height: 42rem;
  margin-right: 10rem;
}

.right-pannel-box .ariclet-list-content-right .selected-pannel .download-select-list .select-item .left-logo .right-box-c .left-top-title,
.right-pannel-box .ariclet-list-content-right .recommendation .download-select-list .select-item .left-logo .right-box-c .left-top-title {
  font-size: 16rem;
  font-weight: 400;
  letter-spacing: 0rem;
  color: #333333;
}

.right-pannel-box .ariclet-list-content-right .selected-pannel .download-select-list .select-item .left-logo .right-box-c .left-bottom-title,
.right-pannel-box .ariclet-list-content-right .recommendation .download-select-list .select-item .left-logo .right-box-c .left-bottom-title {
  color: #999999;
  font-size: 14rem;
  font-weight: 400;
  margin-top: 3rem;
}

.right-pannel-box .ariclet-list-content-right .selected-pannel .download-select-list .right-box,
.right-pannel-box .ariclet-list-content-right .recommendation .download-select-list .right-box {
  width: 80rem;
  height: 32rem;
  font-size: 14rem;
  font-weight: 700;
  letter-spacing: 0rem;
  border-radius: 213rem;
  background: white;
  border: 1rem solid #ffdbbf;
  color: #ff6e00;
}

.right-pannel-box .ariclet-list-content-right .selected-pannel .download-select-list .right-box .download-ions,
.right-pannel-box .ariclet-list-content-right .recommendation .download-select-list .right-box .download-ions {
  width: 18rem;
  height: 18rem;
  margin-right: 4rem;
}

.right-pannel-box .ariclet-list-content-right .recommendation {
  display: none;
  margin-top: 10rem !important;
}

.right-pannel-box .ariclet-list-content-right .recommendation.active {
  display: block;
}

.right-pannel-box .ariclet-list-content-right .recommendation .tab-change {
  width: 80rem;
  height: 28rem;
  cursor: pointer;
}

.right-pannel-box .ariclet-list-content-right .recommendation .download-recommend-info {
  padding: 24rem 0rem 0rem;
  box-sizing: border-box;
}

.right-pannel-box .ariclet-list-content-right .recommendation .download-recommend-info .left-recommend-logo {
  width: 121rem;
  height: 68rem;
  margin-right: 8rem;
}

.right-pannel-box .ariclet-list-content-right .recommendation .download-recommend-info .right-recommend-content .right-recommend-title {
  font-size: 16rem;
  font-weight: 400;
  letter-spacing: 0rem;
  color: #333333;
  min-height: 9rem;
}

.right-pannel-box .ariclet-list-content-right .recommendation .download-recommend-info .right-recommend-content .right-recommend-title:hover {
  color: #ff6e00;
  cursor: pointer;
}

.right-pannel-box .ariclet-list-content-right .recommendation .download-recommend-info .right-recommend-content .right-recommend-time {
  font-size: 14rem;
  margin-top: 10rem;
  font-weight: 400;
  color: #999999;
}

.form-phone::-webkit-input-placeholder,
.form-capthce::-webkit-input-placeholder {
  font-size: 13rem !important;
  font-weight: 400 !important;
  letter-spacing: 0px;
  color: #666666 !important;
}

.mclear {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/**

(min-width:1367rem) and (max-width:1460rem)
(min-width:1461rem)  and (max-width:1600rem)
(min-width:1601rem)

*/
@media screen and (max-width: 1300px) {
  .right-pannel-box {
    display: none !important;
  }

  .hot-quesition-left {
    width: 100% !important;
  }

  .right-pannel-list {
    transition: all .4s;
  }

  .right-pannel-boxs {
    width: 90%;
  }
}

@media screen and (max-width: 1360px) {
  .container-left-menus {
    width: 200px !important;
  }

  .container-left-menus .g-header-q .title {
    font-size: 18px !important;
  }

  .container-left-menus .g-header-bottom-item {
    padding-top: 22px !important;
  }

  .container-left-menus .g-header-img {
    width: 16px !important;
    height: 16px !important;
  }

  .container-left-menus .g-header-label {
    font-size: 14px !important;
  }

  .bg-contents .left-label {
    font-size: 18px !important;
  }

  .bg-contents .right-pannel-boxs .quesition-item {
    font-size: 16px !important;
  }

  .bg-contents .right-more-gq {
    font-size: 14px !important;
  }

  .gq-list-box .right-item-info .left-tag {
    height: 20px !important;
    line-height: 20px !important;
    font-size: 12px !important;
  }

  .gq-list-box .right-item-info .right-title {
    font-size: 16px !important;
  }

  .gq-list-box .right-item-info .header-c {
    font-size: 14px !important;
  }

  .gq-list-box .right-item-info .header-f .right-time-i {
    font-size: 12px !important;
  }

  .gq-list-box .right-item-info .header-f .right-time-i .eye-icons {
    width: 16px !important;
    height: 16px !important;
  }

  .gq-list-box .right-item-info .header-f .left-city-g {
    font-size: 12px !important;
  }
}

.gq-list-box .swiper-pagination-bullets {
  margin: 10rem 0rem;
  text-align: center;
}

.gq-list-box .swiper-pagination-bullets .swiper-pagination-bullet {
  background: rgba(255, 110, 0, 0.5);
}

.gq-list-box .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #ff6e00;
}

.gq-list-box .swiper-slide {
  width: 100%;
}

.bg-contents .hot-quesition-list .hot-quesition-left .hot-quesition-header .left .left-label {
  white-space: nowrap;
}

.right-pannel-boxs {
  /* border: 1px solid red; */
  overflow: hidden;
}

.right-pannel-list {
  /* width: 1485rem; */
  transition: all .4s;
}

.bg-contents .hot-quesition-list .hot-quesition-left .hot-quesition-header .left {
  width: 100%;
}

.bg-contents .hot-quesition-list .hot-quesition-left .hot-quesition-header .left .right-pannel-boxs .quesition-item {
  /* margin-right:24rem; */
  white-space: nowrap;
}

.hot-quesition-header {
  height: 60rem;
  line-height: 60rem;
}

.bg-contents .hot-quesition-list .hot-quesition-left .hot-quesition-header .left .right-pannel-boxs .quesition-item.active::after {
  content: "";
  bottom: 0rem;
}

.bg-contents .hot-quesition-list .hot-quesition-left .gq-list-box {
  margin-top: 0rem;
}

.scroll-setting-box {
  display: flex;
  align-items: center;
  margin-left: 23rem;
}

.left-page {
  margin-right: 10rem;
}

.commn-page:hover {
  cursor: pointer;
}

.bg-contents .hot-quesition-list .hot-quesition-left .hot-quesition-header .left .left-label {
  font-size: 26rem;
  font-weight: 500;
  letter-spacing: 0rem;
  margin-right: 26rem;
}

.left-box {
  width: 90%
}
 .bg-contents .hot-quesition-list .hot-quesition-left .hot-quesition-header .left .right-pannel-boxs .quesition-item {
            margin-right: 18rem;
            /* overflow; */
        }
        .right-pannel-boxs{
            width:83%
        }
        .swiper-banner-hot .swiper-slide{
            display: flex;
            
        }
        /* .left-page{} */

        .swiper-banner-hot{
            transition: all .2s;
        }