.ac_conttainer{color: #333;}
.ac_banner{width: 100%;height: 710px;background-image: linear-gradient(to bottom, #ebf0ff, #fff);}
.ach_cont{width: 1200px;margin: 0 auto;display: flex;align-items: center;padding-top: 151px;justify-content: space-between;}
.ach_cont h1{color: #333333;font-size: 42px;line-height: 56px;}
.ach_left{width: 580px;}
.ach_left span{position: relative;z-index: 1;}
.ach_left span::after{content: "";position: absolute;bottom: 0;left: 0; height: 23px;background-color: #92eeaa;border-radius: 12px;opacity: 0.5;width: 100%;z-index: -1;}
.ach_tetx{color: #333333;font-size: 18px;    line-height: 26px;}
.atext1{margin-top: 30px;}
.atext3{margin-top: 24px;}
.ach_tips{color: #777777;font-size: 14px;margin-top: 22px;}
.ach_tips i{color: #fd4444;}
.ach_right img{width: 522px;}
.ach_title{color: #333333;font-size: 38px;text-align: center;}
.ac_plan2{width: 1100px;margin: 0 auto;margin-top: 48px; }
.sub_title{font-size: 18px;text-align: center;width: 830px;margin: 0 auto;margin-top: 23px;}
.ap2_cont{width: 1110px;margin: 0 auto;display: flex;align-items: center;margin-top: 70px;}
.pa2_detail{height: 80px;background-color: #f5f7fd;border-radius: 20px;display: flex;align-items: center;padding: 0 34px;margin-bottom: 35px;}
.pa2_detail img{width: 62px;height: 62px;margin-right: 24px;}
.pa2_detail p{font-size: 18px;font-weight: bold;}
.pa2_detail:last-child{margin-bottom: 15px;}
.ap2_right{padding-top: 30px;margin-left: 46px;}
.ap2_right .pa2_detail:nth-child(2){margin-left: -60px;}
.ac_plan3{width: 1224px;margin: 0 auto;margin-top: 122px;}
.aplan3_top{display: flex;height: 440px;}
.ac_use{margin-right: 80px;}
.ac_use h1{font-size: 34px;width: 280px;}
.ac_use a{display: block;width: 200px;text-align: center;line-height: 54px;color: #ffffff;font-size: 18px;font-weight: bold;
	height: 54px;
	background-color: #0086ff;
	border-radius: 4px;margin-top: 42px;}
.ac_use a:hover{background-color: #49a4ff;}
.step{margin-top: -62px;}
.ac_step p{font-size: 18px;    margin-top: 8px;margin-bottom: 30px;}
.ac_step3{margin-left: 148px;}
.ac_step3 p{font-size: 16px;}
.b_step3{width: 885px;}
.ac_plan4{width: 1200px;margin: 0 auto;margin-top: 180px;display: flex;padding-bottom: 100px;}
.ap4_left p{height: 50px;line-height: 50px;font-size: 16px;position: relative;width: 220px;box-sizing: border-box;padding-left: 28px;cursor: pointer;}
.ap4_left p.active{background-color: #f3f9ff;}
.ap4_left p.active::before{content: "";position: absolute;left: 0;top: 0;width: 4px;height: 50px;background-color: #0086ff;}
.ar_title{font-size: 42px;font-weight: bold;margin-top: 0px;margin-bottom: 38px;padding-left: 70px;}

.quick_table_cont {color: #262626;font-size: 14px;height: 370px;width: 713px;}
.quick_table_cont li{padding: 12px 0px;display: flex;align-items: center;}
.quick_table_cont li span{display: inline-block;}
.quick_table_cont li span:nth-child(2){display: inline-block;width: 450px;padding-right: 10px;}
.quick_table_cont li span:nth-child(1){width: 215px;padding-left: 28px;}
.quick_table_cont li:nth-child(1){background-color: #ebeff5;}
.quick_table_cont li.qt_li{background-color: #fafbfc;}
.ap4_right{margin-top: -62px;}
.ap4_left{margin-top: 38px;margin-right: 85px;}


.demo_tab{height: 40px;display: flex;margin-top: 20px;}
.demo_tab li{width: 120px;text-align: center;margin-right: 20px;
	height: 40px;
	background-color: #fafafa;
	border-radius: 4px;
	border: solid 1px #dde4ef;color: #262626;font-size: 14px;line-height: 40px;cursor: pointer;position: relative;}
.demo_tab li.active{color: #0d7aff;background-color: #e6effd;border: solid 1px #0d7aff;}
.demo_tab li.active::after{content: '';
    display: inline-block;
    position: absolute;
    background: url(../img/extract/zm_account_logo.png)no-repeat center;
    background-size: cover;
    width: 21px;
    height: 18px;
    top: -1px;
    left: -1px;
    border-top-right-radius: 4px;}
.demo_tab li:hover{color: #0d7aff;}
/* .demo_cont{padding-left: 50px;}   */
.demo_tile{font-size: 16px;font-weight: bold;height: 77px;line-height: 84px;color: #262626;}
.down_code{display: inline-block;width: auto;height: 44px;background-color: #f3f9ff;border-radius: 4px;text-align: center;line-height: 44px;color: #0086ff;font-size: 16px;margin-right: 50px;padding: 0 20px;border-radius: 6px;}
.down_code:hover{color: #fff;background: #0d7aff;}
.demo_title{height: 76px;line-height: 76px;}
.demo_left{float: left;color: #262626;font-size: 16px;font-weight: bold;display: none;}
.demo_right p{display: none;}
.demo_right{float: right;display: flex;align-items: center;justify-content: flex-start;color: #262626;font-size: 16px;position: absolute;bottom: -66px;}
.demo_detail{margin-right: 50px;position: relative;}
.connect_us_demo{color: #1076e2;font-weight: normal;}
.demo_example{width: 885px;height: 650px;overflow: auto;border-radius: 10px;margin: 0 auto;font-size: 14px;background: #282b2e;}
.demo_example::-webkit-scrollbar {width: 7px;}
.demo_example::-webkit-scrollbar-thumb {background-color: #999;border-radius: 4px;}
.demo_example::-webkit-scrollbar-track {background-color: #262626;}
@keyframes ad_width {
    from {
        width: 0
    }
    to {
        width: 100%;
    }
}

.api_examples{color: #262626;font-size: 18px;font-weight: bold;margin-top: 50px;}