html,
body {
    min-height: 100%;
}

html {
    box-sizing: border-box;
}

*,
*:after,
*:before {
    box-sizing: inherit;
}

body {
    /* background: url(Images/Applet/bg.png) no-repeat; */
    margin: 0;
    padding: 0;
    background-size: cover;
    font-family: Microsoft YaHei-Bold, Microsoft YaHei;
}

h1 {
    border-bottom: 1px solid #dfdfdf;
    height: 70px
}

h1 a {
    margin-left: 120px
}

h2,
h3 {
    margin: 0;
    padding: 0;
}


.goback {
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(calc(-50% - 624px));
    z-index: 100;
}

.goback img {
    width: 220px;
}


/* 导航栏 ---开始--- */
#nav {
    width: 100%;
    height: 120px;
    background-color: rgba(255, 255, 255, 0.6);
    display: flex;
    justify-content: center;
    gap: 100px;
    position: relative;
}

    

#nav .group {
    width: 120px;
    height: 120px;
    text-align: center;
    position: relative;
    cursor: pointer;
}

#nav .group .item {
    position: absolute;
    bottom: 0;
    width: 120px;
    height: 6px;
    border-radius: 4px;
    visibility: hidden;
}

.group_item {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.group_item>i {
    display: block;
    width: 48px;
    height: 48px;
    background-size: 48px;
    margin: 0 auto;
    background-position: center;
}

#nav .group:nth-child(1) .group_item>i {
    background: url('/Images/Applet/AIspeedlogo.png') no-repeat;
    background-size: cover;

}

#nav .group:nth-child(2) .group_item>i {
    background: url('/Images/Applet/jiashitonglogo.png');
}

#nav .group:nth-child(3) .group_item>i {
    background: url('/Images/Applet/xiaoailogo.png');
}

.group_item div {
    height: 24px;
    text-align: center;
    line-height: 24px;
    font-size: 18px;
    font-weight: 400;
    color: #000000;
}



/* 导航栏 ---结束--- */

/* 内容栏 ---开始--- */
#content {
    width: 100%;
    height: calc(960px - 120px);
    overflow: hidden;
    position: relative;
}

/* 定位滚动ul，实现页面切换 */
.content_scroll {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    justify-content: start;
    gap: 0;
    position: relative;
    transition: all 1s;/* 与背景滚动动画一致 */
    /* left: -200%; */
}

/* 定义滚动动画 */

.content_scroll>li {
    width: 100%;
    min-width: 100%;
    height: 100%;
    min-height: 100%;
    margin-top: 90px;
    display: flex;
    justify-content: center;
}

/* 艾速度页面 */
#Ispeed {
    width: 100%;
    height: 100%;
}

#Ispeed .Ispeed_content {
    margin: 0 auto;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    height: 750px;
    display: flex;
    justify-content: center;
    gap: 51px;
}

#Ispeed .Ispeed_img_1 {
    width: 765px;
    height: 562px;
}

#Ispeed .code p {
    margin: 0;
}

#Ispeed .code p:nth-child(1) {
    margin-bottom: 20px;
    margin-bottom: 20px;
    width: 343px;
    height: 45px;
    font-size: 34px;
    font-weight: bold;
    color: #333;
}

#Ispeed .code p:nth-child(2) {
    margin-bottom: 40px;
    width: 320px;
    height: 52px;
    font-size: 40px;
    font-weight: bold;
    color: #479CFF;
}

#Ispeed .code .code_img {
    width: 300px;
    height: 300px;
    background: #FFFFFF;
    box-shadow: 0px 0px 10px 1px rgba(71, 156, 255, 0.1600);
    border-radius: 16px;
    text-align: center;
    position: relative;
}

#Ispeed .code .code_img >img {
    position: relative;
    top: 54%;
    left: 0;
    transform: translateY(-50%);
}

#Ispeed .code .code_img .new-code{
    position: absolute;
    top: 0;
    left: 0;
    width: 220px;
    transform: translateX(40px) translateY(30px);
}

#Ispeed .code .code_star {
    position: relative;
    top: -95px;
    left: 236px;
}

#Ispeed .Ispeed_content .rocket {
    position: absolute;
    top: 304px;
    margin: auto;
    transform: translateX(-640px);
    z-index: 100;
}


/* 家师通页面 */
#jiashitong {
    display: flex;
    justify-content: center;
    gap: 81px;
}

#jiashitong .img_box {}

#jiashitong .content_box {
    height: calc(100% - 42*2px);
    padding: 42px 0;
}

#jiashitong .content_box h2 {
    margin-bottom: 20px;
    width: 272px;
    font-size: 34px;
    font-weight: bold;
    color: #333333;
}

#jiashitong .content_box h3 {
    margin-bottom: 40px;
    width: 416px;
    font-size: 26px;
    font-weight: bold;
    color: #666666;
}

#jiashitong .content_box img {
    width: 300px;
    height: 348px;
    background: #FFFFFF;
    box-shadow: 0px 0px 10px 1px rgba(235, 79, 56, 0.0900);
    border-radius: 16px 16px 16px 16px;
    opacity: 1;
}


/* 刘小爱页面 */
#liuxiaoai {
    position: relative;
    top: -40px;
    height: 750px;
}

#liuxiaoai .list_box {
    width: 784px;
    height: 383px;
    padding: 30px 0 0 0;
    background: #FFFFFF;
    box-shadow: 0px 3px 10px 1px rgba(0, 0, 0, 0.1100);
    border-radius: 36px;
}

#liuxiaoai .list_box .title {
    text-align: center;
}

#liuxiaoai .list_box .title>img {
    vertical-align: middle;
    transform: translateY(-2px);
}

#liuxiaoai .list_box .title>span {
    width: 154px;
    height: 29px;
    font-size: 22px;
    font-weight: bold;
    color: #000000;
    line-height: 56px;
}

#liuxiaoai .list_box .list {
    margin: 0;
    padding: 0 0 0 61px;
    list-style: disc;
    color: #FFD80F;
}

#liuxiaoai .list_box .list>li p {
    width: 681px;
    height: 20px;
    font-size: 15px;
    font-weight: 400;
    color: #000000;
    line-height: 40px;
}

/* 开始定位 */
#liuxiaoai .book_1 {
    position: absolute;
    top: 94px;
    left: -240px;
    z-index: 10;
}

#liuxiaoai .book_2 {
    position: absolute;
    top: 504px;
    left: -278px;
    z-index: 11;
}

#liuxiaoai .list_box {
    position: absolute;
    left: 347px;
    z-index: 12;
}

#liuxiaoai .new_bee {
    position: relative;
    top: 358px;
    left: 330px;
}

/* 内容栏 ---结束--- */

/* 动画 */
/* 样式 */
#nav .group:nth-child(1):hover {
    background: rgba(71, 156, 255, 0.1000);
}

/* 状态条 */
#nav .group:nth-child(1):hover .Ispeed_item {
    visibility: visible;
    background: #479CFF;
}

.active_0 {
    background: rgba(71, 156, 255, 0.1000);
}

.item_active_0 {
    visibility: visible !important;
    background: #479CFF;
}



#nav .group:nth-child(2):hover {
    background: rgba(235, 79, 56, 0.0700);
}

#nav .group:nth-child(2):hover .Jshitong_item {
    visibility: visible !important;
    background: #EB4F38;
}

.active_1 {
    background: rgba(235, 79, 56, 0.0700);
}

.item_active_1 {
    visibility: visible !important;
    background: #EB4F38;
}




#nav .group:nth-child(3):hover {
    background: rgb(254, 189, 65, 0.1);
}

#nav .group:nth-child(3):hover .Xiaoai_item {
    visibility: visible !important;
    background: #FEBD41;
}

.active_2 {
    background: rgb(254, 189, 65, 0.1);
}

.item_active_2 {
    visibility: visible !important;
    background: #FEBD41;
}

/* 背景滚动 */
#bg_box{
    width: 1920px;
    height: 960px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    overflow: hidden;

}
.bg-scroll {
    width: 100%;
    display: flex;
    justify-content: start;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    transition: all 1s;/* 与页面滚动一致  */
}

.bg-scroll>img {
}

#cell {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
}

#appDownloadBtn {
    display: none;
    position: absolute;
    top: 310px;
    left:50px;
    /* padding-top: 265px; */
}

.download_btn {
    margin: 0 auto;
    width: 200px;
    background: #45A3FD;
    box-shadow: 0px 3px 6px 0px rgba(20,51,80,0.15);
    border-radius: 16px 16px 16px 16px;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 700;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 34px;
    cursor: pointer;
}

.download_btn a {
    color: #FFFFFF;
    text-decoration: none;
}