.centerContent {
    margin-top: 0.63rem;
}
.bannerPart {
    width: 100%;
    height: 7.05rem;
    /* background-image: url('../assets/index/1.gif'); */
    background-image: url('https://zheguyun-gw.oss-cn-beijing.aliyuncs.com/mobile.gif');
    background-size: 100% 100%;
    position: relative;
}
.bannerTextPart{
    position: absolute;
    top: 0.47rem;
    left: 0.27rem;
}
.bannerTextPart .title{
    font-weight: bold;
    font-size: 0.3rem;
    color: #202241;
    max-width: 2.7rem;
}
.bannerTextPart .desc {
    font-weight: 400;
    font-size: 0.13rem;
    color: #747C94;
    margin-top: 0.13rem;
    max-width: 2.77rem;
    line-height: 0.23rem;
}
.bannerBottomPart{
    position: absolute;
    bottom: 0;
    left: 0;
    height: 40px;
    background: rgba(255, 255, 255, .6);
    width: 100%;
}
.recommandNewSwiper{
    width: 100%;
    height: 100%;
    overflow-y: hidden;
}
.swiper-slide{
    width: 100%;
    height: 100%;
}

.felxBottom{
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    padding: 0.07rem 0.45rem 0;
}
.leftNotice {
    font-size: 0.13rem;
    color: #444444;
    display: flex;
    align-items: center;
}
.noticeIcon{
    display: inline-block;
    width: 0.25rem;
    height: 0.25rem;
    margin-right: 0.13rem;
}
.rightMore a{
    font-size: 0.12rem;
    color: #709AFF;
}
.rightMore img {
    display: inline-block;
    width: 0.09rem;
    height: 0.09rem;
    margin-left: 0.05rem;
}
.indexBannerContact{
    width: 1.6rem;
    height: 0.45rem;
    background: linear-gradient( 180deg, #5B9CFF 0%, #7B5BFF 100%);
    border-radius: 0.05rem 0.05rem 0.05rem 0.05rem;
    position: absolute;
    bottom: 0.73rem;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    font-weight: 400;
    font-size: 0.15rem;
    line-height: 0.45rem;
    color: #FFFFFF;
}
.indexBannerContact img {
    display: inline-block;
    margin-left: 0.07rem;
    width: 0.14rem;
    height: 0.09rem;
    vertical-align: middle;
}
.secondIncreasePart{
    display: flex;
    justify-content: center;
    padding: 0.33rem 0.27rem 0.20rem;
    box-sizing: border-box;
    background: linear-gradient( 180deg, #F2F2FF 0%, rgba(235,235,255,0) 100%);
    border-radius: .1rem .1rem .1rem .1rem;
    margin: .2rem .15rem 0;
    position: relative;
}
.bottomTipCustomer{
    position: absolute;
    bottom: .18rem;
    left: 0.27rem;
    font-size: .09rem;
    color: #73908f;
}
.leftPartIncrese:first-child {
    margin-right: .75rem;
}

.increaseItem{
    display: flex;
    align-items: center;
    /* margin-right: 0.22rem; */
    margin-bottom: 0.3rem;
}
.increaseItem .partIcon {
    display: inline-block;
    width: 0.3rem;
    height: 0.3rem;
    margin-right: 0.17rem;
}
.increaseItem .isIncreaseIcon {
    display: inline-block;
    width: 0.15rem;
    height: 0.21rem;
    margin-left: 0.07rem;
}
.percent {
    font-weight: bold;
    font-size: 0.27rem;
    color: #222222;
    margin-right: 0.03rem;
}
.cneterDesc .title {
    font-weight: 400;
    font-size: 0.12rem;
    color: #222222;
    width: 105%;
}

.outPutView {
    width: 100%;
    height: 5.33rem;
    background-image: url('../assets/index/img_bg_sccj.png');
    background-size: 100% 100%;
    box-sizing: border-box;
    padding-top: 0.4rem;
}
.titleName{
    font-weight: bold;
    font-size: 0.2rem;
    color: #222222;
    text-align: center;
}
.mainViewPart{
    margin-top: 0.33rem;
}
.topTypeFlex {
    display: flex;
    justify-content: center;
    margin-bottom: 0.27rem;
}
.typeItemView{
    margin-right: 0.32rem;
}
.typeItemView:last-child {
    margin-right: 0;
}
.typeItemView p{
    text-align: center;
    font-size: 0.13rem;
    color: #747C94;
    margin-top: 0.05rem;
}
.typeItemView .basicImg {
    display: block;
    width: 0.27rem;
    height: 0.27rem;
    margin: 0 auto;
}
.typeItemView .highlightImg {
    display: none;
    width: 0.27rem;
    height: 0.27rem;
    margin: 0 auto;
}
.typeItemView.current p{
    color: #3470FF;
}
.typeItemView.current .basicImg {
    display: none;
}
.typeItemView.current .highlightImg {
    display: block;
}
.bottomTypeMainContent {
    height: 3.13rem;
    background-image: url('../assets/index/img_bg_gfcj.png');
    background-size: 100% 100%;
    margin: 0 0.2rem;
    padding: 0.2rem 0.15rem;
    box-sizing: border-box;
    display: none;
}
.bottomTypeMainContent.current {
    display: block;
}
.bottomTypeMainContent:nth-child(2) {
    background-image: url('../assets/index/img_bg_cncj.png');
}
.bottomTypeMainContent:nth-child(3) {
    background-image: url('../assets/index/img_bg_gccj.png');
}
.bottomTypeMainContent:last-child {
    height: 3rem;
    background-image: url('../assets/index/img_bg_gccj1.png');
}
.samePartContent {
    display: flex;
}
.samePartContent .leftDetailInfo {
    width: 49%;
    margin-right: .12rem;
}
.samePartContent .leftDetailInfo:last-child {
    margin-right: 0;
}
.wrapItem {
    width: 100%;
    height: 0.44rem;
    background: #FFFFFF;
    box-shadow: 0px 0.01rem 0.1rem 0px rgba(52,112,255,0.1);
    border-radius: 0.03rem 0.03rem 0.03rem 0.03rem;
    display: flex;
    align-items: center;
    font-size: 0.12rem;
    color: #222222;
    margin-right: 0.12rem;
    margin-bottom: 0.13rem;
    box-sizing: border-box;
    padding-left: .1rem;
}
.wrapItem:nth-child(2n) {
    margin-right: 0;
}
.wrapItem img {
    display: inline-block;
    width: 0.33rem;
    height: 0.33rem;
    margin-right: 0.07rem;
}
.anaylisView{
    width: 100%;
    background-image: url('../assets/index/img_bg_tzfx.png');
    background-size: 100% 100%;
    box-sizing: border-box;
    padding: .4rem .2rem .59rem;
}
.analysicPagination {
    margin-top: .24rem;
    position: relative;
    left: 40% !important;
}
.swiperMainContent{
    margin-top: 0.27rem;
    height: 100%;
    position: relative;
    width: 100%;
    overflow-x: hidden;
}
.analyMainImage{
    display: block;
    height: 2.10rem;
    width: 100%;
    margin-top: 0.2rem;
}
.topImgFlex {
    display: flex;
    align-items: flex-start;
}
.topImgFlex img{
    display: inline-block;
    width: 0.2rem;
    height: 0.2rem;
    margin-right: 0.1rem;
}
.topImgFlex .partDesc{
    font-size: 0.13rem;
    color: #A1A7BB;
    margin-top: 0.07rem;
}
.topImgFlex .title {
    font-size: 0.15rem;
    color: #222222;
}
.swiperMainContent .swiper-pagination.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
    bottom: -40px;
}
.importCalc{
    width: 100%;
    background-image: url('../assets/index/img_bg_hxsf.png');
    background-size: 100% 100%;
    box-sizing: border-box;
    padding: .4rem .2rem .32rem;
}
.limitBox{
    padding: 0.27rem 0 0;
    width: 100%;
    box-sizing: border-box;
    overflow-x: hidden;
}
.bottomPagination {
    margin-left: 1.16rem;
}
.bottomPagination .swiper-pagination-bullet {
    width: .2rem;
    height: .06rem;
    background: #3470FF;
    border-radius: .2rem .2rem .2rem .2rem;
}
.calcSwiper{
    width: 100%;
    height: 100%;
    position: relative;
}
.sameSwiperItem{
    width: 100%;
    height: 0.93rem;
    background-image: url('../assets/index/img_hxsf1.png');
    background-size: 100% 100%;
    margin-bottom: 0.13rem;
    color: #fff;
    box-sizing: border-box;
    padding: 0.13rem 0 0 0.15rem;
    font-size: 0.11rem;
}
.secondItem{
    background-image: url('../assets/index/img_second.png');
}
.threeItem{
    background-image: url('../assets/index/img_hxsf3@2x.png');
}
.fourItem{
    background-image: url('../assets/index/img_hxsf4@2x.png');
}
.fiveItem{
    background-image: url('../assets/index/img_hxsf5@2x.png');
}
.sixItem{
    background-image: url('../assets/index/img_hxsf6@2x.png');
}
.sevenItem{
    background-image: url('../assets/index/img_hxsf7@2x.png');
}
.eightItem{
    background-image: url('../assets/index/img_hxsf8@2x.png');
}



.sameSwiperItem .centerTitle{
    margin: 0.03rem 0 0.05rem;
    font-size: 0.15rem;
}
.sameSwiperItem .grayText{
    font-size: 0.1rem;
    opacity: .5;
}

.authorityPart{
    padding: 0.47rem 0;
}
.threeAuthoriBox{
    display: flex;
    margin: 0.27rem 0.2rem 0 0.26rem;
    justify-content: space-around;
    text-align: center
}
.threeAuthoriBox>div>div {
    /* max-width: 1.12rem; */
    margin-bottom: .27rem;
}
.threeAuthoriBox img {
    display: block;
    width: 0.47rem;
    height: 0.47rem;
    margin: 0 auto 0.07rem;
}
.moreSimplePart {
    width: 100%;
    height: 6rem;
    background-image: url('../assets/index/img_rntsj@2x.png');
    background-size: 100% 100%;
    padding-top: 0.4rem;
}
.centerTypeIcon{
    display: flex;
    margin-top: 0.33rem;
    justify-content: center;
}
.iconItem{
    text-align: center;
    margin-right: 0.33rem;
    font-size: 0.14rem;
    color: #A1A7BB;
}
.iconItem:last-child {
    margin-right: 0;
}
.iconItem .grayIcon img{
    display: block;
    width: 0.27rem;
    height: 0.27rem;
    margin: 0 auto 0.07rem;
}
.iconItem .highlightIcon img{
    display: none;
    width: 0.27rem;
    height: 0.27rem;
    margin: 0 auto 0.07rem;
}
.iconItem.choosed {
    color: #222222;
}
.iconItem.choosed .grayIcon img{
    display: none;
}
.iconItem.choosed .highlightIcon img{
    display: block;
}
.bottomCenterIcon {
    margin: 0.27rem 0.2rem 0;
}
.sameCenterIconInfo {
    display: none;
}
.sameCenterIconInfo.currentChoosed {
    display: block;
}
.iconFlex img {
    display: block;
    width: 100%;
    height: 2.48rem;
    margin: 0 auto 0.26rem;
}
.iconFlex .title {
    font-size: 0.15rem;
    color: #222222;
}
.togetherPart{
    display: flex;
    margin-top: 0.23rem;
}
.floatPart span {
    font-weight: bold;
    font-size: 0.27rem;
    color: #222222;
}
.rightDistance{
    margin-right: 0.98rem;
}
.floatPart .desc {
    font-size: 0.12rem;
    color: #999999;
}
.floatPart .increaseIcon {
    display: inline-block;
    width: 0.19rem;
    height: 0.25rem;
    background-image: url('../assets/index/icon_shangsheng@2x.png');
    background-size: 100% 100%;
    margin-left: 0.1rem;
}
.chooseReasonPart {
    width: 100%;
    height: auto;
    background: linear-gradient( 180deg, #FFFFFF 0%, #EBEAFF 100%);
    padding-bottom: 0.72rem;
}
.reasonBox {
    display: flex;
    flex-wrap: wrap;
    margin-top: 0.33rem;
}
.reasonBox>div {
    width: 33%;
    text-align: center;
    margin-bottom: 0.33rem;
    position: relative;
}
.reasonBox>div::after {
    content: '';
    display: inline-block;
    width: 30%;
    height: 1px;
    background: #D7DBEC;
    position: absolute;
    right: -0.18rem;
    top: 0.24rem;
}
.reasonBox>div:last-child::after {
    display: none;
}
.reasonBox>div:nth-child(3)::after {
    width: 1px;
    height: 30%;
    left: 50%;
    right: unset;
    transform: translateX(-50%);
    bottom: -0.32rem;
    top: unset;
}
.reasonBox>div img {
    display: block;
    width: 0.47rem;
    height: 0.47rem;
    margin: 0 auto 0.07rem;
}
.mainContainerPart{
    display: flex;
    flex-wrap: wrap;
    margin-top: 0.07rem;
}
.partItem{
    text-align: center;
    width: 50%;
    font-size: 0.12rem;
    color: #999999;
    margin-bottom: 0.27rem;
}
.partItem img {
    display: block;
    width: 0.8rem;
    height: 0.8rem;
    margin: 0 auto 0.09rem;
}
.partItem .centerTitle {
    font-weight: bold;
    font-size: 0.15rem;
    color: #222222;
    margin-bottom: 0.06rem;
}
.partItem div {
    line-height: 0.2rem;
}
.deployPerson{
    margin: .27rem .2rem 0;
}
.mainSwiperPerson{
    width: 100%;
    overflow-x: hidden;
}
.leftImage{
    width: 100%;
    height: 1.67rem;
    background-image: url('../assets/index/img_bg_gyybs@2x.png');
    background-size: 100% 100%;
    box-sizing: border-box;
    padding: 0.08rem 0 0 0.19rem;
    color: #fff;
}
.rightImage {
    background-image: url('../assets/index/img_bg_syybs@2x.png');
    background-size: 100% 100%;
}
.leftImage .title {
    font-weight: bold;
    font-size: 0.16rem;
    color: #FFFFFF;
    margin-bottom: 0.1rem;
}
.leftImage .specificBox img {
    display: inline-block;
    width: 0.12rem;
    height: 0.12rem;
    margin-right: 0.09rem;
    vertical-align: middle;
    position: relative;
    top: -0.015rem;
}
.leftImage .specificBox p {
    margin-bottom: 0.08rem;
}
.leftImage .specificBox p:last-child {
    margin-bottom: 0;
}
.leftImage .centerDistance {
    display: inline-block;
    border-radius: 0.03rem  0.03rem  0.03rem  0.03rem;
    background: rgba(255, 255, 255, .2);
    padding: 0.03rem 0.07rem;
    font-size: 0.12rem;
    margin-bottom: 0.13rem;
}


.designViewPart {
    width: 100%;
    height: auto;
    background-image: url('../assets/index/img_bg_gfsjxg@2x.png');
    background-size: cover;
    padding-top: 0.33rem;
}

.designContainer {
    width: 100%;
    display: flex;
    align-items: center;
    margin-top: 0.33rem;
    border-bottom: 1px solid #E6E6E6;
    box-sizing: border-box;
    padding: 0 .2rem ;
}
.arrowDesignIcon {
    display: inline-block;
    width: .07rem;
    height: .12rem;
    background-image: url('../assets/icon_xq@2x.png');
    background-size: 100% 100%;
}
.desinMainSwiper {
    width: 100%;
    overflow-x: hidden;
    padding-bottom: .16rem;
    position: relative;
}
.desinMainSwiper .rightOverlyModal {
    width: .6rem;
    height: .61rem;
    background-image: url('../assets/img_mask1@2x.png');
    right: -0.2rem;
    top: 50%;
    transform: translateY(-50%)
}
.designItem{
    position: relative;
    text-align: center;
}
.designItem img {
    display: block;
    width: 0.27rem;
    height: 0.27rem;
    margin: 0 auto;
    margin-bottom: 0.07rem;
}
.swiper-slide.current {
    color: #3470FF;
}
.designItem::after {
    content: '';
    display: none;
    width: 20%;
    height: 0.03rem;
    background: #3470FF;
    border-radius: 0.02rem  0.02rem  0.02rem  0.02rem;
    background: #3470FF;
    position: absolute;
    bottom: -0.1rem;
    left: 50%;
    transform: translateX(-50%);
}
.swiper-slide.current .designItem::after {
    display: inline-block;
}
.correspondingBox{
    margin: .2rem  .2rem 0;
    padding-bottom: .2rem;
}
.togetherBottomBox{
    display: none;
}
.currentSelect.togetherBottomBox {
    display: block;
}

.togetherBottomBox p {
    font-size: 0.15rem;
    color: #222222;
    text-align: center;
}     
.togetherBottomBox img {
    display: block;
    width: 100%;
    height: 2.27rem;
    margin: .2rem 0;
}  
.firstPartCircle {
    position: absolute;
    right: 0;
    top: 2rem;
    width: .9rem;
}
.circleOne {
    width: .27rem;
    height: .27rem;
    background: rgba(255,255,255,0.3);
    box-shadow: 0px 0.01rem 0.02rem 0px rgba(0,0,0,0.16);
    border-radius: 50%;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
}
.innerCircle {
    width: .2rem;
    height: .2rem;
    background: #D7F1E7;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    animation: firstCicleAnimation 1.5s infinite;
}
.centerCircle {
    width: .09rem;
    height: .09rem;
    background: #52C499;
    border-radius: 50%;
}
.circleDevide{
    width: 0.01rem;
    height: .13rem;
    background: #D7F1E7;
    border-radius: 0px 0px 0px 0px;
    position: relative;
    bottom: 0;
    left: .12rem;
}
.circleOnePopBox{
    width: .9rem;
    height: .23rem;
    background: #FFFFFF;
    border-radius: 0.03rem 0.03rem 0.03rem 0.03rem;
    border: 1px solid rgba(82,196,153,0.3);
    color: #52C499;
    font-size: .12rem;
    text-align: center;
    line-height: .23rem;
    position: relative;
    left: -.3rem;
}

.secondCircle {
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.secondCircle .innerCircle {
    background: #C5D6FF;
}
.secondCircle .centerCircle {
    background: #3470FF;
}
.secondCircle .circleOnePopBox {
    border: 1px solid rgba(52,112,255,0.3);
    color: #3470FF;
}


.thirdCircle {
    right: 0;
    top: unset;
    bottom: 2rem;
    transform: translateY(-50%);
}
.thirdCircle .innerCircle {
    background: #C4EBD7;
}
.thirdCircle .centerCircle {
    background: #4EBB84;
}
.thirdCircle .circleOnePopBox {
    border: 1px solid rgba(78,187,132,0.3);
    color: #4EBB84;
}


.fourCircle {
    left: 50%;
    transform: translateX(-50%);
    top: unset;
    bottom: 1.2rem;
    transform: translateY(-50%);
}
.fourCircle .innerCircle {
    background: #D4EBEC;
}
.fourCircle .centerCircle {
    background: #3CC0C5;
}
.fourCircle .circleOnePopBox {
    border: 1px solid rgba(60,192,197,0.3);
    color: #3CC0C5;
}


.fiveCircle {
    left: 0.62rem;
    top: unset;
    bottom: 2.03rem;
}
.fiveCircle .innerCircle {
    background: #FEE9E8;
}
.fiveCircle .centerCircle {
    background: #FF574E;
}
.fiveCircle .circleOnePopBox {
    border: 1px solid rgba(255,87,78,0.3);
    color: #FF574E;
}


.sixCircle {
    left: 1.88rem;
    top: unset;
    bottom: 3.05rem;
}
.sixCircle .innerCircle {
    background: #FFF6E3;
}
.sixCircle .centerCircle {
    background: #FFAF00;
}
.sixCircle .circleOnePopBox {
    border: 1px solid rgba(255,175,0,0.3);
    color: #FFAF00;
}

.sevenCircle {
    left: 0.89rem;
    top: 2.96rem;
    bottom: unset;
}
.sevenCircle .innerCircle {
    background: #DBD5FF;
}
.sevenCircle .centerCircle {
    background: #8470FF;
}
.sevenCircle .circleOnePopBox {
    border: 1px solid rgba(132,112,255,0.3);
    color: #8470FF;
}
.cneterDesc p {
    display: flex;
    align-items: center;
}
@keyframes firstCicleAnimation {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, .7); /* 光圈初始状态 */
      }
      70% {
        box-shadow: 0 0 0 10px rgba(215, 0, 0, 0); /* 光圈扩大 */
      }
      100% {
        box-shadow: 0 0 0 20px rgba(215, 0, 0, 0); /* 光圈完全消失 */
      }
}

.secondSamePartIcon {
    background-image: url('../assets/icon_gfsjmn@2x(1).png');
}

.thirdSamePartIcon {
    background-image: url('../assets/icon_jtsjmn@2x.png');
}

.fourSamePartIcon {
    background-image: url('../assets/icon_gfsjmn@2x(2).png');
}

.fiveSamePartIcon {
    background-image: url('../assets/icon_cwzbcs@2x.png');
}

.sixSamePartIcon {
    background-image: url('../assets/icon_sgyywgl@2x.png');
}

.sevenSamePartIcon {
    background-image: url('../assets/icon_gfsjmn@2x.png');
}


.personalPagination {
    margin-left: 45%;
    margin-top: .2rem;
}
.personalPagination .swiper-pagination-bullet {
    width: .2rem;
    height: .06rem;
    background: #3470FF;
    border-radius: .2rem .2rem .2rem .2rem;
    margin-right: .08rem;
}
.coreViewPart {
    width: 100%;
    background: linear-gradient( #FEFEFF 0%, #E9F2FE 100%);
    padding-top: .33rem;
    padding-bottom: .62rem;
}
.coreOutSwiperContainer {
    margin-top: .27rem;
    padding: 0 .2rem;
}
.centerCoreSwiperModal {
    width: 100%;
    overflow-x: hidden;
}
.viewOuterSwiper {
    width: 100%;
    margin-bottom: .2rem;
    position: relative;
}
.viewTypeItem {
    font-size: .14rem;
    color: #666666;
    height: .4rem;
    text-align: center;
    line-height: .4rem;
}
.viewOuterSwiper .swiper-slide.current .viewTypeItem {
    background: linear-gradient( 180deg, #5B9CFF 0%, #7B5BFF 100%);
    border-radius: 0.05rem 0.05rem 0.05rem 0.05rem;
    color: #fff;
}
.bottomViewCurrentTypeSwiper {
    width: 100%;
    padding-bottom: .2rem;
    display: none;
}
.bottomViewCurrentTypeSwiper.current{
    display: block;
}
.bottomTypeViewItemModal .title {
    font-size: .15rem;
    color: #222222;
    margin-top: .2rem;
    text-align: center;
}
.bottomTypeViewItemModal .centerImage {
    background: #FFFFFF;
    border-radius: 0.07rem 0.07rem 0.07rem 0.07rem;
    box-sizing: border-box;
    padding: .17rem 0 0.2rem .15rem;
}
.bottomTypeViewItemModal .centerImage .mainImg {
    width: 100%;
    height: 100%;
}
.bottomTypeViewItemModal .centerImage .name {
    font-size: .13rem;
    color: #222222;
}
.bottomTypeViewItemModal .centerImage .iconImg {
    display: inline-block;
    width: .2rem;
    height: .2rem;
    margin-right: .07rem;
    vertical-align: middle;
    margin-bottom: .13rem;
    position: relative;
    top: .05rem;
}
.bottomViewSwiperPagination {
    margin-left: 40%;
    margin-top: .2rem;
}
.rightOverlyModal {
    position: absolute;
    height: 100%;
    width: .6rem;
    background-image: url('../assets/img_mask@2x.png');
    background-size: 100% 100%;
    right: 0;
    top: 0;
    z-index: 99;
}
.arrowRightIcon {
    display: inline-block;
    width: .08rem;
    height: .14rem;
    background-image: url('../assets/icon_qian@2x.png');
    background-size: 100% 100%;
    position: absolute;
    right: 0.2rem;
    top: .13rem;
}
.helpFactoryResolve {
    width: 100%;
    height: 5.83rem;
    background-image: url('../assets/index/img_bg.png');
    background-size: 100% 100%;
    padding-top: .47rem;
}
.limitReslovePart {
    margin: 0 .34rem;
}
.resolveSwiper {
    width: 100%;
    overflow-x: hidden;
    margin-top: .33rem;
    position: relative;
}
.resolveMainItem {
    height: 3.35rem;
    background: #FFFFFF;
    box-shadow: 0px 0.01rem 0.07rem 0px rgba(52,112,255,0.2);
    border-radius: 0.01rem 0.01rem 0.01rem 0.01rem;
    box-sizing: border-box;
    padding: .1rem;
}
.innerBoxResolve {
    background: #E6EEFF;
    border-radius: .1rem .1rem  .1rem  .1rem ;
    box-sizing: border-box;
    padding: .15rem;
    height: 3.15rem;
    background-image: url('../assets/index/img_bg_guonei.png');
    background-size: 100% 100%;
}
.innerBoxResolve .title img {
    display: inline-block;
    width: .28rem;
    height: .28rem;
    vertical-align: middle;
    margin-right: .07rem;
}
.innerBoxResolve .title {
    font-size: .17rem;
color: #3470FF;
line-height: .18rem;
}
.innerBoxResolve .desc {
    margin: .1rem 0 .13rem;
    font-size: .14rem;
    color: #222222;
}
.resolveDetailList {
    height: 2.12rem;
    background: linear-gradient( 135deg, #FFFFFF 0%, rgba(255,255,255,0) 100%);
    border-radius: 0px 0px 0px 0px;
    position: relative;
    box-sizing: border-box;
    padding: .17rem 0 0 .1rem;
}
.resolveDetailTitle {
    font-size: .12rem;
    color: #222222;
    margin-bottom: .05rem;
} 
.resolveDetailTitle::before {
    content: '';
    display: inline-block;
    width: 1px;
    height: .13rem;
    background: #5B9CFF;
    border-radius: 0px 0px 0px 0px;
    vertical-align: middle;
    margin-right: .1rem;
}
.resolveDetailTypeList {
    width: 100%;
    position: absolute;
    bottom: -0.09rem;
    left: 0;
    display: flex;
    flex-wrap: wrap;
}
.resolveDetailDesc {
    font-size: .12rem;
    color: #666666;
    margin-left: .1rem;
}
.resolveDetailItem {
    width: .85rem;
    height: .29rem;
    background: #FFFFFF;
    box-shadow: 0px 0.01rem 0.05rem 0px rgba(0,0,0,0.1);
    border-radius: 0.03rem 0.03rem 0.03rem 0.03rem;
    display: flex;
    align-items: center;
    padding: 0 .08rem;
    box-sizing: border-box;
    margin-right: 0.07rem;
    font-size: .11rem;
    margin-bottom: .1rem;
color: #222222;
}
.resolveDetailItem:nth-child(3n){
    margin-right: 0;
}
.resolveDetailItem img {
    display: inline-block;
    width: .17rem;
    height: .17rem;
    margin-right: .05rem;
}
.resolveSwiperPagination {
    margin-left: 1.06rem;
    margin-top: .2rem;
}
.resolveSwiperPagination .swiper-pagination-bullet {
    width: .2rem;
    height: .06rem;
    background: #3470FF;
    border-radius: .2rem .2rem .2rem .2rem;
    margin-right: .08rem;
}
.swiperPreBtn {
    width: .4rem;
    height: .4rem;
    background-image: url('../assets/index/btn_zuo.png');
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    top: 1.48rem;
    z-index: 99;
}
.swiperNextBtn {
    width: .4rem;
    height: .4rem;
    background-image: url('../assets/index/btn_you.png');
    background-size: 100% 100%;
    position: absolute;
    right: 0;
    top: 1.48rem;
    z-index: 99;
}
.dingzhiResolveBtn {
    width: 1.68rem;
    height: .43rem;
    background: linear-gradient( 180deg, #5B9CFF 0%, #7B5BFF 100%);
    box-shadow: 0px 0.01rem 0.03rem 0px rgba(52,112,255,0.26);
    border-radius: 0.05rem 0.05rem 0.05rem 0.05rem;
    color: #fff;
    text-align: center;
    font-size: .14rem;
    color: #FFFFFF;
    line-height: .43rem;
    margin: .31rem auto 0;
}