@charset "UTF-8";
body, div, dl, dt, dd, ul, ol, li, tr, td, th,
h1, h2, h3, h4, h5, h6, hr, br, img, table,
input, form, a, p, textarea {
    padding: 0;
    margin: 0;
    font-family: 'Microsoft YaHei', 'PingFang SC';
    color: #555;
    box-sizing: border-box;
}

ul, ol, li {
    list-style: none;
}

a {
    text-decoration: none;
    cursor: pointer;
}

img {
    border: 0;
    display: block;
}

button {
    outline: none;
    border-style: none;
    line-height: 1;
    cursor: pointer;
}

html {
    font-size: 100px;
}

body {
    font-size: 14px;
}

.clearfloat {
    zoom: 1;
}

.clearfloat:after {
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0;
}

.container {
    width: 1400px;
    margin: 0 auto;
}

.z-3 {
    z-index: 3;
}

.z-6 {
    z-index: 6;
}

.z-9 {
    z-index: 9;
}

.m-auto {
    margin: 0 auto;
}

.abs-mid {
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
}

.display-none {
    display: none;
}

.display-block {
    display: block;
}

.display-i-block {
    display: inline-block;
}

.display-inline {
    display: inline;
}

.ver-mid {
    vertical-align: middle;
}

.f-l {
    float: left;
}

.f-r {
    float: right;
}

.abs {
    position: absolute;
}

.rel {
    position: relative;
}

.fixed {
    position: fixed;
}

.left-0 {
    left: 0;
}

.right-0 {
    right: 0;
}

.top-0 {
    top: 0;
}

.bottom-0 {
    bottom: 0;
}

.opacity-1 {
    opacity: 0.1;
}

.opacity-2 {
    opacity: 0.2;
}

.opacity-3 {
    opacity: 0.3;
}

.opacity-4 {
    opacity: 0.4;
}

.opacity-5 {
    opacity: 0.5;
}

.opacity-6 {
    opacity: 0.6;
}

.opacity-7 {
    opacity: 0.7;
}

.opacity-8 {
    opacity: 0.8;
}

.opacity-9 {
    opacity: 0.9;
}

.opacity-10 {
    opacity: 1;
}

.f-t-9 {
    font-size: 9px;
}

.f-t-10 {
    font-size: 10px;
}

.f-t-12 {
    font-size: 12px;
}

.f-t-14 {
    font-size: 14px;
}

.f-t-15 {
    font-size: 15px;
}

.f-t-16 {
    font-size: 16px;
}

.f-t-18 {
    font-size: 18px;
}

.f-t-20 {
    font-size: 20px;
}

.f-t-22 {
    font-size: 22px;
}

.f-t-24 {
    font-size: 24px;
}

.f-t-26 {
    font-size: 26px;
}

.f-t-28 {
    font-size: 28px;
}

.f-t-30 {
    font-size: 30px;
}

.f-t-32 {
    font-size: 32px;
}

.f-t-34 {
    font-size: 34px;
}

.f-t-36 {
    font-size: 36px;
}

.f-t-38 {
    font-size: 38px;
}

.f-t-40 {
    font-size: 40px;
}

.f-t-60 {
    font-size: 60px;
}

.l-h-1 {
    line-height: 1;
}

.l-h-1-2 {
    line-height: 1.2;
}

.l-h-1-4 {
    line-height: 1.4;
}

.l-h-1-6 {
    line-height: 1.6;
}

.l-h-1-8 {
    line-height: 1.8;
}

.l-h-2 {
    line-height: 2;
}

.l-h-2-2 {
    line-height: 2.2;
}

.l-h-2-4 {
    line-height: 2.4;
}

.l-h-2-6 {
    line-height: 2.6;
}

.l-h-2-8 {
    line-height: 2.8;
}

.l-h-3 {
    line-height: 3;
}

.text-justify {
    text-align: justify;
}

.text-c {
    text-align: center;
}

.text-l {
    text-align: left;
}

.text-r {
    text-align: right;
}

.one-l-e {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.two-l-e {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.three-l-e {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.four-l-e {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.multi-l-e {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 99;
    -webkit-box-orient: vertical;
}

.m-a-0 {
    margin: 0;
}

.m-l-0 {
    margin-left: 0;
}

.m-r-0 {
    margin-right: 0;
}

.m-b-0 {
    margin-bottom: 0;
}

.m-t-0 {
    margin-top: 0;
}

.m-a-m {
    margin: 5px;
}

.m-l-m {
    margin-left: 5px;
}

.m-r-m {
    margin-right: 5px;
}

.m-t-m {
    margin-top: 5px;
}

.m-b-m {
    margin-bottom: 5px;
}

.m-a-s {
    margin: 10px;
}

.m-l-s {
    margin-left: 10px;
}

.m-r-s {
    margin-right: 10px;
}

.m-t-s {
    margin-top: 10px;
}

.m-b-s {
    margin-bottom: 10px;
}

.m-a-b {
    margin: 15px;
}

.m-l-b {
    margin-left: 15px;
}

.m-r-b {
    margin-right: 15px;
}

.m-t-b {
    margin-top: 15px;
}

.m-b-b {
    margin-bottom: 15px;
}

.m-a-l {
    margin: 20px;
}

.m-l-l {
    margin-left: 20px;
}

.m-r-l {
    margin-right: 20px;
}

.m-t-l {
    margin-top: 20px;
}

.m-b-l {
    margin-bottom: 20px;
}

.m-a-h {
    margin: 30px;
}

.m-l-h {
    margin-left: 30px;
}

.m-r-h {
    margin-right: 30px;
}

.m-t-h {
    margin-top: 30px;
}

.m-b-h {
    margin-bottom: 30px;
}

.p-a-0 {
    padding: 0;
}

.p-l-0 {
    padding-left: 0;
}

.p-r-0 {
    padding-right: 0;
}

.p-t-0 {
    padding-top: 0;
}

.p-b-0 {
    padding-bottom: 0;
}

.p-a-m {
    padding: 5px;
}

.p-l-m {
    padding-left: 5px;
}

.p-r-m {
    padding-right: 5px;
}

.p-t-m {
    padding-top: 5px;
}

.p-b-m {
    padding-bottom: 5px;
}

.p-a-s {
    padding: 10px;
}

.p-l-s {
    padding-left: 10px;
}

.p-r-s {
    padding-right: 10px;
}

.p-t-s {
    padding-top: 10px;
}

.p-b-s {
    padding-bottom: 10px;
}

.p-a-b {
    padding: 15px;
}

.p-l-b {
    padding-left: 15px;
}

.p-r-b {
    padding-right: 15px;
}

.p-t-b {
    padding-top: 15px;
}

.p-b-b {
    padding-bottom: 15px;
}

.p-a-l {
    padding: 20px;
}

.p-l-l {
    padding-left: 20px;
}

.p-r-l {
    padding-right: 20px;
}

.p-t-l {
    padding-top: 20px;
}

.p-b-l {
    padding-bottom: 20px;
}

.p-a-h {
    padding: 30px;
}

.p-l-h {
    padding-left: 30px;
}

.p-r-h {
    padding-right: 30px;
}

.p-t-h {
    padding-top: 30px;
}

.p-b-h {
    padding-bottom: 30px;
}

.f-t-w {
    font-weight: bold;
}

.t-c-1 {
    color: #092153;
}

.t-c-2 {
    color: #373737;
}

.t-c-3 {
    color: #333333;
}

.t-c-6 {
    color: #666666;
}

.t-b-c {
    color: #00043b;
}

.t-c-5f {
    color: #5f5f5f;
}

.t-c-5d {
    color: #5d5d5d;
}

.t-c-4a {
    color: #4a4a4a;
}

.t-c-9d {
    color: #9d9d9d;
}

.t-c-15 {
    color: #151515;
}

.t-c-37 {
    color: #373737;
}

.t-c-blue {
    color: #27e3e5;
}

.t-c-f {
    color: #FFFFFF;
}

.t-c-74 {
    color: #747474;
}

.t-c-0b {
    color: #0b2857;
}

.t-p-c {
    color: #373737;
}

.bg-c-f {
    background-color: #FFFFFF !important;
}

.bg-cf4 {
    background-color: #F4F4F4;
}

.c-blue-1 {
    color: #27e3e5;
}

.l-h-24 {
    line-height: 24px;
}

.border-0 {
    border: none !important;
}

.more-btn-b {
    border-radius: 30px;
    position: relative;
}

.more-btn-b::after {
    position: absolute;
    top: -1px;
    left: 20%;
    width: 15px;
    height: 5px;
    background-color: #FFFFFF;
    display: block;
    content: '';
}

.more-btn-b::before {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 100%;
    height: 52px;
    background-color: #27e3e5;
    display: block;
    content: '';
    border-radius: 54px;
}

.more-btn-b span {
    display: block;
    position: relative;
    width: 100%;
    border: 3px solid #00043b;
    border-radius: 30px;
    color: #00043b;
}

.more-btn-y-c::before {
    background-color: #FFE50E !important;
}

.bg-c-y {
    background-color: #FFE50E !important;
}

.more-btn-b-c {
    background-color: #27e3e5 !important;
}

.bg-b-img {
    background: url(../img/bg-con2.jpg) no-repeat center center;
    background-size: auto 100%;
}

.b-shadow {
    box-shadow: 0 0 10px #f5f5f5;
}

.l-h-34px {
    line-height: 34px;
}

body {
    min-width: 1400px;
}

header .container .i-top-nav {
    z-index: 9;
}

header .container .i-top-nav .i-logo {
    float: left;
    height: 110px;
    padding: 10px 0px;
}

header .container .i-top-nav .i-nav {
    float: right;
    margin-left: 100px;
    font-size: 0;
}

header .container .i-top-nav .i-nav > li {
    display: inline-block;
    vertical-align: middle;
    width: 150px;
    height: 110px;
    line-height: 110px;
    text-align: center;
}

header .container .i-top-nav .i-nav > li > a {
    font-size: 20px;
    color: #1a1a1a;
}

header .container .i-top-nav .i-nav > li > a.active {
    position: relative;
    color: #e85e00;
}

header .container .i-top-nav .i-nav > li > a.active::after {
    position: absolute;
    top: 2px;
    left: -42px;
    display: block;
    width: 32px;
    height: 24px;
    background: url(../img/icon.png) no-repeat;
    background-position: -194px -7px;
    content: '';
}

header .container .i-top-nav .i-login {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    display: block;
    width: 75px;
    height: 37px;
    line-height: 35px;
    font-size: 20px;
    text-align: center;
    border: 1px solid black;
    border-radius: 15px;
}

header .container .i-top-nav .i-login::after {
    position: absolute;
    top: -1px;
    left: 20px;
    display: block;
    width: 10px;
    height: 0;
    border-top: 1px solid rgba(0, 0, 255, 0.3);
    content: '';
    z-index: 2;
}

header .header-bg-desc {
    height: calc(100% - 110px);
    position: relative;
}

header .header-bg-desc .container {
    position: relative;
    height: 100%;
}

header .header-bg-desc .header-bg-desc-con {
    position: absolute;
    top: 50%;
    margin-top: -230px;
    width: 600px;
    height: 350px;
}

header .header-bg-desc .header-bg-desc-con p:nth-child(2) {
    width: 72px;
    height: 12px;
    background-color: #27e3e5;
    border-radius: 6px;
    margin: 50px 0;
}

header .header-bg-desc .header-bg-desc-con p:nth-child(3) {
    margin-bottom: 50px;
}

.i-index-top {
    height: 870px;
}

.i-app-download-top {
    height: 593px;
}

.i-about-us-top {
    height: 593px;
}

.i-download-detail-top {
    height: 494px;
    background-position: -488px -89px;
    overflow: hidden;
}

.i-list-top {
    position: relative;
    height: 584px;
    background: url(../img/list-banner.jpg) no-repeat center center;
    overflow: hidden;
}

.i-child-ani-top {
    height: 584px;
    overflow: hidden;
}

.i-edu-learn-top {
    height: 584px;
    overflow: hidden;
}

.i-lesson-play-top {
    height: 890px;
    background: url(../img/play-banner.jpg) no-repeat center center;
    overflow: hidden;
}

.header-bg-opc {
    background-color: rgba(255, 255, 255, 0.4);
}

.i-main-wraper .i-main-cont {
    padding-top: 120px;
}

.i-main-wraper .i-main-cont .i-main-center {
    margin-top: 60px;
    margin-bottom: 70px;
}

.i-main-wraper .i-main-cont .i-main-center .i-main-center-block {
    width: 450px;
    min-height: 530px;
    position: relative;
    margin-right: 25px;
    border-radius: 0px 0px 0px 60px;
}

.i-main-wraper .i-main-cont .i-main-center .i-main-center-block .block-cont {
    position: absolute;
    width: 240px;
    height: 400px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.i-main-wraper .i-main-cont .i-main-center .i-main-center-block .block-cont .block-cont-img {
    width: 128px;
    height: 128px;
    margin: 0 auto;
}

.i-main-wraper .i-main-cont .i-main-center .i-main-center-block .block-cont .block-cont-img img {
    width: 100%;
    height: 100%;
}

.i-main-wraper .i-main-cont .i-main-center .i-main-center-block .block-cont .block-tit {
    position: relative;
    color: #0E0E0E;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.i-main-wraper .i-main-cont .i-main-center .i-main-center-block .block-cont .block-tit:after {
    position: absolute;
    bottom: 0;
    left: 40%;
    display: block;
    width: 20%;
    height: 0;
    border-bottom: 6px solid #27E3E5;
    border-radius: 5px;
    content: '';
}

.i-main-wraper .i-main-cont .i-main-center .i-main-center-block .block-cont .down-desc {
    height: 174px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}

.i-main-wraper .i-main-cont .i-main-center .i-main-center-block .block-cont > p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}

.i-main-wraper .i-main-cont .i-main-center > a:last-child {
    margin: 0;
}

.i-main-wraper .i-main-cont .i-main-count-btn {
    margin-bottom: 120px;
}

.i-main-wraper .i-main-cont .i-main-count-btn > a {
    display: block;
    width: 270px;
    height: 60px;
    line-height: 54px;
    text-align: center;
}

.i-main-wraper-2 {
    background: url(../img/bg-con.jpg) no-repeat center center;
}

.i-main-wraper-2 .i-mian-play {
    padding: 90px 0;
}

.i-main-wraper-2 .i-mian-play .play-sing-img {
    bottom: -20px;
    left: -50px;
}

.i-main-wraper-2 .i-mian-play .play-see-img {
    bottom: 40px;
    right: 60px;
}

.i-main-wraper-2 .i-mian-play .play-learn-img {
    top: -163px;
    left: 375px;
}

.i-main-wraper-2 .i-mian-play .play-learn-img2 {
    top: 70px;
    left: -144px;
}

.i-main-wraper-2 .i-mian-play .play-sing-desc, .i-main-wraper-2 .i-mian-play .play-see-desc, .i-main-wraper-2 .i-mian-play .play-learn-desc {
    position: relative;
    width: 719px;
    min-height: 391px;
    padding: 33px 70px;
    border-radius: 12px;
}

.i-main-wraper-2 .i-mian-play .play-sing-desc::after {
    position: absolute;
    left: -19px;
    top: 0;
    display: block;
    height: 100%;
    width: 35px;
    background: url(../img/i-w-huabian.png) repeat-y;
    background-position: 8px -1px;
    content: '';
    z-index: 3;
}

.i-main-wraper-2 .i-mian-play .play-see-desc::after {
    position: absolute;
    right: -10px;
    top: 0;
    display: block;
    height: 100%;
    width: 36px;
    background: url(../img/i-w-huabian.png) repeat-y;
    background-position: 8px -1px;
    content: '';
    z-index: 3;
}

.i-main-wraper-2 .i-mian-play .play-learn-desc::after {
    position: absolute;
    left: -19px;
    top: 0;
    display: block;
    height: 100%;
    width: 35px;
    background: url(../img/i-w-huabian.png) repeat-y;
    background-position: 8px -1px;
    content: '';
    z-index: 3;
}

.i-main-banner .swiper-slide .i-baner-item-top {
    width: 450px;
    height: 330px;
    background-color: #fff4c9;
    border-radius: 12px;
    overflow: hidden;
}

.i-main-banner .swiper-slide .i-baner-item-top img {
    width: 100%;
    height: 100%;
}

.i-main-banner .swiper-slide .i-baner-item-bottom {
    width: 450px;
    height: 151px;
    background-color: #27e3e5;
    border-radius: 12px;
    background-image: url(../img/filework.png);
    background-repeat: no-repeat;
    background-position: 365px 42px;
}

.i-main-banner .swiper-slide .i-baner-item-bottom > p:first-child {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.i-main-banner .banner-prev-pos, .i-main-banner .banner-next-pos {
    position: absolute;
    bottom: 120px;
    width: 60px;
    height: 60px;
    background-color: #ffe50e;
    border-radius: 50%;
}

.i-main-banner .banner-prev-pos .swiper-button-prev, .i-main-banner .banner-prev-pos .swiper-button-next, .i-main-banner .banner-next-pos .swiper-button-prev, .i-main-banner .banner-next-pos .swiper-button-next {
    width: 30px;
    height: 30px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: url(../img/icon.png) no-repeat center center;
}

.i-main-banner .banner-prev-pos .swiper-button-next, .i-main-banner .banner-next-pos .swiper-button-next {
    background-position: -103px -11px;
}

.i-main-banner .banner-prev-pos .swiper-button-prev, .i-main-banner .banner-next-pos .swiper-button-prev {
    background-position: -107px -38px;
}

.i-main-banner .banner-prev-pos {
    left: 0;
}

.i-main-banner .banner-next-pos {
    right: 0;
}

.i-main-banner .i-main-count-btn {
    margin-top: 60px;
}

.i-main-user-com {
    margin-top: 60px;
    padding-bottom: 90px;
}

.i-main-user-com .i-main-footer-banner .swiper-container-footer .swiper-slide {
    width: 660px;
}

.i-main-user-com .i-main-footer-banner .swiper-container-footer .swiper-slide .f-swiper-slide-item {
    height: 414px;
    padding: 64px 20px 75px 20px;
    border-bottom-left-radius: 69px;
}

.i-main-user-com .i-main-footer-banner .swiper-container-footer .swiper-slide .f-swiper-slide-item .f-item-logo {
    border-radius: 41px;
    overflow: hidden;
    margin-left: 30px;
    margin-right: 32px;
    width: 83px;
    height: 83px;
}

.i-main-user-com .i-main-footer-banner .swiper-container-footer .swiper-slide .f-swiper-slide-item .f-item-logo img {
    width: 100%;
    height: 100%;
}

.i-main-user-com .i-main-footer-banner .swiper-container-footer .swiper-slide .f-swiper-slide-item .f-item-tit {
    line-height: 83px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.i-main-user-com .i-main-footer-banner .swiper-container-footer .swiper-slide .f-swiper-slide-item .f-item-info {
    width: 398px;
    margin-left: 145px;
}

.i-main-user-com .i-main-footer-banner .swiper-container-footer .swiper-slide .f-swiper-slide-item .f-item-info > p:first-child {
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

.i-main-user-com .i-main-footer-banner .swiper-container-footer .swiper-slide .f-swiper-slide-item .f-item-info .f-item-star {
    margin: 30px 0;
}

.i-main-user-com .i-main-footer-banner .swiper-container-footer .swiper-slide .f-swiper-slide-item .f-item-info .f-item-star i {
    color: #FFCF10;
    font-size: 20px;
}

.i-main-user-com-bl {
    position: relative;
}

.i-main-user-com-bl::after {
    position: absolute;
    width: 1920px;
    height: 35px;
    top: -14px;
    left: 50%;
    margin-left: -960px;
    background: url(../img/circles.png) repeat;
    background-position: 6px 0;
    content: '';
    z-index: 3;
}

.i-footer-one {
    background: url(../img/bg-con3.jpg) no-repeat center center;
    height: 580px;
}

.i-footer-one .i-footer-one-tit {
    padding-top: 90px;
    padding-bottom: 20px;
}

.b-b-line {
    position: relative;
}

.b-b-line::after {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -30px;
    width: 60px;
    height: 6px;
    background-color: #2ddee0;
    border-radius: 3px;
    content: '';
}

.i-footer {
    position: relative;
    height: 411px;
    background-color: #0b2857;
}

.i-footer .container {
    padding-top: 90px;
}

.i-footer .container .i-footer-left {
    float: left;
}

.i-footer .container .i-footer-left .i-footer-left-item {
    display: inline-block;
    vertical-align: top;
    margin-right: 108px;
}

.i-footer .container .i-footer-left .i-footer-left-item .i-footer-left-item-tit {
    font-size: 24px;
    color: #FFFFFF;
    margin-bottom: 25px;
}

.i-footer .container .i-footer-left .i-footer-left-item > ul li {
    margin-bottom: 20px;
}

.i-footer .container .i-footer-left .i-footer-left-item > ul li a {
    font-size: 20px;
    color: #FFFFFF;
    white-space: nowrap;
}

.i-footer .container .i-footer-left .i-footer-left-item:last-child {
    margin: 0;
}

.i-footer .container .i-footer-right {
    float: right;
}

.i-footer .container .i-footer-right .i-footer-right-item {
    display: inline-block;
    vertical-align: top;
}

.i-footer .container .i-footer-right .i-footer-right-item:last-child {
    margin-left: 115px;
}

.i-footer .container .i-footer-right .i-footer-right-item .item-qrcode-1 {
    width: 128px;
    height: 128px;
    padding: 10px;
}

.i-footer .container .i-footer-right .i-footer-right-item .item-qrcode-1 img {
    width: 100%;
}

.i-footer .container .i-footer-right .i-footer-right-item .item-qrcode-2 {
    width: 128px;
    height: 128px;
    padding: 10px;
    background-color: #FFFFFF;
}

.i-footer .container .i-footer-right .i-footer-right-item .item-qrcode-2 img {
    width: 100%;
}

.i-footer .i-footer-bottom {
    position: absolute;
    bottom: 0;
    height: 90px;
    line-height: 90px;
    width: 100%;
    text-align: center;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
}

.i-footer .i-footer-bottom span {
    font-size: 16px;
    color: #FFFFFF;
    opacity: 0.6;
    margin: 0 20px;
}

.i-footer .i-footer-bg-o {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 270px;
    height: 150px;
    background: url(../img/bg-footer-left.png) no-repeat;
}

.i-footer .i-footer-bg-t {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 270px;
    height: 150px;
    background: url(../img/bg-footer-right.png) no-repeat;
}

.i-app-download-top-desc {
    height: calc(100% - 110px);
}

.i-app-download-top-desc .app-download-top-desc-con {
    position: absolute;
    top: 250px;
    left: 0;
    right: 0;
    margin: auto;
    width: 800px;
    height: 140px;
    text-align: center;
}

.i-app-download-top-desc .app-download-top-desc-con p:first-child {
    margin-bottom: 40px;
}

.app-download-main .i-main-center {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.app-download-main .i-main-center .i-main-center-block {
    width: 430px !important;
    min-height: 546px !important;
    margin-right: 55px !important;
    margin-bottom: 60px;
    border-radius: 0px 0px 0px 60px;
}

.app-download-main .i-main-center .i-main-center-block:nth-child(3n+3) {
    margin-right: 0 !important;
}

.app-download-main .i-main-center .i-main-center-block .block-cont {
    height: 100% !important;
    padding-top: 40px;
}

.app-download-main .i-main-center .i-main-center-block .block-cont .app-download-btn {
    margin: 30px 0 40px 0;
}

.app-download-main .i-main-center .i-main-center-block .block-cont .app-download-btn .a-app-down-btn {
    position: relative;
    display: block;
    margin: 0 auto;
    width: 157px;
    height: 42px;
    line-height: 36px;
    text-align: center;
    border-radius: 21px;
    border: solid 3px #00043b;
    color: #00043b;
}

.app-download-main .i-main-center .i-main-center-block .block-cont .app-download-btn .a-app-down-btn::after {
    position: absolute;
    top: -3px;
    left: 20%;
    width: 5px;
    height: 3px;
    background-color: #FFFFFF;
    display: block;
    content: '';
}

.app-download-main .i-main-center .i-main-center-block .block-cont .app-download-btn .a-app-down-btn::before {
    position: absolute;
    top: 1px;
    left: 2px;
    width: 100%;
    height: 35px;
    border-radius: 21px;
    background-color: #ffe50e;
    display: block;
    content: '';
    z-index: -1;
}

.wap-pc-s-h {
    display: none;
}

.pc-wap-s-h {
    display: block;
    position: absolute;
    z-index: -1;
    left: 50%;
    margin-left: -960px;
}

.i-about-us-desc {
    height: calc(100% - 110px);
}

.i-about-us-desc .container {
    position: relative;
    height: 100%;
}

.i-about-us-desc .i-about-us-desc-con {
    position: absolute;
    top: 50%;
    margin-top: -131px;
    left: 0%;
    height: 120px;
    width: 670px;
}

.about-us-main {
    padding: 90px 0;
}

.about-us-main .about-us {
    padding: 60px;
    border-radius: 14px;
}

.about-us-main .about-us .about-us-tit {
    position: relative;
    border-bottom: 1px dashed #e1e1e1;
}

.about-us-main .about-us .about-us-cont {
    padding-bottom: 38px;
    border-bottom: dashed 1px #e1e1e1;
}

.about-us-main .about-us .about-us-cont .about-us-cont-left .about-us-cont-left-desc-wrapper {
    width: 577px;
}

.about-us-main .about-us .about-us-cont .about-us-cont-left .about-us-cont-left-desc-wrapper p:nth-child(2) {
    margin: 15px 0;
}

.about-us-main .about-us .about-us-cont .about-us-cont-right > div {
    width: 668px;
    height: 376px;
}

.about-us-main .about-us .about-us-cont .about-us-cont-right > div img {
    width: 100%;
    height: 100%;
}

.about-us-main .contact-us {
    margin-top: 106px;
    padding: 30px;
    height: 723px;
    background-color: #ffffff;
    border-radius: 14px;
    position: relative;
    background: url(../img/bg-map.png) no-repeat center center;
}

.about-us-main .contact-us-info {
    position: absolute;
    top: 106px;
    left: 183px;
    width: 401px;
    height: 464px;
    padding: 60px 50px;
    border-radius: 10px;
}

.about-us-main .contact-us-info span {
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: #ffe50e;
}

.about-us-main .contact-us-info .contact-us-logo {
    width: 100px;
    height: 100px;
    padding: 7px;
}

.about-us-main .contact-us-info .contact-us-logo img {
    width: 100%;
}

.about-us-b-l {
    width: 45px;
    height: 4px;
    background-color: #27e3e5;
    border-radius: 2px;
}

.about-email-icon {
    background: url(../img/icon.png) no-repeat center center;
    background-position: -108px -93px;
}

.about-tel-icon {
    background: url(../img/icon.png) no-repeat center center;
    background-position: -108px -113px;
}

.about-hand-icon {
    background: url(../img/icon.png) no-repeat center center;
    background-position: -108px -133px;
}

.download-detail-info {
    position: relative;
    margin-top: -120px;
    padding: 50px 40px;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.06);
    background-color: #fcfcfc;
    border-radius: 14px;
}

.download-detail-info .breadcrumb {
    padding-bottom: 30px;
}

.download-detail-info .detail-info-con-right .download-qr-icon {
    width: 152px;
    height: 152px;
    padding: 10px;
}

.download-detail-info .detail-info-con-right .download-qr-icon img {
    width: 100%;
}

.download-detail-info .detail-info-con-left .detail-info-logo {
    width: 170px;
    height: 170px;
}

.download-detail-info .detail-info-con-left .detail-info-logo img {
    width: 100%;
}

.down-detail-screenshot {
    margin-top: 70px;
}

.down-detail-screenshot .f-l {
    width: 323px;
    height: 576px;
    margin-right: 35px;
}

.down-detail-screenshot .f-l:last-child {
    margin: 0;
}

.down-detail-screenshot .f-l img {
    width: 100%;
    height: 100%;
}

.down-detail-apply {
    margin-top: 60px;
    margin-bottom: 114px;
}

.down-detail-apply .d-d-a-1 {
    margin-bottom: 24px;
}

.down-detail-apply .d-d-a-2 {
    margin-bottom: 16px;
}

.down-detail-apply .d-d-a-3, .down-detail-apply .d-d-a-4, .down-detail-apply .d-d-a-5, .down-detail-apply .d-d-a-6 {
    margin-bottom: 10px;
}

.i-list-search {
    position: absolute;
    top: 248px;
    left: 0;
    right: 0;
    margin: auto;
    width: 671px;
    height: 73px;
    border-radius: 36px;
    overflow: hidden;
    z-index: 9;
}

.i-list-search > form > input {
    width: 528px;
    height: 73px;
    border: none;
    padding-left: 30px;
    outline: none;
    font-size: 20px;
    opacity: 0.8;
}

.i-list-search > form > a {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 20px;
    line-height: 73px;
    text-align: center;
    display: block;
    width: 143px;
    height: 73px;
    background-color: #27e3e5;
    border-radius: 0px 36px 36px 0px;
    color: #FFFFFF;
}

.i-list-search > form > a i {
    font-size: 24px;
}

.i-list-main .i-list-main-nav {
    position: relative;
    margin-top: -90px;
    border-radius: 14px;
    padding: 60px 0 10px 60px;
}

.i-list-main .i-list-main-nav .i-list-main-nav-tit {
    position: relative;
    padding: 10px 0 50px 0;
}

.i-list-main .i-list-main-nav .i-list-main-nav-tit::after {
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 1266px;
    height: 0;
    border-bottom: dashed 1px #e1e1e1;
    content: '';
}

.i-list-main .i-list-main-nav .song-i-l-m-n-tit::after {
    display: none;
}

.i-list-main .i-list-main-nav .i-list-main-nav-con .i-list-main-nav-one ul, .i-list-main .i-list-main-nav .i-list-main-nav-con .i-list-main-nav-two ul, .i-list-main .i-list-main-nav .i-list-main-nav-con .i-list-main-nav-three ul {
    position: relative;
    margin-top: 20px;
    width: calc(100% - 118px);
    font-size: 0;
    vertical-align: top;
}

.i-list-main .i-list-main-nav .i-list-main-nav-con .i-list-main-nav-one ul > li, .i-list-main .i-list-main-nav .i-list-main-nav-con .i-list-main-nav-two ul > li, .i-list-main .i-list-main-nav .i-list-main-nav-con .i-list-main-nav-three ul > li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
    margin-bottom: 20px;
    padding: 1px 17px;
    line-height: 24px;
    text-align: center;
}

.i-list-main .i-list-main-nav .i-list-main-nav-con .i-list-main-nav-one ul > li > a, .i-list-main .i-list-main-nav .i-list-main-nav-con .i-list-main-nav-two ul > li > a, .i-list-main .i-list-main-nav .i-list-main-nav-con .i-list-main-nav-three ul > li > a {
    line-height: 25x;
    color: #00043b;
    font-size: 14px;
    display: block;
    line-height: 25px;
}

.i-list-main .i-list-main-nav .i-list-main-nav-con .i-list-main-nav-one ul li.active, .i-list-main .i-list-main-nav .i-list-main-nav-con .i-list-main-nav-two ul li.active, .i-list-main .i-list-main-nav .i-list-main-nav-con .i-list-main-nav-three ul li.active {
    position: relative;
    border: solid 3px #00043b;
    border-radius: 13px;
}

.i-list-main .i-list-main-nav .i-list-main-nav-con .i-list-main-nav-one ul li.active::after, .i-list-main .i-list-main-nav .i-list-main-nav-con .i-list-main-nav-two ul li.active::after, .i-list-main .i-list-main-nav .i-list-main-nav-con .i-list-main-nav-three ul li.active::after {
    position: absolute;
    top: -3px;
    left: 20%;
    width: 10%;
    height: 3px;
    display: block;
    background-color: #FFFFFF;
    content: '';
}

.i-list-main .i-list-main-nav .i-list-main-nav-con .i-list-main-nav-one ul li.active::before, .i-list-main .i-list-main-nav .i-list-main-nav-con .i-list-main-nav-two ul li.active::before, .i-list-main .i-list-main-nav .i-list-main-nav-con .i-list-main-nav-three ul li.active::before {
    position: absolute;
    top: 1px;
    left: 1px;
    border-radius: 13px;
    width: 100%;
    height: 96%;
    display: block;
    background-color: #FFE50E;
    content: '';
}

.i-list-main .i-list-main-nav .i-list-main-nav-con .i-list-main-nav-one ul li.active > a, .i-list-main .i-list-main-nav .i-list-main-nav-con .i-list-main-nav-two ul li.active > a, .i-list-main .i-list-main-nav .i-list-main-nav-con .i-list-main-nav-three ul li.active > a {
    z-index: 1;
    position: relative;
    border-radius: 13px;
    top: 0px;
    left: 1px;
    font-size: 14px;
}

.i-list-main .i-list-main-nav .i-list-main-nav-con .i-list-main-nav-one ul li.active > a > div, .i-list-main .i-list-main-nav .i-list-main-nav-con .i-list-main-nav-two ul li.active > a > div, .i-list-main .i-list-main-nav .i-list-main-nav-con .i-list-main-nav-three ul li.active > a > div {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    border: solid 3px #00043b;
    border-radius: 13px;
}

.i-list-main .i-list-main-nav .i-list-main-nav-con .i-list-main-nav-one ul.list-song-one::after, .i-list-main .i-list-main-nav .i-list-main-nav-con .i-list-main-nav-two ul.list-song-one::after, .i-list-main .i-list-main-nav .i-list-main-nav-con .i-list-main-nav-three ul.list-song-one::after {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 1148px;
    height: 0;
    border-bottom: 1px dashed #e1e1e1;
    content: '';
}

.i-list-main .i-list-main-nav .i-list-main-nav-con .i-list-main-nav-one > span, .i-list-main .i-list-main-nav .i-list-main-nav-con .i-list-main-nav-two > span, .i-list-main .i-list-main-nav .i-list-main-nav-con .i-list-main-nav-three > span {
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #FFFFFF;
}

.i-list-main .i-list-main-nav .i-list-main-nav-con .i-list-main-nav-one > span > span, .i-list-main .i-list-main-nav .i-list-main-nav-con .i-list-main-nav-two > span > span, .i-list-main .i-list-main-nav .i-list-main-nav-con .i-list-main-nav-three > span > span {
    position: relative;
    color: #00043b;
}

.i-list-main .i-list-main-nav .i-list-main-nav-con .i-list-main-nav-one > span, .i-list-main .i-list-main-nav .i-list-main-nav-con .i-list-main-nav-two > span, .i-list-main .i-list-main-nav .i-list-main-nav-con .i-list-main-nav-three > span {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-right: 45px;
    width: 62px;
    height: 27px;
    line-height: 27px;
    text-align: center;
    border-radius: 13px;
    border: solid 3px #00043b;
}

.i-list-main .i-list-main-nav .i-list-main-nav-con .i-list-main-nav-one > span::after, .i-list-main .i-list-main-nav .i-list-main-nav-con .i-list-main-nav-two > span::after, .i-list-main .i-list-main-nav .i-list-main-nav-con .i-list-main-nav-three > span::after {
    position: absolute;
    top: -3px;
    left: 20%;
    width: 10%;
    height: 4px;
    display: block;
    background-color: #FFFFFF;
    content: '';
}

.i-list-main .i-list-main-nav .i-list-main-nav-con .i-list-main-nav-one > span::before, .i-list-main .i-list-main-nav .i-list-main-nav-con .i-list-main-nav-two > span::before, .i-list-main .i-list-main-nav .i-list-main-nav-con .i-list-main-nav-three > span::before {
    position: absolute;
    top: 1px;
    left: 1px;
    width: 100%;
    height: 96%;
    display: block;
    background-color: #E9E9E9;
    border-radius: 13px;
    content: '';
}

.i-list-main .i-list-main-nav .i-list-main-nav-con .i-list-main-nav-three > ul {
    border-bottom: 0;
}

.i-list-main .i-list-imgs {
    margin: 80px 0 20px 0;
}

.i-list-main .i-list-imgs > ul > li {
    float: left;
    margin-right: 13px;
    margin-bottom: 20px;
    width: 340px;
}

.i-list-main .i-list-imgs > ul > li .i-list-imgs-img {
    width: 340px;
    height: 220px;
    overflow: hidden;
    background-color: #fff9d2;
    border-radius: 12px;
}

.i-list-main .i-list-imgs > ul > li .i-list-imgs-img img {
    width: 100%;
}

.i-list-main .i-list-imgs > ul > li p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 56px;
    line-height: 56px;
    color: #333333;
}

.i-list-main .i-list-imgs > ul > li:nth-child(4n +4) {
    margin-right: 0;
}

.i-list-main .i-list-imgs .i-list-imgs-load {
    text-align: center;
    line-height: 30px;
    background-color: lightgray;
}

.i-list-main .i-list-imgs .i-list-imgs-load-bg-f {
    background-color: white;
}

.i-list-main .i-list-imgs {
    margin: 90px 0 90px 0 !important;
}

.i-child-ani-main {
    margin-top: 40px;
    margin-bottom: 80px;
}

.i-child-ani-main:last-child {
    margin-bottom: 50px !important;
}

.i-child-ani-main .i-child-ani-tit {
    padding: 30px 0;
}

.i-child-ani-main .i-child-ani-tit .ani-tit-icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    width: 41px;
    height: 47px;
    background-size: 100% 100%;
    background: url(../img/icon.png) no-repeat;
}

.i-child-ani-main .i-child-ani-tit > p {
    display: inline-block;
    vertical-align: middle;
}

.i-child-ani-main .i-child-ani-tit .ani-tit-more {
    margin-top: 25px;
}

.i-child-ani-main .i-child-ani-tit .ani-tit-more span {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #27e3e5;
    line-height: 16px;
    text-align: center;
    font-size: 11px;
}

.i-child-ani-main .i-child-ani-tit .ani-tit-more span i {
    font-size: 14px !important;
}

.i-child-ani-main .i-child-ani-con .child-ani-left .child-ani-left-card {
    position: relative;
    width: 514px;
    height: 445px;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 3px 10px #5f5f5f40;
}

.i-child-ani-main .i-child-ani-con .child-ani-left .child-ani-left-card .child-ani-hover {
    padding: 25px 50px 20px 50px;
    border-radius: 0px 0px 12px 12px;
}

.i-child-ani-main .i-child-ani-con .child-ani-left .child-ani-left-card .img-wrapper {
    height: 337px;
}

.i-child-ani-main .i-child-ani-con .child-ani-left .child-ani-left-card .img-wrapper img {
    width: 100%;
    height: 100%;
}

.i-child-ani-main .i-child-ani-con .child-ani-left .vip::after {
    position: absolute;
    top: 0;
    right: -1px;
    display: block;
    width: 87px;
    height: 42px;
    background: url("../img/VIP.png") no-repeat;
    content: '';
}

.i-child-ani-main .i-child-ani-con .child-ani-right {
    width: calc(100% - 544px);
}

.i-child-ani-main .i-child-ani-con .child-ani-right .child-ani-right-list .child-ani-list-item {
    float: left;
    margin-right: 36px;
    width: 30%;
}

.i-child-ani-main .i-child-ani-con .child-ani-right .child-ani-right-list .child-ani-list-item:nth-child(3n + 3) {
    margin-right: 0;
}

.i-child-ani-main .i-child-ani-con .child-ani-right .child-ani-right-list .child-ani-list-item:nth-child(3n + 1) {
    margin-left: 7px;
}

.i-child-ani-main .i-child-ani-con .child-ani-right .child-ani-right-list .child-ani-list-item .child-ani-right-card {
    width: 259px;
    height: 165px;
    background-color: #fff4c9;
    border-radius: 12px;
    overflow: hidden;
}

.i-child-ani-main .i-child-ani-con .child-ani-right .child-ani-right-list .child-ani-list-item p {
    height: 50px;
    line-height: 50px;
    margin-top: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.child-dog-icon-1 {
    background-position: -193px -38px !important;
}

.child-dog-icon-2 {
    background-position: -190px -90px !important;
}

.child-dog-icon-3 {
    background-position: -190px -143px !important;
}

.child-dog-icon-4 {
    background-position: -190px -196px !important;
}

.child-dog-icon-5 {
    background-position: -190px -252px !important;
}

.child-dog-icon-6 {
    background-position: -190px -307px !important;
}

.child-dog-icon-7 {
    background-position: -190px -360px !important;
}

.child-dog-icon-8 {
    background-position: -190px -412px !important;
}

.child-dog-icon-9 {
    background-position: -190px -465px !important;
}

.i-edu-learn {
    margin-top: -90px;
}

.edu-learn-nav {
    position: absolute;
    left: 50%;
    top: 490px;
    z-index: 2;
    margin-left: -700px;
    border-radius: 14px;
}

.edu-learn-nav .edu-learn-nav-con {
    padding: 60px 0 0 60px;
}

.edu-learn-nav .edu-learn-nav-con .edu-learn-nav-tit {
    padding: 10px 0 50px 0;
    border-bottom: dashed 1px #e1e1e1;
}

.edu-learn-nav .edu-learn-nav-con .edu-learn-nav-main .edu-learn-nav-one, .edu-learn-nav .edu-learn-nav-con .edu-learn-nav-main .edu-learn-nav-two {
    padding-top: 27px;
}

.edu-learn-nav .edu-learn-nav-con .edu-learn-nav-main .edu-learn-nav-one > span, .edu-learn-nav .edu-learn-nav-con .edu-learn-nav-main .edu-learn-nav-two > span {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-right: 45px;
    width: 62px;
    height: 27px;
    line-height: 27px;
    text-align: center;
    border-radius: 13px;
    border: solid 3px #00043b;
}

.edu-learn-nav .edu-learn-nav-con .edu-learn-nav-main .edu-learn-nav-one > span > span, .edu-learn-nav .edu-learn-nav-con .edu-learn-nav-main .edu-learn-nav-two > span > span {
    position: relative;
    color: #00043b;
}

.edu-learn-nav .edu-learn-nav-con .edu-learn-nav-main .edu-learn-nav-one > span::after, .edu-learn-nav .edu-learn-nav-con .edu-learn-nav-main .edu-learn-nav-two > span::after {
    position: absolute;
    top: -3px;
    left: 20%;
    width: 10%;
    height: 4px;
    display: block;
    background-color: #FFFFFF;
    content: '';
}

.edu-learn-nav .edu-learn-nav-con .edu-learn-nav-main .edu-learn-nav-one > span::before, .edu-learn-nav .edu-learn-nav-con .edu-learn-nav-main .edu-learn-nav-two > span::before {
    position: absolute;
    top: 1px;
    left: 1px;
    width: 100%;
    height: 96%;
    border-radius: 13px;
    display: block;
    background-color: #E9E9E9;
    content: '';
}

.edu-learn-nav .edu-learn-nav-con .edu-learn-nav-main .edu-learn-nav-one ul, .edu-learn-nav .edu-learn-nav-con .edu-learn-nav-main .edu-learn-nav-two ul {
    width: calc(100% - 118px);
    font-size: 0;
    vertical-align: top;
    border-bottom: 1px dashed #e1e1e1;
}

.edu-learn-nav .edu-learn-nav-con .edu-learn-nav-main .edu-learn-nav-one ul > li, .edu-learn-nav .edu-learn-nav-con .edu-learn-nav-main .edu-learn-nav-two ul > li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
    margin-bottom: 20px;
    width: 64px;
    height: 32px;
    line-height: 26px;
    text-align: center;
}

.edu-learn-nav .edu-learn-nav-con .edu-learn-nav-main .edu-learn-nav-one ul > li > a, .edu-learn-nav .edu-learn-nav-con .edu-learn-nav-main .edu-learn-nav-two ul > li > a {
    font-size: 14px;
    line-height: 27px;
    color: #00043b;
    position: relative;
}

.edu-learn-nav .edu-learn-nav-con .edu-learn-nav-main .edu-learn-nav-one ul li.active, .edu-learn-nav .edu-learn-nav-con .edu-learn-nav-main .edu-learn-nav-two ul li.active {
    position: relative;
    border: solid 3px #00043b;
    border-radius: 13px;
}

.edu-learn-nav .edu-learn-nav-con .edu-learn-nav-main .edu-learn-nav-one ul li.active::after, .edu-learn-nav .edu-learn-nav-con .edu-learn-nav-main .edu-learn-nav-two ul li.active::after {
    position: absolute;
    top: -3px;
    left: 20%;
    width: 10%;
    height: 4px;
    display: block;
    background-color: #FFFFFF;
    content: '';
}

.edu-learn-nav .edu-learn-nav-con .edu-learn-nav-main .edu-learn-nav-one ul li.active::before, .edu-learn-nav .edu-learn-nav-con .edu-learn-nav-main .edu-learn-nav-two ul li.active::before {
    position: absolute;
    top: 1px;
    left: 1px;
    width: 100%;
    height: 96%;
    display: block;
    border-radius: 13px;
    background-color: #FFE50E;
    content: '';
}

.edu-learn-main-wrapper, .edu-learn-main-wrapper2 {
    padding-top: 314px;
}

.edu-learn-main-wrapper .edu-learn-main, .edu-learn-main-wrapper2 .edu-learn-main {
    padding: 70px 80px 50px 58px;
    border-radius: 14px;
}

.edu-learn-main-wrapper .edu-learn-main .edu-learn-main-tit p:last-child, .edu-learn-main-wrapper2 .edu-learn-main .edu-learn-main-tit p:last-child {
    margin-bottom: 35px;
}

.edu-learn-main-wrapper .edu-learn-main .edu-learn-main-con > ul > li, .edu-learn-main-wrapper .edu-learn-main .edu-learn-main-con-two > ul > li, .edu-learn-main-wrapper2 .edu-learn-main .edu-learn-main-con > ul > li, .edu-learn-main-wrapper2 .edu-learn-main .edu-learn-main-con-two > ul > li {
    margin-right: 18px;
    margin-bottom: 30px;
}

.edu-learn-main-wrapper .edu-learn-main .edu-learn-main-con > ul > li .edu-learn-main-con-img, .edu-learn-main-wrapper .edu-learn-main .edu-learn-main-con-two > ul > li .edu-learn-main-con-img, .edu-learn-main-wrapper2 .edu-learn-main .edu-learn-main-con > ul > li .edu-learn-main-con-img, .edu-learn-main-wrapper2 .edu-learn-main .edu-learn-main-con-two > ul > li .edu-learn-main-con-img {
    width: 302px;
    height: 402px;
    background-color: #fff4c9;
    border-radius: 12px 12px 0px 0px;
}

.edu-learn-main-wrapper .edu-learn-main .edu-learn-main-con > ul > li .edu-learn-main-con-img img, .edu-learn-main-wrapper .edu-learn-main .edu-learn-main-con-two > ul > li .edu-learn-main-con-img img, .edu-learn-main-wrapper2 .edu-learn-main .edu-learn-main-con > ul > li .edu-learn-main-con-img img, .edu-learn-main-wrapper2 .edu-learn-main .edu-learn-main-con-two > ul > li .edu-learn-main-con-img img {
    width: 100%;
    height: 100%;
}

.edu-learn-main-wrapper .edu-learn-main .edu-learn-main-con > ul > li .edu-learn-main-con-desc, .edu-learn-main-wrapper .edu-learn-main .edu-learn-main-con-two > ul > li .edu-learn-main-con-desc, .edu-learn-main-wrapper2 .edu-learn-main .edu-learn-main-con > ul > li .edu-learn-main-con-desc, .edu-learn-main-wrapper2 .edu-learn-main .edu-learn-main-con-two > ul > li .edu-learn-main-con-desc {
    padding: 15px 20px;
    height: 71px;
    background-color: #fafafa;
    border-radius: 0px 0px 12px 12px;
}

.edu-learn-main-wrapper .edu-learn-main .edu-learn-main-con > ul > li .edu-learn-main-con-desc p, .edu-learn-main-wrapper .edu-learn-main .edu-learn-main-con-two > ul > li .edu-learn-main-con-desc p, .edu-learn-main-wrapper2 .edu-learn-main .edu-learn-main-con > ul > li .edu-learn-main-con-desc p, .edu-learn-main-wrapper2 .edu-learn-main .edu-learn-main-con-two > ul > li .edu-learn-main-con-desc p {
    line-height: 24px;
}

.edu-learn-main-wrapper .edu-learn-main .edu-learn-main-con > ul > li .edu-learn-main-con-desc p span, .edu-learn-main-wrapper .edu-learn-main .edu-learn-main-con-two > ul > li .edu-learn-main-con-desc p span, .edu-learn-main-wrapper2 .edu-learn-main .edu-learn-main-con > ul > li .edu-learn-main-con-desc p span, .edu-learn-main-wrapper2 .edu-learn-main .edu-learn-main-con-two > ul > li .edu-learn-main-con-desc p span {
    line-height: 24px;
}

.edu-learn-main-wrapper .edu-learn-main .edu-learn-main-con > ul > li:nth-child(4n + 4), .edu-learn-main-wrapper .edu-learn-main .edu-learn-main-con-two > ul > li:nth-child(4n + 4), .edu-learn-main-wrapper2 .edu-learn-main .edu-learn-main-con > ul > li:nth-child(4n + 4), .edu-learn-main-wrapper2 .edu-learn-main .edu-learn-main-con-two > ul > li:nth-child(4n + 4) {
    margin: 0;
}

.edu-learn-main-wrapper2 {
    padding: 80px 0 !important;
}

.edu-learn-main-wrapper2 .edu-learn-main-con > ul > li .edu-learn-main-con-img {
    height: 208px !important;
}

.i-lesson-play-main-0 {
    margin-top: 65px;
}

.i-lesson-play-main-0 .i-lesson-play-main-one .lesson-play-one-img {
    width: 214px;
    height: 272px;
    background-color: #fffbea;
    border-radius: 4px;
}

.i-lesson-play-main-0 .i-lesson-play-main-one .lesson-play-one-desc {
    width: calc(100% - 245px);
}

.i-lesson-play-main-0 .i-lesson-play-main-one .lesson-play-one-desc .f-t-22 {
    margin-bottom: 15px;
}

.i-lesson-play-main {
    margin-top: 65px;
    margin-bottom: 80px;
}

.i-lesson-play-main .i-lesson-play-main-one .lesson-play-one-img {
    width: 214px;
    height: 141px;
    background-color: #fffbea;
    border-radius: 4px;
    overflow: hidden;
}

.i-lesson-play-main .i-lesson-play-main-one .lesson-play-one-img img {
    width: 100%;
}

.i-lesson-play-main .i-lesson-play-main-one .lesson-play-one-desc {
    width: calc(100% - 245px);
}

.i-lesson-play-main .i-lesson-play-main-one .lesson-play-one-desc .f-t-22 {
    margin-bottom: 15px;
}

.i-lesson-play-main .i-lesson-play-main-two {
    margin-top: 80px;
}

.i-lesson-play-main .i-lesson-play-main-two .i-lesson-main-two-list .lesson-two-item {
    width: 340px;
    float: left;
    margin-right: 13px;
}

.i-lesson-play-main .i-lesson-play-main-two .i-lesson-main-two-list .lesson-two-item:nth-child(4n + 4) {
    margin-right: 0;
}

.i-lesson-play-main .i-lesson-play-main-two .i-lesson-main-two-list .lesson-two-item:last-child {
    display: none;
}

.i-lesson-play-main .i-lesson-play-main-two .i-lesson-main-two-list .lesson-two-item .lesson-two-list-img {
    height: 208px;
    background-color: #fff4c9;
    border-radius: 12px;
    overflow: hidden;
}

.i-lesson-play-main .i-lesson-play-main-two .i-lesson-main-two-list .lesson-two-item .lesson-two-list-img img {
    width: 100%;
    height: 100%;
}

.i-lesson-play-main .i-lesson-play-main-two .i-lesson-main-two-list .lesson-two-item .lesson-two-list-desc {
    padding-top: 15px;
    padding-bottom: 30px;
}

.i-lesson-play-main .i-lesson-play-main-two .i-lesson-main-two-list .lesson-two-item .lesson-two-list-desc p {
    line-height: 24px;
}

.i-lesson-play-main .i-lesson-play-main-two .i-lesson-play-main-two-btn > a {
    display: block;
    width: 232px;
    height: 56px;
    line-height: 51px;
    text-align: center;
    margin-top: 15px;
}

.teahc-ass-play-main .i-lesson-play-main-one .lesson-play-one-img {
    width: 214px;
    height: 272px;
}

.teahc-ass-play-main .i-lesson-play-main-two .i-lesson-main-two-list .lesson-two-item {
    margin-right: 27px;
    width: 258px;
}

.teahc-ass-play-main .i-lesson-play-main-two .i-lesson-main-two-list .lesson-two-item .lesson-two-list-img {
    height: 322px;
    overflow: hidden;
}

.teahc-ass-play-main .i-lesson-play-main-two .i-lesson-main-two-list .lesson-two-item:nth-child(4n + 4) {
    margin-right: 27px;
}

.teahc-ass-play-main .i-lesson-play-main-two .i-lesson-main-two-list .lesson-two-item:nth-child(5n + 5) {
    margin-right: 0;
}

.guide-download-tc {
    width: 650px;
    height: 650px;
    background-color: lightblue;
    background: url(../img/download-bg.jpg) no-repeat;
    position: relative;
}

.guide-download-tc .guide-download-tc-c {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    width: 300px;
    height: 53%;
}

.guide-download-tc .guide-download-tc-c .guide-download-tc-c-qr {
    width: 190px;
    height: 190px;
    background: url(../img/xiaoxueketang.png) no-repeat center center;
    background-size: 100% 100%;
}

.guide-download-tc .guide-download-tc-c .guide-download-tc-q-qr {
    width: 190px;
    height: 190px;
    background: url(../img/qinbaoerge.png) no-repeat center center;
    background-size: 100% 100%;
}

.guide-download-tc .guide-download-tc-c .guide-download-tc-q-qr img {
    width: 100%;
}

body .download-tc-skin {
    border-radius: 10px;
    overflow: hidden;
}

body .download-tc-skin .layui-layer-setwin {
    display: none;
}

.video-teach {
    position: absolute;
    top: 110px;
    left: 0;
    right: 0;
    margin: auto;
}

.video-teach .container {
    background-color: #003B23;
    border-radius: 18px;
    overflow: hidden;
}

.video-teach .container .video-teach-play {
    width: 1060px;
    height: 703px;
    background-color: #000000;
}

.video-teach .container .video-teach-list {
    width: 340px;
    height: 703px;
    padding: 30px 28px 0 28px;
    border-radius: 18px 0px 0px 0px;
}

.video-teach .container .video-teach-list .video-teach-tit {
    margin-bottom: 16px;
    font-weight: bold;
}

.video-teach .container .video-teach-list .video-teach-con {
    height: calc(100% - 60px);
    border-radius: 0px 18px 18px 0px;
    overflow-y: auto;
}

.video-teach .container .video-teach-list .video-teach-con::-webkit-scrollbar {
    display: none;
}

.video-teach .container .video-teach-list .video-teach-con .video-teach-con-item {
    height: 76px;
    margin-bottom: 12px;
}

.video-teach .container .video-teach-list .video-teach-con .video-teach-con-item .video-item-img {
    position: relative;
    width: 126px;
    height: 100%;
    background-color: #c4ffe2;
    border-radius: 6px;
    overflow: hidden;
}

.video-teach .container .video-teach-list .video-teach-con .video-teach-con-item .video-item-img img {
    width: 100%;
    height: 100%;
}

.video-teach .container .video-teach-list .video-teach-con .video-teach-con-item .video-item-desc {
    width: 145px;
    height: 100%;
}

.video-teach .container .video-teach-list .video-teach-con .video-teach-con-item .l-lock::before {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 32px;
    height: 32px;
    background-image: url(../img/lock.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    content: '';
}

.video-teach .container-2 {
    width: 1400px;
    margin: 0 auto;
}

.video-teach .container-2 .video-teach-desc {
    padding: 25px 0;
}

.i-go-back-down-link {
    position: fixed;
    right: 114px;
    bottom: 70px;
    width: 79px;
    height: 189px;
    background: url(../img/back-top.png) no-repeat;
    background-size: 100% 100%;
    z-index: 99999;
}

.i-go-back-down-link .i-g-v-d-l-top, .i-go-back-down-link .i-g-v-d-l-dowm, .i-go-back-down-link .i-g-v-d-l-link {
    position: absolute;
    width: 100%;
    min-height: 38px;
}

.i-go-back-down-link .i-g-v-d-l-top {
    top: 28%;
}

.i-go-back-down-link .i-g-v-d-l-dowm {
    top: 54%;
}

.i-go-back-down-link .i-g-v-d-l-link {
    top: 80%;
}

.small-line-no {
    position: relative;
    padding-left: 20px;
}

.small-line-no::after {
    position: absolute;
    top: 50%;
    margin-top: -1px;
    left: 5px;
    width: 10px;
    height: 2px;
    background-color: #5f5f5f;
    content: '';
}

.b-b-y-huabian {
    margin-bottom: 15px;
    position: relative;
}

.b-b-y-huabian::after {
    position: absolute;
    bottom: -7px;
    left: 0;
    display: block;
    width: 100%;
    height: 15px;
    background: url(../img/circles.png);
    background-position: -28px -13px;
    content: '';
}

.b-b-y-huabian-y {
    margin-bottom: 15px;
    position: relative;
}

.b-b-y-huabian-y::after {
    position: absolute;
    bottom: -7px;
    left: 0;
    display: block;
    width: 100%;
    height: 15px;
    background: url(../img/circles.png);
    background-position: -28px 15px;
    content: '';
}

.video-js {
    outline: none;
}

.i-list-top-left-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    background: url(../img/list-banner-left.png) no-repeat;
    background-position: 0 0;
}

.i-list-top-right-icon {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    background: url(../img/list-banner-right.png) no-repeat right bottom;
}

.swiper-button-next-footer-n {
    right: -260px !important;
    top: 0 !important;
    width: 180px !important;
    height: 100% !important;
    margin-top: 0 !important;
    opacity: 0.5 !important;
    background-color: #FFFFFF;
    border-bottom-left-radius: 66px;
}

.swiper-button-next-footer-p {
    left: -260px !important;
    top: 0 !important;
    width: 180px !important;
    height: 100% !important;
    margin-top: 0 !important;
    opacity: 0.5 !important;
    background-color: #FFFFFF;
}

.i-list-last {
    position: relative;
    width: 100% !important;
    margin-top: 50px;
    line-height: 30px;
    text-align: center;
    color: #FFFFFF;
    background-color: #c1c1c1b0;
}

.no-more {
    background-color: #FFFFFF;
    color: #00043b;
}

.accordion {
    width: 100%;
    max-width: 360px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.accordion .link {
    cursor: pointer;
    display: block;
    background-color: rgba(244, 244, 244, 0.3);
    color: #FFFFFF;
    border-radius: 19px;
    padding: 10px 15px 10px 25px;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: normal;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.accordion > li i.iconright {
    position: absolute;
    top: 10px;
    left: 12px;
    font-size: 18px;
    color: #FFFFFF;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.accordion > li i.iconright {
    right: 12px;
    left: auto;
    font-size: 16px;
}

.accordion > li .submenu > li {
    position: relative;
}

.accordion > li .submenu > li .active {
    color: #FDE40B;
}

.accordion > li .submenu > li .active i {
    display: inline !important;
}

.accordion > li .submenu > li .try-free::after {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    content: '';
}

.accordion > li .submenu > li i.iconzhuzhuangtu {
    display: none;
}

.submenu {
    display: none;
    font-size: 14px;
    margin-bottom: 10px;
}

.submenu a {
    display: block;
    text-decoration: none;
    color: #d9d9d9;
    padding: 12px;
    padding-left: 42px;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.submenu a:hover {
    opacity: 0.3;
    color: #FFF;
}

#iLogoMore {
    position: absolute;
    z-index: 2;
    top: 64px;
    width: 100vw;
    height: calc(100vh - 50px);
}

.i-logo-more-load {
    position: fixed;
    top: 64px;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: black;
    opacity: .3;
    z-index: 3;
}

.i-top-nav-more {
    width: 2.4rem;
    height: 100%;
    position: absolute;
    right: 0;
    top: .58rem;
    overflow-y: scroll;
    background: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-top-right-radius: 0px;
    z-index: 99;
}

.i-top-nav-more .link {
    cursor: pointer;
    display: block;
    padding: .18rem .2rem .17rem .26rem;
    color: #4D4D4D;
    font-size: .14rem;
    font-weight: 700;
    border-bottom: 1px solid #c4c4c4;
    position: relative;
}

/* 		.i-top-nav-more li:last-child .link {
			border-bottom: 0;
		} */
.i-top-nav-more li i {
    position: absolute;
    top: 50%;
    margin-top: -0.08rem;
    right: .23rem;
    font-size: .15rem;
    color: #595959;
}

.i-top-nav-more li i.icon-chevron-down {
    right: .12rem;
    left: auto;
    font-size: .16rem;
}

.i-top-nav-more li.open .link {
    color: #e85e00;
}

.i-top-nav-more li.open i {
    color: #e85e00;
}

/**
 * more-show-submenu
 -----------------------------*/
.more-show-submenu {
    display: none;
    background: #FFFFFF;
    font-size: 14px;
}

.more-show-submenu li {
    /* border-bottom: 1px solid #4b4a5e; */
}

.more-show-submenu a {
    display: block;
    text-decoration: none;
    color: #00043b;
    padding: 13px;
    padding-left: 42px;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.com-pager {
    position: absolute;
    top: -40px;
    left: 50%;
    margin-left: -220px;
    text-align: center;
}

.yb-reward-history__pagination {
    border: 1px solid #e5e5e5;
    margin: 0 5px;
    padding: 5px 10px;
    text-decoration: none;
    color: #8a8a8a;
    background-color: #f0f1f3;
    border-radius: 5px;
    transition: all 0.7s ease;
}

.yb-reward-history__pagination：hover {
    color: #fff;
    background-color: #248efb;
}

.yb-reward-history__pagination-active {
    background: #248efb;
    padding: 5px 10px;
    color: #fff;
}

.adl-wap {
    display: none;
}

.video-teach-list-wap {
    display: none;
}

.i-bg-pop {
    background: url(../img/i-bg-pop.png) no-repeat center center;
}

.index-user-comment {
    width: 1920px;
    overflow: hidden;
    margin: 0 auto;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    img {
        display: inline-block;
        max-width: 100%;
        height: auto;
    }

    .i-go-back-down-link {
        display: none;
    }

    body {
        overflow-x: hidden;
    }

    body .container {
        width: 90%;
    }

    .i-top-nav {
        padding: 0 .25rem;
        margin: .14rem 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .i-top-nav .i-logo {
        width: .74rem;
        height: 0.36rem !important;
        padding: 0 !important;
    }

    .i-top-nav .i-nav {
        display: none;
    }

    .i-top-nav .i-login {
        display: none !important;
    }

    .i-top-nav .i-logo-more {
        display: block;
    }

    .i-top-nav .i-logo-more {
        display: block;
        width: .19rem;
        height: .17rem;
        position: absolute;
        right: .25rem;
        top: 50%;
        margin-top: -0.08rem;
    }

    .i-top-nav .i-logo-more img {
        display: inline-block;
        max-width: 100%;
        height: auto;
    }

    body .i-about-us-top, body .i-app-download-top, body .i-download-detail-top, body .i-lesson-play-top {
        background: none;
        height: auto;
    }

    body .i-about-us-top .header-bg-opc, body .i-app-download-top .header-bg-opc, body .i-download-detail-top .header-bg-opc, body .i-lesson-play-top .header-bg-opc {
        background: none;
    }

    body .i-about-us-top .i-about-us-desc, body .i-app-download-top .i-about-us-desc, body .i-download-detail-top .i-about-us-desc, body .i-lesson-play-top .i-about-us-desc {
        display: none;
    }

    body .i-about-us-top .i-app-download-top-desc, body .i-app-download-top .i-app-download-top-desc, body .i-download-detail-top .i-app-download-top-desc, body .i-lesson-play-top .i-app-download-top-desc {
        display: none;
    }

    body {
        min-width: auto;
    }

    body .i-index-top, body .i-child-ani-top, body .i-list-top, body .i-edu-learn-top {
        background: none;
        height: auto;
        background-image: none;
    }

    body .i-index-top .header-bg-desc, body .i-child-ani-top .header-bg-desc, body .i-list-top .header-bg-desc, body .i-edu-learn-top .header-bg-desc {
        display: none;
    }

    body .i-index-top .header-index-banner, body .i-child-ani-top .header-index-banner, body .i-list-top .header-index-banner, body .i-edu-learn-top .header-index-banner {
        display: block;
    }

    body .i-index-top .header-index-banner .swiper-pagination .swiper-pagination-bullet, body .i-child-ani-top .header-index-banner .swiper-pagination .swiper-pagination-bullet, body .i-list-top .header-index-banner .swiper-pagination .swiper-pagination-bullet, body .i-edu-learn-top .header-index-banner .swiper-pagination .swiper-pagination-bullet {
        background-color: #FFFFFF;
        opacity: .5;
    }

    body .i-index-top .header-index-banner .swiper-pagination .swiper-pagination-bullet-active, body .i-child-ani-top .header-index-banner .swiper-pagination .swiper-pagination-bullet-active, body .i-list-top .header-index-banner .swiper-pagination .swiper-pagination-bullet-active, body .i-edu-learn-top .header-index-banner .swiper-pagination .swiper-pagination-bullet-active {
        width: .16rem;
        opacity: 1;
        border-radius: 0.08rem;
    }

    body .i-main-wraper .i-main-cont {
        padding-top: .55rem;
    }

    body .i-main-wraper .i-main-cont .i-main-top > p {
        font-size: .15rem;
        line-height: .21rem;
    }

    body .i-main-wraper .i-main-cont .f-r > p {
        font-size: .09rem;
        line-height: .21rem;
    }

    body .i-main-wraper .i-main-cont .i-main-center {
        margin-top: .25rem;
        margin-bottom: .2rem;
    }

    body .i-main-wraper .i-main-cont .i-main-center-block {
        width: 1.15rem !important;
        margin-right: 0rem !important;
        min-height: 1.4rem !important;
        border-radius: 0px 0px 0px 0.15rem !important;
    }

    body .i-main-wraper .i-main-cont .i-main-center-block:last-child {
        margin-right: 0 !important;
    }

    body .i-main-wraper .i-main-cont .i-main-center-block .block-cont {
        box-sizing: content-box;
        width: 0.97rem !important;
        height: auto !important;
        padding: .15rem 0;
    }

    body .i-main-wraper .i-main-cont .i-main-center-block .block-cont .block-cont-img {
        width: 0.4rem !important;
        height: 0.4rem !important;
    }

    body .i-main-wraper .i-main-cont .i-main-center-block .block-cont .block-tit {
        font-size: .09rem;
        padding: .05rem 0;
    }

    body .i-main-wraper .i-main-cont .i-main-center-block .block-cont .block-tit:after {
        width: 0.15rem !important;
        height: 0.02rem !important;
        background-color: #27E3E5 !important;
        left: 50% !important;
        margin-left: -0.08rem;
        border-bottom: 0 !important;
    }

    body .i-main-wraper .i-main-cont .i-main-center-block .block-cont > p {
        text-align: center;
        font-size: 0.09rem;
        padding-top: 0.05rem;
        line-height: 0.12rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
    }

    body .i-main-wraper .i-main-cont .i-main-count-btn {
        margin-bottom: 0.35rem;
    }

    body .i-main-wraper .i-main-cont .i-main-count-btn .more-btn-b {
        width: 0.69rem;
        height: .2rem;
        line-height: .2rem;
    }

    body .i-main-wraper .i-main-cont .i-main-count-btn .more-btn-b span {
        font-size: 0.09rem;
        border: 0.02rem solid #00043b;
    }

    body .i-main-wraper .i-main-cont .i-main-count-btn .more-btn-b::before {
        position: absolute;
        top: 0.03rem;
        left: 0.03rem;
        width: 100%;
        height: 98%;
        background-color: #27e3e5;
        display: block;
        content: '';
        border-radius: .2rem;
    }

    body .i-main-wraper .i-main-cont .i-main-count-btn .more-btn-b::after {
        width: 0.07rem;
    }

    body .i-main-wraper-2 .i-mian-play {
        padding: 0.23rem 0;
    }

    body .i-main-wraper-2 .i-mian-play .play-one .play-sing-img {
        width: 1.54rem;
        bottom: -0.05rem;
        left: -0.08rem;
    }

    body .i-main-wraper-2 .i-mian-play .play-one .play-sing-desc {
        width: 1.82rem;
        min-height: 1rem;
        padding: .12rem .2rem;
        border-radius: 0rem .12rem .12rem 0;
    }

    body .i-main-wraper-2 .i-mian-play .play-one .play-sing-desc > p:nth-child(1) {
        font-size: .15rem;
    }

    body .i-main-wraper-2 .i-mian-play .play-one .play-sing-desc > p:nth-child(2) {
        font-size: 0.09rem;
        margin-top: 0.08rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
    }

    body .i-main-wraper-2 .i-mian-play .play-one .play-sing-desc > p:nth-child(3) {
        display: none;
    }

    body .i-main-wraper-2 .i-mian-play .play-one .play-sing-desc > p:nth-child(4) {
        display: none;
    }

    body .i-main-wraper-2 .i-mian-play .play-one .play-sing-desc > p:nth-child(5) {
        display: none;
    }

    body .i-main-wraper-2 .i-mian-play .play-one .play-sing-desc > p:nth-child(6) {
        display: none;
    }

    body .i-main-wraper-2 .i-mian-play .play-one .play-sing-desc::after {
        position: absolute;
        left: -0.15rem;
        top: 0;
        bottom: 0;
        margin: auto;
        display: block;
        height: 333%;
        width: 0.25rem;
        background: url(../img/i-w-huabian.png) repeat-y;
        background-position: 8px -1px;
        content: '';
        z-index: 3;
        transform: scale(0.3);
    }

    body .i-main-wraper-2 .i-mian-play .play-two .play-see-desc {
        width: 1.82rem;
        min-height: 1rem;
        padding: .12rem .2rem;
        border-radius: .12rem 0px 0 .12rem;
        margin: .02rem 0;
    }

    body .i-main-wraper-2 .i-mian-play .play-two .play-see-desc > p:nth-child(1) {
        font-size: .15rem;
    }

    body .i-main-wraper-2 .i-mian-play .play-two .play-see-desc > p:nth-child(2) {
        font-size: .09rem;
        margin-top: .08rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
    }

    body .i-main-wraper-2 .i-mian-play .play-two .play-see-desc > p:nth-child(3) {
        display: none;
    }

    body .i-main-wraper-2 .i-mian-play .play-two .play-see-desc > p:nth-child(4) {
        display: none;
    }

    body .i-main-wraper-2 .i-mian-play .play-two .play-see-desc > p:nth-child(5) {
        display: none;
    }

    body .i-main-wraper-2 .i-mian-play .play-two .play-see-desc > p:nth-child(6) {
        display: none;
    }

    body .i-main-wraper-2 .i-mian-play .play-two .play-see-desc::after {
        position: absolute;
        right: -0.15rem;
        top: 0;
        bottom: 0;
        margin: auto;
        display: block;
        height: 333%;
        width: .25rem;
        background: url(../img/i-w-huabian.png) repeat-y;
        background-position: -14px -1px;
        content: '';
        z-index: 3;
        transform: scale(0.3);
    }

    body .i-main-wraper-2 .i-mian-play .play-two .play-see-img {
        width: 1.5rem;
        bottom: .18rem;
        right: .02rem;
    }

    body .i-main-wraper-2 .i-mian-play .play-two .play-learn-img {
        width: .6rem;
        top: -.25rem;
        left: 1.03rem;
    }

    body .i-main-wraper-2 .i-mian-play .play-two .play-learn-img2 {
        width: 1.5rem;
        top: .32rem;
        left: -0.18px;
    }

    body .i-main-wraper-2 .i-mian-play .play-two .play-learn-desc {
        width: 1.82rem;
        min-height: 1rem;
        padding: .12rem .2rem;
        border-radius: 0px .12rem .12rem 0;
    }

    body .i-main-wraper-2 .i-mian-play .play-two .play-learn-desc > p:nth-child(1) {
        font-size: .15rem;
    }

    body .i-main-wraper-2 .i-mian-play .play-two .play-learn-desc > p:nth-child(2) {
        font-size: .09rem;
        margin-top: .08rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
    }

    body .i-main-wraper-2 .i-mian-play .play-two .play-learn-desc > p:nth-child(3) {
        display: none;
    }

    body .i-main-wraper-2 .i-mian-play .play-two .play-learn-desc > p:nth-child(4) {
        display: none;
    }

    body .i-main-wraper-2 .i-mian-play .play-two .play-learn-desc > p:nth-child(5) {
        display: none;
    }

    body .i-main-wraper-2 .i-mian-play .play-two .play-learn-desc > p:nth-child(6) {
        display: none;
    }

    body .i-main-wraper-2 .i-mian-play .play-two .play-learn-desc::after {
        position: absolute;
        left: -0.15rem;
        top: 0;
        bottom: 0;
        margin: auto;
        display: block;
        height: 333%;
        width: .25rem;
        background: url(../img/i-w-huabian.png) repeat-y;
        background-position: 8px -1px;
        content: '';
        z-index: 3;
        transform: scale(0.3);
    }

    body .i-com-song-swiper .swiper-slide, body .i-hot-ani-wap .swiper-slide, body .i-edu-learn-swiper-wap .swiper-slide {
        width: 1.15rem !important;
        margin-right: 0.05rem !important;
    }

    body .i-com-song-swiper .swiper-slide .i-baner-item-top, body .i-hot-ani-wap .swiper-slide .i-baner-item-top, body .i-edu-learn-swiper-wap .swiper-slide .i-baner-item-top {
        width: inherit !important;
        height: 0.84rem !important;
        margin-bottom: .05rem;
        border-radius: .02rem;
    }

    body .i-com-song-swiper .swiper-slide .i-baner-item-bottom, body .i-hot-ani-wap .swiper-slide .i-baner-item-bottom, body .i-edu-learn-swiper-wap .swiper-slide .i-baner-item-bottom {
        width: inherit !important;
        height: .38rem;
        padding: .06rem;
        border-radius: 0 .02rem 0 .02rem;
    }

    body .i-com-song-swiper .swiper-slide .i-baner-item-bottom p:first-child, body .i-hot-ani-wap .swiper-slide .i-baner-item-bottom p:first-child, body .i-edu-learn-swiper-wap .swiper-slide .i-baner-item-bottom p:first-child {
        font-size: .11rem;
        line-height: .12rem;
        margin-bottom: 0;
    }

    body .i-com-song-swiper .swiper-slide .i-baner-item-bottom p:last-child, body .i-hot-ani-wap .swiper-slide .i-baner-item-bottom p:last-child, body .i-edu-learn-swiper-wap .swiper-slide .i-baner-item-bottom p:last-child {
        font-size: .09rem;
        left: .12rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    body .i-com-song-swiper .i-main-count-btn, body .i-hot-ani-wap .i-main-count-btn, body .i-edu-learn-swiper-wap .i-main-count-btn {
        margin: .2rem 0;
    }

    body .i-com-song-swiper .banner-next-pos, body .i-com-song-swiper .banner-prev-pos, body .i-hot-ani-wap .banner-next-pos, body .i-hot-ani-wap .banner-prev-pos, body .i-edu-learn-swiper-wap .banner-next-pos, body .i-edu-learn-swiper-wap .banner-prev-pos {
        width: .19rem;
        height: .19rem;
        bottom: .35rem;
    }

    body .i-com-song-swiper .banner-next-pos .swiper-button-next, body .i-com-song-swiper .banner-prev-pos .swiper-button-next, body .i-hot-ani-wap .banner-next-pos .swiper-button-next, body .i-hot-ani-wap .banner-prev-pos .swiper-button-next, body .i-edu-learn-swiper-wap .banner-next-pos .swiper-button-next, body .i-edu-learn-swiper-wap .banner-prev-pos .swiper-button-next {
        left: -0.06px;
        transform: scale(0.4);
    }

    body .i-com-song-swiper .banner-next-pos .swiper-button-prev, body .i-com-song-swiper .banner-prev-pos .swiper-button-prev, body .i-hot-ani-wap .banner-next-pos .swiper-button-prev, body .i-hot-ani-wap .banner-prev-pos .swiper-button-prev, body .i-edu-learn-swiper-wap .banner-next-pos .swiper-button-prev, body .i-edu-learn-swiper-wap .banner-prev-pos .swiper-button-prev {
        transform: scale(0.4);
        left: -0.05rem;
    }

    body .i-com-song-swiper .i-baner-item-bottom::after, body .i-edu-learn-swiper-wap .i-baner-item-bottom::after {
        position: absolute;
        bottom: -0.07rem;
        left: -1.32rem;
        display: block;
        width: 3.78rem;
        height: .15rem;
        background: url(../img/circles.png) repeat-x;
        background-position: -28px -13px;
        content: '';
        transform: scale(0.3);
    }

    body .i-hot-ani-wap .i-baner-item-bottom > p:last-child {
        margin-top: 0;
    }

    body .i-hot-ani-wap .i-baner-item-bottom:after {
        position: absolute;
        bottom: -0.1rem;
        left: -1.32rem;
        display: block;
        width: 3.78rem;
        height: .15rem;
        background: url(../img/circles.png) repeat-x;
        background-position: -28px -44px;
        content: '';
        transform: scale(0.3);
    }

    body .i-edu-learn-swiper-wap .i-baner-item-bottom > p {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    body .i-edu-learn-swiper-wap .i-baner-item-bottom > p:last-child {
        margin-top: 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    body .i-main-user-com-bl .i-main-cont {
        padding-top: .25rem;
    }

    body .i-main-user-com-bl::after {
        position: absolute;
        width: 255vw;
        height: .11rem;
        bottom: -0.07rem;
        left: -2.88rem;
        background: url(../img/circles.png) repeat;
        background-position: 6px -16px;
        content: '';
        z-index: 3;
        transform: scale(0.4);
    }

    body .i-main-user-com {
        margin-top: .2rem;
        padding-bottom: .3rem;
    }

    body .i-main-user-com .swiper-container-footer .swiper-slide {
        width: 1.28rem !important;
        height: .81rem;
        margin-right: 0.15rem !important;
    }

    body .i-main-user-com .swiper-container-footer .swiper-slide .f-swiper-slide-item {
        height: 0.91rem !important;
        border-bottom-left-radius: 0.15rem !important;
        padding: 0.07rem 0.05rem 0.07rem 0.1rem !important;
    }

    body .i-main-user-com .swiper-container-footer .swiper-slide .f-swiper-slide-item .f-item-logo {
        width: 0.16rem !important;
        height: 0.16rem !important;
        margin-left: 0 !important;
        margin-right: 0.05rem !important;
    }

    body .i-main-user-com .swiper-container-footer .swiper-slide .f-swiper-slide-item .f-item-tit {
        font-size: .1rem;
        line-height: 0.16rem !important;
    }

    body .i-main-user-com .swiper-container-footer .swiper-slide .f-swiper-slide-item .f-item-info {
        width: auto !important;
    }

    body .i-main-user-com .swiper-container-footer .swiper-slide .f-swiper-slide-item .f-item-info > p:nth-child(1) {
        font-size: .09rem;
        line-height: .2rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }

    body .i-main-user-com .swiper-container-footer .swiper-slide .f-swiper-slide-item .f-item-info .f-item-star {
        line-height: 1;
        margin: 0 !important;
    }

    body .i-main-user-com .swiper-container-footer .swiper-slide .f-swiper-slide-item .f-item-info .f-item-star .iconfont {
        font-size: 0.1rem !important;
        margin: 0 -0.02rem !important;
    }

    body .i-footer-one {
        display: none;
    }

    body .i-footer {
        height: 2.05rem;
    }

    body .i-footer .container {
        padding-top: .25rem;
    }

    body .i-footer .container .i-footer-left {
        float: none;
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

    body .i-footer .container .i-footer-left-item {
        margin-right: 0px !important;
    }

    body .i-footer .container .i-footer-left-item .i-footer-left-item-tit {
        font-size: 0.1rem !important;
        margin-bottom: 0.12rem !important;
    }

    body .i-footer .container .i-footer-left-item > ul > li {
        margin-bottom: 0.07rem !important;
    }

    body .i-footer .container .i-footer-left-item > ul > li > a {
        font-size: 0.09rem !important;
    }

    body .i-footer .container .i-footer-right {
        position: absolute;
        transform: scale(0.36);
        position: absolute;
        top: 40%;
        right: 2%;
        margin-top: -0.22rem;
    }

    body .i-footer .container .i-footer-right .i-footer-right-item .item-qrcode-1, body .i-footer .container .i-footer-right .i-footer-right-item .item-qrcode-2 {
        margin: 0 auto;
    }

    body .i-footer .container .i-footer-right .i-footer-right-item p {
        font-size: 0.09rem;
    }

    body .i-footer .container .i-footer-right .i-footer-right-item:last-child {
        margin-left: 0.38rem !important;
    }

    body .i-footer .i-footer-bottom {

        line-height: .25rem;
    }

    body .i-footer .i-footer-bottom span {
        font-size: 0.09rem;
        margin: 0 .28rem;
    }

    body .i-footer .i-footer-bg-o {
        width: .78rem;
        height: .41rem;
        background-size: 100% 100%;
    }

    body .i-footer .i-footer-bg-t {
        width: .51rem;
        height: .41rem;
        background-size: 100% 100%;
    }

    .i-top-nav-more {
        top: .5rem;
    }

    .i-index-top .swiper-slide img {
        width: 100%;
    }

    body .i-main-wraper .i-main-cont .i-main-center-block {
        width: 32% !important;
    }

    body .i-main-wraper-2 .i-mian-play .play-one .play-sing-desc {
        width: 45%;
    }

    body .i-main-wraper-2 .i-mian-play .play-two .play-see-desc {
        width: 45%;
    }

    body .i-main-wraper-2 .i-mian-play .play-two .play-learn-desc {
        width: 45%;
    }

    body .i-com-song-swiper .swiper-slide, body .i-hot-ani-wap .swiper-slide, body .i-edu-learn-swiper-wap .swiper-slide {
        width: 33% !important;
    }

    body .i-com-song-swiper .swiper-slide .i-baner-item-top, body .i-hot-ani-wap .swiper-slide .i-baner-item-top, body .i-edu-learn-swiper-wap .swiper-slide .i-baner-item-top {
        width: 100% !important;
    }

    body .i-com-song-swiper .swiper-slide .i-baner-item-bottom, body .i-hot-ani-wap .swiper-slide .i-baner-item-bottom, body .i-edu-learn-swiper-wap .swiper-slide .i-baner-item-bottom {
        width: 100% !important;
    }

    body .i-list-main .i-child-ani-main .i-child-ani-con .child-ani-right .child-ani-right-list .child-ani-list-item {
        width: 48%;
    }

    body .i-list-main .i-child-ani-main .i-child-ani-con .child-ani-right .child-ani-right-list .child-ani-list-item .child-ani-right-card {
        width: 100% !important;
    }

    .app-download-main .i-main-cont .i-main-center .i-main-center-block {
        width: 50% !important;
    }

    .accordion {
        max-width: 100%;
    }

    body .i-child-ani-top .i-list-search-bg {
        position: relative;
        width: 100%;
        height: 1.4rem;
    }

    body .i-child-ani-top .i-list-search-bg .i-list-search-bg-img {
        width: 100%;
        height: 100%;
    }

    body .i-child-ani-top .i-list-search-bg .i-list-search-bg-img img {
        width: 100%;
        height: 100%;
    }

    body .i-child-ani-top .i-list-search-bg .i-list-search {
        top: 50%;
        margin-top: -0.11rem;
        left: 0;
        width: 2rem;
        height: .22rem;
        border-radius: .11rem;
    }

    body .i-child-ani-top .i-list-search-bg .i-list-search > form > input {
        width: calc(100% - 0.43rem);
        height: .22rem;
        padding-left: .08rem;
        font-size: .09rem;
    }

    body .i-child-ani-top .i-list-search-bg .i-list-search > form > a {
        font-size: .09rem;
        line-height: .22rem;
        width: .43rem;
        height: .22rem;
        border-radius: 0rem .11rem .11rem 0rem;
    }

    body .i-child-ani-top .i-list-search-bg .i-list-search > form > a i {
        font-size: .09rem;
        margin-right: 0;
    }

    body .i-list-main .i-list-main-nav {
        margin-top: -0.27rem;
        border-radius: .07rem;
        padding: .07rem 0 .07rem .07rem;
    }

    body .i-list-main .i-list-main-nav .i-list-main-nav-tit {
        font-size: .15rem;
        padding-bottom: .19rem;
    }

    body .i-list-main .i-list-main-nav .i-list-main-nav-tit:after {
        width: 100%;
    }

    body .i-list-main .i-list-main-nav .i-list-main-nav-con .i-list-main-nav-one ul {
        width: calc(100% - 0.63rem);
        margin-top: .09rem;
    }

    body .i-list-main .i-list-main-nav .i-list-main-nav-con .i-list-main-nav-one > span {
        margin-top: .09rem;
        margin-bottom: .09rem;
        margin-right: .21rem;
        width: .31rem;
        height: .16rem;
        line-height: .15rem;
        border-radius: .06rem;
        border: solid 2px #00043b;
    }

    body .i-list-main .i-list-main-nav .i-list-main-nav-con .i-list-main-nav-one > span > span {
        font-size: .09rem;
    }

    body .i-list-main .i-list-main-nav .i-list-main-nav-con .i-list-main-nav-one .list-song-one > li {
        padding: 0px 4px;
        line-height: 12px;
        text-align: center;
        margin-bottom: 9px;
        margin-right: 13px;
    }

    body .i-list-main .i-list-main-nav .i-list-main-nav-con .i-list-main-nav-one .list-song-one > li > a {
        font-size: 9px;
        line-height: 0.16rem;
    }

    body .i-list-main .i-list-main-nav .i-list-main-nav-con .i-list-main-nav-one .list-song-one > li.active {
        border: solid 2px #00043b;
        border-radius: 6px;
    }

    body .i-list-main .i-list-main-nav .i-list-main-nav-con .i-list-main-nav-one .list-song-one::after {
        width: 100%;
    }

    body .i-list-main .i-list-main-nav .i-list-main-nav-con .i-list-main-nav-two > span {
        margin-top: .09rem;
        margin-bottom: .09rem;
        margin-right: .21rem;
        width: .31rem;
        height: .16rem;
        line-height: .15rem;
        border-radius: .06rem;
        border: solid .02rem #00043b;
    }

    body .i-list-main .i-list-main-nav .i-list-main-nav-con .i-list-main-nav-two > span > span {
        font-size: .09rem;
    }

    body .i-list-main .i-list-main-nav .i-list-main-nav-con .i-list-main-nav-two > ul {
        margin-top: .09rem;
        width: calc(100% - 0.63rem);
    }

    body .i-list-main .i-list-main-nav .i-list-main-nav-con .i-list-main-nav-two > ul > li {
        margin-bottom: .09rem;
        margin-right: .13rem;
        padding: 0px .04rem;
        line-height: .12rem;
        text-align: center;
        margin-bottom: .09rem;
    }

    body .i-list-main .i-list-main-nav .i-list-main-nav-con .i-list-main-nav-two > ul > li > a {
        font-size: 0.09rem !important;
        line-height: .16rem;
    }

    body .i-list-main .i-list-main-nav .i-list-main-nav-con .i-list-main-nav-two > ul > li.active {
        border: solid .02rem #00043b;
        border-radius: .06rem;
    }

    body .i-list-main .i-child-ani-main {
        margin-top: .1rem;
        margin-bottom: 0;
    }

    body .i-list-main .i-child-ani-main .i-child-ani-tit {
        padding: .3rem 0 .05rem 0;
    }

    body .i-list-main .i-child-ani-main .i-child-ani-tit .ani-tit-icon {
        margin-right: -0.08rem;
        transform: scale(0.5);
    }

    body .i-list-main .i-child-ani-main .i-child-ani-tit p {
        font-size: 15px;
    }

    body .i-list-main .i-child-ani-main .i-child-ani-tit .ani-tit-more {
        display: none;
    }

    body .i-list-main .i-child-ani-main .i-child-ani-con .child-ani-left .child-ani-left-card {
        width: 1.7rem;
        height: 1.47rem;
        border-radius: .06rem;
    }

    body .i-list-main .i-child-ani-main .i-child-ani-con .child-ani-left .child-ani-left-card .img-wrapper {
        height: 1.13rem;
    }

    body .i-list-main .i-child-ani-main .i-child-ani-con .child-ani-left .child-ani-left-card .child-ani-hover {
        padding: .03rem .15rem;
    }

    body .i-list-main .i-child-ani-main .i-child-ani-con .child-ani-left .child-ani-left-card .child-ani-hover > p:first-child {
        font-size: .12rem;
        margin-bottom: 0;
    }

    body .i-list-main .i-child-ani-main .i-child-ani-con .child-ani-left .child-ani-left-card .child-ani-hover > p:last-child {
        font-size: .08rem;
    }

    body .i-list-main .i-child-ani-main .i-child-ani-con .child-ani-left .child-ani-left-card.vip::after {
        width: 0.36rem !important;
        height: 0.18rem !important;
        background-size: 100%;
    }

    body .i-list-main .i-child-ani-main .i-child-ani-con .child-ani-right {
        float: left;
        width: calc(100% - 1.7rem);
    }

    body .i-list-main .i-child-ani-main .i-child-ani-con .child-ani-right .child-ani-right-list .child-ani-list-item {
        margin-right: .08rem;
    }

    body .i-list-main .i-child-ani-main .i-child-ani-con .child-ani-right .child-ani-right-list .child-ani-list-item:nth-child(2n + 2) {
        margin-right: 0;
    }

    body .i-list-main .i-child-ani-main .i-child-ani-con .child-ani-right .child-ani-right-list .child-ani-list-item:nth-child(3n + 1) {
        margin-left: .07rem;
    }

    body .i-list-main .i-child-ani-main .i-child-ani-con .child-ani-right .child-ani-right-list .child-ani-list-item:nth-child(3n + 3) {
        margin-right: .08rem;
    }

    body .i-list-main .i-child-ani-main .i-child-ani-con .child-ani-right .child-ani-right-list .child-ani-list-item:nth-child(3) {
        margin-left: .07rem;
        margin-right: 0;
    }

    body .i-list-main .i-child-ani-main .i-child-ani-con .child-ani-right .child-ani-right-list .child-ani-list-item:nth-child(n + 5) {
        display: none;
    }

    body .i-list-main .i-child-ani-main .i-child-ani-con .child-ani-right .child-ani-right-list .child-ani-list-item:nth-child(-n + 2) {
        margin-bottom: .1rem;
    }

    body .i-list-main .i-child-ani-main .i-child-ani-con .child-ani-right .child-ani-right-list .child-ani-list-item .child-ani-right-card {
        width: .85rem;
        height: .55rem;
        border-radius: .03rem;
    }

    body .i-list-main .i-child-ani-main .i-child-ani-con .child-ani-right .child-ani-right-list .child-ani-list-item p {
        height: .15rem;
        line-height: .15rem;
        font-size: .09rem;
        margin-top: 0;
    }

    .about-us-main {
        padding-top: 0;
        padding-bottom: .4rem;
        background-color: #F4F4F4;
    }

    .about-us-main .about-us {
        padding: .5rem 0;
        background-color: #F4F4F4 !important;
    }

    .about-us-main .about-us .about-us-tit {
        position: relative;
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .about-us-main .about-us .about-us-tit::after {
        position: absolute;
        left: 0;
        bottom: -0.12rem;
        display: block;
        width: .2rem;
        height: 0;
        border-top: 0.03rem solid #27e3e5;
        border-radius: .01rem;
        content: '';
    }

    .about-us-main .about-us .about-us-tit > p {
        font-size: .15rem;
    }

    .about-us-main .about-us .about-us-tit .about-us-tit-p2 {
        display: block;
    }

    .about-us-main .about-us .about-us-tit .about-us-tit-p2r {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
    }

    .about-us-main .about-us .about-us-cont {
        margin-top: .3rem;
        padding-bottom: 0;
        border-bottom: 0;
    }

    .about-us-main .about-us .about-us-cont .about-us-cont-left > p {
        display: none;
    }

    .about-us-main .about-us .about-us-cont .about-us-cont-left .about-us-cont-left-desc-wrapper {
        width: auto;
        margin-bottom: .2rem;
    }

    .about-us-main .about-us .about-us-cont .about-us-cont-left .about-us-cont-left-desc-wrapper > p {
        font-size: .11rem;
        color: #666666;
    }

    .about-us-main .about-us .about-us-cont .about-us-cont-right .f-r {
        width: 100%;
        height: auto;
    }

    .about-us-main .about-us .about-us-cont-two .about-us-cont-left {
        margin-top: .37rem;
    }

    .about-us-main .about-us .about-us-cont-two .about-us-cont-left > p:nth-child(-n + 2) {
        font-size: .15rem;
    }

    .about-us-main .about-us .about-us-cont-two .about-us-cont-left > p:nth-child(n + 3) {
        font-size: .11rem;
        color: #666666;
    }

    .about-us-main .about-us .about-us-cont-two .about-us-cont-left > p:nth-child(4) {
        margin-bottom: .2rem;
    }

    .about-us-main .about-us .about-us-cont-two .about-us-cont-left .about-us-b-l {
        margin: .14rem 0;
        width: .22rem;
        height: 0.03rem;
        border-radius: .01rem;
    }

    .about-us-main .contact-us-wrapper {
        padding: 0.07rem;
        background-color: #FFFFFF;
        border-radius: 0.07rem;
    }

    .about-us-main .contact-us {
        padding: 0;
        background-size: 100%;
        height: 1.18rem;
        margin-top: 0;
        border-radius: .07rem;
    }

    .about-us-main .contact-us .contact-us-info {
        display: none;
    }

    .about-us-main .contact-us-info-2 {
        display: block;
        margin-top: .28rem;
        border-radius: .07rem;
        padding: .3rem .5rem;
        position: relative;
    }

    .about-us-main .contact-us-info-2 > p:nth-child(-n + 2) {
        font-size: .15rem;
    }

    .about-us-main .contact-us-info-2 > p:nth-child(n + 3) {
        font-size: .09rem;
    }

    .about-us-main .contact-us-info-2 > p:nth-child(3) {
        margin-top: .2rem;
    }

    .about-us-main .contact-us-info-2 > p:nth-child(n + 4) {
        margin-top: .1rem;
        margin-bottom: 0;
    }

    .about-us-main .contact-us-info-2 .about-email-icon, .about-us-main .contact-us-info-2 .about-tel-icon, .about-us-main .contact-us-info-2 .about-hand-icon {
        display: inline-block;
        vertical-align: middle;
        margin-right: 0;
        width: .25rem;
        height: .25rem;
        border-radius: 50%;
        background-color: #ffe50e;
        transform: scale(0.5);
    }

    .about-us-main .contact-us-info-2 .about-wc-icon {
        width: 1rem;
        height: 1rem;
        transform: scale(0.5);
        position: absolute;
        right: .2rem;
        top: .66rem;
    }

    .app-download-main .i-main-cont {
        padding-bottom: .27rem;
    }

    .app-download-main .i-main-cont .i-main-center .i-main-center-block {
        height: 2.17rem;
        margin-bottom: .23rem;
    }

    .app-download-main .i-main-cont .i-main-center .i-main-center-block .block-cont .block-cont-img {
        width: 0.64rem !important;
        height: 0.64rem !important;
    }

    .app-download-main .i-main-cont .i-main-center .i-main-center-block .block-cont .block-tit {
        padding: .13rem 0;
        font-size: .12rem;
    }

    .app-download-main .i-main-cont .i-main-center .i-main-center-block .block-cont .block-tit::after {
        position: absolute;
        bottom: 0;
        left: 40%;
        display: block;
        width: 0.28rem !important;
        height: 0.03rem !important;
        border-bottom: .03rem solid #27E3E5;
        border-radius: 0.02rem !important;
        content: '';
    }

    .app-download-main .i-main-cont .i-main-center .i-main-center-block .block-cont > p {
        font-size: .09rem;
        line-height: .15rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }

    .app-download-main .i-main-cont .i-main-center .i-main-center-block .block-cont .app-download-btn {
        margin-top: .1rem;
        margin-bottom: 0;
    }

    .app-download-main .i-main-cont .i-main-center .i-main-center-block .block-cont .app-download-btn .a-app-down-btn {
        width: .77rem;
        height: .21rem;
        line-height: .16rem;
        border-radius: .11rem;
        font-size: .1rem;
        border: solid .02rem #00043b;
    }

    .app-download-main .i-main-cont .i-main-center .i-main-center-block .block-cont .app-download-btn .a-app-down-btn::before {
        position: absolute;
        top: .01rem;
        left: .01rem;
        width: 100%;
        height: .17rem;
        border-radius: .11rem;
        background-color: #ffe50e;
        display: block;
        content: '';
        z-index: -1;
    }

    .app-download-main .i-main-cont .i-main-center .i-main-center-block .block-cont .down-desc {
        height: .5rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }

    .app-download-main .i-main-cont .i-main-center .i-main-center-block:nth-child(2n + 2) {
        float: right;
        margin-right: 0;
    }

    .i-list-top .i-list-search-bg, .i-edu-learn-top .i-list-search-bg {
        position: relative;
        height: 1.4rem;
    }

    .i-list-top .i-list-top-left-icon, .i-edu-learn-top .i-list-top-left-icon {
        display: none;
    }

    .i-list-top .i-list-top-right-icon, .i-edu-learn-top .i-list-top-right-icon {
        display: none;
    }

    .i-list-top .i-list-search, .i-edu-learn-top .i-list-search {
        top: 50%;
        margin-top: -0.14rem;
        width: 2rem;
        height: .22rem;
        background: none;
    }

    .i-list-top .i-list-search > form > input, .i-edu-learn-top .i-list-search > form > input {
        width: calc(100% - 0.43rem);
        height: .22rem;
        font-size: .06rem;
    }

    .i-list-top .i-list-search > form > a, .i-edu-learn-top .i-list-search > form > a {
        width: .43rem;
        height: 100%;
        line-height: .22rem;
        font-size: .08rem;
    }

    .i-list-top .i-list-search > form > a i, .i-edu-learn-top .i-list-search > form > a i {
        font-size: .11rem;
        margin-right: 0rem;
    }

    .i-list-main .i-list-imgs {
        margin: 0.4rem 0 !important;
    }

    .i-list-main .i-list-imgs ul > li {
        width: 32%;
        margin-right: .05rem;
    }

    .i-list-main .i-list-imgs ul > li .i-list-imgs-img {
        width: 100%;
        height: .8rem;
    }

    .i-list-main .i-list-imgs ul > li:nth-child(4n + 4) {
        margin-right: .05rem;
    }

    .i-list-main .i-list-imgs ul > li:nth-child(3n + 3) {
        margin-right: 0rem;
    }

    .i-list-main .i-list-imgs ul > li p {
        height: auto;
        line-height: normal;
        margin-top: .1rem;
        font-size: .1rem;
    }

    .i-list-main .search-list > ul > li:last-child {
        margin-right: 0 !important;
    }

    .i-download-detail .download-detail-info {
        padding: .3rem .1rem .22rem .2rem;
        margin-top: -0.2rem;
        border-radius: .07rem;
        background-color: #f4f4f4;
    }

    .i-download-detail .download-detail-info .breadcrumb {
        display: none;
    }

    .i-download-detail .download-detail-info .download-detail-info-con .detail-info-con-left .detail-info-logo {
        width: .85rem;
        height: .85rem;
        margin-right: .12rem;
    }

    .i-download-detail .download-detail-info .download-detail-info-con .detail-info-con-left .f-l p {
        margin-bottom: .04rem;
    }

    .i-download-detail .download-detail-info .download-detail-info-con .detail-info-con-left .f-l p:first-child {
        font-size: .12rem;
    }

    .i-download-detail .download-detail-info .download-detail-info-con .detail-info-con-left .f-l p:nth-child(3) {
        margin-right: .1rem;
    }

    .i-download-detail .download-detail-info .download-detail-info-con .detail-info-con-left .f-l p:nth-child(n + 3) {
        display: inline-block;
        vertical-align: top;
        font-size: .09rem;
    }

    .i-download-detail .download-detail-info .download-detail-info-con .detail-info-con-left .f-l p span {
        font-size: .07rem;
    }

    .i-download-detail .download-detail-info .download-detail-info-con .detail-info-con-left .f-l p svg {
        width: .12rem;
        height: .12rem;
    }

    .i-download-detail .download-detail-info .download-detail-info-con .detail-info-con-left .f-l .detail-download-link-wrapper {
        display: block;
    }

    .i-download-detail .download-detail-info .download-detail-info-con .detail-info-con-left .f-l .detail-download-btn {
        width: .8rem;
        height: .25rem;
        display: inline-block;
        line-height: .25rem;
        text-align: center;
        font-size: .12rem;
        background-color: #ffe50e;
        border-radius: .02rem;
        color: #181818;
    }

    .i-download-detail .download-detail-info .download-detail-info-con .detail-info-con-right {
        display: none;
    }

    .i-download-detail .down-detail-screenshot {
        margin-top: .44rem;
    }

    .i-download-detail .down-detail-screenshot .d-d-screenshot-tit {
        margin-bottom: .21rem;
        font-size: .15rem;
        line-height: .17rem;
    }

    .i-download-detail .down-detail-screenshot .clearfloat {
        display: none;
    }

    .i-download-detail .down-detail-screenshot .clearfloat .f-l {
        width: 1.5rem;
    }

    .i-download-detail .down-detail-screenshot .swiper-container {
        display: block;
    }

    .i-download-detail .down-detail-screenshot .swiper-container .swiper-slide {
        width: 1.5rem !important;
    }

    .i-download-detail .down-detail-apply {
        margin: .4rem 0;
    }

    .i-download-detail .down-detail-apply P:first-child {
        font-size: .15rem;
        line-height: .17rem;
        margin-bottom: .13rem;
    }

    .i-download-detail .down-detail-apply P:nth-child(2) {
        font-size: .1rem;
        margin-bottom: .1rem;
    }

    .i-download-detail .down-detail-apply P:nth-child(3) {
        font-size: .12rem;
        margin-bottom: .08rem;
    }

    .i-download-detail .down-detail-apply P:nth-child(n + 4) {
        font-size: .1rem;
        margin-bottom: 0;
    }

    .video-teach {
        top: .64rem;
    }

    .video-teach .video-teach-play {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 2.3rem !important;
    }

    .video-teach .video-teach-list {
        display: none;
    }

    .video-teach .video-teach-list .init-adl-wap {
        display: block;
    }

    .container-2 {
        display: none;
    }

    .i-lesson-play-main-0 {
        margin-top: 2.5rem;
    }

    .i-lesson-play-main-0 .i-lesson-play-main-one .lesson-play-one-img {
        display: none;
    }

    .i-lesson-play-main-0 .i-lesson-play-main-one .lesson-play-one-img-next {
        display: block;
    }

    .i-lesson-play-main-0 .i-lesson-play-main-one .lesson-play-one-desc {
        margin-top: .14rem;
        width: 100%;
    }

    .i-lesson-play-main-0 .i-lesson-play-main-one .lesson-play-one-desc .one-desc-art {
        font-size: .1rem;
    }

    .i-lesson-play-main-0 .i-lesson-play-main-one .lesson-play-one-desc .m-b-l {
        display: none;
    }

    .i-lesson-play-main .i-lesson-play-main-one {
        position: absolute;
        layout-grid-type: 2.3rem;
    }

    .teahc-ass-play-main {
        margin-top: .4rem;
        margin-bottom: .44rem;
    }

    .teahc-ass-play-main .i-lesson-play-main-two {
        font-size: .15rem;
    }

    .teahc-ass-play-main .i-lesson-play-main-two > p {
        font-size: .15rem;
        margin-bottom: .25rem;
    }

    .teahc-ass-play-main .i-lesson-play-main-two .i-lesson-main-two-list .lesson-two-item {
        width: 31%;
        margin-right: .12rem;
        margin-bottom: .19rem;
    }

    .teahc-ass-play-main .i-lesson-play-main-two .i-lesson-main-two-list .lesson-two-item:nth-child(3n + 3) {
        margin-right: 0;
    }

    .teahc-ass-play-main .i-lesson-play-main-two .i-lesson-main-two-list .lesson-two-item:nth-child(4n + 4) {
        margin-right: .12rem;
    }

    .teahc-ass-play-main .i-lesson-play-main-two .i-lesson-main-two-list .lesson-two-item:nth-child(5n + 5) {
        margin-right: .12rem;
    }

    .teahc-ass-play-main .i-lesson-play-main-two .i-lesson-main-two-list .lesson-two-item .lesson-two-list-img {
        height: 1.45rem;
        border-radius: .06rem .06rem 0 0;
    }

    .teahc-ass-play-main .i-lesson-play-main-two .i-lesson-main-two-list .lesson-two-item .lesson-two-list-desc {
        padding: .05rem;
        padding: .05rem .08rem;
        height: .32rem;
        background-color: #fafafa;
        border-radius: 0rem 0rem .06rem .06rem;
    }

    .teahc-ass-play-main .i-lesson-play-main-two .i-lesson-main-two-list .lesson-two-item .lesson-two-list-desc p {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .teahc-ass-play-main .i-lesson-play-main-two .i-lesson-main-two-list .lesson-two-item .lesson-two-list-desc p span {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
        vertical-align: middle;
        width: 50%;
    }

    .teahc-ass-play-main .i-lesson-play-main-two .i-lesson-main-two-list .lesson-two-item .lesson-two-list-desc p:first-child {
        line-height: .12rem;
    }

    .teahc-ass-play-main .i-lesson-play-main-two .i-lesson-main-two-list .lesson-two-item .lesson-two-list-desc p:first-child .t-c-3 {
        font-size: .1rem;
        ine-height: .12rem;
    }

    .teahc-ass-play-main .i-lesson-play-main-two .i-lesson-main-two-list .lesson-two-item .lesson-two-list-desc p:first-child .t-c-6 {
        font-size: .06rem;
    }

    .teahc-ass-play-main .i-lesson-play-main-two .i-lesson-main-two-list .lesson-two-item .lesson-two-list-desc p:nth-child(2) {
        font-size: .06rem;
        line-height: .12rem;
    }

    .teahc-ass-play-main .i-lesson-play-main-two .i-lesson-play-main-two-btn .more-btn-b {
        width: 1.16rem;
        height: .28rem;
        line-height: .24rem;
    }

    .teahc-ass-play-main .i-lesson-play-main-two .i-lesson-play-main-two-btn .more-btn-b span {
        height: 100%;
        font-size: .1rem;
        line-height: .3rem;
        border: .02rem solid #00043b;
    }

    .teahc-ass-play-main .i-lesson-play-main-two .i-lesson-play-main-two-btn .more-btn-b::before {
        position: absolute;
        top: .03rem;
        left: .03rem;
        width: 100%;
        height: .26rem;
        background-color: #27e3e5;
        display: block;
        content: '';
        border-radius: .54rem;
    }

    .teahc-ass-play-main .i-lesson-play-main-two .i-lesson-play-main-two-btn .more-btn-b::after {
        position: absolute;
        top: -0.01rem;
        left: 20%;
        width: .07rem;
        height: .05rem;
        background-color: #FFFFFF;
        display: block;
        content: '';
    }

    .video-teach-list-wap {
        float: none;
        display: block;
    }

    .video-teach-list-wap .video-teach-tit {
        font-size: .15rem;
        color: #333333;
        padding: .35rem 0;
    }

    .video-teach-list-wap .video-teach-con {
        height: 85% !important;
        border-radius: 0 !important;
        display: block;
    }

    .video-teach-list-wap .video-teach-con > li {
        margin-bottom: .17rem;
        background-color: #f4f4f4;
        border-radius: .03rem;
    }

    .video-teach-list-wap .video-teach-con > li .link {
        margin-bottom: 0;
        font-size: .12rem;
        color: #333333;
    }

    .video-teach-list-wap .video-teach-con > li .link span {
        font-size: .12rem;
        color: #333333;
    }

    .video-teach-list-wap .video-teach-con > li .link i {
        font-size: .12rem;
        color: #333333;
    }

    .video-teach-list-wap .video-teach-con > li .submenu {
        background-color: #FFFFFF;
    }

    .video-teach-list-wap .video-teach-con > li .submenu a {
        font-size: .12rem;
        color: #333333;
    }

    .video-teach-list-wap .video-teach-con > li .submenu a.active {
        color: #FDE40B;
    }

    .video-teach-list-wap .video-teach-con > li .submenu img {
        width: .35rem;
        height: .12rem;
    }

    .video-teach-list-wap .video-teach-con > li span {
        font-size: .12rem;
        color: #333333;
    }

    .video-teach-list-wap .i-a-l-wap {
        display: block;
    }

    .i-edu-viedo-wap {
        margin-top: 0 !important;
    }

    .edu-video-wap span {
        font-size: .12rem;
    }

    .edu-video-wap i {
        font-size: .12rem;
    }

    .edu-learn-nav {
        left: .1rem;
        top: 1.85rem;
        margin-left: 0;
        border-radius: .07rem;
    }

    .edu-learn-nav .edu-learn-nav-con {
        padding: .32rem .37rem 0 .3rem;
    }

    .edu-learn-nav .edu-learn-nav-con .edu-learn-nav-tit {
        font-size: .15rem;
        padding: 0rem 0 .2rem 0;
        border-bottom: solid 0.01rem #e1e1e1;
    }

    .edu-learn-nav .edu-learn-nav-con .edu-learn-nav-main .edu-learn-nav-one, .edu-learn-nav .edu-learn-nav-con .edu-learn-nav-main .edu-learn-nav-two {
        padding-top: .14rem;
    }

    .edu-learn-nav .edu-learn-nav-con .edu-learn-nav-main .edu-learn-nav-one > span, .edu-learn-nav .edu-learn-nav-con .edu-learn-nav-main .edu-learn-nav-two > span {
        width: .31rem;
        height: .13rem;
        line-height: .13rem;
        margin-right: .23rem;
        border: solid .02rem #00043b;
        border-radius: .06rem;
    }

    .edu-learn-nav .edu-learn-nav-con .edu-learn-nav-main .edu-learn-nav-one > span span, .edu-learn-nav .edu-learn-nav-con .edu-learn-nav-main .edu-learn-nav-two > span span {
        font-size: .07rem;
    }

    .edu-learn-nav .edu-learn-nav-con .edu-learn-nav-main .edu-learn-nav-one > span::before, .edu-learn-nav .edu-learn-nav-con .edu-learn-nav-main .edu-learn-nav-two > span::before {
        position: absolute;
        top: .01rem;
        left: .01rem;
        width: 96%;
        height: 90%;
        border-radius: .06rem;
        display: block;
        background-color: #E9E9E9;
        content: '';
    }

    .edu-learn-nav .edu-learn-nav-con .edu-learn-nav-main .edu-learn-nav-one > ul, .edu-learn-nav .edu-learn-nav-con .edu-learn-nav-main .edu-learn-nav-two > ul {
        border: none;
        width: calc(100% - 0.63rem);
    }

    .edu-learn-nav .edu-learn-nav-con .edu-learn-nav-main .edu-learn-nav-one > ul > li, .edu-learn-nav .edu-learn-nav-con .edu-learn-nav-main .edu-learn-nav-two > ul > li {
        width: auto;
        height: auto;
        line-height: .09rem;
        margin-bottom: .1rem;
        margin-right: .14rem;
    }

    .edu-learn-nav .edu-learn-nav-con .edu-learn-nav-main .edu-learn-nav-one > ul > li a, .edu-learn-nav .edu-learn-nav-con .edu-learn-nav-main .edu-learn-nav-two > ul > li a {
        line-height: .16rem;
        font-size: .07rem;
    }

    .edu-learn-nav .edu-learn-nav-con .edu-learn-nav-main .edu-learn-nav-one > ul > li.active, .edu-learn-nav .edu-learn-nav-con .edu-learn-nav-main .edu-learn-nav-two > ul > li.active {
        position: relative;
        border: solid .02rem #00043b;
        border-radius: .06rem;
    }

    .edu-learn-nav .edu-learn-nav-con .edu-learn-nav-main .edu-learn-nav-one > ul > li.active a, .edu-learn-nav .edu-learn-nav-con .edu-learn-nav-main .edu-learn-nav-two > ul > li.active a {
        padding: 0rem .06rem;
        display: block;
    }

    .edu-learn-nav .edu-learn-nav-con .edu-learn-nav-main .edu-learn-nav-one > ul > li.active::before, .edu-learn-nav .edu-learn-nav-con .edu-learn-nav-main .edu-learn-nav-two > ul > li.active::before {
        position: absolute;
        top: .01rem;
        left: .01rem;
        width: 96%;
        display: block;
        border-radius: .13rem;
        background-color: #FFE50E;
        content: '';
    }

    .edu-learn-nav .edu-learn-nav-con .edu-learn-nav-main .edu-learn-nav-one {
        border-bottom: .01rem solid #e1e1e1;
    }

    .edu-learn-nav .edu-learn-nav-con .edu-learn-nav-main .edu-learn-nav-two {
        padding-top: .14rem;
    }

    .edu-learn-main-wrapper {
        padding-top: 1.7rem;
    }

    .edu-learn-main-wrapper .edu-learn-main {
        padding: .3rem .1rem;
        border-radius: .07rem;
    }

    .edu-learn-main-wrapper .edu-learn-main .edu-learn-main-tit p {
        font-size: .15rem;
    }

    .edu-learn-main-wrapper .edu-learn-main .edu-learn-main-tit p:first-child {
        margin-bottom: .06rem;
    }

    .edu-learn-main-wrapper .edu-learn-main .edu-learn-main-tit p:last-child {
        margin-bottom: .15rem;
    }

    .edu-learn-main-wrapper .edu-learn-main .edu-learn-main-con > ul > li {
        margin-right: .03rem;
        margin-bottom: .2rem;
    }

    .edu-learn-main-wrapper .edu-learn-main .edu-learn-main-con > ul > li:nth-child(3n + 3) {
        margin-right: 0;
    }

    .edu-learn-main-wrapper .edu-learn-main .edu-learn-main-con > ul > li:nth-child(4n + 4) {
        margin-right: .02rem;
        margin-bottom: .2rem;
    }

    .edu-learn-main-wrapper .edu-learn-main .edu-learn-main-con > ul > li .edu-learn-main-con-img {
        width: 1.09rem;
        height: 1.09rem;
        background-color: #ffd5c8;
        border-radius: .06rem .06rem .6rem 0rem;
    }

    .edu-learn-main-wrapper .edu-learn-main .edu-learn-main-con > ul > li .edu-learn-main-con-desc {
        width: 1.09rem;
        padding: .05rem .05rem;
        height: .33rem;
        border-radius: 0rem 0rem .06rem .06rem;
    }

    .edu-learn-main-wrapper .edu-learn-main .edu-learn-main-con > ul > li .edu-learn-main-con-desc > p {
        line-height: .12rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .edu-learn-main-wrapper .edu-learn-main .edu-learn-main-con > ul > li .edu-learn-main-con-desc > p span {
        display: inline-block;
        width: 50%;
        vertical-align: middle;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: .12rem;
    }

    .edu-learn-main-wrapper .edu-learn-main .edu-learn-main-con > ul > li .edu-learn-main-con-desc > p span:first-child {
        font-size: .1rem;
    }

    .edu-learn-main-wrapper .edu-learn-main .edu-learn-main-con > ul > li .edu-learn-main-con-desc > p span:last-child {
        font-size: .08rem;
    }

    .edu-learn-main-wrapper .edu-learn-main .edu-learn-main-con > ul > li .edu-learn-main-con-desc > p:last-child {
        font-size: .09rem;
    }

    .edu-learn-main-wrapper2 {
        padding-top: 0.65rem !important;
        padding-bottom: 0.5rem !important;
    }

    .edu-learn-main-wrapper2 .edu-learn-main {
        padding: .3rem .1rem .1rem .1rem;
        border-radius: .05rem .07rem .07rem .07rem;
    }

    .edu-learn-main-wrapper2 .edu-learn-main .edu-learn-main-tit p {
        font-size: .15rem;
    }

    .edu-learn-main-wrapper2 .edu-learn-main .edu-learn-main-tit p:first-child {
        margin-bottom: .08rem;
    }

    .edu-learn-main-wrapper2 .edu-learn-main .edu-learn-main-tit p:last-child {
        margin-bottom: .18rem;
    }

    .edu-learn-main-wrapper2 .edu-learn-main .edu-learn-main-con > ul > li {
        margin-bottom: .22rem;
        margin-right: .02rem;
    }

    .edu-learn-main-wrapper2 .edu-learn-main .edu-learn-main-con > ul > li:nth-child(4n + 4) {
        margin-right: .02rem;
    }

    .edu-learn-main-wrapper2 .edu-learn-main .edu-learn-main-con > ul > li:nth-child(3n + 3) {
        margin-right: 0;
    }

    .edu-learn-main-wrapper2 .edu-learn-main .edu-learn-main-con > ul > li .edu-learn-main-con-img {
        width: 1.1rem;
        height: 0.71rem !important;
        border-radius: .06rem .06rem 0rem 0rem;
    }

    .edu-learn-main-wrapper2 .edu-learn-main .edu-learn-main-con > ul > li .edu-learn-main-con-desc {
        width: 1.1rem;
        padding: .05rem;
        height: .3rem;
        border-radius: 0rem 0rem .06rem .06rem;
    }

    .edu-learn-main-wrapper2 .edu-learn-main .edu-learn-main-con > ul > li .edu-learn-main-con-desc > p {
        line-height: .12rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .edu-learn-main-wrapper2 .edu-learn-main .edu-learn-main-con > ul > li .edu-learn-main-con-desc > p span {
        display: inline-block;
        width: 50%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: .12rem;
    }

    .edu-learn-main-wrapper2 .edu-learn-main .edu-learn-main-con > ul > li .edu-learn-main-con-desc > p span:first-child {
        font-size: .1rem;
    }

    .edu-learn-main-wrapper2 .edu-learn-main .edu-learn-main-con > ul > li .edu-learn-main-con-desc > p span:last-child {
        font-size: .08rem;
    }

    .edu-learn-main-wrapper2 .edu-learn-main .edu-learn-main-con > ul > li .edu-learn-main-con-desc > p:last-child {
        font-size: .09rem;
    }

    .animation-video .video-teach-list {
        display: none;
    }

    .animation-video .container-2 {
        display: none;
    }

    .video-teach-tit-desc {
        margin-top: 2.3rem;
        display: block;
        padding: .2rem .1rem;
    }

    .t-v-relative-rom {
        display: block;
    }

    .t-v-relative-rom .t-v-r-r-t {
        padding: .2rem 0;
        font-size: .15rem;
        color: #092153;
    }

    .t-v-relative-rom ul li {
        float: left;
        width: 30%;
        margin-right: 5%;
    }

    .t-v-relative-rom ul li:nth-child(3n + 3) {
        margin-right: 0;
    }

    .t-v-relative-rom ul li > a {
        display: block;
    }

    .t-v-relative-rom ul li > a .t-v-r-r-t-img {
        width: 100%;
        height: .74rem;
        overflow: hidden;
        border-radius: .06rem;
        background-color: #fff9d2;
    }

    .t-v-relative-rom ul li > a .t-v-r-r-t-desc {
        height: .2rem;
        padding-top: .1rem;
        margin-bottom: .2rem;
    }

    .t-v-relative-rom ul li > a .t-v-r-r-t-desc p {
        font-size: .1rem;
        color: #333333;
    }

    .animation-video-v-l {
        margin-bottom: .5rem;
    }

    .animation-video-v-l .i-lesson-play-main-two {
        margin-top: .2rem;
    }

    .animation-video-v-l .i-lesson-play-main-two > p {
        font-size: .15rem;
        margin-bottom: .2rem;
    }

    .animation-video-v-l .i-lesson-play-main-two .i-lesson-main-two-list .lesson-two-item {
        float: left;
        width: auto;
        margin-right: 5%;
        width: 30%;
    }

    .animation-video-v-l .i-lesson-play-main-two .i-lesson-main-two-list .lesson-two-item:nth-child(3n+3) {
        margin-right: 0;
    }

    .animation-video-v-l .i-lesson-play-main-two .i-lesson-main-two-list .lesson-two-item:nth-child(4n+4) {
        margin-right: 5%;
    }

    .animation-video-v-l .i-lesson-play-main-two .i-lesson-main-two-list .lesson-two-item .lesson-two-list-img {
        width: 100%;
        height: .73rem;
    }

    .animation-video-v-l .i-lesson-play-main-two .i-lesson-main-two-list .lesson-two-item .lesson-two-list-desc {
        width: 100%;
        padding: 0;
        line-height: .12rem;
    }

    .animation-video-v-l .i-lesson-play-main-two .i-lesson-main-two-list .lesson-two-item .lesson-two-list-desc p {
        margin-top: .05rem;
        font-size: .1rem;
        margin-bottom: .2rem;
    }

    .animation-video-v-l .i-lesson-play-main-two .i-lesson-play-main-two-btn > a {
        width: 1.15rem;
        height: .28rem;
        line-height: .28rem;
    }

    .animation-video-v-l .i-lesson-play-main-two .i-lesson-play-main-two-btn > a span {
        font-size: .1rem;
        border: .02rem solid #00043b;
    }

    .animation-video-v-l .i-lesson-play-main-two .i-lesson-play-main-two-btn > a::before {
        position: absolute;
        top: .04rem;
        left: .04rem;
        width: 100%;
        height: .27rem;
        background-color: #27e3e5;
        display: block;
        content: '';
        border-radius: .13rem;
    }

    .animation-video-v-l .i-lesson-play-main-two .i-lesson-play-main-two-btn > a::after {
        position: absolute;
        top: -0.1rem;
        left: 20%;
        width: .08rem;
        height: .05rem;
        background-color: #FFFFFF;
        display: block;
        content: '';
    }

    .video-teach-rel .video-teach-list {
        display: none;
    }

    .video-teach-rel .container-2 {
        display: none;
    }

    .i-lesson-play-main .i-lesson-play-main-one {
        display: none;
    }

    .lesson-video-desc-wap {
        display: block;
        margin-top: 2.31rem;
    }

    .lesson-video-desc-wap .l-v-d-w-tit {
        padding-top: .2rem;
        padding-bottom: .12rem;
    }

    .lesson-video-desc-wap .l-v-d-w-tit .l-v-d-w-tit-1 {
        float: left;
        font-size: .13rem;
        color: #333333;
    }

    .lesson-video-desc-wap .l-v-d-w-tit .l-v-d-w-tit-2 {
        float: right;
        font-size: .1rem;
        color: #6f6f6f;
    }

    .lesson-video-desc-wap .l-v-d-w-con p {
        font-size: .1rem;
        line-height: .23rem;
    }

    .lesson-video-desc-wap .l-v-d-w-con span {
        font-size: .1rem;
    }

    .lesson-video-chose-wap {
        display: block;
    }

    .lesson-video-chose-wap .l-v-v-w-tit {
        margin-top: .4rem;
        margin-bottom: .15rem;
    }

    .lesson-video-chose-wap .lesson-video-chose-swiper .swiper-slide {
        width: 1.05rem;
    }

    .lesson-video-chose-wap .lesson-video-chose-swiper .swiper-slide .l-v-v-w-tit {
        font-size: .15rem;
        color: #092153;
    }

    .lesson-video-chose-wap .lesson-video-chose-swiper .swiper-slide a {
        position: relative;
        display: block;
    }

    .lesson-video-chose-wap .lesson-video-chose-swiper .swiper-slide a .l-v-c-w-img {
        width: 100%;
        height: .63rem;
        border-radius: .03rem;
        background-color: lightblue;
        overflow: hidden;
    }

    .lesson-video-chose-wap .lesson-video-chose-swiper .swiper-slide a .l-v-c-w-img img {
        width: 100%;
    }

    .lesson-video-chose-wap .lesson-video-chose-swiper .swiper-slide a div.l-lock-wap::before {
        position: absolute;
        top: -0.08rem;
        right: -0.01rem;
        display: block;
        width: .32rem;
        height: .32rem;
        background-image: url(../img/lock.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        content: '';
        transform: scale(0.5);
    }

    .lesson-video-chose-wap .lesson-video-chose-swiper .swiper-slide a .l-v-c-w-desc {
        width: 1.05rem;
        font-size: .12rem;
        height: .17rem;
        line-height: .17rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .lesson-video-chose-wap .lesson-video-chose-swiper .swiper-slide a.active {
        color: #ffe50e;
    }

    .lesson-video-chose-list {
        margin-top: 0;
        margin-bottom: 0;
    }

    .lesson-video-chose-list .i-lesson-play-main-two {
        margin-top: .34rem;
    }

    .lesson-video-chose-list .i-lesson-play-main-two p {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .lesson-video-chose-list .i-lesson-play-main-two p span {
        display: inline-block;
        vertical-align: middle;
        width: 50%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .lesson-video-chose-list .i-lesson-play-main-two > p {
        font-size: .15rem;
    }

    .lesson-video-chose-list .i-lesson-play-main-two .i-lesson-main-two-list .lesson-two-item {
        width: 49%;
        margin-right: 1%;
        margin-bottom: .25rem;
    }

    .lesson-video-chose-list .i-lesson-play-main-two .i-lesson-main-two-list .lesson-two-item:nth-child(2n + 2) {
        margin-right: 0;
    }

    .lesson-video-chose-list .i-lesson-play-main-two .i-lesson-main-two-list .lesson-two-item:last-child {
        display: none;
    }

    .lesson-video-chose-list .i-lesson-play-main-two .i-lesson-main-two-list .lesson-two-item .lesson-two-list-img {
        height: 1.1rem;
        border-radius: .06rem;
    }

    .lesson-video-chose-list .i-lesson-play-main-two .i-lesson-main-two-list .lesson-two-item .lesson-two-list-desc {
        padding: .05rem 0;
    }

    .lesson-video-chose-list .i-lesson-play-main-two .i-lesson-main-two-list .lesson-two-item .lesson-two-list-desc p {
        line-height: .12rem;
        font-size: .08rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .lesson-video-chose-list .i-lesson-play-main-two .i-lesson-main-two-list .lesson-two-item .lesson-two-list-desc p span {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .lesson-video-chose-list .i-lesson-play-main-two .i-lesson-main-two-list .lesson-two-item .lesson-two-list-desc p span:first-child {
        font-size: .1rem;
    }

    .lesson-video-chose-list .i-lesson-play-main-two .i-lesson-main-two-list .lesson-two-item .lesson-two-list-desc p span:last-child {
        font-size: .09rem;
    }

    .lesson-video-chose-list .i-lesson-play-main-two .i-lesson-main-two-list .lesson-two-item .lesson-two-list-desc p:first-child {
        margin-bottom: .06rem;
    }

    .lesson-video-chose-list .i-lesson-play-main-two .i-lesson-play-main-two-btn a {
        margin-bottom: .5rem;
        width: 1.16rem;
        height: .28rem;
        line-height: .28rem;
    }

    .lesson-video-chose-list .i-lesson-play-main-two .i-lesson-play-main-two-btn a span {
        border: .02rem solid #00043b;
        font-size: .1rem;
    }

    .lesson-video-chose-list .i-lesson-play-main-two .i-lesson-play-main-two-btn a::before {
        position: absolute;
        top: .03rem;
        left: .04rem;
        width: 99%;
        height: .27rem;
        background-color: #27e3e5;
        display: block;
        content: '';
        border-radius: .13rem;
    }

    .lesson-video-chose-list .i-lesson-play-main-two .i-lesson-play-main-two-btn a::after {
        position: absolute;
        top: -0.01rem;
        left: 20%;
        width: .07rem;
        height: .05rem;
        background-color: #FFFFFF;
        display: block;
        content: '';
    }

    .guide-download-tc-wap .guide-download-tc-c .download-bg {
        height: auto;
    }

    .guide-download-tc-wap .guide-download-tc-c p {
        font-size: .15rem;
    }

    .guide-download-tc-wap .guide-download-tc-c .download-now {
        display: block;
        text-align: center;
        margin: 0 auto;
        margin-top: .15rem;
        width: .96rem;
        height: .31rem;
        line-height: .31rem;
        background-color: #ffe50e;
        border-radius: .02rem;
        color: #181818;
        font-size: .12rem;
    }

    .wap-pc-s-h {
        display: block;
    }

    .wap-pc-s-h img {
        width: 100%;
        height: 100%;
    }

    .pc-wap-s-h {
        display: none;
        position: absolute;
        z-index: -1;
        left: 50%;
        margin-left: -960px;
    }

    .pc-wap-s-h img {
        width: 100%;
        height: 100%;
    }

    .index-user-comment {
        width: 100vw;
    }
}

@media screen and (max-width: 750px) {
    img {
        max-width: 100%;
        height: auto;
    }

    .i-go-back-down-link {
        display: none;
    }

    body {
        overflow-x: hidden;
    }

    body .container {
        width: 3.55rem;
    }

    .i-top-nav {
        padding: 0 .25rem;
        margin: .14rem 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .i-top-nav .i-logo {
        width: .74rem;
        height: 0.36rem !important;
        padding: 0 !important;
    }

    .i-top-nav .i-nav {
        display: none;
    }

    .i-top-nav .i-login {
        display: none !important;
    }

    .i-top-nav .i-logo-more {
        display: block;
    }

    .i-top-nav .i-logo-more {
        display: block;
        width: .19rem;
        height: .17rem;
        position: absolute;
        right: .25rem;
        top: 50%;
        margin-top: -0.08rem;
    }

    .i-top-nav .i-logo-more img {
        display: inline-block;
        max-width: 100%;
        height: auto;
    }

    body .i-about-us-top, body .i-app-download-top, body .i-download-detail-top, body .i-lesson-play-top {
        background: none;
        height: auto;
    }

    body .i-about-us-top .header-bg-opc, body .i-app-download-top .header-bg-opc, body .i-download-detail-top .header-bg-opc, body .i-lesson-play-top .header-bg-opc {
        background: none;
    }

    body .i-about-us-top .i-about-us-desc, body .i-app-download-top .i-about-us-desc, body .i-download-detail-top .i-about-us-desc, body .i-lesson-play-top .i-about-us-desc {
        display: none;
    }

    body .i-about-us-top .i-app-download-top-desc, body .i-app-download-top .i-app-download-top-desc, body .i-download-detail-top .i-app-download-top-desc, body .i-lesson-play-top .i-app-download-top-desc {
        display: none;
    }

    body {
        min-width: auto;
    }

    body .i-index-top, body .i-child-ani-top, body .i-list-top, body .i-edu-learn-top {
        background: none;
        height: auto;
        background-image: none;
    }

    body .i-index-top .header-bg-desc, body .i-child-ani-top .header-bg-desc, body .i-list-top .header-bg-desc, body .i-edu-learn-top .header-bg-desc {
        display: none;
    }

    body .i-index-top .header-index-banner, body .i-child-ani-top .header-index-banner, body .i-list-top .header-index-banner, body .i-edu-learn-top .header-index-banner {
        display: block;
    }

    body .i-index-top .header-index-banner .swiper-pagination .swiper-pagination-bullet, body .i-child-ani-top .header-index-banner .swiper-pagination .swiper-pagination-bullet, body .i-list-top .header-index-banner .swiper-pagination .swiper-pagination-bullet, body .i-edu-learn-top .header-index-banner .swiper-pagination .swiper-pagination-bullet {
        background-color: #FFFFFF;
        opacity: .5;
    }

    body .i-index-top .header-index-banner .swiper-pagination .swiper-pagination-bullet-active, body .i-child-ani-top .header-index-banner .swiper-pagination .swiper-pagination-bullet-active, body .i-list-top .header-index-banner .swiper-pagination .swiper-pagination-bullet-active, body .i-edu-learn-top .header-index-banner .swiper-pagination .swiper-pagination-bullet-active {
        width: .16rem;
        opacity: 1;
        border-radius: 0.08rem;
    }

    body .i-main-wraper .i-main-cont {
        padding-top: .55rem;
    }

    body .i-main-wraper .i-main-cont .i-main-top > p {
        font-size: .15rem;
        line-height: .21rem;
    }

    body .i-main-wraper .i-main-cont .f-r > p {
        font-size: .09rem;
        line-height: .21rem;
    }

    body .i-main-wraper .i-main-cont .i-main-center {
        margin-top: .25rem;
        margin-bottom: .2rem;
    }

    body .i-main-wraper .i-main-cont .i-main-center-block {
        width: 1.15rem !important;
        margin-right: 0.05rem !important;
        min-height: 1.4rem !important;
        border-radius: 0px 0px 0px 0.15rem !important;
    }

    body .i-main-wraper .i-main-cont .i-main-center-block:last-child {
        margin-right: 0 !important;
    }

    body .i-main-wraper .i-main-cont .i-main-center-block .block-cont {
        box-sizing: content-box;
        width: 0.97rem !important;
        height: auto !important;
        padding: .15rem 0;
    }

    body .i-main-wraper .i-main-cont .i-main-center-block .block-cont .block-cont-img {
        width: 0.4rem !important;
        height: 0.4rem !important;
    }

    body .i-main-wraper .i-main-cont .i-main-center-block .block-cont .block-tit {
        font-size: .09rem;
        padding: .05rem 0;
    }

    body .i-main-wraper .i-main-cont .i-main-center-block .block-cont .block-tit:after {
        width: 0.15rem !important;
        height: 0.02rem !important;
        background-color: #27E3E5 !important;
        left: 50% !important;
        margin-left: -0.08rem;
        border-bottom: 0 !important;
    }

    body .i-main-wraper .i-main-cont .i-main-center-block .block-cont > p {
        text-align: center;
        font-size: 0.09rem;
        padding-top: 0.05rem;
        line-height: 0.12rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4 !important;
        -webkit-box-orient: vertical;
    }

    body .i-main-wraper .i-main-cont .i-main-count-btn {
        margin-bottom: 0.35rem;
    }

    body .i-main-wraper .i-main-cont .i-main-count-btn .more-btn-b {
        width: 0.69rem;
        height: .2rem;
        line-height: .2rem;
    }

    body .i-main-wraper .i-main-cont .i-main-count-btn .more-btn-b span {
        font-size: 0.09rem;
        border: 0.02rem solid #00043b;
    }

    body .i-main-wraper .i-main-cont .i-main-count-btn .more-btn-b::before {
        position: absolute;
        top: 0.03rem;
        left: 0.03rem;
        width: 100%;
        height: 98%;
        background-color: #27e3e5;
        display: block;
        content: '';
        border-radius: .2rem;
    }

    body .i-main-wraper .i-main-cont .i-main-count-btn .more-btn-b::after {
        width: 0.07rem;
    }

    body .i-main-wraper-2 .i-mian-play {
        padding: 0.23rem 0;
    }

    body .i-main-wraper-2 .i-mian-play .play-one .play-sing-img {
        width: 1.54rem;
        bottom: -0.05rem;
        left: -0.08rem;
    }

    body .i-main-wraper-2 .i-mian-play .play-one .play-sing-desc {
        width: 1.82rem;
        min-height: 1rem;
        padding: .12rem .2rem;
        border-radius: 0rem .12rem .12rem 0;
    }

    body .i-main-wraper-2 .i-mian-play .play-one .play-sing-desc > p:nth-child(1) {
        font-size: .15rem;
    }

    body .i-main-wraper-2 .i-mian-play .play-one .play-sing-desc > p:nth-child(2) {
        font-size: 0.09rem;
        margin-top: 0.08rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
    }

    body .i-main-wraper-2 .i-mian-play .play-one .play-sing-desc > p:nth-child(3) {
        display: none;
    }

    body .i-main-wraper-2 .i-mian-play .play-one .play-sing-desc > p:nth-child(4) {
        display: none;
    }

    body .i-main-wraper-2 .i-mian-play .play-one .play-sing-desc > p:nth-child(5) {
        display: none;
    }

    body .i-main-wraper-2 .i-mian-play .play-one .play-sing-desc > p:nth-child(6) {
        display: none;
    }

    body .i-main-wraper-2 .i-mian-play .play-one .play-sing-desc::after {
        position: absolute;
        left: -0.15rem;
        top: 0;
        bottom: 0;
        margin: auto;
        display: block;
        height: 333%;
        width: 0.25rem;
        background: url(../img/i-w-huabian.png) repeat-y;
        background-position: 8px -1px;
        content: '';
        z-index: 3;
        transform: scale(0.3);
    }

    body .i-main-wraper-2 .i-mian-play .play-two .play-see-desc {
        width: 1.82rem;
        min-height: 1rem;
        padding: .12rem .2rem;
        border-radius: .12rem 0px 0 .12rem;
        margin: .02rem 0;
    }

    body .i-main-wraper-2 .i-mian-play .play-two .play-see-desc > p:nth-child(1) {
        font-size: .15rem;
    }

    body .i-main-wraper-2 .i-mian-play .play-two .play-see-desc > p:nth-child(2) {
        font-size: .09rem;
        margin-top: .08rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
    }

    body .i-main-wraper-2 .i-mian-play .play-two .play-see-desc > p:nth-child(3) {
        display: none;
    }

    body .i-main-wraper-2 .i-mian-play .play-two .play-see-desc > p:nth-child(4) {
        display: none;
    }

    body .i-main-wraper-2 .i-mian-play .play-two .play-see-desc > p:nth-child(5) {
        display: none;
    }

    body .i-main-wraper-2 .i-mian-play .play-two .play-see-desc > p:nth-child(6) {
        display: none;
    }

    body .i-main-wraper-2 .i-mian-play .play-two .play-see-desc::after {
        position: absolute;
        right: -0.15rem;
        top: 0;
        bottom: 0;
        margin: auto;
        display: block;
        height: 333%;
        width: .25rem;
        background: url(../img/i-w-huabian.png) repeat-y;
        background-position: -14px -1px;
        content: '';
        z-index: 3;
        transform: scale(0.3);
    }

    body .i-main-wraper-2 .i-mian-play .play-two .play-see-img {
        width: 1.5rem;
        bottom: .18rem;
        right: .02rem;
    }

    body .i-main-wraper-2 .i-mian-play .play-two .play-learn-img {
        width: .6rem;
        top: -.25rem;
        left: 1.03rem;
    }

    body .i-main-wraper-2 .i-mian-play .play-two .play-learn-img2 {
        width: 1.5rem;
        top: .32rem;
        left: -0.18px;
    }

    body .i-main-wraper-2 .i-mian-play .play-two .play-learn-desc {
        width: 1.82rem;
        min-height: 1rem;
        padding: .12rem .2rem;
        border-radius: 0px .12rem .12rem 0;
    }

    body .i-main-wraper-2 .i-mian-play .play-two .play-learn-desc > p:nth-child(1) {
        font-size: .15rem;
    }

    body .i-main-wraper-2 .i-mian-play .play-two .play-learn-desc > p:nth-child(2) {
        font-size: .09rem;
        margin-top: .08rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
    }

    body .i-main-wraper-2 .i-mian-play .play-two .play-learn-desc > p:nth-child(3) {
        display: none;
    }

    body .i-main-wraper-2 .i-mian-play .play-two .play-learn-desc > p:nth-child(4) {
        display: none;
    }

    body .i-main-wraper-2 .i-mian-play .play-two .play-learn-desc > p:nth-child(5) {
        display: none;
    }

    body .i-main-wraper-2 .i-mian-play .play-two .play-learn-desc > p:nth-child(6) {
        display: none;
    }

    body .i-main-wraper-2 .i-mian-play .play-two .play-learn-desc::after {
        position: absolute;
        left: -0.15rem;
        top: 0;
        bottom: 0;
        margin: auto;
        display: block;
        height: 333%;
        width: .25rem;
        background: url(../img/i-w-huabian.png) repeat-y;
        background-position: 8px -1px;
        content: '';
        z-index: 3;
        transform: scale(0.3);
    }

    body .i-com-song-swiper .swiper-slide, body .i-hot-ani-wap .swiper-slide, body .i-edu-learn-swiper-wap .swiper-slide {
        width: 1.15rem !important;
        margin-right: 0.05rem !important;
    }

    body .i-com-song-swiper .swiper-slide .i-baner-item-top, body .i-hot-ani-wap .swiper-slide .i-baner-item-top, body .i-edu-learn-swiper-wap .swiper-slide .i-baner-item-top {
        width: inherit !important;
        height: 0.84rem !important;
        margin-bottom: .05rem;
        border-radius: .02rem;
    }

    body .i-com-song-swiper .swiper-slide .i-baner-item-bottom, body .i-hot-ani-wap .swiper-slide .i-baner-item-bottom, body .i-edu-learn-swiper-wap .swiper-slide .i-baner-item-bottom {
        width: inherit !important;
        height: .38rem;
        padding: .06rem;
        border-radius: 0 .02rem 0 .02rem;
    }

    body .i-com-song-swiper .swiper-slide .i-baner-item-bottom p:first-child, body .i-hot-ani-wap .swiper-slide .i-baner-item-bottom p:first-child, body .i-edu-learn-swiper-wap .swiper-slide .i-baner-item-bottom p:first-child {
        font-size: .11rem;
        line-height: .12rem;
        margin-bottom: 0;
    }

    body .i-com-song-swiper .swiper-slide .i-baner-item-bottom p:last-child, body .i-hot-ani-wap .swiper-slide .i-baner-item-bottom p:last-child, body .i-edu-learn-swiper-wap .swiper-slide .i-baner-item-bottom p:last-child {
        font-size: .09rem;
        left: .12rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    body .i-com-song-swiper .i-main-count-btn, body .i-hot-ani-wap .i-main-count-btn, body .i-edu-learn-swiper-wap .i-main-count-btn {
        margin: .2rem 0;
    }

    body .i-com-song-swiper .banner-next-pos, body .i-com-song-swiper .banner-prev-pos, body .i-hot-ani-wap .banner-next-pos, body .i-hot-ani-wap .banner-prev-pos, body .i-edu-learn-swiper-wap .banner-next-pos, body .i-edu-learn-swiper-wap .banner-prev-pos {
        width: .19rem;
        height: .19rem;
        bottom: .35rem;
    }

    body .i-com-song-swiper .banner-next-pos .swiper-button-next, body .i-com-song-swiper .banner-prev-pos .swiper-button-next, body .i-hot-ani-wap .banner-next-pos .swiper-button-next, body .i-hot-ani-wap .banner-prev-pos .swiper-button-next, body .i-edu-learn-swiper-wap .banner-next-pos .swiper-button-next, body .i-edu-learn-swiper-wap .banner-prev-pos .swiper-button-next {
        left: -5.06px;
        transform: scale(0.4);
    }

    body .i-com-song-swiper .banner-next-pos .swiper-button-prev, body .i-com-song-swiper .banner-prev-pos .swiper-button-prev, body .i-hot-ani-wap .banner-next-pos .swiper-button-prev, body .i-hot-ani-wap .banner-prev-pos .swiper-button-prev, body .i-edu-learn-swiper-wap .banner-next-pos .swiper-button-prev, body .i-edu-learn-swiper-wap .banner-prev-pos .swiper-button-prev {
        transform: scale(0.4);
        left: -0.05rem;
    }

    body .i-com-song-swiper .i-baner-item-bottom::after, body .i-edu-learn-swiper-wap .i-baner-item-bottom::after {
        position: absolute;
        bottom: -0.07rem;
        left: -1.32rem;
        display: block;
        width: 3.78rem;
        height: .15rem;
        background: url(../img/circles.png) repeat-x;
        background-position: -28px -13px;
        content: '';
        transform: scale(0.3);
    }

    body .i-hot-ani-wap .i-baner-item-bottom > p:last-child {
        margin-top: 0;
    }

    body .i-hot-ani-wap .i-baner-item-bottom:after {
        position: absolute;
        bottom: -0.1rem;
        left: -1.32rem;
        display: block;
        width: 3.78rem;
        height: .15rem;
        background: url(../img/circles.png) repeat-x;
        background-position: -28px -44px;
        content: '';
        transform: scale(0.3);
    }

    body .i-edu-learn-swiper-wap .i-baner-item-bottom > p {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    body .i-edu-learn-swiper-wap .i-baner-item-bottom > p:last-child {
        margin-top: 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    body .i-main-user-com-bl .i-main-cont {
        padding-top: .25rem;
    }

    body .i-main-user-com-bl::after {
        position: absolute;
        width: 255vw;
        height: .11rem;
        bottom: -0.07rem;
        left: -2.88rem;
        background: url(../img/circles.png) repeat;
        background-position: 6px -16px;
        content: '';
        z-index: 3;
        transform: scale(0.4);
    }

    body .i-main-user-com {
        margin-top: .2rem;
        padding-bottom: .3rem;
    }

    body .i-main-user-com .swiper-container-footer .swiper-slide {
        width: 1.28rem !important;
        height: .81rem;
        margin-right: 0.15rem !important;
    }

    body .i-main-user-com .swiper-container-footer .swiper-slide .f-swiper-slide-item {
        height: 0.91rem !important;
        border-bottom-left-radius: 0.15rem !important;
        padding: 0.07rem 0.05rem 0.07rem 0.1rem !important;
    }

    body .i-main-user-com .swiper-container-footer .swiper-slide .f-swiper-slide-item .f-item-logo {
        width: 0.16rem !important;
        height: 0.16rem !important;
        margin-left: 0 !important;
        margin-right: 0.05rem !important;
    }

    body .i-main-user-com .swiper-container-footer .swiper-slide .f-swiper-slide-item .f-item-tit {
        font-size: .1rem;
        line-height: 0.16rem !important;
    }

    body .i-main-user-com .swiper-container-footer .swiper-slide .f-swiper-slide-item .f-item-info {
        width: auto !important;
        margin-left: 0.2rem !important;
    }

    body .i-main-user-com .swiper-container-footer .swiper-slide .f-swiper-slide-item .f-item-info > p:nth-child(1) {
        font-size: .09rem;
        line-height: .2rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3 !important;
        -webkit-box-orient: vertical;
    }

    body .i-main-user-com .swiper-container-footer .swiper-slide .f-swiper-slide-item .f-item-info .f-item-star {
        line-height: 1;
        margin: 0 !important;
    }

    body .i-main-user-com .swiper-container-footer .swiper-slide .f-swiper-slide-item .f-item-info .f-item-star .iconfont {
        font-size: 0.1rem !important;
        margin: 0 -0.02rem !important;
    }

    body .i-footer-one {
        display: none;
    }

    body .i-footer {
        height: 2.05rem;
    }

    body .i-footer .container {
        padding-top: .25rem;
    }

    body .i-footer .container .i-footer-left {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

    body .i-footer .container .i-footer-left .i-footer-left-item {
        margin-right: 0px !important;
    }

    body .i-footer .container .i-footer-left .i-footer-left-item .i-footer-left-item-tit {
        font-size: 0.1rem !important;
        margin-bottom: 0.12rem !important;
    }

    body .i-footer .container .i-footer-left .i-footer-left-item > ul > li {
        margin-bottom: 0.07rem !important;
    }

    body .i-footer .container .i-footer-left .i-footer-left-item > ul > li > a {
        font-size: 0.09rem !important;
    }

    body .i-footer .container .i-footer-right {
        position: absolute;
        transform: scale(0.36);
        position: absolute;
        top: 40%;
        right: -9%;
        margin-top: -0.22rem;
    }

    body .i-footer .container .i-footer-right .i-footer-right-item .item-qrcode-1, body .i-footer .container .i-footer-right .i-footer-right-item .item-qrcode-2 {
        margin: 0 auto;
    }

    body .i-footer .container .i-footer-right .i-footer-right-item p {
        font-size: 0.09rem;
    }

    body .i-footer .container .i-footer-right .i-footer-right-item:last-child {
        margin-left: 0.38rem !important;
    }

    body .i-footer .i-footer-bottom {
        line-height: .25rem;
    }

    body .i-footer .i-footer-bottom span {
        font-size: 0.09rem;
        margin: 0 .28rem;
    }

    body .i-footer .i-footer-bg-o {
        width: .78rem;
        height: .41rem;
        background-size: 100% 100%;
    }

    body .i-footer .i-footer-bg-t {
        width: .51rem;
        height: .41rem;
        background-size: 100% 100%;
    }

    body .i-child-ani-top .i-list-search-bg {
        position: relative;
        width: 100%;
        height: 1.4rem;
        background: url(../img/banner2.jpg) no-repeat;
        background-size: 100%;
    }

    body .i-child-ani-top .i-list-search-bg .i-list-search {
        top: 50%;
        margin-top: -0.11rem;
        left: 0;
        width: 2rem;
        height: .22rem;
        border-radius: .11rem;
    }

    body .i-child-ani-top .i-list-search-bg .i-list-search > form > input {
        width: calc(100% - 0.43rem);
        height: .22rem;
        padding-left: .08rem;
        font-size: .09rem;
    }

    body .i-child-ani-top .i-list-search-bg .i-list-search > form > a {
        font-size: .09rem;
        line-height: .22rem;
        width: .43rem;
        height: .22rem;
        border-radius: 0rem .11rem .11rem 0rem;
    }

    body .i-child-ani-top .i-list-search-bg .i-list-search > form > a i {
        font-size: .09rem;
        margin-right: 0;
    }

    body .i-list-main .i-list-main-nav {
        margin-top: -0.27rem;
        border-radius: .07rem;
        padding: .07rem 0 .07rem .07rem;
    }

    body .i-list-main .i-list-main-nav .i-list-main-nav-tit {
        font-size: .15rem;
        padding-bottom: .19rem;
    }

    body .i-list-main .i-list-main-nav .i-list-main-nav-tit:after {
        width: 100%;
    }

    body .i-list-main .i-list-main-nav .i-list-main-nav-con .i-list-main-nav-one ul {
        width: calc(100% - 0.63rem);
        margin-top: .09rem;
    }

    body .i-list-main .i-list-main-nav .i-list-main-nav-con .i-list-main-nav-one > span {
        margin-top: .09rem;
        margin-bottom: .09rem;
        margin-right: .21rem;
        width: .31rem;
        height: .16rem;
        line-height: .15rem;
        border-radius: .06rem;
        border: solid 2px #00043b;
    }

    body .i-list-main .i-list-main-nav .i-list-main-nav-con .i-list-main-nav-one > span > span {
        font-size: .09rem;
    }

    body .i-list-main .i-list-main-nav .i-list-main-nav-con .i-list-main-nav-one .list-song-one > li {
        padding: 0px 4px;
        line-height: 12px;
        text-align: center;
        margin-bottom: 9px;
        margin-right: 13px;
    }

    body .i-list-main .i-list-main-nav .i-list-main-nav-con .i-list-main-nav-one .list-song-one > li > a {
        font-size: 9px;
        line-height: 0.16rem;
    }

    body .i-list-main .i-list-main-nav .i-list-main-nav-con .i-list-main-nav-one .list-song-one > li.active {
        border: solid 2px #00043b;
        border-radius: 6px;
    }

    body .i-list-main .i-list-main-nav .i-list-main-nav-con .i-list-main-nav-one .list-song-one::after {
        width: 100%;
    }

    body .i-list-main .i-list-main-nav .i-list-main-nav-con .i-list-main-nav-two > span {
        margin-top: .09rem;
        margin-bottom: .09rem;
        margin-right: .21rem;
        width: .31rem;
        height: .16rem;
        line-height: .15rem;
        border-radius: .06rem;
        border: solid .02rem #00043b;
    }

    body .i-list-main .i-list-main-nav .i-list-main-nav-con .i-list-main-nav-two > span > span {
        font-size: .09rem;
    }

    body .i-list-main .i-list-main-nav .i-list-main-nav-con .i-list-main-nav-two > ul {
        margin-top: .09rem;
        width: calc(100% - 0.63rem);
    }

    body .i-list-main .i-list-main-nav .i-list-main-nav-con .i-list-main-nav-two > ul > li {
        margin-bottom: .09rem;
        margin-right: .13rem;
        padding: 0px .04rem;
        line-height: .12rem;
        text-align: center;
        margin-bottom: .09rem;
    }

    body .i-list-main .i-list-main-nav .i-list-main-nav-con .i-list-main-nav-two > ul > li > a {
        font-size: 0.09rem !important;
        line-height: .16rem;
    }

    body .i-list-main .i-list-main-nav .i-list-main-nav-con .i-list-main-nav-two > ul > li.active {
        border: solid .02rem #00043b;
        border-radius: .06rem;
    }

    body .i-list-main .i-child-ani-main {
        margin-top: .1rem;
        margin-bottom: 0;
    }

    body .i-list-main .i-child-ani-main .i-child-ani-tit {
        padding: .3rem 0 .05rem 0;
    }

    body .i-list-main .i-child-ani-main .i-child-ani-tit .ani-tit-icon {
        margin-right: -0.08rem;
        transform: scale(0.5);
    }

    body .i-list-main .i-child-ani-main .i-child-ani-tit p {
        font-size: 15px;
    }

    body .i-list-main .i-child-ani-main .i-child-ani-tit .ani-tit-more {
        display: none;
    }

    body .i-list-main .i-child-ani-main .i-child-ani-con .child-ani-left .child-ani-left-card {
        width: 1.7rem;
        height: 1.47rem;
        border-radius: .06rem;
    }

    body .i-list-main .i-child-ani-main .i-child-ani-con .child-ani-left .child-ani-left-card .img-wrapper {
        height: 1.13rem;
        overflow: hidden;
    }

    body .i-list-main .i-child-ani-main .i-child-ani-con .child-ani-left .child-ani-left-card .child-ani-hover {
        padding: .03rem .15rem;
    }

    body .i-list-main .i-child-ani-main .i-child-ani-con .child-ani-left .child-ani-left-card .child-ani-hover > p:first-child {
        font-size: .12rem;
        margin-bottom: 0;
    }

    body .i-list-main .i-child-ani-main .i-child-ani-con .child-ani-left .child-ani-left-card .child-ani-hover > p:last-child {
        font-size: .08rem;
    }

    body .i-list-main .i-child-ani-main .i-child-ani-con .child-ani-left .child-ani-left-card.vip::after {
        width: 0.36rem !important;
        height: 0.18rem !important;
        background-size: 100%;
    }

    body .i-list-main .i-child-ani-main .i-child-ani-con .child-ani-right {
        float: left;
        width: calc(100% - 1.7rem);
    }

    body .i-list-main .i-child-ani-main .i-child-ani-con .child-ani-right .child-ani-right-list .child-ani-list-item {
        width: 45%;
        margin-right: .08rem;
    }

    body .i-list-main .i-child-ani-main .i-child-ani-con .child-ani-right .child-ani-right-list .child-ani-list-item:nth-child(2n + 2) {
        margin-right: 0;
    }

    body .i-list-main .i-child-ani-main .i-child-ani-con .child-ani-right .child-ani-right-list .child-ani-list-item:nth-child(3n + 1) {
        margin-left: .07rem;
    }

    body .i-list-main .i-child-ani-main .i-child-ani-con .child-ani-right .child-ani-right-list .child-ani-list-item:nth-child(3n + 3) {
        margin-right: .08rem;
    }

    body .i-list-main .i-child-ani-main .i-child-ani-con .child-ani-right .child-ani-right-list .child-ani-list-item:nth-child(3) {
        margin-left: .07rem;
        margin-right: 0;
    }

    body .i-list-main .i-child-ani-main .i-child-ani-con .child-ani-right .child-ani-right-list .child-ani-list-item:nth-child(n + 5) {
        display: none;
    }

    body .i-list-main .i-child-ani-main .i-child-ani-con .child-ani-right .child-ani-right-list .child-ani-list-item:nth-child(-n + 2) {
        margin-bottom: .1rem;
    }

    body .i-list-main .i-child-ani-main .i-child-ani-con .child-ani-right .child-ani-right-list .child-ani-list-item .child-ani-right-card {
        width: .85rem;
        height: .55rem;
        border-radius: .03rem;
    }

    body .i-list-main .i-child-ani-main .i-child-ani-con .child-ani-right .child-ani-right-list .child-ani-list-item p {
        height: .15rem;
        line-height: .15rem;
        font-size: .09rem;
        margin-top: 0;
    }

    .about-us-main {
        padding-top: 0;
        padding-bottom: .4rem;
        background-color: #F4F4F4;
    }

    .about-us-main .about-us {
        padding: .5rem 0;
        background-color: #F4F4F4 !important;
    }

    .about-us-main .about-us .about-us-tit {
        position: relative;
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .about-us-main .about-us .about-us-tit::after {
        position: absolute;
        left: 0;
        bottom: -0.12rem;
        display: block;
        width: .2rem;
        height: 0;
        border-top: 0.03rem solid #27e3e5;
        border-radius: .01rem;
        content: '';
    }

    .about-us-main .about-us .about-us-tit > p {
        font-size: .15rem;
    }

    .about-us-main .about-us .about-us-tit .about-us-tit-p2 {
        display: block;
    }

    .about-us-main .about-us .about-us-tit .about-us-tit-p2r {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
    }

    .about-us-main .about-us .about-us-cont {
        margin-top: .3rem;
        padding-bottom: 0;
        border-bottom: 0;
    }

    .about-us-main .about-us .about-us-cont .about-us-cont-left > p {
        display: none;
    }

    .about-us-main .about-us .about-us-cont .about-us-cont-left .about-us-cont-left-desc-wrapper {
        width: auto;
        margin-bottom: .2rem;
    }

    .about-us-main .about-us .about-us-cont .about-us-cont-left .about-us-cont-left-desc-wrapper > p {
        font-size: .11rem;
        color: #666666;
    }

    .about-us-main .about-us .about-us-cont .about-us-cont-right .f-r {
        width: 100%;
        height: auto;
    }

    .about-us-main .about-us .about-us-cont-two .about-us-cont-left {
        margin-top: .37rem;
    }

    .about-us-main .about-us .about-us-cont-two .about-us-cont-left > p:nth-child(-n + 2) {
        font-size: .15rem;
    }

    .about-us-main .about-us .about-us-cont-two .about-us-cont-left > p:nth-child(n + 3) {
        font-size: .11rem;
        color: #666666;
    }

    .about-us-main .about-us .about-us-cont-two .about-us-cont-left > p:nth-child(4) {
        margin-bottom: .2rem;
    }

    .about-us-main .about-us .about-us-cont-two .about-us-cont-left .about-us-b-l {
        margin: .14rem 0;
        width: .22rem;
        height: 0.03rem;
        border-radius: .01rem;
    }

    .about-us-main .contact-us-wrapper {
        padding: 0.07rem;
        background-color: #FFFFFF;
        border-radius: 0.07rem;
    }

    .about-us-main .contact-us {
        padding: 0;
        background-size: 100%;
        height: 1.18rem;
        margin-top: 0;
        border-radius: .07rem;
    }

    .about-us-main .contact-us .contact-us-info {
        display: none;
    }

    .about-us-main .contact-us-info-2 {
        display: block;
        margin-top: .28rem;
        border-radius: .07rem;
        padding: .3rem .5rem;
        position: relative;
    }

    .about-us-main .contact-us-info-2 > p:nth-child(-n + 2) {
        font-size: .15rem;
    }

    .about-us-main .contact-us-info-2 > p:nth-child(n + 3) {
        font-size: .09rem;
    }

    .about-us-main .contact-us-info-2 > p:nth-child(3) {
        margin-top: .2rem;
    }

    .about-us-main .contact-us-info-2 > p:nth-child(n + 4) {
        margin-top: .1rem;
        margin-bottom: 0;
    }

    .about-us-main .contact-us-info-2 .about-email-icon, .about-us-main .contact-us-info-2 .about-tel-icon, .about-us-main .contact-us-info-2 .about-hand-icon {
        display: inline-block;
        vertical-align: middle;
        margin-right: 0;
        width: .25rem;
        height: .25rem;
        border-radius: 50%;
        background-color: #ffe50e;
        transform: scale(0.5);
    }

    .about-us-main .contact-us-info-2 .about-wc-icon {
        width: 1rem;
        height: 1rem;
        transform: scale(0.5);
        position: absolute;
        right: .2rem;
        top: .66rem;
    }

    .app-download-main .i-main-cont {
        padding-bottom: .27rem;
    }

    .app-download-main .i-main-cont .i-main-center .i-main-center-block {
        box-shadow: 0 0 10px #00000024;
        width: 1.71rem !important;
        height: 2.17rem;
        margin-bottom: .23rem;
    }

    .app-download-main .i-main-cont .i-main-center .i-main-center-block .block-cont .block-cont-img {
        width: 0.64rem !important;
        height: 0.64rem !important;
    }

    .app-download-main .i-main-cont .i-main-center .i-main-center-block .block-cont .block-tit {
        padding: .13rem 0;
        font-size: .12rem;
    }

    .app-download-main .i-main-cont .i-main-center .i-main-center-block .block-cont .block-tit::after {
        position: absolute;
        bottom: 0;
        left: 40%;
        display: block;
        width: 0.28rem !important;
        height: 0.03rem !important;
        border-bottom: .03rem solid #27E3E5;
        border-radius: 0.02rem !important;
        content: '';
    }

    .app-download-main .i-main-cont .i-main-center .i-main-center-block .block-cont > p {
        font-size: .09rem;
        line-height: .15rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }

    .app-download-main .i-main-cont .i-main-center .i-main-center-block .block-cont .app-download-btn {
        margin-top: .1rem;
        margin-bottom: 0;
    }

    .app-download-main .i-main-cont .i-main-center .i-main-center-block .block-cont .app-download-btn .a-app-down-btn {
        width: .77rem;
        height: .21rem;
        line-height: .16rem;
        border-radius: .11rem;
        font-size: .1rem;
        border: solid .02rem #00043b;
    }

    .app-download-main .i-main-cont .i-main-center .i-main-center-block .block-cont .app-download-btn .a-app-down-btn::before {
        position: absolute;
        top: .01rem;
        left: .01rem;
        width: 100%;
        height: .17rem;
        border-radius: .11rem;
        background-color: #ffe50e;
        display: block;
        content: '';
        z-index: -1;
    }

    .app-download-main .i-main-cont .i-main-center .i-main-center-block .block-cont .down-desc {
        height: .5rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }

    .app-download-main .i-main-cont .i-main-center .i-main-center-block:nth-child(2n + 2) {
        float: right;
        margin-right: 0 !important;
    }

    .i-list-top .i-list-search-bg, .i-edu-learn-top .i-list-search-bg {
        position: relative;
        height: 1.4rem;
    }

    .i-list-top .i-list-top-left-icon, .i-edu-learn-top .i-list-top-left-icon {
        display: none;
    }

    .i-list-top .i-list-top-right-icon, .i-edu-learn-top .i-list-top-right-icon {
        display: none;
    }

    .i-list-top .i-list-search, .i-edu-learn-top .i-list-search {
        top: 50%;
        margin-top: -0.14rem;
        width: 2rem;
        height: .22rem;
        background: none;
    }

    .i-list-top .i-list-search > form > input, .i-edu-learn-top .i-list-search > form > input {
        width: calc(100% - 0.43rem);
        height: .22rem;
        font-size: .06rem;
    }

    .i-list-top .i-list-search > form > a, .i-edu-learn-top .i-list-search > form > a {
        width: .43rem;
        height: 100%;
        line-height: .22rem;
        font-size: .08rem;
    }

    .i-list-top .i-list-search > form > a i, .i-edu-learn-top .i-list-search > form > a i {
        font-size: .11rem;
        margin-right: 0rem;
    }

    .i-list-main .i-list-imgs {
        margin: 0.4rem 0 !important;
    }

    .i-list-main .i-list-imgs ul > li {
        margin-right: .05rem;
        width: 1.15rem;
    }

    .i-list-main .i-list-imgs ul > li .i-list-imgs-img {
        width: 1.15rem;
        height: .74rem;
    }

    .i-list-main .i-list-imgs ul > li:nth-child(4n + 4) {
        margin-right: .05rem;
    }

    .i-list-main .i-list-imgs ul > li:nth-child(3n + 3) {
        margin-right: 0rem;
    }

    .i-list-main .i-list-imgs ul > li p {
        height: auto;
        line-height: normal;
        margin-top: .1rem;
        font-size: .1rem;
    }

    .i-list-main .search-list > ul > li:last-child {
        margin-right: 0 !important;
    }

    .i-download-detail .download-detail-info {
        padding: .3rem .1rem .22rem .2rem;
        margin-top: -0.2rem;
        border-radius: .07rem;
        background-color: #f4f4f4;
    }

    .i-download-detail .download-detail-info .breadcrumb {
        display: none;
    }

    .i-download-detail .download-detail-info .download-detail-info-con .detail-info-con-left .detail-info-logo {
        width: .85rem;
        height: .85rem;
        margin-right: .12rem;
    }

    .i-download-detail .download-detail-info .download-detail-info-con .detail-info-con-left .f-l p {
        margin-bottom: .04rem;
    }

    .i-download-detail .download-detail-info .download-detail-info-con .detail-info-con-left .f-l p:first-child {
        font-size: .12rem;
    }

    .i-download-detail .download-detail-info .download-detail-info-con .detail-info-con-left .f-l p:nth-child(3) {
        margin-right: .1rem;
    }

    .i-download-detail .download-detail-info .download-detail-info-con .detail-info-con-left .f-l p:nth-child(n + 3) {
        display: inline-block;
        vertical-align: top;
        font-size: .09rem;
    }

    .i-download-detail .download-detail-info .download-detail-info-con .detail-info-con-left .f-l p span {
        font-size: .07rem;
    }

    .i-download-detail .download-detail-info .download-detail-info-con .detail-info-con-left .f-l p svg {
        width: .12rem;
        height: .12rem;
    }

    .i-download-detail .download-detail-info .download-detail-info-con .detail-info-con-left .f-l .detail-download-link-wrapper {
        display: block;
    }

    .i-download-detail .download-detail-info .download-detail-info-con .detail-info-con-left .f-l .detail-download-btn {
        width: .8rem;
        height: .25rem;
        display: inline-block;
        line-height: .25rem;
        text-align: center;
        font-size: .12rem;
        background-color: #ffe50e;
        border-radius: .02rem;
        color: #181818;
    }

    .i-download-detail .download-detail-info .download-detail-info-con .detail-info-con-right {
        display: none;
    }

    .i-download-detail .down-detail-screenshot {
        margin-top: .44rem;
    }

    .i-download-detail .down-detail-screenshot .d-d-screenshot-tit {
        margin-bottom: .21rem;
        font-size: .15rem;
        line-height: .17rem;
    }

    .i-download-detail .down-detail-screenshot .clearfloat {
        display: none;
    }

    .i-download-detail .down-detail-screenshot .clearfloat .f-l {
        width: 1.5rem;
    }

    .i-download-detail .down-detail-screenshot .swiper-container {
        display: block;
    }

    .i-download-detail .down-detail-screenshot .swiper-container .swiper-slide {
        width: 1.5rem !important;
    }

    .i-download-detail .down-detail-apply {
        margin: .4rem 0;
    }

    .i-download-detail .down-detail-apply P:first-child {
        font-size: .15rem;
        line-height: .17rem;
        margin-bottom: .13rem;
    }

    .i-download-detail .down-detail-apply P:nth-child(2) {
        font-size: .1rem;
        margin-bottom: .1rem;
    }

    .i-download-detail .down-detail-apply P:nth-child(3) {
        font-size: .12rem;
        margin-bottom: .08rem;
    }

    .i-download-detail .down-detail-apply P:nth-child(n + 4) {
        font-size: .1rem;
        margin-bottom: 0;
    }

    .download-top-wap {
        display: block;
    }

    .video-teach {
        top: .64rem;
    }

    .video-teach .video-teach-play {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 2.3rem !important;
    }

    .video-teach .video-teach-list {
        display: none;
    }

    .video-teach .video-teach-list .init-adl-wap {
        display: block;
    }

    .container-2 {
        display: none;
    }

    .i-lesson-play-main-0 {
        margin-top: 2.5rem;
    }

    .i-lesson-play-main-0 .i-lesson-play-main-one .lesson-play-one-img {
        display: none;
    }

    .i-lesson-play-main-0 .i-lesson-play-main-one .lesson-play-one-img-next {
        display: block;
    }

    .i-lesson-play-main-0 .i-lesson-play-main-one .lesson-play-one-desc {
        margin-top: .14rem;
        width: 100%;
    }

    .i-lesson-play-main-0 .i-lesson-play-main-one .lesson-play-one-desc .one-desc-art {
        font-size: .1rem;
    }

    .i-lesson-play-main-0 .i-lesson-play-main-one .lesson-play-one-desc .m-b-l {
        display: none;
    }

    .i-lesson-play-main .i-lesson-play-main-one {
        position: absolute;
        layout-grid-type: 2.3rem;
    }

    .teahc-ass-play-main {
        margin-top: .4rem;
        margin-bottom: .44rem;
    }

    .teahc-ass-play-main .i-lesson-play-main-two {
        font-size: .15rem;
    }

    .teahc-ass-play-main .i-lesson-play-main-two > p {
        font-size: .15rem;
        margin-bottom: .25rem;
    }

    .teahc-ass-play-main .i-lesson-play-main-two .i-lesson-main-two-list .lesson-two-item {
        width: 1.1rem;
        margin-right: .12rem;
        margin-bottom: .19rem;
    }

    .teahc-ass-play-main .i-lesson-play-main-two .i-lesson-main-two-list .lesson-two-item:nth-child(3n + 3) {
        margin-right: 0 !important;
    }

    .teahc-ass-play-main .i-lesson-play-main-two .i-lesson-main-two-list .lesson-two-item:nth-child(4n + 4) {
        margin-right: .12rem;
    }

    .teahc-ass-play-main .i-lesson-play-main-two .i-lesson-main-two-list .lesson-two-item:nth-child(5n + 5) {
        margin-right: .12rem;
    }

    .teahc-ass-play-main .i-lesson-play-main-two .i-lesson-main-two-list .lesson-two-item .lesson-two-list-img {
        height: 1.45rem;
        border-radius: .06rem .06rem 0 0;
    }

    .teahc-ass-play-main .i-lesson-play-main-two .i-lesson-main-two-list .lesson-two-item .lesson-two-list-desc {
        padding: .05rem;
        padding: .05rem .08rem;
        height: .32rem;
        background-color: #fafafa;
        border-radius: 0rem 0rem .06rem .06rem;
    }

    .teahc-ass-play-main .i-lesson-play-main-two .i-lesson-main-two-list .lesson-two-item .lesson-two-list-desc p {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .teahc-ass-play-main .i-lesson-play-main-two .i-lesson-main-two-list .lesson-two-item .lesson-two-list-desc p span {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
        vertical-align: middle;
        width: 50%;
    }

    .teahc-ass-play-main .i-lesson-play-main-two .i-lesson-main-two-list .lesson-two-item .lesson-two-list-desc p:first-child {
        line-height: .12rem;
    }

    .teahc-ass-play-main .i-lesson-play-main-two .i-lesson-main-two-list .lesson-two-item .lesson-two-list-desc p:first-child .t-c-3 {
        font-size: .1rem;
        ine-height: .12rem;
    }

    .teahc-ass-play-main .i-lesson-play-main-two .i-lesson-main-two-list .lesson-two-item .lesson-two-list-desc p:first-child .t-c-6 {
        font-size: .06rem;
    }

    .teahc-ass-play-main .i-lesson-play-main-two .i-lesson-main-two-list .lesson-two-item .lesson-two-list-desc p:nth-child(2) {
        font-size: .06rem;
        line-height: .12rem;
    }

    .teahc-ass-play-main .i-lesson-play-main-two .i-lesson-play-main-two-btn .more-btn-b {
        width: 1.16rem;
        height: .28rem;
        line-height: .24rem;
    }

    .teahc-ass-play-main .i-lesson-play-main-two .i-lesson-play-main-two-btn .more-btn-b span {
        height: 100%;
        font-size: .1rem;
        line-height: .3rem;
        border: .02rem solid #00043b;
    }

    .teahc-ass-play-main .i-lesson-play-main-two .i-lesson-play-main-two-btn .more-btn-b::before {
        position: absolute;
        top: .03rem;
        left: .03rem;
        width: 100%;
        height: .26rem;
        background-color: #27e3e5;
        display: block;
        content: '';
        border-radius: .54rem;
    }

    .teahc-ass-play-main .i-lesson-play-main-two .i-lesson-play-main-two-btn .more-btn-b::after {
        position: absolute;
        top: -0.01rem;
        left: 20%;
        width: .07rem;
        height: .05rem;
        background-color: #FFFFFF;
        display: block;
        content: '';
    }

    .video-teach-list-wap {
        float: none;
        display: block;
    }

    .video-teach-list-wap .video-teach-tit {
        font-size: .15rem;
        color: #333333;
        padding: .35rem 0;
    }

    .video-teach-list-wap .video-teach-con {
        height: 85% !important;
        border-radius: 0 !important;
        display: block;
    }

    .video-teach-list-wap .video-teach-con > li {
        margin-bottom: .17rem;
        background-color: #f4f4f4;
        border-radius: .03rem;
    }

    .video-teach-list-wap .video-teach-con > li .link {
        margin-bottom: 0;
        font-size: .12rem;
        color: #333333;
    }

    .video-teach-list-wap .video-teach-con > li .link span {
        font-size: .12rem;
        color: #333333;
    }

    .video-teach-list-wap .video-teach-con > li .link i {
        font-size: .12rem;
        color: #333333;
    }

    .video-teach-list-wap .video-teach-con > li .submenu {
        background-color: #FFFFFF;
    }

    .video-teach-list-wap .video-teach-con > li .submenu a {
        font-size: .12rem;
        color: #333333;
    }

    .video-teach-list-wap .video-teach-con > li .submenu a.active {
        color: #FDE40B;
    }

    .video-teach-list-wap .video-teach-con > li .submenu img {
        width: .35rem;
        height: .12rem;
    }

    .video-teach-list-wap .video-teach-con > li span {
        font-size: .12rem;
        color: #333333;
    }

    .video-teach-list-wap .i-a-l-wap {
        display: block;
    }

    .i-edu-viedo-wap {
        margin-top: 0 !important;
    }

    .edu-video-wap span {
        font-size: .12rem;
    }

    .edu-video-wap i {
        font-size: .12rem;
    }

    .edu-learn-nav {
        left: .1rem;
        top: 1.85rem;
        margin-left: 0;
        border-radius: .07rem;
    }

    .edu-learn-nav .edu-learn-nav-con {
        padding: .32rem .37rem 0 .3rem;
    }

    .edu-learn-nav .edu-learn-nav-con .edu-learn-nav-tit {
        font-size: .15rem;
        padding: 0rem 0 .2rem 0;
        border-bottom: solid 0.01rem #e1e1e1;
    }

    .edu-learn-nav .edu-learn-nav-con .edu-learn-nav-main .edu-learn-nav-one, .edu-learn-nav .edu-learn-nav-con .edu-learn-nav-main .edu-learn-nav-two {
        padding-top: .14rem;
    }

    .edu-learn-nav .edu-learn-nav-con .edu-learn-nav-main .edu-learn-nav-one > span, .edu-learn-nav .edu-learn-nav-con .edu-learn-nav-main .edu-learn-nav-two > span {
        width: .31rem;
        height: .16rem;
        line-height: .13rem;
        margin-right: .23rem;
        border: solid .02rem #00043b;
        border-radius: .06rem;
    }

    .edu-learn-nav .edu-learn-nav-con .edu-learn-nav-main .edu-learn-nav-one > span span, .edu-learn-nav .edu-learn-nav-con .edu-learn-nav-main .edu-learn-nav-two > span span {
        font-size: .07rem;
    }

    .edu-learn-nav .edu-learn-nav-con .edu-learn-nav-main .edu-learn-nav-one > span::before, .edu-learn-nav .edu-learn-nav-con .edu-learn-nav-main .edu-learn-nav-two > span::before {
        position: absolute;
        top: .01rem;
        left: .01rem;
        width: 96%;
        height: 90%;
        border-radius: .06rem;
        display: block;
        background-color: #E9E9E9;
        content: '';
    }

    .edu-learn-nav .edu-learn-nav-con .edu-learn-nav-main .edu-learn-nav-one > ul, .edu-learn-nav .edu-learn-nav-con .edu-learn-nav-main .edu-learn-nav-two > ul {
        border: none;
        width: calc(100% - 0.63rem);
    }

    .edu-learn-nav .edu-learn-nav-con .edu-learn-nav-main .edu-learn-nav-one > ul > li, .edu-learn-nav .edu-learn-nav-con .edu-learn-nav-main .edu-learn-nav-two > ul > li {
        width: auto;
        height: auto;
        line-height: .09rem;
        margin-bottom: .1rem;
        margin-right: .14rem;
    }

    .edu-learn-nav .edu-learn-nav-con .edu-learn-nav-main .edu-learn-nav-one > ul > li a, .edu-learn-nav .edu-learn-nav-con .edu-learn-nav-main .edu-learn-nav-two > ul > li a {
        line-height: .16rem;
        font-size: .07rem;
    }

    .edu-learn-nav .edu-learn-nav-con .edu-learn-nav-main .edu-learn-nav-one > ul > li.active, .edu-learn-nav .edu-learn-nav-con .edu-learn-nav-main .edu-learn-nav-two > ul > li.active {
        position: relative;
        border: solid .02rem #00043b;
        border-radius: .06rem;
    }

    .edu-learn-nav .edu-learn-nav-con .edu-learn-nav-main .edu-learn-nav-one > ul > li.active a, .edu-learn-nav .edu-learn-nav-con .edu-learn-nav-main .edu-learn-nav-two > ul > li.active a {
        padding: 0rem .06rem;
        display: block;
    }

    .edu-learn-nav .edu-learn-nav-con .edu-learn-nav-main .edu-learn-nav-one > ul > li.active::before, .edu-learn-nav .edu-learn-nav-con .edu-learn-nav-main .edu-learn-nav-two > ul > li.active::before {
        position: absolute;
        top: .01rem;
        left: .01rem;
        width: 96%;
        display: block;
        border-radius: .13rem;
        background-color: #FFE50E;
        content: '';
    }

    .edu-learn-nav .edu-learn-nav-con .edu-learn-nav-main .edu-learn-nav-one {
        border-bottom: .01rem solid #e1e1e1;
    }

    .edu-learn-nav .edu-learn-nav-con .edu-learn-nav-main .edu-learn-nav-two {
        padding-top: .14rem;
    }

    .edu-learn-main-wrapper {
        padding-top: 1.7rem;
    }

    .edu-learn-main-wrapper .edu-learn-main {
        padding: .3rem .1rem;
        border-radius: .07rem;
    }

    .edu-learn-main-wrapper .edu-learn-main .edu-learn-main-tit p {
        font-size: .15rem;
    }

    .edu-learn-main-wrapper .edu-learn-main .edu-learn-main-tit p:first-child {
        margin-bottom: .06rem;
    }

    .edu-learn-main-wrapper .edu-learn-main .edu-learn-main-tit p:last-child {
        margin-bottom: .15rem;
    }

    .edu-learn-main-wrapper .edu-learn-main .edu-learn-main-con > ul > li {
        margin-right: .03rem;
        margin-bottom: .2rem;
    }

    .edu-learn-main-wrapper .edu-learn-main .edu-learn-main-con > ul > li:nth-child(3n + 3) {
        margin-right: 0;
    }

    .edu-learn-main-wrapper .edu-learn-main .edu-learn-main-con > ul > li:nth-child(4n + 4) {
        margin-right: .02rem;
        margin-bottom: .2rem;
    }

    .edu-learn-main-wrapper .edu-learn-main .edu-learn-main-con > ul > li .edu-learn-main-con-img {
        width: 1.09rem;
        height: 1.09rem;
        background-color: #ffd5c8;
        border-radius: .06rem .06rem .6rem 0rem;
    }

    .edu-learn-main-wrapper .edu-learn-main .edu-learn-main-con > ul > li .edu-learn-main-con-desc {
        width: 1.09rem;
        padding: .05rem .05rem;
        height: .33rem;
        border-radius: 0rem 0rem .06rem .06rem;
    }

    .edu-learn-main-wrapper .edu-learn-main .edu-learn-main-con > ul > li .edu-learn-main-con-desc > p {
        line-height: .12rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .edu-learn-main-wrapper .edu-learn-main .edu-learn-main-con > ul > li .edu-learn-main-con-desc > p span {
        display: inline-block;
        width: 50%;
        vertical-align: middle;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: .12rem;
    }

    .edu-learn-main-wrapper .edu-learn-main .edu-learn-main-con > ul > li .edu-learn-main-con-desc > p span:first-child {
        font-size: .1rem;
    }

    .edu-learn-main-wrapper .edu-learn-main .edu-learn-main-con > ul > li .edu-learn-main-con-desc > p span:last-child {
        font-size: .08rem;
    }

    .edu-learn-main-wrapper .edu-learn-main .edu-learn-main-con > ul > li .edu-learn-main-con-desc > p:last-child {
        font-size: .09rem;
    }

    .edu-learn-main-wrapper2 {
        padding-top: 0.65rem !important;
        padding-bottom: 0.5rem !important;
    }

    .edu-learn-main-wrapper2 .edu-learn-main {
        padding: .3rem .1rem .1rem .1rem;
        border-radius: .05rem .07rem .07rem .07rem;
    }

    .edu-learn-main-wrapper2 .edu-learn-main .edu-learn-main-tit p {
        font-size: .15rem;
    }

    .edu-learn-main-wrapper2 .edu-learn-main .edu-learn-main-tit p:first-child {
        margin-bottom: .08rem;
    }

    .edu-learn-main-wrapper2 .edu-learn-main .edu-learn-main-tit p:last-child {
        margin-bottom: .18rem;
    }

    .edu-learn-main-wrapper2 .edu-learn-main .edu-learn-main-con > ul > li {
        margin-bottom: .22rem;
        margin-right: .02rem;
    }

    .edu-learn-main-wrapper2 .edu-learn-main .edu-learn-main-con > ul > li:nth-child(4n + 4) {
        margin-right: .02rem;
    }

    .edu-learn-main-wrapper2 .edu-learn-main .edu-learn-main-con > ul > li:nth-child(3n + 3) {
        margin-right: 0;
    }

    .edu-learn-main-wrapper2 .edu-learn-main .edu-learn-main-con > ul > li .edu-learn-main-con-img {
        width: 1.1rem;
        height: 0.71rem !important;
        border-radius: .06rem .06rem 0rem 0rem;
    }

    .edu-learn-main-wrapper2 .edu-learn-main .edu-learn-main-con > ul > li .edu-learn-main-con-desc {
        width: 1.1rem;
        padding: .05rem;
        height: .3rem;
        border-radius: 0rem 0rem .06rem .06rem;
    }

    .edu-learn-main-wrapper2 .edu-learn-main .edu-learn-main-con > ul > li .edu-learn-main-con-desc > p {
        line-height: .12rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .edu-learn-main-wrapper2 .edu-learn-main .edu-learn-main-con > ul > li .edu-learn-main-con-desc > p span {
        display: inline-block;
        width: 50%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: .12rem;
    }

    .edu-learn-main-wrapper2 .edu-learn-main .edu-learn-main-con > ul > li .edu-learn-main-con-desc > p span:first-child {
        font-size: .1rem;
    }

    .edu-learn-main-wrapper2 .edu-learn-main .edu-learn-main-con > ul > li .edu-learn-main-con-desc > p span:last-child {
        font-size: .08rem;
    }

    .edu-learn-main-wrapper2 .edu-learn-main .edu-learn-main-con > ul > li .edu-learn-main-con-desc > p:last-child {
        font-size: .09rem;
    }

    .animation-video .video-teach-list {
        display: none;
    }

    .animation-video .container-2 {
        display: none;
    }

    .video-teach-tit-desc {
        margin-top: 2.3rem;
        display: block;
        padding: .2rem .1rem;
    }

    .t-v-relative-rom {
        display: block;
    }

    .t-v-relative-rom .t-v-r-r-t {
        padding: .2rem 0;
        font-size: .15rem;
        color: #092153;
    }

    .t-v-relative-rom ul li {
        float: left;
        width: 1.15rem;
        margin-right: .05rem;
    }

    .t-v-relative-rom ul li:nth-child(3n + 3) {
        margin-right: 0;
    }

    .t-v-relative-rom ul li > a {
        display: block;
    }

    .t-v-relative-rom ul li > a .t-v-r-r-t-img {
        width: 1.15rem;
        height: .74rem;
        overflow: hidden;
        border-radius: .06rem;
        background-color: #fff9d2;
    }

    .t-v-relative-rom ul li > a .t-v-r-r-t-desc {
        height: .2rem;
        padding-top: .1rem;
        margin-bottom: .2rem;
    }

    .t-v-relative-rom ul li > a .t-v-r-r-t-desc p {
        font-size: .1rem;
        color: #333333;
    }

    .animation-video-v-l {
        margin-bottom: .5rem;
    }

    .animation-video-v-l .i-lesson-play-main-two {
        margin-top: .2rem;
    }

    .animation-video-v-l .i-lesson-play-main-two > p {
        font-size: .15rem;
        margin-bottom: .2rem;
    }

    .animation-video-v-l .i-lesson-play-main-two .i-lesson-main-two-list .lesson-two-item {
        float: left;
        width: auto;
        margin-right: .05rem;
    }

    .animation-video-v-l .i-lesson-play-main-two .i-lesson-main-two-list .lesson-two-item:nth-child(3n+3) {
        margin-right: 0 !important;
    }

    .animation-video-v-l .i-lesson-play-main-two .i-lesson-main-two-list .lesson-two-item:nth-child(4n+4) {
        margin-right: .05rem;
    }

    .animation-video-v-l .i-lesson-play-main-two .i-lesson-main-two-list .lesson-two-item .lesson-two-list-img {
        width: 1.15rem;
        height: .73rem;
    }

    .animation-video-v-l .i-lesson-play-main-two .i-lesson-main-two-list .lesson-two-item .lesson-two-list-desc {
        width: 1.15rem;
        padding: 0;
        line-height: .12rem;
    }

    .animation-video-v-l .i-lesson-play-main-two .i-lesson-main-two-list .lesson-two-item .lesson-two-list-desc p {
        margin-top: .05rem;
        font-size: .1rem;
        margin-bottom: .2rem;
    }

    .animation-video-v-l .i-lesson-play-main-two .i-lesson-play-main-two-btn > a {
        width: 1.15rem;
        height: .28rem;
        line-height: .28rem;
    }

    .animation-video-v-l .i-lesson-play-main-two .i-lesson-play-main-two-btn > a span {
        font-size: .1rem;
        border: .02rem solid #00043b;
    }

    .animation-video-v-l .i-lesson-play-main-two .i-lesson-play-main-two-btn > a::before {
        position: absolute;
        top: .04rem;
        left: .04rem;
        width: 100%;
        height: .27rem;
        background-color: #27e3e5;
        display: block;
        content: '';
        border-radius: .13rem;
    }

    .animation-video-v-l .i-lesson-play-main-two .i-lesson-play-main-two-btn > a::after {
        position: absolute;
        top: -0.1rem;
        left: 20%;
        width: .08rem;
        height: .05rem;
        background-color: #FFFFFF;
        display: block;
        content: '';
    }

    .video-teach-rel .video-teach-list {
        display: none;
    }

    .video-teach-rel .container-2 {
        display: none;
    }

    .i-lesson-play-main .i-lesson-play-main-one {
        display: none;
    }

    .lesson-video-desc-wap {
        display: block;
        margin-top: 2.31rem;
    }

    .lesson-video-desc-wap .l-v-d-w-tit {
        padding-top: .2rem;
        padding-bottom: .12rem;
    }

    .lesson-video-desc-wap .l-v-d-w-tit .l-v-d-w-tit-1 {
        float: left;
        font-size: .13rem;
        color: #333333;
    }

    .lesson-video-desc-wap .l-v-d-w-tit .l-v-d-w-tit-2 {
        float: right;
        font-size: .1rem;
        color: #6f6f6f;
    }

    .lesson-video-desc-wap .l-v-d-w-con p {
        font-size: .1rem;
        line-height: .23rem;
    }

    .lesson-video-desc-wap .l-v-d-w-con span {
        font-size: .1rem;
    }

    .lesson-video-chose-wap {
        display: block;
    }

    .lesson-video-chose-wap .l-v-v-w-tit {
        margin-top: .4rem;
        margin-bottom: .15rem;
    }

    .lesson-video-chose-wap .lesson-video-chose-swiper .swiper-slide {
        width: 1.05rem;
    }

    .lesson-video-chose-wap .lesson-video-chose-swiper .swiper-slide .l-v-v-w-tit {
        font-size: .15rem;
        color: #092153;
    }

    .lesson-video-chose-wap .lesson-video-chose-swiper .swiper-slide a {
        position: relative;
        display: block;
    }

    .lesson-video-chose-wap .lesson-video-chose-swiper .swiper-slide a .l-v-c-w-img {
        width: 1.05rem;
        height: .63rem;
        border-radius: .03rem;
        background-color: lightblue;
        overflow: hidden;
    }

    .lesson-video-chose-wap .lesson-video-chose-swiper .swiper-slide a .l-v-c-w-img img {
        width: 100%;
    }

    .lesson-video-chose-wap .lesson-video-chose-swiper .swiper-slide a div.l-lock-wap::before {
        position: absolute;
        top: -0.08rem;
        right: -0.01rem;
        display: block;
        width: .32rem;
        height: .32rem;
        background-image: url(../img/lock.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        content: '';
        transform: scale(0.5);
    }

    .lesson-video-chose-wap .lesson-video-chose-swiper .swiper-slide a .l-v-c-w-desc {
        width: 1.05rem;
        font-size: .12rem;
        height: .17rem;
        line-height: .17rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .lesson-video-chose-wap .lesson-video-chose-swiper .swiper-slide a.active {
        color: #ffe50e;
    }

    .lesson-video-chose-list {
        margin-top: 0;
        margin-bottom: 0;
    }

    .lesson-video-chose-list .i-lesson-play-main-two {
        margin-top: .34rem;
    }

    .lesson-video-chose-list .i-lesson-play-main-two p {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .lesson-video-chose-list .i-lesson-play-main-two p span {
        display: inline-block;
        vertical-align: middle;
        width: 50%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .lesson-video-chose-list .i-lesson-play-main-two > p {
        font-size: .15rem;
    }

    .lesson-video-chose-list .i-lesson-play-main-two .i-lesson-main-two-list .lesson-two-item {
        width: 1.7rem;
        margin-right: .15rem;
        margin-bottom: .25rem;
    }

    .lesson-video-chose-list .i-lesson-play-main-two .i-lesson-main-two-list .lesson-two-item:nth-child(2n + 2) {
        margin-right: 0;
    }

    .lesson-video-chose-list .i-lesson-play-main-two .i-lesson-main-two-list .lesson-two-item:last-child {
        display: none;
    }

    .lesson-video-chose-list .i-lesson-play-main-two .i-lesson-main-two-list .lesson-two-item .lesson-two-list-img {
        height: 1.1rem;
        border-radius: .06rem;
    }

    .lesson-video-chose-list .i-lesson-play-main-two .i-lesson-main-two-list .lesson-two-item .lesson-two-list-desc {
        padding: .05rem 0;
    }

    .lesson-video-chose-list .i-lesson-play-main-two .i-lesson-main-two-list .lesson-two-item .lesson-two-list-desc p {
        line-height: .12rem;
        font-size: .08rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .lesson-video-chose-list .i-lesson-play-main-two .i-lesson-main-two-list .lesson-two-item .lesson-two-list-desc p span {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .lesson-video-chose-list .i-lesson-play-main-two .i-lesson-main-two-list .lesson-two-item .lesson-two-list-desc p span:first-child {
        font-size: .1rem;
    }

    .lesson-video-chose-list .i-lesson-play-main-two .i-lesson-main-two-list .lesson-two-item .lesson-two-list-desc p span:last-child {
        font-size: .09rem;
    }

    .lesson-video-chose-list .i-lesson-play-main-two .i-lesson-main-two-list .lesson-two-item .lesson-two-list-desc p:first-child {
        margin-bottom: .06rem;
    }

    .lesson-video-chose-list .i-lesson-play-main-two .i-lesson-play-main-two-btn a {
        margin-bottom: .5rem;
        width: 1.16rem;
        height: .28rem;
        line-height: .28rem;
    }

    .lesson-video-chose-list .i-lesson-play-main-two .i-lesson-play-main-two-btn a span {
        border: .02rem solid #00043b;
        font-size: .1rem;
    }

    .lesson-video-chose-list .i-lesson-play-main-two .i-lesson-play-main-two-btn a::before {
        position: absolute;
        top: .03rem;
        left: .04rem;
        width: 99%;
        height: .27rem;
        background-color: #27e3e5;
        display: block;
        content: '';
        border-radius: .13rem;
    }

    .lesson-video-chose-list .i-lesson-play-main-two .i-lesson-play-main-two-btn a::after {
        position: absolute;
        top: -0.01rem;
        left: 20%;
        width: .07rem;
        height: .05rem;
        background-color: #FFFFFF;
        display: block;
        content: '';
    }

    .guide-download-tc-c .download-bg {
        height: auto;
    }

    .guide-download-tc-c p {
        font-size: .15rem;
    }

    .guide-download-tc-c .download-now {
        display: block;
        text-align: center;
        margin: 0 auto;
        margin-top: .15rem;
        width: .96rem;
        height: .31rem;
        line-height: .31rem;
        background-color: #ffe50e;
        border-radius: .02rem;
        color: #181818;
        font-size: .12rem;
    }

    .wap-pc-s-h {
        display: block;
    }

    .wap-pc-s-h img {
        width: 100%;
        height: 100%;
    }

    .pc-wap-s-h {
        display: none;
        position: absolute;
        z-index: -1;
        left: 50%;
        margin-left: -960px;
    }

    .pc-wap-s-h img {
        width: 100%;
        height: 100%;
    }

    .index-user-comment {
        width: 100vw;
    }
}

video {
    object-fit: fill;
}

.aaa {
    width: 200%;
    -webkit-transform-origin-x: 0;
    transform-origin-x: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
}