/* 0123 产品B页面 */
i{font-style: normal;}
.prob-show{padding: 0.2rem 0.15rem;background-color: #FFF;}
.prob-show .pro-swiper{-webkit-border-radius: 0.08rem;-moz-border-radius: 0.08rem;-ms-border-radius: 0.08rem;-o-border-radius: 0.08rem;border-radius: 0.08rem;-webkit-box-shadow: 0.1rem 0.09rem 0.29rem rgba(0,12,34,.2);-moz-box-shadow: 0.1rem 0.09rem 0.29rem rgba(0,12,34,.2);-ms-box-shadow: 0.1rem 0.09rem 0.29rem rgba(0,12,34,.2);-o-box-shadow: 0.1rem 0.09rem 0.29rem rgba(0,12,34,.2);box-shadow: 0.1rem 0.09rem 0.29rem rgba(0,12,34,.2);max-height: 6rem;}
.prob-show .pro-swiper .swiper-pagination{background-color: #dcdcdc;width:1.2rem;line-height: 0.36rem;-webkit-border-radius: 0.32rem;-moz-border-radius: 0.32rem;-ms-border-radius: 0.32rem;-o-border-radius: 0.32rem;border-radius: 0.32rem;text-align: center;padding-right: 0;right:0;margin: 0 auto;bottom:0.24rem;color: #2b343e;font-weight: bold;font-size: 0.24rem;}
.prob-show .pro-swiper .play{top: auto;left: auto;-webkit-transform: none;-moz-transform: none;-ms-transform: none;-o-transform: none;transform: none;right: 0.1rem;bottom: 0.1rem; width: 1.12rem;height: 1.12rem;}

.prob-base{background-color: #fff;padding:0.2rem 0.32rem}
.prob-txt h1{display: inline-block;color: #333;font-size: 0.48rem;}
.prob-txt i{display: inline-block;color: #666;font-size: 0.26rem;}
.prob-base .base01{margin-top: 0.2rem;}
.prob-base .base01 span{display: inline-block; line-height: 0.42rem;background-color: #f85265;padding:0 0.18rem;color: #FFF;font-size: 0.22rem;-webkit-border-radius: 0.02rem;-moz-border-radius: 0.02rem;-ms-border-radius: 0.02rem;-o-border-radius: 0.02rem;border-radius: 0.02rem;margin-right: 0.1rem;}
.prob-data{border-top:1px solid #D9D9D9;border-bottom:1px solid #D9D9D9;display: -webkit-flex; display: flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;margin: 0.35rem 0;padding:0.4rem 0;}
.prob-data li{font-size: 0.26rem;color: #666666;line-height: 0.36rem;padding-left: 0.15rem;position: relative;}
.prob-data li:nth-child(2){margin-top: 0.32rem;}
.prob-data li:before{content:'';width: 0.04rem;height: 0.24rem;background-color: #d93d3d;position: absolute;left: 0;top: 0.09rem;}
.prob-data li strong{display: inline-block;font-size: 0.32rem;color: #333333;}
.prob-data span,.prob-data a{line-height: 1rem;-webkit-border-radius: 0.08rem;-moz-border-radius: 0.08rem;-ms-border-radius: 0.08rem;-o-border-radius: 0.08rem;border-radius: 0.08rem;background: -webkit-linear-gradient(left, #fd4c4b 0%,#cf3535 100%);background: -moz-linear-gradient(left, #fd4c4b 0%, #cf3535 100%);background: -ms-linear-gradient(left, #fd4c4b 0%,#cf3535 100%);background: -o-linear-gradient(left, #fd4c4b 0%,#cf3535 100%);background: linear-gradient(to right, #fd4c4b 0%,#cf3535 100%);-webkit-box-shadow: 0.01rem 0.02rem 0.16rem rgba(51,0,0,.2);-moz-box-shadow: 0.01rem 0.02rem 0.16rem rgba(51,0,0,.2);-ms-box-shadow: 0.01rem 0.02rem 0.16rem rgba(51,0,0,.2);-o-box-shadow: 0.01rem 0.02rem 0.16rem rgba(51,0,0,.2);box-shadow: 0.01rem 0.02rem 0.16rem rgba(51,0,0,.2);color: #FFF;font-size: 0.38rem;padding:0 0.24rem 0 0.32rem}
.prob-data span img,.prob-data a img{display: inline-block;vertical-align: middle;margin-top: -0.05rem;margin-right: 0.26rem;width: 0.49rem;}

.prob-base .base02{background-color: #f4f4f4;line-height: 0.64rem;padding: 0 0.12rem;-webkit-border-radius: 0.04rem;-moz-border-radius: 0.04rem;-ms-border-radius: 0.04rem;-o-border-radius: 0.04rem;border-radius: 0.04rem;color: #666666;font-size: 0.28rem;font-weight: bold;}
.prob-base .base02 img{display: inline-block;vertical-align: middle;margin-top: -0.05rem;margin-right: 0.1rem;width: 0.24rem;}
.prob-base .base02 span{display: inline-block;color: #666666;font-size: 0.24rem;font-weight: normal;margin-left: 0.16rem;}
.prob-base .base02 span:before{content: '';display: inline-block;vertical-align: middle;margin-top: -0.05rem;margin-right: 0.16rem;width: 0.04rem;height: 0.22rem;background-color: #666666;-webkit-border-radius: 0.02rem;-moz-border-radius: 0.02rem;-ms-border-radius: 0.02rem;-o-border-radius: 0.02rem;border-radius: 0.02rem;}
/*.prob-base .base02 span:after{content: '';display: inline-block;vertical-align: middle;margin-top: -0.05rem;margin-left: 0.16rem;width: 0.11rem;height: 0.19rem;background: url(../images/prob-icon03.png) no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;}*/
.prob-base .base03{display: -webkit-flex; display: flex; flex-flow:row wrap;-webkit-justify-content: space-between;justify-content: space-between;margin-top: 0.2rem;}
.prob-base .base03 span{display: block;width: 33%; font-size: 0.22rem;color: #666666;line-height: 0.24rem;background: url(../images/prob-icon04.png) no-repeat left center;padding-left: 0.32rem;background-size: 0.21rem 0.21rem;margin: 0.15rem 0;}
.prob-word{padding-top: 0.3rem;}
.prob-good{background-color: #515465;padding: 0.36rem 0.32rem 0.5rem;}
.prob-name{line-height: 1.2;margin-bottom: 0.36rem;}
.prob-name h3{color: #333;font-size: 0.42rem;}
.prob-name p{color: #ADADAD;font-size: 0.24rem;margin-top: 0.2rem;}
.prob-good h3{color: #FFF;}
.prob-good ul li{background-color: #FFF;-webkit-border-radius: 0.08rem;-moz-border-radius: 0.08rem;-ms-border-radius: 0.08rem;-o-border-radius: 0.08rem;border-radius: 0.08rem;-webkit-box-shadow: 0.06rem 0.05rem 0.29rem rgba(51,0,0,.1);-moz-box-shadow: 0.06rem 0.05rem 0.29rem rgba(51,0,0,.1);-ms-box-shadow: 0.06rem 0.05rem 0.29rem rgba(51,0,0,.1);-o-box-shadow: 0.06rem 0.05rem 0.29rem rgba(51,0,0,.1);box-shadow: 0.06rem 0.05rem 0.29rem rgba(51,0,0,.1);padding: 0.3rem 0.2rem;position: relative;margin-top: 0.36rem;}
.prob-good li strong{position: absolute;left: 0;top: 0;border: 1px solid #ffa69b;background: -webkit-linear-gradient(left, #fd4c4b 0%,#cf3535 100%);background: -moz-linear-gradient(left, #fd4c4b 0%, #cf3535 100%);background: -ms-linear-gradient(left, #fd4c4b 0%,#cf3535 100%);background: -o-linear-gradient(left, #fd4c4b 0%,#cf3535 100%);background: linear-gradient(to right, #fd4c4b 0%,#cf3535 100%);-webkit-box-shadow: 0.05rem 0.05rem 0.13rem rgba(69,0,5,.3);-moz-box-shadow: 0.05rem 0.05rem 0.13rem rgba(69,0,5,.3);-ms-box-shadow: 0.05rem 0.05rem 0.13rem rgba(69,0,5,.3);-o-box-shadow: 0.05rem 0.05rem 0.13rem rgba(69,0,5,.3);box-shadow: 0.05rem 0.05rem 0.13rem rgba(69,0,5,.3);-webkit-border-radius: 0.08rem;-moz-border-radius: 0.08rem;-ms-border-radius: 0.08rem;-o-border-radius: 0.08rem;border-radius: 0.08rem;color: #FFF;font-size: 0.32rem;line-height: 0.62rem;padding:0 0.3rem;}
.prob-good li p{color: #3a3d4d;font-size: 0.24rem;line-height: 1.6;margin-top: 0.62rem;padding-right: 0.1rem;display: block;overflow: hidden;}
.prob-good li img{float: right;width: 2rem;}


.prob-pic{background-color: #f0f1f5;padding: 0.5rem 0.32rem 0.1rem;}
.prob-pic p{margin-bottom: 0.36rem;}
.prob-pic p strong{color: #333;}
.prob-pic p img{display: block;width: 100%;}
.prob-pic p.txt{color: #666;font-size: 0.26rem;text-align: center;margin-top: -0.2rem;}

.prob-cs{background-color: #FFF;padding: 0.3rem 0.32rem;}
.prob-cs .swiper-top .swiper-slide span{font-size: 0.32rem;}
.prob-cs table {margin-bottom: 0.25rem;}
.prob-cs table td {font-size: 0.28rem;line-height: 1.2em;padding: 0.06rem;}
.prob-cs .mobile-cs{height: auto;}
.prob-cs .mobile-cs::after{display: none;}
.prob-gao{height: 1.82rem;}
.prob-all{background: url(../images/prob-bg.png) no-repeat;-webkit-background-size: 100% auto;-moz-background-size: 100% auto;-ms-background-size: 100% auto;-o-background-size: 100% auto;background-size: 100% auto;text-align: center;padding:0.12rem 0 0.3rem;width: 100%;max-width: 750px;}
.prob-all .font{display: inline-block;background-color: rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.1);color: #FFF;font-size: 0.38rem;font-weight: bold; line-height: 0.68rem;padding:0 0.5rem;-webkit-border-radius: 0.08rem;-moz-border-radius: 0.08rem;-ms-border-radius: 0.08rem;-o-border-radius: 0.08rem;border-radius: 0.08rem;}
.prob-all .font .show{display: inline-block;}
.prob-all .font .hide{display: none;}
.prob-all p{color: #FFF;font-size: 0.22rem;line-height: 1.2;margin: 0.1rem 0 0.12rem;}
.prob-all span img{display: block;margin: 0 auto; width: 0.24rem; -webkit-transition:all .3s ease;-moz-transition:all .3s ease; -ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.prob-change{z-index: 9999;top: 0;background-color: #FFF;}
.prob-change.prob-all .font .show{display: none;}
.prob-change.prob-all .font .hide{display: inline-block;}
.prob-change.prob-all span img{-webkit-transform:rotate(180deg);transform:rotate(180deg);}
.pro-no{display: none;}