/*产品-入职通*/
.colored-button {
  border: none;
  outline: none;
  border-radius: 25px;
  background: linear-gradient(0deg, #e96300 0, #f9b000 100%);
  padding-left: 0.54666667rem;
  padding-right: 0.54666667rem;
}
.colored-button a {
  font-size: 0.32rem;
  font-weight: 400;
  color: #ffffff;
}
/*// .tip-change的高度
@tipChangeHeight: 50px;
// .top-wrapper的高度
@topWrapperHeight: 60px;
// 顶部导航栏的高度,由上述变量相加而得
@topHeight: @tipChangeHeight + @topWrapperHeight;

// 配色
@siteColor: #eb651b;

[class$="page"]{
  padding-top: @topHeight;
}

.img-m{
  position: relative;
  img{
    width: 100%;
    display: block;
  }
}

.button{
  color: #fff;
  width: 160px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  outline: none;
  border: none;
  border-radius: 50px;
  background: #3c9dff;
  cursor: pointer;
}*/
.Entry-through {
  width: 100%;
  margin: 0;
}
.Entry-through .banner {
  width: 100%;
  height: 5.86666667rem;
  padding-top: 2.61333333rem;
  background: url('/static/men/img/product/ruzhitong/banner@2x.jpg');
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
}
[data-dpr="3"] .Entry-through .banner {
  background: url('/static/men/img/product/ruzhitong/banner@3x.jpg') no-repeat;
  background-size: 100% 100%;
}
.Entry-through .banner a {
  display: inline-block;
  font-size: 0.32rem;
  margin-left: 3.57333333rem;
  padding-top: 0.26666667rem;
  padding: 0.08rem 0.70666667rem;
  border-radius: 0.8rem;
  color: #fff;
  background: linear-gradient(to right, #51c2cd, #8cc33f);
}
.Entry-through .banner h4 {
  width: 100%;
  font-size: 0.48rem;
  color: #333 !important;
  text-align: center;
  font-weight: normal !important;
}
.Entry-through .Entry-problem {
  width: 100%;
  padding-top: 0.53333333rem;
  box-sizing: border-box;
}
.Entry-through .Entry-problem h4 {
  font-size: 0.45333333rem;
  color: #000;
  text-align: center;
  line-height: 0.45333333rem;
}
.Entry-through .Entry-problem .en-title {
  margin-bottom: 0.6rem;
  font-size: 0.32rem;
  text-align: center;
  color: #666;
}
.Entry-through .Entry-problem .problem-list {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
  background: url('/static/m/img/product/ruzhitong/r17@2x.png') no-repeat center;
  -webkit-background-size: cover;
  background-size: cover;
}
[data-dpr="3"] .Entry-through .Entry-problem .problem-list {
  background: url("/static/m/img/product/ruzhitong/r17@3x.png") no-repeat center;
  background-size: cover;
}
.Entry-through .Entry-problem .problem-list li {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  margin-bottom: 1rem;
}
.Entry-through .Entry-problem .problem-list li h5 {
  font-size: 0.45333333rem;
  color: #000;
  text-align: center;
}
.Entry-through .Entry-problem .problem-list li em {
  display: inline-block;
  width: 1.16666667rem;
  height: 1.06666667rem;
  margin-bottom: 0.26666667rem;
  background: url('/static/m/img/product/ruzhitong/r1@2x.png') no-repeat center left;
  -webkit-background-size: auto 100%;
  background-size: auto 100%;
}
[data-dpr="3"] .Entry-through .Entry-problem .problem-list li em {
  background: url("/static/m/img/product/ruzhitong/r1@3x.png") no-repeat center left;
  background-size: auto 100%;
}
.Entry-through .Entry-problem .problem-list li .icon-img {
  background: url('/static/m/img/product/ruzhitong/r1@2x.png') no-repeat -42.5px center;
  -webkit-background-size: auto 100%;
  background-size: auto 100%;
}
[data-dpr="3"] .Entry-through .Entry-problem .problem-list li .icon-img {
  background: url("/static/m/img/product/ruzhitong/r1@3x.png") no-repeat -42.5px center;
  background-size: auto 100%;
}
.Entry-through .Entry-problem .problem-list li .icon-img1 {
  background: url('/static/m/img/product/ruzhitong/r1@2x.png') no-repeat 48% center;
  -webkit-background-size: auto 100%;
  background-size: auto 100%;
}
[data-dpr="3"] .Entry-through .Entry-problem .problem-list li .icon-img1 {
  background: url("/static/m/img/product/ruzhitong/r1@3x.png") no-repeat 48% center;
  background-size: auto 100%;
}
.Entry-through .Entry-problem .problem-list li .icon-img2 {
  background: url('/static/m/img/product/ruzhitong/r1@2x.png') no-repeat 75% center;
  -webkit-background-size: auto 100%;
  background-size: auto 100%;
}
[data-dpr="3"] .Entry-through .Entry-problem .problem-list li .icon-img2 {
  background: url("/static/m/img/product/ruzhitong/r1@3x.png") no-repeat 75% center;
  background-size: auto 100%;
}
.Entry-through .Entry-problem .problem-list li .icon-img3 {
  background: url('/static/m/img/product/ruzhitong/r1@2x.png') no-repeat right center;
  -webkit-background-size: auto 100%;
  background-size: auto 100%;
}
[data-dpr="3"] .Entry-through .Entry-problem .problem-list li .icon-img3 {
  background: url("/static/m/img/product/ruzhitong/r1@3x.png") no-repeat right center;
  background-size: auto 100%;
}
.Entry-through .Entry-problem .problem-list li p {
  font-size: 0.34666667rem;
  text-align: center;
  color: #666;
}
.Entry-through .Entry-problem .problem-list li .flow-line {
  width: 0.12rem;
  height: 0.88rem;
  margin-top: 0.26666667rem;
  background: url('/static/m/img/product/ruzhitong/r2@2x.png') no-repeat center left;
  -webkit-background-size: auto 100%;
  background-size: auto 100%;
}
[data-dpr="3"] .Entry-through .Entry-problem .problem-list li .flow-line {
  background: url("/static/m/img/product/ruzhitong/r2@3x.png") no-repeat center left;
  background-size: auto 100%;
}
.Entry-through .Entry-center {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 5.86666667rem;
  color: #fff;
  background: url('/static/m/img/product/ruzhitong/rzt_bg.png');
  background-size: 100% 100%;
}
.Entry-through .Entry-center h1 {
  font-size: 0.5rem;
  font-weight: bold;
}
.Entry-through .Entry-center p {
  font-size: 0.34rem;
  margin: 15px 0;
}
.Entry-through .Entry-center a {
  display: inline-block;
  font-size: 0.32rem;
  padding: 0.2rem 0.70666667rem;
  border-radius: 0.8rem;
  color: #fff;
  border: 1px solid #fff;
}
.Entry-through .through-flow {
  width: 100%;
  margin-top: 0.53333333rem;
}
.Entry-through .through-flow h5 {
  font-size: 0.45333333rem;
  color: #000000;
  text-align: center;
}
.Entry-through .through-flow p {
  margin-top: 0.37333333rem;
  margin-bottom: 0.8rem;
  text-align: left;
  color: #666;
  line-height: 0.53333333rem;
}
.Entry-through .through-flow .flow-img {
  height: 8.9rem;
  margin-bottom: 0.8rem;
  background: url('/static/m/img/product/ruzhitong/step 3@2x.png');
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  margin-top: 0.8rem;
}
[data-dpr="3"] .Entry-through .through-flow .flow-img {
  background: url("/static/m/img/product/ruzhitong/step 3@3x.png") no-repeat;
  background-size: 100% auto;
}
.Entry-through .through-center {
  width: 100%;
  padding-top: 0.66666667rem;
  background: url('/static/m/img/product/ruzhitong/r16@2x.png');
  -webkit-background-size: cover;
  background-size: cover;
}
[data-dpr="3"] .Entry-through .through-center {
  background: url("/static/m/img/product/ruzhitong/r16@3x.png") no-repeat;
  background-size: cover;
}
.Entry-through .through-center h5 {
  font-size: 0.45333333rem;
  color: #fff;
  text-align: center;
  font-weight: bold;
}
.Entry-through .through-center p {
  margin-top: 0.4rem;
  margin-bottom: 0.26666667rem;
  font-size: 0.42666667rem;
  text-align: left;
  color: #fff;
  line-height: 0.53333333rem;
}
.Entry-through .through-center .tissue {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 0.82666667rem;
}
.Entry-through .through-center .tissue li {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 30%;
}
.Entry-through .through-center .tissue li img {
  display: none;
}
.Entry-through .through-center .tissue li em {
  display: inline-block;
  width: 1.18666667rem;
  height: 0.89333333rem;
  background: url('/static/m/img/product/ruzhitong/r7@2x.png') no-repeat 4px center;
  -webkit-background-size: auto 100%;
  background-size: auto 100%;
}
[data-dpr="3"] .Entry-through .through-center .tissue li em {
  background: url("/static/m/img/product/ruzhitong/r7@3x.png") no-repeat 4px center;
  background-size: auto 100%;
}
.Entry-through .through-center .tissue li .middle-icon1 {
  background: url('/static/m/img/product/ruzhitong/r7@2x.png') no-repeat -47px center;
  -webkit-background-size: auto 100%;
  background-size: auto 100%;
}
[data-dpr="3"] .Entry-through .through-center .tissue li .middle-icon1 {
  background: url("/static/m/img/product/ruzhitong/r7@3x.png") no-repeat -47px center;
  background-size: auto 100%;
}
.Entry-through .through-center .tissue li .middle-icon2 {
  background: url('/static/m/img/product/ruzhitong/r7@2x.png') no-repeat center right;
  -webkit-background-size: auto 100%;
  background-size: auto 100%;
}
[data-dpr="3"] .Entry-through .through-center .tissue li .middle-icon2 {
  background: url("/static/m/img/product/ruzhitong/r7@3x.png") no-repeat center right;
  background-size: auto 100%;
}
.Entry-through .through-center .tissue-active {
  display: block;
}
.Entry-through .through-center .tissue-active img {
  display: block !important;
}
.Entry-through .through-center .tissue-line {
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, #4bc2db, #90c335);
}
.Entry-through .through-center .tissue-lists {
  position: relative;
  width: 100%;
}
.Entry-through .through-center .tissue-lists ul {
  display: none;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  width: 90%;
  margin: 0.66rem auto 0;
}
.Entry-through .through-center .tissue-lists ul li {
  width: 50%;
  margin-bottom: 0.8rem;
  padding-left: 0.26666667rem;
  text-align: left;
  color: #fff;
  height: 2rem;
}
.Entry-through .through-center .tissue-lists ul li h6 {
  font-size: 0.37333333rem;
  font-weight: bold;
}
.Entry-through .through-center .tissue-lists ul li p {
  width: 80%;
  margin-top: 0.13333333rem;
  font-size: 0.32rem;
  text-align: left;
  color: #fff;
  line-height: 0.53333333rem;
}
.Entry-through .through-center .tissue-lists .tissue-lists-active {
  display: flex;
}
.Entry-through .entry-through-member {
  width: 100%;
  text-align: center;
}
.Entry-through .entry-through-member h5 {
  margin-top: 0.53333333rem;
  margin-bottom: 0.53333333rem;
  font-size: 0.45333333rem;
  color: #000000;
}
.Entry-through .entry-through-member ul {
  width: 100%;
  box-sizing: border-box;
}
.Entry-through .entry-through-member ul li {
  position: relative;
  width: 100%;
  height: 4rem;
  margin-bottom: 1.89333333rem;
  padding-top: 0.53333333rem;
  background: #fff;
  box-shadow: 0 5px 0.36rem 2px rgba(30, 37, 70, 0.07);
}
.Entry-through .entry-through-member ul li h6 {
  font-size: 0.42666667rem;
  color: #000;
}
.Entry-through .entry-through-member ul li p {
  position: relative;
}
.Entry-through .entry-through-member ul li p:after {
  content: '';
  position: absolute;
  bottom: -20%;
  left: 50%;
  transform: translateX(-50%);
  width: 0.53333333rem;
  height: 2px;
  background: linear-gradient(90deg, #4bc2db, #90c335);
}
.Entry-through .entry-through-member ul li .member-pic {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1.09333333rem;
  margin: auto;
  width: 2.17333333rem;
  height: 2.17333333rem;
  background: url('/static/m/img/product/ruzhitong/r12@2x.png') no-repeat center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
[data-dpr="3"] .Entry-through .entry-through-member ul li .member-pic {
  background: url("/static/m/img/product/ruzhitong/r12@3x.png") no-repeat center;
  background-size: 100% auto;
}
.Entry-through .entry-through-member ul li .member-pic1 {
  background: url('/static/m/img/product/ruzhitong/r13@2x.png') no-repeat center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
[data-dpr="3"] .Entry-through .entry-through-member ul li .member-pic1 {
  background: url("/static/m/img/product/ruzhitong/r13@3x.png") no-repeat center;
  background-size: 100% auto;
}
.Entry-through .entry-through-center {
  width: 100%;
}
.Entry-through .entry-through-center h5 {
  margin-top: 0.53333333rem;
  margin-bottom: 0.8rem;
  font-size: 0.45333333rem;
  font-weight: normal;
  color: #000000;
  text-align: center;
}
.Entry-through .entry-through-center .more-value {
  width: 100%;
  margin-top: 0.57333333rem;
  box-sizing: border-box;
}
.Entry-through .entry-through-center .more-value .swiper-container {
  width: 100%;
  height: 4.53333333rem;
}
.Entry-through .entry-through-center .more-value .swiper-container .swiper-wrapper {
  width: 100%;
  height: 3.2rem;
}
.Entry-through .entry-through-center .more-value .swiper-container .swiper-wrapper .swiper-slide {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.Entry-through .entry-through-center .more-value .swiper-container .swiper-wrapper .swiper-slide .slide-img {
  display: inline-block;
  float: left;
  width: 1.08rem;
  height: 1.33333333rem;
  background: url('/static/m/img/product/ruzhitong/r14@2x.png') center left;
  -webkit-background-size: auto 100%;
  background-size: auto 100%;
}
[data-dpr="3"] .Entry-through .entry-through-center .more-value .swiper-container .swiper-wrapper .swiper-slide .slide-img {
  background: url("/static/m/img/product/ruzhitong/r14@3x.png") center left;
  background-size: auto 100%;
}
.Entry-through .entry-through-center .more-value .swiper-container .swiper-wrapper .swiper-slide .slide-img1 {
  width: 1.17333333rem;
  background: url('/static/m/img/product/ruzhitong/r14@2x.png') 48.5% center;
  -webkit-background-size: auto 100%;
  background-size: auto 100%;
}
[data-dpr="3"] .Entry-through .entry-through-center .more-value .swiper-container .swiper-wrapper .swiper-slide .slide-img1 {
  background: url("/static/m/img/product/ruzhitong/r14@3x.png") 48.5% center;
  background-size: auto 100%;
}
.Entry-through .entry-through-center .more-value .swiper-container .swiper-wrapper .swiper-slide .slide-img2 {
  width: 1.17333333rem;
  background: url('/static/m/img/product/ruzhitong/r14@2x.png') center right;
  -webkit-background-size: auto 100%;
  background-size: auto 100%;
}
[data-dpr="3"] .Entry-through .entry-through-center .more-value .swiper-container .swiper-wrapper .swiper-slide .slide-img2 {
  background: url("/static/m/img/product/ruzhitong/r14@3x.png") center right;
  background-size: auto 100%;
}
.Entry-through .entry-through-center .more-value .swiper-container .swiper-wrapper .swiper-slide h6 {
  font-size: 0.42666667rem;
  color: #000000;
  text-align: center;
}
.Entry-through .entry-through-center .more-value .swiper-container .swiper-wrapper .swiper-slide p {
  font-size: 0.32rem;
  text-align: center;
  color: #666;
  line-height: 0.53333333rem;
}
.Entry-through .popop-flaot {
  position: relative;
  height: 17.5rem;
}
.Entry-through .popop-flaot .popop {
  position: absolute;
  bottom: 0.66666667rem;
  z-index: 2;
  text-align: left;
}
.Entry-through .popop-flaot .popop-bg {
  position: absolute;
  left: 0rem;
  bottom: 0rem;
  z-index: 1;
  width: 100%;
}
