/*产品-普保通*/
.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;
}*/
.banner {
  position: relative;
}
.banner .banner-button {
  position: absolute;
  padding: 0 0.4rem;
  color: #fff;
  bottom: 1.5rem;
  left: 50%;
  transform: translateX(-50%);
  line-height: 0.8rem;
  border-radius: 30px;
  background-color: #eb651b;
}
/*swiper-main*/
.swiper-main .title-h1 {
  margin-top: 0.9rem;
  text-align: center;
  font-size: 0.45333333rem;
  font-weight: 400;
  color: #333333;
}
.swiper-main .desc-title {
  display: block;
  text-align: center;
  font-size: 0.32rem;
  line-height: 1;
  color: #666666;
}
.swiper-main #swiper-container-problem {
  margin: 1rem 0 0.5rem;
  padding-bottom: 1rem;
}
.swiper-main .slide-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.swiper-main .slide-item .slide-item-img {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.26666667rem;
  height: 2.26666667rem;
  border: 1px solid #dbdbdb;
  opacity: 0.6;
  border-radius: 50%;
}
.swiper-main .slide-item .slide-item-img img {
  width: 50%;
}
.swiper-main .slide-item .slide-item-title {
  margin-top: 0.1rem;
  margin-bottom: 0.2rem;
  font-size: 0.42666667rem;
  font-weight: bold;
  color: #333333;
}
.swiper-main .slide-item .slide-item-desc {
  line-height: 1.2;
  font-size: 0.32rem;
  color: #666666;
  opacity: 0.7;
}
/*pubaotong-item*/
.pubaotong-item {
  position: relative;
  height: 6.02666667rem;
  background: url('/static/m/img/product/pubaotong/banner2@2.png') no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
[data-dpr="3"] .pubaotong-item {
  background: url("/static/m/img/product/pubaotong/banner2@2.png") no-repeat;
  background-size: cover;
}
.pubaotong-item .middle-detail {
  position: absolute;
  top: 10%;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
}
.pubaotong-item .middle-detail h3 {
  position: relative;
  color: #fff;
  font-size: 0.45333333rem;
  text-align: center;
}
.pubaotong-item .middle-detail h3:after {
  content: '';
  position: absolute;
  bottom: -20%;
  left: 50%;
  transform: translateX(-50%);
  width: 0.45333333rem;
  height: 1px;
  background: #fff;
}
.pubaotong-item .middle-detail p {
  width: 93%;
  margin: 0.26666667rem auto 0 auto;
  color: #fff;
  font-size: 0.34666667rem;
  line-height: 0.5rem;
}
.pubaotong-item .pubaotong-item-a {
  position: absolute;
  top: 79%;
  left: 50%;
  transform: translateX(-50%);
  padding: 0.26rem 0.5rem;
  font-size: 0.32rem;
  line-height: 1;
  font-weight: 500;
  color: #ffffff;
  background: linear-gradient(85deg, #ee2688, #ff7d21);
  border-radius: 30px;
}
.daily-prevention {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 17.4rem;
  background: url('/static/m/img/product/pubaotong/daily_preve_bg.png') no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
.daily-prevention .title-h1 {
  margin: 0.9rem 0 0.5rem;
  text-align: center;
  font-size: 0.45333333rem;
  line-height: 1.2;
  font-weight: 400;
  color: #333333;
}
.daily-prevention .daily-prev-main {
  display: flex;
  flex-wrap: wrap;
  width: 92%;
}
.daily-prevention .daily-prev-main .daily-prev-main-list {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-basis: 50%;
  padding: 0.5rem 0;
}
.daily-prevention .daily-prev-main .daily-prev-main-list .list-title {
  font-size: 0.42666667rem;
  font-weight: bold;
  color: #333333;
  text-align: center;
}
.daily-prevention .daily-prev-main .daily-prev-main-list .list-desc {
  font-size: 0.32rem;
  line-height: 1.4;
  color: #666666;
  opacity: 0.7;
}
.daily-prevention .daily-prev-main .border-right {
  border-right: 1px solid #efefef;
}
.daily-prevention .daily-prev-main .border-top-bottom {
  border-top: 1px solid #efefef;
  border-bottom: 1px solid #efefef;
}
.four-core {
  padding: 0.9rem 0;
}
.four-core .title-h1 {
  text-align: center;
  font-size: 0.45333333rem;
  line-height: 1.4;
  font-weight: 400;
  color: #333333;
}
.four-core .four-core-item {
  width: 92%;
  margin: 0 auto;
}
.four-core .four-core-item .core-item-list {
  display: flex;
  margin-top: 0.7rem;
}
.four-core .four-core-item .core-item-list .item-left {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 1.33333333rem;
  height: 1.33333333rem;
  border: 1px solid #f65454;
  border-radius: 50%;
}
.four-core .four-core-item .core-item-list .item-left img {
  width: 50%;
}
.four-core .four-core-item .core-item-list .item-right {
  margin-left: 0.4rem;
}
.four-core .four-core-item .core-item-list .item-right .item-right-title {
  margin-bottom: 0.3rem;
  line-height: 1;
  font-size: 0.4rem;
  font-weight: bold;
  color: #333333;
}
.four-core .four-core-item .core-item-list .item-right .item-right-desc {
  text-align: left;
  font-size: 0.32rem;
  color: #666666;
  opacity: 0.7;
}
.selected {
  padding: 0.9rem 0.4rem;
  text-align: center;
  background: linear-gradient(90deg, #dd523d, #d6602e);
}
.selected .selected-title {
  font-size: 0.48rem;
  line-height: 0.64rem;
  font-weight: 400;
  color: #ffffff;
}
.selected .selected-desc {
  margin-top: 0.5rem;
  font-size: 0.32rem;
  line-height: 0.53333333rem;
  font-weight: 300;
  color: #ffffff;
}
.value-advantage {
  width: 92%;
  margin: 0 auto;
  padding: 0.9rem 0;
}
.value-advantage .advantage-title {
  margin-bottom: 0.6rem;
  text-align: center;
  font-size: 0.45333333rem;
  font-weight: 400;
  color: #333333;
}
.value-advantage .advantage-item {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.value-advantage .advantage-item .item-list {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-basis: 48%;
  padding: 0.5rem 0.2rem 0.6rem;
  box-shadow: 0 5px 27px 2px rgba(30, 37, 70, 0.07);
}
.value-advantage .advantage-item .item-list .item-list-img {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
}
.value-advantage .advantage-item .item-list .item-list-img img {
  width: 100%;
}
.value-advantage .advantage-item .item-list .item-list-title {
  margin-top: 0.2rem;
  font-size: 0.37rem;
  font-weight: bold;
  color: #666666;
}
.value-advantage .advantage-item .item-list .item-list-desc {
  text-align: left;
  font-size: 0.32rem;
  line-height: 1.6;
  color: #666666;
}
.value-advantage .advantage-item .border-top-bottom {
  margin: 4% 0;
}
.claim-process {
  height: 11.53333333rem;
  padding-top: 0.4rem;
  background: url('/static/men/img/product/pubaotong/claim_process_bg@2x.png') no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
[data-dpr="3"] .claim-process {
  background: url("/static/men/img/product/pubaotong/claim_process_bg@3x.png") no-repeat;
  background-size: cover;
}
.claim-process .process-title {
  text-align: center;
  font-size: 0.45333333rem;
  font-weight: 400;
  color: #ffffff;
  line-height: 0.6rem;
}
.double-guarantee {
  padding: 0.9rem 0 0.3rem;
}
.double-guarantee .guarantee-title {
  text-align: center;
  font-size: 0.45333333rem;
  font-weight: 400;
  color: #333333;
}
.double-guarantee .slide-item {
  display: flex;
  margin: 0.5rem 4% 1rem;
  padding: 4%;
  box-shadow: 0 5px 27px 2px rgba(30, 37, 70, 0.07);
  align-items: center;
}
.double-guarantee .slide-item .slide-item-img {
  flex: none;
}
.double-guarantee .slide-item .slide-item-right {
  margin-left: 0.5rem;
}
.double-guarantee .slide-item .slide-item-right .slide-item-title {
  margin-bottom: 0.4rem;
  line-height: 1;
  font-size: 0.42666667rem;
  font-weight: bold;
  color: #333333;
}
.double-guarantee .slide-item .slide-item-right .slide-item-desc {
  text-align: left;
  font-size: 0.32rem;
  color: #666666;
  opacity: 0.8;
}
.cooper-partner {
  width: 92%;
  margin: 0 auto;
}
.cooper-partner .cooper-partner-title {
  text-align: center;
  font-size: 0.45333333rem;
  font-weight: 400;
  color: #333333;
}
.cooper-partner .cooper-partner-img {
  margin: 0.5rem 0;
}
.cooper-partner .cooper-partner-img img {
  width: 100%;
}
.submit-form {
  height: 16.7rem;
  margin-top: 1rem;
  background: url(/static/m/img/product/pubaotong/submit_form_bg.png) no-repeat;
  background-position: bottom;
  background-size: 100% auto;
}
.submit-form .public-form {
  width: 92%;
  margin: 0 auto;
}
