#root, body, html {
    height: 100%;
    margin: 0;
    padding: 0;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji",Arial,Open Sans,SimSun,sans-serif;
}
.index{
    width: 100%;
    height: auto;
}
.header{
    height: 0.96rem;
    background: #ffffff;
    border-bottom: 0.01rem solid #d7d8da;
    /*display: flex;*/
    /*align-items: center;*/
    position: relative;
}

.logo{
    background: url("./img/RPA_web_logo.png");
    height: 0.7rem;
    width: 1.8rem;
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    top:50%;
    transform: translate(0%,-50%);
    left: 0.24rem;
}
.ic_menu{

    background-repeat: no-repeat;
    background-size: 100%;
    width: 0.48rem;
    height: 0.48rem;
    position: absolute;
    top:50%;
    transform: translate(0%,-50%);
    right: 0.24rem;
}
.ic_menu_img{
    background: url("./img/ic_menu.png");
    background-size: cover;
}
.ic_back_img{
    background: url("./img/ic_back.png");
    background-size: cover;
}

.menu_select{
    /*position: fixed;*/
    position: absolute;
    z-index: 100;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    display: none;
}

.menu_select ul{
    /*height: 4rem;*/
    font-size: 0.32rem;
    background: #ffffff;
    margin: 0;
    padding: 0;
}

.menu_select ul li{
    font-size: 0.32rem;
    color: #19202a;
    height: 0.8rem;
    line-height: 0.8rem;
    padding-left: 0.38rem;
}



.banner{
    text-align: center;
    background: #f1f6ff;
    display: inline-block;
}
.banner_title {
    font-size: 0.4rem;
    color: #19202a;
    font-weight: bold;
    text-align: justify;
    margin-left: 0.5rem;
}
.banner_margin{
    margin-left: 0.54rem;
    margin-right: 0.54rem;
    color: #19202a;
    text-align: justify;
}
.font01{
    font-size: 0.24rem;
}
.font02{
    font-size: 0.2rem;
}
.font03{
    font-size: 0.36rem;
}
.font04{
    font-size: 0.32rem;
}
.font05{
    font-size: 0.28rem;
}
.banner_img{
    margin-bottom: 1rem;
}
.banner_img > img{
    width: auto;
    height: auto;
    object-fit: cover;
    max-width : 100%;
    max-height:100%;
}
.product{
    background: #1890ff;
    height:5.6rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.product_item {
    height: 1.2rem;
    margin: 0 0.36rem 0.28rem;
    border-radius: 0.2rem;
    box-shadow: 0rem 0.02rem 0.12rem 0rem rgba(0, 0, 0, 0.12);
    display: flex;
    background: #ffffff;
    width: 6.8rem;
}
.product_item > div {
    display: flex;
    justify-content: center;
    align-items: center;
}
.product_item > div > img {
    object-fit: cover;
    /*max-width : 100%;*/
    /*max-height:100%;*/
    width: 1rem;
    height: 1rem;
    margin-left: 0.12rem;
    margin-right: 0.12rem;
}
.product_item_art{
    display: block !important;
}
.product_item_art_title{
    font-size: 0.32rem;
    font-weight: bold;
    color: #19202a;
    margin: 0.12rem 0;
}
.product_item_art_content{
    font-size: 0.2rem;
    color: #728698;
}
.adv{
    /*min-height: 12rem;*/
    height: 11.6rem;
    background: #f1f6ff;
    /*margin-top: 0.56rem;*/
    flex-direction: column;
}
.adv > div {
    text-align: center;
}
.adv_title{
    padding-top: 0.4rem;
    font-weight: bold;
    color: #19202a;
}
.adv_content{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 0.3rem;
}
.adv_content_item{
    flex:39% ;
    padding: 0.1rem 0.4rem;
}
.adv_item_flex > img{
    object-fit: cover;
    max-width : 100%;
    max-height:100%;
    width: 1.2rem;
    height: 1.2rem;
}

.item_name{
    margin-top: 0.2rem;
    color: #19202a;

}
.item_desc{
    color: #666666;
}
.scene{
    min-height: 12rem;
    background: #ffffff;
}
.scene_item{
    text-align: center;
}
.scene_title{
    color: #19202a;
    margin-bottom: 0;
    margin-top: 0.8rem;
    font-weight: bold;
}
.scene_content{
    color: #a8a8a8;
}
.scene_pic_01{
    background: url("./img/purpose_ic_01.png");
    background-size: cover;
}
.scene_pic_02{
    background: url("./img/purpose_ic_02.png");
    background-size: cover;
}
.scene_pic_03{
    background: url("./img/purpose_ic_03.png");
    background-size: cover;
}
.scene_pic_04{
    background: url("./img/purpose_ic_04.png");
    background-size: cover;
}
.scene_pic_05{
    background: url("./img/purpose_ic_05.png");
    background-size: cover;
}
.scene_pic_06{
    background: url("./img/purpose_ic_06.png");
    background-size: cover;
}
.scene_content_item{
    display: flex;
    margin-top: 0.36rem;
}
.scene_content_item > i{
    width: 0.84rem;
    height: 0.84rem;
    object-fit: cover;
    max-width: 100%;
    max-height: 100%;
    margin-right: 0.12rem;
    margin-left: 0.5rem;
    display: inline-block;
}
.scene_block{
    display: inline-block;
    margin-top: 0.2rem;
}
.scene_block .title{
    color: #19202a;
    margin: 0;
}
.scene_block .des{
    color: #999999;
    margin-top: 0.16rem;
    max-width: 5.5rem;
}
.footer{
    min-height: 5.8rem;
    background: #262626;
    display: flex;
    /*justify-content: center;*/
    align-items: center;
    flex-direction: column;
    /*justify-content: space-around;*/
    font-size: 0.2rem;
    color: #777777 !important;
    /*margin-top: 0.2rem;*/
}
.footer a {
    text-decoration: none;
    color: #777777;
}
.top{
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.top ul{
    margin-left: 0.4rem;
    padding: 0;
    -ms-flex: 0 0 25%;
    /*flex: 0 0 25%;*/
    list-style: none;
    color: #666666;
    font-size: 0.2rem;
    /*padding-right: 0.56rem;*/
}
.top ul li:not(:last-child) {
    margin-bottom: 0.05rem;
}
.topHeader{
    margin-bottom: 0.14rem !important;
    font-size: 0.28rem;
    color: #777777;
}
.top ul li a {
    color: #777;
    cursor: default;

}
.qrcode{
    width: 2.8rem;
    height: 2.8rem;
    background: #1890ff;
    display: flex;
    margin-bottom: 0.1rem;
}
.qrcode i{
    background: url("./img/RPA_web_wechat_xl.png");
    width: 2.8rem;
    height: 2.8rem;
    background-size: cover;
}
.bottom{
    text-align: center;
}


.robot_banner{
    min-height: 6rem;
    display: flex;
}
.robot_banner_img{
    background: url("./img/RPA_web_robot_banner.png");
    width: 100%;
    min-height: 6rem;
    background-repeat: no-repeat;
    background-size: 100%;
}
.banner_content{
    position: absolute;
    top: 5.8rem;
    margin-left: 0.3rem;
}
.banner_content .title{
    font-size: 0.36rem;
    color: #19202a;
    font-weight: bold;
    margin: 0;
}
.title01{
    font-size: 0.36rem;
    color: #1890ff;
    font-weight: bold;
    font-family: Verdana;
}
.content{
    font-size: 0.24rem;
    color: #19202a;
    font-weight: 400;
    margin: 0;
    margin-top:0.08rem;
}
.content01{
    min-height: 5.6rem;
}
.content02{
    background: #f1f6ff;
}
.content01_img{
    background: url("./img/RPA_web_robot_pic_01.png");
    width: 5.6rem;
    min-height: 3.6rem;
    background-repeat: no-repeat;
    background-size: 100%;
}
.content02_img{
    background: url("./img/RPA_web_robot_pic_02.png");
    width: 5.6rem;
    min-height: 3.6rem;
    background-repeat: no-repeat;
    background-size: 100%;
}
.content03_img{
    background: url("./img/RPA_web_robot_pic_03.png");
    width: 5.6rem;
    min-height: 3.6rem;
    background-repeat: no-repeat;
    background-size: 100%;
}
.content04_img{
    background: url("./img/RPA_web_robot_pic_04.png");
    width: 5.6rem;
    min-height: 3.6rem;
    background-repeat: no-repeat;
    background-size: 100%;
}
.container{
    height: 3.6rem;
    justify-content: center;
    align-items: center;
    display: flex;
}
.list{
    vertical-align: middle;
    display: table-cell;
    height: 2rem;
}
.list p{
    display: flex;
    font-weight: bold;
    color: #19202a;
    font-size: 0.24rem;
    margin-left: 1.56rem;
    align-items: center;
}
.list p:before{
    content: "";
    background: url(./img/linemark_ic.png);
    width: 0.24rem;
    height: 0.24rem;
    background-repeat: no-repeat;
    background-size: 100%;
    margin-right: 0.14rem;
}
.content02 .list  p{
    display: flex;
    font-weight: bold;
    color: #19202a;
    font-size: 0.24rem;
    margin-left: 1.24rem;
    align-items: center;
}




.studio .studio_banner{
    min-height: 6rem;
    display: flex;
}
.studio .studio_banner_img{
    background: url("./img/RPA_web_studio_banner.png");
    width: 100%;
    min-height: 6rem;
    background-repeat: no-repeat;
    background-size: 100%;
}
.studio .banner_content{
    position: absolute;
    top: 5.8rem;
    margin-left: 0.3rem;
}
.studio .banner_content .title{
    font-size: 0.36rem;
    color: #19202a;
    font-weight: bold;
    margin: 0;
}
.studio .title01{
    font-size: 0.36rem;
    color: #1890ff;
    font-weight: bold;
    font-family: Verdana;
}
.studio .content{
    font-size: 0.24rem;
    color: #19202a;
    font-weight: 400;
    margin: 0;
    margin-top:0.08rem;
}
.studio .content01{
    min-height: 5.6rem;
}
.studio .content02{
    background: #f1f6ff;
}
.studio .content01_img{
    background: url("./img/RPA_web_studio_pic_01.png");
    width: 5.6rem;
    min-height: 3.6rem;
    background-repeat: no-repeat;
    background-size: 100%;
}
.studio .content02_img{
    background: url("./img/RPA_web_studio_pic_02.png");
    width: 5.6rem;
    min-height: 3.6rem;
    background-repeat: no-repeat;
    background-size: 100%;
}
.studio .content03_img{
    background: url("./img/RPA_web_studio_pic_03.png");
    width: 5.6rem;
    min-height: 3.6rem;
    background-repeat: no-repeat;
    background-size: 100%;
}
.studio .content04_img{
    background: url("./img/RPA_web_studio_pic_04.png");
    width: 5.6rem;
    min-height: 3.6rem;
    background-repeat: no-repeat;
    background-size: 100%;
}
.studio .container{
    height: 3.6rem;
    justify-content: center;
    align-items: center;
    display: flex;
}
.studio .list{
    vertical-align: middle;
    display: table-cell;
    height: 2rem;
}
.studio .list p{
    display: flex;
    font-weight: bold;
    color: #19202a;
    font-size: 0.24rem;
    margin-left: 1.56rem;
    align-items: center;
}
.studio .list p:before{
    content: "";
    background: url(./img/linemark_ic.png);
    width: 0.24rem;
    height: 0.24rem;
    background-repeat: no-repeat;
    background-size: 100%;
    margin-right: 0.14rem;
}
.studio .content02 .list  p{
    display: flex;
    font-weight: bold;
    color: #19202a;
    font-size: 0.24rem;
    margin-left: 1.24rem;
    align-items: center;
}


.console .robot_banner{
    min-height: 6rem;
    display: flex;
}
.console .robot_banner_img{
    background: url("./img/RPA_web_manage_banner.png");
    width: 100%;
    min-height: 6rem;
    background-repeat: no-repeat;
    background-size: 100%;
}
.console .banner_content{
    position: absolute;
    top: 5.8rem;
    margin-left: 0.3rem;
}
.console .banner_content .title{
    font-size: 0.36rem;
    color: #19202a;
    font-weight: bold;
    margin: 0;
}
.console .title01{
    font-size: 0.36rem;
    color: #1890ff;
    font-weight: bold;
    font-family: Verdana;
}
.console .content{
    font-size: 0.24rem;
    color: #19202a;
    font-weight: 400;
    margin: 0;
    margin-top:0.08rem;
}
.console .content01{
    min-height: 5.6rem;
}
.console .content02{
    background: #f1f6ff;
}
.console .content01_img{
    background: url("./img/RPA_web_manage_pic_01.png");
    width: 5.6rem;
    min-height: 3.6rem;
    background-repeat: no-repeat;
    background-size: 100%;
}
.console .content02_img{
    background: url("./img/RPA_web_manage_pic_02.png");
    width: 5.6rem;
    min-height: 3.6rem;
    background-repeat: no-repeat;
    background-size: 100%;
}
.console .content03_img{
    background: url("./img/RPA_web_manage_pic_03.png");
    width: 5.6rem;
    min-height: 3.6rem;
    background-repeat: no-repeat;
    background-size: 100%;
}

.console .container{
    height: 3.6rem;
    justify-content: center;
    align-items: center;
    display: flex;
}
.console .list{
    vertical-align: middle;
    display: table-cell;
    height: 2rem;
}
.console .list p{
    display: flex;
    font-weight: bold;
    color: #19202a;
    font-size: 0.24rem;
    margin-left: 0.46rem;
    align-items: center;
}
.console .list p:before{
    content: "";
    background: url(./img/linemark_ic.png);
    width: 0.24rem;
    height: 0.24rem;
    background-repeat: no-repeat;
    background-size: 100%;
    margin-right: 0.14rem;
}
.console .content02 .list  p{
    display: flex;
    font-weight: bold;
    color: #19202a;
    font-size: 0.24rem;
    margin-left: 0.46rem;
    align-items: center;
}

.help-banner{
    background: #f1f6ff;
}

.help-banner .banner{
    background: url("./img/help_banner.png");
    width: 100%;
    /*min-height: 3.2rem;*/
    background-repeat: no-repeat;
    background-size: 100%;
}
.help-banner-title{
    display: flex;
    justify-content: center;
    padding-top: 0.36rem;
    font-size: 0.48rem;
    color: #19202a;
}


.banner-search {
    margin-top: 0.2rem;
    display: flex;
    justify-content: center;
    height: 0.72rem;
}
.banner-search-content {
    width: 5.4rem;
    border-radius: 0.16rem 0 0 0.16rem;
    box-shadow: 0rem 0.04rem 0.12rem 0rem rgba(114, 134, 152, 0.35);
    display: flex;
    background: #fff;
}

.banner-search-ic {
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 0.2rem;
    margin-right: 0.12rem;
}
.banner-search-ic-close {
    margin-top: auto;
    margin-bottom: auto;
    margin-right: 0.16rem;
    display: none;
}
.search_close{
    /*background: url(./img/icons.png);*/
    width: 0.16rem;
    height: 0.16rem;
    /*background-repeat: no-repeat;*/
    background: transparent url("./img/icons.png") no-repeat scroll 35% 51%;
    /*background-position-x: -58px;*/
    /*background-position-y: -84px;*/
}

.banner-search-content input {
    border: 0;
    width: 5.4rem;
    height: 0.72rem;
    color: #30363f;
    font-size: 0.32rem;
}

.banner-search-content input:focus {
    border: 0;
    outline: none;
}

.banner-search-button {
    background: #42aaff;
    color: #fff;
    font-size: 0.32rem;
    font-weight: bold;
    border: 0;
    border-radius: 0 0.16rem 0.16rem 0;
    width: 1.44rem;
    box-shadow: 0rem 0.04rem 0.12rem 0rem rgba(114, 134, 152, 0.35);
    cursor: pointer;
}
.banner-search-button:focus{
    outline:none;
}
input::-webkit-input-placeholder{
    font-size: 0.32rem;
    color: #a9b4c5;
}
.banner-hot{
    padding-top: 0.34rem;
    padding-right: 0.28rem;
    padding-left: 0.28rem;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.banner-hot button{
    font-size: 0.24rem;
    color: #728698;
    height: 0.48rem;
    border: 0;
    border-radius: 0.08rem;
    background: #d7e1e7;
    padding: 0 0.2rem;
}
.banner-hot button:focus{
    outline: none;
}

.help-cont{
    min-height: 3rem;
}

.help-cont-ul{
    border-bottom: 0.01rem solid;
    border-top:0.01rem solid;
    border-color: #d7e1e7;
    padding: 0;
    background: #ffffff;
    margin-bottom: 0;
    margin-top: 0.28rem;
}
.help-cont-ul li{
    height:0.96rem;
    margin-left: 0.32rem;
    display: flex;
}
.help-cont-ul li >a{
    font-size: 0.24rem;
    color: #728698;
    line-height: 0.96rem;
    margin-left: 0.08rem;
    text-decoration:none;
}
.help-cont-li{
    border-bottom: 0.01rem solid;
    border-color: #d7e1e7;
}
ul li {
    list-style: none;
}
.help-i-1{
    background: url("./img/help_ic_01.png");
    font-size: 0.32rem !important;
    color: #222934 !important;
    background-repeat: no-repeat;
    background-position: -0.04rem;
    background-size: 0.6rem 0.6rem;
    padding-left: 0.66rem;
}
.help-i-2{
    background: url("./img/help_ic_02.png");
    font-size: 0.32rem !important;
    color: #222934 !important;
    background-repeat: no-repeat;
    background-position: -0.04rem;
    background-size: 0.6rem 0.6rem;
    padding-left: 0.66rem;
}
.help-i-3{
    background: url("./img/help_ic_03.png");
    font-size: 0.32rem !important;
    color: #222934 !important;
    background-repeat: no-repeat;
    background-position: -0.04rem;
    background-size: 0.6rem 0.6rem;
    padding-left: 0.66rem;
}
.help-i-4{
    background: url("./img/help_ic_04.png");
    font-size: 0.32rem !important;
    color: #222934 !important;
    background-repeat: no-repeat;
    background-position: -0.04rem;
    background-size: 0.6rem 0.6rem;
    padding-left: 0.66rem;
}
.help-i-5{
    background: url("./img/help_ic_05.png");
    font-size: 0.32rem !important;
    color: #222934 !important;
    background-repeat: no-repeat;
    background-position: -0.04rem;
    background-size: 0.6rem 0.6rem;
    padding-left: 0.66rem;
}
.help-i-6{
    background: url("./img/help_ic_06.png");
    font-size: 0.32rem !important;
    color: #222934 !important;
    background-repeat: no-repeat;
    background-position: -0.04rem;
    background-size: 0.6rem 0.6rem;
    padding-left: 0.66rem;
}

.help-search{
    background: #ffffff;
    border-radius: 0.12rem;
    margin: 0.2rem 0.24rem 0;
    box-shadow: 0rem 0.02rem 0.12rem 0rem rgba(114, 134, 152, 0.12);
    font-size: 0.24rem;
    color: #728698;
}
.help-search-title{
    font-size: 0.36rem;
    color: #30363f;
    padding-bottom: 0.16rem;
    /*width: calc(100% - 0.32rem);*/
}
.help-search-cont{
    /*padding: 0.16rem;*/
    margin: 0;
}

.banner_help_s{
    justify-content: center;
    /*position: relative;*/
}
.help_search_padding{
    padding: 0.16rem;
}
.help-search font{
    color: #2a9eff;
}




.market-banner-hot{
    padding-top: 0.28rem;
    padding-bottom: 0.28rem;
    /* padding-right: 0.28rem;
    padding-left: 0.28rem; */
    display: flex;
    align-items: center;
    justify-content: center;
}


.cid_button {
    color: #bbbbbb;
    font-size: 0.24rem;
    border-radius: 0.24rem;
    background: transparent;
    margin-left: 0.12rem;
    padding-left: 0.12rem;
    padding-right: 0.12rem;
    height: 0.48rem;
    border: 0.01rem solid #d7d8da;
    outline: none;
    cursor: pointer;
}

.cid_button_select {
    color: #fff;
    background: #2a9eff;
    border-color: #2a9eff;
}

.IndexPage__svgIcon{
    width: 1.04rem;
    height: 1.04rem;
}
.IndexPage__icons{
    position: relative;
    width: 1.4rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.IndexPage__processItem {
    width: calc(100% - 0.48rem);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 0.24rem;
    margin-left: 0.24rem;
    margin-bottom: 0.16rem;
    height: 1.28rem;
    float: left;
    border: 0.01rem solid #d7d8da;
    border-radius: 0.16rem;
    -webkit-box-shadow: 0rem 0.02rem 0.08rem 0rem rgba(19, 53, 80, 0.24);
    box-shadow: 0rem 0.02rem 0.08rem 0rem rgba(19, 53, 80, 0.24);
    cursor: pointer;
}

.IndexPage__icons label {
    position: absolute;
    font-size: 0.48rem;
    color: #fff;
    height: 100%;
    line-height: calc(200% - 0px);
}

.IndexPage__info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    line-height: 100%;
    width: calc(100% - 2.6rem);
}

.IndexPage__option {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    line-height: 100%;
    width: 1.4rem;
}

.IndexPage__title{
    color:#19202a;
    font-weight: bold;
    margin-bottom: 0.06rem;
    font-size: 0.28rem;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 100%;
}

.IndexPage__desc {
    color: #a9b4c5;
    overflow: hidden;
    -webkit-line-clamp: 2;
    width: 100%;
    line-height: 0.34rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 0.24rem;
}

.IndexPage__option button{
    color:#2a9eff;
    border: none;
    background: transparent;
    outline:none;
    cursor: pointer;
    font-size: 0.24rem;
    padding: 0;
}
.IndexPage__option button:first-child{
    margin-bottom: 0.18rem;
}
.IndexPage__option button:disabled{
    color:#d9d9d9;
    pointer-events: none;
}

.market-list{
    margin-top: 0.2rem;
    display: flex;
    flex-flow: wrap;
}
.no_data{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 0.5rem 0;
}
.no_data_result{
    font-size: 0.36rem;
    font-weight: bold;
    margin-bottom: 0.18rem;
    color: #728698;
}

.no_data_result_2{
    font-size: 0.28rem;
    color: #728698;
    margin-bottom: 0.18rem;
}
.no_data_result_3{
    font-size: 0.24rem;
    color: #19202a;
    margin-top: 0.18rem;
}
.show_data{
    margin-left: 0.24rem;
    margin-bottom: 0.14rem;
    font-size: 0.24rem;
    color: #19202a;
}
.highlight {
    color: #2a9eff;
    font-size: inherit;
    font-weight: bold;
}
.go_back{
    background: url('./img/ic_goback.png');
    background-repeat: no-repeat;
    background-size: 100%;
    width: 0.24rem;
    height: 0.24rem;
}

.go_back_div{
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-left: 0.24rem;
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
}

.market_view_header{
    display: flex;
    align-items: center;
}
.market_view_button{
    float: right;
    margin-left: 0.04rem;
    font-size: 0.24rem;
    background: #e9f5ff;
    color: #2a9eff;
    border-radius: 0.08rem;
    border: 0;
    outline: none;
}

.have_market{
    background-color: #f6f7f9;
    color: #d9d9d9;
}
.market_views_contents{
    margin-top: 0.2rem;
}
.market_views_contents ul{
    margin: 0;
    padding: 0;
}
.market_views_contents ul>li{
    padding-left: 0.24rem;
    padding-right: 0.24rem;
    color: #19202a;
}
.market_views_contents img{
    height: auto;
    width: auto;
    max-width: 100%;
}
.market_view_title{
    font-size: 0.28rem;
    font-weight: bold;
    
}
ol > li{
    list-style-type: decimal;
}
.market_view_cont{
    font-size: 0.24rem;
}


.ant-table-cell-ellipsis {
    /* overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: keep-all; */
}

.ant-table{
    background: transparent;
    width: 100%;
}
 .ant-table .ant-table-body{
    overflow: auto !important;
}
 .ant-table .ant-table-tbody .ant-table-row{
    background:#eff4f9;
}
 .ant-table .ant-table-tbody .ant-table-row:nth-child(2n){
    background:transparent;
}
 .ant-table-thead > tr > th,
 .ant-table-tbody > tr > td,
 .ant-table tfoot > tr > th,
 .ant-table tfoot > tr > td{
    height: 30px;
    padding:0 16px;
    border:0;
     color:#19202a;
     font-size: 0.24rem;
}

 .ant-table-thead > tr > th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before{
    display: none;
}
 .ant-table-thead .ant-table-cell{
    font-weight: bold;
}
 .ant-table-tbody > tr.ant-table-row:hover > td,
 .ant-table-tbody > tr.ant-table-placeholder:hover > td{
    background:transparent;
}

 .ant-table-tbody > tr.ant-table-row-level-0:hover > td{
    background:#ddeafb;
}
.ant-table table {
    width: 100%;
    text-align: left;
    border-radius: 2px 2px 0 0;
    border-collapse: separate;
    border-spacing: 0;
}
.ant-table-thead > tr > th,
.ant-table-tbody > tr > td,
.ant-table tfoot > tr > th,
.ant-table tfoot > tr > td {
    position: relative;
    padding: 16px 16px;
    overflow-wrap: break-word;
}

body .success-class{
    background: #2a9eff !important;
}
.layui-layer-msg{
    background:rgba(0, 0, 0, 0.7) !important;
    border-radius: 0.16rem !important;
}

.layui-layer-content{
    font-size: 0.28rem !important;
    color: #ffffff;
}

.go_back_button{
    margin-left: auto;
    margin-right: 0.2rem;
}
.have_data{
    width: 100%;
}
.IndexPage__info font{
    color: #2a9eff;
    font-weight: bold;
}


.swiper-container {
    width: 7.5rem; /* 800px */
    height: 7.2rem; /* 400px */
    margin:0; /* 20px */
    padding: 0;
}

/* 幻灯片使用rem单位 */
.swiper-slide {
    /*width: 2rem; !* 200px *!*/
    height: 7.2rem; /* 300px */
    padding: 0.15rem; /* 15px */
    /*margin-right: 0.2rem; !* 20px *!*/
    margin: 0 !important;
    padding: 0 !important;
}

/* 分页器使用rem单位 */
.swiper-pagination-bullet {
    width: 0.1rem; /* 10px */
    height: 0.1rem; /* 10px */
    /*margin: 0 0.05rem; !* 5px *!*/
}

/* 导航按钮使用rem单位 */
.swiper-button-prev,
.swiper-button-next {
    /*width: 0.4rem; !* 40px *!*/
    /*height: 0.4rem; !* 40px *!*/
}

.index_banner1{
    background: url('./img/RPA_web_banner01.png');
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    background-size: cover; /* 覆盖整个容器 */
    background-position: center;
    background-repeat: no-repeat;
}
.index_banner2{
    background: url('./img/RPA_web_banner02.png');
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    background-size: cover; /* 覆盖整个容器 */
    background-position: center;
    background-repeat: no-repeat;
}

.layui-carousel{
    height: 7.2rem !important;
}
.banner{
    height: 7.2rem ;
}
.layui-carousel-arrow{
    display: none;
}
.banner_margin_top{
    margin-top: 0.4rem;
}

.gradient-text {
    display: inline-block;
    font-size: 0.48rem;
    font-weight: bold;
    background: linear-gradient(60deg, #c24bff, #1890ff);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    transition: all 0.3s ease;
}

.case_banner{
    height:7.2rem;
    background: #f1f6ff;
}

.case_banner .case_banner_content{
    padding-top: 0.22rem;
    /*margin-left: 0.3rem;*/
    text-align: center;
}
.case_banner .case_banner_content .title{
    font-size: 0.4rem;
    color: #19202a;
    font-weight: bold;
    margin: 0;
}
.banner_img{
    background: url("./img/banner_decorativeImage.png");
    background-repeat:no-repeat;
    height: 2.4rem;
    width: 6rem;
    justify-content: center;
    margin: 0;
    background-size: 100%;
}
.banner_gif{
    background: url("./img/banner_animation.gif");
    background-repeat:no-repeat;
    height: 3.5rem;
    width: 6rem;
    justify-content: center;
    margin-top: -0.5rem;
    background-size: 100%;
}
.case_content01{
    height:6.3rem;
    background: #1890ff;
}
.banner2_title{
    font-size: 0.36rem;
    color: #ffffff;
    width: 100%;
    text-align: center;
    font-weight: bold;
    margin: 0;
    padding-top: 0.8rem;
    padding-bottom: 0.28rem;
}
.case_content02{
    height: 9.2rem;
}
.videoCover {
    width: 3.6rem;
    height: 1.8rem;
    border-radius: 0.16rem;
    border: 1px solid #ffffff;

}
.banner2_video{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.videoCover_01{
    margin-bottom: 0.4rem;
    background: url(./img/videoCover_01.png);
    background-repeat: no-repeat;
    background-size: 100%;
}
.videoCover_02{
    margin-left: 0.14rem;
    margin-bottom: 0.4rem;
    background: url(./img/videoCover_02.png);
    background-repeat: no-repeat;
    background-size: 100%;
}

.videoCover_03{
    background: url(./img/videoCover_03.png);
    background-repeat: no-repeat;
    background-size: 100%;
}
.videoCover_04{
    margin-left: 0.14rem;
    background: url(./img/videoCover_04.png);
    background-repeat: no-repeat;
    background-size: 100%;
}

.mp4-warp {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    /*display: -ms-flexbox;*/
    display: none;
    z-index: 99999;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 7.5rem;
    height: 4rem;
}
.homo-wrap {
    position: relative;
}
.mp4-close {
    position: absolute;
    z-index: 1000;
    /*top: -0.19rem;*/
    right: 0;
    margin: 0 auto;
    font-weight: 700;
    color: #00a8e9;
    background: #000;
    font-size: 0.12rem;
}
.case_content03{
    height: 10.8rem;
    background: linear-gradient(to bottom, #c9d9f7, #e9efff);
}
.case_content03_img{
    background: url(./img/RPA_web_CustomerCase_03.png);
    background-repeat: no-repeat;
    background-size: 100%;
    height: 100%;
}

.case_content04_img{
    background: url(./img/RPA_web_CustomerCase_04.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    height: 3.6rem;
    width: 5.6rem;
    margin: 0;
}
.font11{
    font-size: 0.24rem;
    color: #19202a;
    margin: 0;
    margin-left: 1rem;
}
.banner5—button{
    width: 4.2rem;
    height: 0.8rem;
    background: #0073ff;
    font-size: 0.32rem;
    color: #ffffff;
    border: 0;
    border-radius:0.4rem;
    margin-bottom: 0.6rem;
}

.custom-icon{
    background: url(./img/icon_rightArrow.png);
    display: inline-block;
    width: 0.24rem;
    height: 0.24rem;
    margin-left: 0.2rem;
    background-repeat: no-repeat;
    background-size: 100%;
}
.banner3-content{
    font-size: 0.2rem;
    color: #19202a;
    width:7.2rem;
    height: 4rem;
    background: #edf3fd;
    border-top-left-radius: 0.24rem;
    border-top-right-radius: 0.24rem;
}

.banner3-content-right{
    border-top-left-radius: 0.24rem;
    border-top-right-radius: 0.24rem;
    height: 4rem;

}
.br3-one{
    background: url(./img/contentBanner_01.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: right bottom;
    width: 100%;
    height: 3rem;

}
.br3-two{
    background: url(./img/contentBanner_02.png) right top no-repeat;;
    background-repeat: no-repeat;
    background-size: 100%;
    display: none;
}
.br3-three{
    background: url(./img/contentBanner_03.png);
    background-repeat: no-repeat;
    background-size: 100%;
    display: none;
}
.br3-four{
    background: url(./img/contentBanner_04.png);
    background-repeat: no-repeat;
    background-size: 100%;
    display: none;
}



.banner3-content-right p{
    margin-left: 0.62rem;
    margin-right: 0.62rem;
    color: #19202a;
    padding-top: 0.4rem;
    margin-top: 0;
    margin-bottom: 0;
}
.b3-r-c{
    /*display: flex;*/
    flex-wrap: wrap;
    /*width: 450px;*/
    margin-left: 0.62rem;
    margin-top: 0.4rem;
}
.b3-r-c button{
    width: 2.2rem;
    height: 0.48rem;
    line-height: 0.48rem;
    background: #ffffff;
    font-size: 0.2rem;
    color: #19202a;
    border: 0;
    border-radius: 0.1rem;
    margin-bottom: 0.28rem;
    text-align: left;
    margin-right: 0.58rem;
}
.b3-r-c button span{
    width: 0.08rem;
    height: 0.08rem;
    border-radius: 0.04rem;
    display: inline-block;
    background: #0988ff;
    margin-right: 0.1rem;
    margin-left: 0.1rem;
    margin-bottom: 0.02rem;
}
.b3-left-1{
    width:1.8rem;
    border-radius: 0.24rem;
    background: #ffffff;
    font-size: 0.2rem;
    color: #19202a;
    text-align: center;
}

.b3-left-1 button{
    margin-top: 0.12rem;
}
.b3-left-1 div{
    margin-top: 0.06rem;
}

.b3-left-1:not(.b3-left-select):hover{
    background: #e8f4ff;
}
.b3-left-1-img{
    height: 0.36rem;
    width: 0.36rem;
    background-repeat: no-repeat;
    background-size: 100%;
    border: 0;
}
.b3-left-1-img1{
    background: url(./img/icon_finance.png);
    background-repeat: no-repeat;
    background-size: 100%;
}

.b3-left-select .b3-left-1-img1{
    background: url(./img/icon_finance_s.png);
    background-repeat: no-repeat;
    background-size: 100%;
}

.b3-left-1-img2{
    background: url(./img/icon_onlineRetailers.png);
    background-repeat: no-repeat;
    background-size: 100%;
}
.b3-left-select .b3-left-1-img2{
    background: url(./img/icon_onlineRetailers_s.png);
    background-repeat: no-repeat;
    background-size: 100%;
}

.b3-left-1-img3{
    background: url(./img/icon_manufacturingIndustry.png);
    background-repeat: no-repeat;
    background-size: 100%;
}

.b3-left-select .b3-left-1-img3{
    background: url(./img/icon_manufacturingIndustry_s.png);
    background-repeat: no-repeat;
    background-size: 100%;
}

.b3-left-1-img4{
    background: url(./img/icon_banking.png);
    background-repeat: no-repeat;
    background-size: 100%;
}

.b3-left-select .b3-left-1-img4{
    background: url(./img/icon_banking_s.png);
    background-repeat: no-repeat;
    background-size: 100%;
}
.b3-left-select{
    background: #0988ff;
    color: #ffffff;
}
.b3-bt{

}

.banner3-content-bom{
    height:1.2rem;

    display: flex;justify-content: center;
}
.banner3-content-left{
    background: #D8E5F9;
    width: 7.2rem;
    border-bottom-left-radius: 0.24rem;
    border-bottom-right-radius: 0.24rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.banner3-content-left-two{
    height:0.96rem;
    background: #ffffff;
    display: flex;
    border-radius: 0.24rem;
    width: 7rem;
}

.studio_list_2 > p{
    margin-left: 0.8rem !important;
}