.container{width: 7.5rem;margin: auto;}
.banner{height: 4.83rem;background: url('../images/banner.png') no-repeat;background-size: 100% 100%;position: relative;}
.banner .button{width: 2.5rem;height: 0.8rem;border-radius: 0.4rem;background: linear-gradient(90deg,#ff6e1f,#ff9625);box-shadow: 0 0.04rem 0.06rem rgba(247,119,34,0.3);position: absolute;left: 0.75rem;top: 2.84rem;display: flex;justify-content: center;align-items: center;}
.banner .button span{font-size: 0.28rem;color: #fff;font-weight: bold;letter-spacing: 0.02rem;text-indent: 0.02rem;text-shadow: 0 0.01rem 0.02rem rgba(236,102,22,0.35);}

.titles.tits1{width: 100%;height: 0.8rem;background: url('../images/tit1.png') no-repeat center top;background-size: auto 100%;}
.titles.tits2{width: 100%;height: 0.79rem;background: url('../images/tit2.png') no-repeat center top;background-size: auto 100%;}
.titles.tits3{width: 100%;height: 0.8rem;background: url('../images/tit3.png') no-repeat center top;background-size: auto 100%;}

.cxEvaluation{padding-bottom: 0.5rem;}
.cxEvaluation .content{padding: 0.6rem 0rem 0;}
.cxEvaluation .item{width: 6.9rem;height: 2rem;border-radius: 0.2rem;margin:0 auto 0.2rem;padding: 0.5rem 0 0 0.5rem;}
.cxEvaluation .item1{background: url('../images/page1_item1.png') no-repeat;background-size: 100% 100%;}
.cxEvaluation .item2{background: url('../images/page1_item2.png') no-repeat;background-size: 100% 100%;}
.cxEvaluation .item3{background: url('../images/page1_item3.png') no-repeat;background-size: 100% 100%;}
.cxEvaluation .title{font-size: 0.28rem;color: #333;font-weight: bold;}
.cxEvaluation .text{font-size: 0.24rem;line-height: 0.38rem;color: #666666;padding-top: 0.17rem;width: 4.44rem;}
/*  */
.inputInformation{padding-bottom: 0.7rem;background: url('../images/page2.png') no-repeat center bottom;background-size: 100% 16.06rem;}
.inputInformation .content{padding-top: 0.4rem;padding-bottom: 0.34rem;}
.inputInformation .item{width: 7.06rem;height: 6.29rem;background: url('../images/page2_item11.png') no-repeat;background-size: 100% 100%;margin:0 0 0.04rem 0.22rem;padding: 0.09rem 0.11rem 0 0.09rem;}
.inputInformation .title{display: flex;justify-content: flex-start;align-items: center;padding: 0.21rem 0 0.23rem 0.3rem;font-size: 0.28rem;font-weight: bold;}
.inputInformation .title span{background-image: linear-gradient(154deg, #12affe, #158cff);background-clip: text;-webkit-background-clip: text;color: transparent;}
.inputInformation .item1 .title::before{content: '';width: 0.32rem;height: 0.3rem;margin-right: 0.12rem;background: url('../images/page2_icon1.png') no-repeat;background-size: 100% 100%;}
.inputInformation .list{overflow: hidden; width: 6.72rem;height: 5.3rem;border-radius: 0.2rem;background: #fff;box-shadow: 0 0 0.22rem 0.22rem rgba(207,237,255,0.3);margin: auto;padding: 0.32rem 0.3rem 0;border: 0.01rem solid #f0f8ff;}
.inputInformation .list .bold{font-size: 0.26rem;color: #363131;padding-left: 0.06rem;margin-bottom: 0.2rem;}
.inputInformation .minList{display: flex;justify-content: space-between;flex-wrap: wrap;padding-bottom: 0.3rem;}
.inputInformation .minList .li{cursor: pointer; margin:0 0rem 0.1rem 0;width: 1.45rem;height: 0.6rem;border-radius: 0.3rem;background: #f7f7f7;font-size: 0.24rem;color: #888;display: flex;justify-content: center;align-items: center;}
.inputInformation .minList .li:nth-child(4n){margin: 0 0 0.1rem 0;}
.inputInformation .minList .li.active{background: #13a0fe;color: #fff;}
.inputInformation .minList .li.visi{visibility: hidden;}

.inputInformation .item2{height: 3.06rem;background: url('../images/page2_item12.png') no-repeat;background-size: 100% 100%;}
.inputInformation .item2 .list{height: 2.06rem;padding-top: 0.38rem;}
.inputInformation .item2 .title::before{content: '';width: 0.3rem;height: 0.27rem;margin-right: 0.14rem;background: url('../images/page2_icon2.png') no-repeat;background-size: 100% 100%;}
.inputInformation .item3{height: 3.06rem;background: url('../images/page2_item12.png') no-repeat;background-size: 100% 100%;}
.inputInformation .item3 .list{height: 2.06rem;padding-top: 0.38rem;}
.inputInformation .item3 .title::before{content: '';width: 0.31rem;height: 0.3rem;margin-right: 0.13rem;background: url('../images/page2_icon3.png') no-repeat;background-size: 100% 100%;}
.inputInformation .item3 .minList .li{width: 1.95rem;}
.inputInformation .item3 .minList .li:nth-child(4n){margin: 0 0.12rem 0.1rem 0;}
.inputInformation .item3 .minList .li:nth-child(3n){margin: 0 0 0.1rem 0;}
.inputInformation .button{width: 3.6rem;height: 0.8rem;border-radius: 0.4rem;background: linear-gradient(-90deg,#ff6e1f,#ff9625);box-shadow: 0 0.04rem 0.06rem rgba(247,119,34,0.3);display: flex;justify-content: center;align-items: center;margin: auto;}
.inputInformation .button span{font-size: 0.28rem;color: #fff;font-weight: bold;letter-spacing: 0.02rem;text-indent: 0.02rem;text-shadow: 0 0.01rem 0.02rem rgba(236,102,22,0.35);}

/*  */
.xdfBrand{padding-top: 0.5rem;padding-bottom: 0.7rem;background: url('../images/page3.png') no-repeat;background-size: 100% auto;}
.xdfBrand .content{padding-top: 0.5rem;position: relative;}
.xdfBrand .item{width: 6.3rem;height: 3.71rem;background: #ccc;border-radius: 0.22rem;position: relative;}
.xdfBrand .item.bk1{background: url('../images/page3_bk1.png') no-repeat;background-size: 100% auto;}
.xdfBrand .item.bk2{background: url('../images/page3_bk2.png') no-repeat;background-size: 100% auto;}
.xdfBrand .item.bk3{background: url('../images/page3_bk3.png') no-repeat;background-size: 100% auto;}
.xdfBrand .item.bk4{background: url('../images/page3_bk4.png') no-repeat;background-size: 100% auto;}
.xdfBrand .item .posiTitem{height: 1.57rem;position: absolute;left: 0;bottom: 0;padding-left: 0.34rem;vertical-align: top;}
.xdfBrand .item .img1{display: block;width: 0.34rem;margin-bottom: 0.21rem;}
.xdfBrand .item .img2{display: block;width: 0.37rem;margin-bottom: 0.21rem;}
.xdfBrand .item .img3{display: block;width: 0.3rem;margin-bottom: 0.21rem;}
.xdfBrand .item .img4{display: block;width: 0.35rem;margin-bottom: 0.21rem;}
.xdfBrand .item .contTit{font-size: 0.32rem;font-weight: bold;color: #fff;}
.xdfBrand .item .contFont{font-size: 0.24rem;color: #fff;padding-top: 0.16rem;}
.xdfBrand .swiper-slide{width: 6.3rem;margin-left: 0.3rem;}
.xdfBrand .swiper-paginationPublic{width: 100%;position: initial;padding-top: 0.34rem;}
.xdfBrand .swiper-paginationPublic .swiper-pagination-bullet{opacity: 1;width: 0.08rem;height: 0.08rem;background: #dadada;margin: 0 0.05rem;}
.xdfBrand .swiper-paginationPublic .swiper-pagination-bullet-active{width: 0.3rem;border-radius: 0.04rem;background: #13a0fe;}