.banner-h .container {
    position: relative
}

.banner-h .container .bannerText {
    left: 0;
    top: 75px!important
}

.banner-h .container .bannerText .p1 {
    font-size: 50px!important;
    text-align: left!important;
    font-weight: 700
}

.banner-h .container .bannerText .blank {
    width: 100%;
    height: 40px
}

.banner-h .container .bannerText .feature span {
    font-size: 16px;
    margin-right: 40px
}

.banner-h .container .bannerText .feature span em {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 50%;
    border: 2px solid #ffa2ab;
    margin-right: 10px
}

.banner-h .container .bannerText .banners-tips {
    font-family: PingFangSC-Semibold;
    font-size: 30px;
    color: #fff;
    line-height: 44px
}

.banner-h .container .landing-from .fromText {
    left: 0;
    top: 233px!important;
    padding-top: 20px!important
}

.banner-h .container .landing-from .fromText button:hover {
    background: #ff7582
}

.banner-h .container .landing-from .fromText button {
    margin-top: 20px!important;
    margin-bottom: 8px!important
}

.banner-h .container .landing-from .fromText .c {
    font-weight: 400!important;
    margin-bottom: 20px!important
}

.banner-h .container .landing-from .fromText .text {
    margin-bottom: 20px!important
}

.banner-h .container .landing-from .fromText .auth,.banner-h .container .landing-from .fromText .autha {
    height: 48px!important
}

.banner-h .container .landing-from .fromText .autha {
    margin: 0 auto!important
}

.banner-h .container .landing-from .fromText .auth {
    margin-top: 8px!important;
    margin-bottom: 0
}

.banner-h .container .banner-h-logo {
    width: 135px;
    height: 40px;
    position: absolute;
    top: 20px;
    left: -4%
}

.banner-h .container .landing-int-img {
    width: 646px;
    height: 536px;
    position: absolute;
    left: 580px;
    top: 74px;
    z-index: -1
}

.banner-h-top {
    height: 730px!important
}

.page-landing-h .page-landing-title {
    margin-bottom: .5rem;
    text-align: center;
    color: #4a4a4a;
    font-size: 1.06rem
}

.page-landing-h .page-landing-msg {
    margin-bottom: 1.4rem;
    font-size: .53rem;
    color: #999;
    text-align: center
}

.page-landing-h .page-landing-h-box {
    position: relative
}

.page-landing-h .page-landing-h-box .btn {
    width: 440px;
    height: 60px;
    border-radius: 40px;
    display: block;
    background-color: #f45;
    color: #fff;
    font-size: 30px;
    line-height: 60px;
    text-align: center;
    margin: 0 auto;
    outline: none;
    position: absolute;
    top: 94%;
    left: 50%;
    margin-left: -220px
}

.page-landing-h .page-landing-h-box .btn:hover {
    background: #ff7582
}

.page-landing-h .landing-h-forminfo {
    font-family: PingFangSC-Semibold;
    font-size: 32px;
    color: #484848;
    line-height: 44px;
    text-align: center
}

.page-landing-h .landing-h-formmsg {
    font-family: PingFangSC-Regular;
    font-size: 28px!important;
    color: #484848!important;
    font-weight: 400!important;
    line-height: 40px
}

.page-landing-h .landing-fromH .fromText {
    width: 520px!important
}

.page-landing-h .landing-fromH .fromText .auth,.page-landing-h .landing-fromH .fromText .autha {
    background: #f9f9f9!important;
    height: 56px!important;
    border-radius: 32px!important
}

.page-landing-h .landing-fromH .fromText .autha input,.page-landing-h .landing-fromH .fromText .auth input {
    background: #f9f9f9
}

.page-landing-h .fromText {
    position: relative
}

.page-landing-h .fromText .text-from {
    font-size: .48rem;
    color: #fff;
    margin-left: 4.8rem
}

.page-landing-h .fromText p {
    font-weight: 700
}

.page-landing-h .fromText p em {
    font-style: normal;
    font-weight: 700!important;
    font-size: 28px!important;
    color: #ffc137
}

.page-landing-h .from-boy {
    width: 3.55rem;
    height: 3.8rem;
    display: inline-block;
    position: absolute;
    top: -2.25rem;
    left: 0;
    background: url(https://asset.txqn.huohua.cn/assets/0cc89031-5a50-4cd7-a0aa-9b521bb00791.png) no-repeat 50%;
    background-size: cover
}

.page-landing-int {
    background-color: #fff
}

.page-landing-int .page-landing-title {
    margin-bottom: .5rem;
    text-align: center;
    color: #4a4a4a;
    font-size: 1.06rem
}

.page-landing-int .page-landing-msg {
    margin-bottom: 1.4rem;
    font-size: .53rem;
    color: #999;
    text-align: center
}

.page-landing-int .page-landing-h-box {
    position: relative
}

.page-landing-int .page-landing-h-box .btn {
    width: 440px;
    height: 60px;
    border-radius: 40px;
    display: block;
    background-color: #f45;
    color: #fff;
    font-size: 30px;
    line-height: 60px;
    text-align: center;
    margin: 0 auto;
    outline: none;
    position: absolute;
    top: 92%;
    left: 50%;
    margin-left: -220px
}

.page-landing-int .page-landing-h-box .btn:hover {
    background: #ff7582
}

.page-landing-int .page-landing-h-box .section-pattern {
    background: #fff!important
}

.page-landing-int .page-landing-h-box .section-reasons-for-training {
    height: 19.3rem;
    width: 100%;
    overflow: hidden
}

.page-landing-int .page-landing-h-box .section-reasons-for-training .container {
    width: 100%
}

.page-landing-int .page-landing-h-box .section-reasons-for-training .container h2 {
    width: 100%;
    margin-top: 2rem;
    font-family: PingFangSC-Semibold;
    font-size: 1.06rem;
    color: #484848;
    letter-spacing: 0;
    text-align: center;
    line-height: 1.6rem
}

.page-landing-int .page-landing-h-box .section-reasons-for-training .container p {
    width: 100%;
    font-family: PingFangSC-Regular;
    font-size: .6rem;
    color: #999;
    text-align: center;
    line-height: .8rem;
    margin: 0 auto;
    margin-top: .5rem
}

.page-landing-int .page-landing-h-box .section-reasons-for-training .container .content {
    width: 100%;
    height: 8.2rem;
    margin: 0 auto;
    margin-top: 1.6rem;
    display: flex;
    justify-content: space-between
}

.page-landing-int .page-landing-h-box .section-reasons-for-training .container .content .video-box {
    width: 14.5rem;
    height: 8.2rem;
    border-radius: .4rem;
    overflow: hidden;
    position: relative
}

.page-landing-int .page-landing-h-box .section-reasons-for-training .container .content .video-box video {
    width: 100%;
    height: 100%
}

.page-landing-int .page-landing-h-box .section-reasons-for-training .container .content .video-box .video-mask {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 6
}

.page-landing-int .page-landing-h-box .section-reasons-for-training .container .content .video-box .play-btn {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 9;
    transform: translate(-50%,-50%);
    width: 2.1rem;
    height: 2.1rem;
    background: url(https://asset.txqn.huohua.cn/image/f6c31a9c-08a3-476d-a016-e9e523f62afe.png) 50%/100% no-repeat
}

.page-landing-int .page-landing-h-box .section-reasons-for-training .container .content .tips-list {
    width: 8.3rem;
    display: flex;
    flex-direction: column;
    justify-content: space-around
}

.page-landing-int .page-landing-h-box .section-reasons-for-training .container .content .tips-list li {
    font-family: PingFangSC-Regular;
    font-size: .5rem;
    color: #999;
    line-height: .7rem;
    padding-left: .5rem;
    position: relative
}

.page-landing-int .page-landing-h-box .section-reasons-for-training .container .content .tips-list li:after {
    content: "";
    width: .15rem;
    height: .15rem;
    border-radius: 50%;
    border: 2px solid #767a7e;
    position: absolute;
    left: 0;
    top: .25rem
}

.page-landing-int .page-landing-h-box .section-reasons-for-training .container .content .tips-list button {
    background: #ff4355;
    border-radius: .6rem;
    margin-left: .5rem;
    width: 4.2rem;
    height: 1.2rem;
    font-size: .5rem;
    font-weight: 500;
    color: #fff;
    letter-spacing: .1px;
    text-align: center;
    outline: none
}

.page-landing-int .landing-h-forminfo {
    font-family: PingFangSC-Semibold;
    font-size: 32px;
    color: #484848;
    line-height: 44px;
    text-align: center
}

.page-landing-int .landing-h-formmsg {
    font-family: PingFangSC-Regular;
    font-size: 28px!important;
    color: #484848!important;
    font-weight: 400!important;
    line-height: 40px
}

.page-landing-int .landing-fromH .fromText {
    width: 520px!important
}

.page-landing-int .landing-fromH .fromText .auth,.page-landing-int .landing-fromH .fromText .autha {
    background: #f9f9f9!important;
    height: 56px!important;
    border-radius: 32px!important
}

.page-landing-int .landing-fromH .fromText .autha input,.page-landing-int .landing-fromH .fromText .auth input {
    background: #f9f9f9
}

.page-landing-int .fromText {
    position: relative
}

.page-landing-int .fromText .text-from {
    font-size: .48rem;
    color: #fff;
    margin-left: 4.8rem
}

.page-landing-int .fromText p {
    font-weight: 700
}

.page-landing-int .fromText p em {
    font-style: normal;
    font-weight: 700!important;
    font-size: 28px!important;
    color: #ffc137
}

.page-landing-int .from-boy {
    width: 3.55rem;
    height: 3.8rem;
    display: inline-block;
    position: absolute;
    top: -2.25rem;
    left: 0;
    background: url(https://asset.txqn.huohua.cn/image/862eb3e0-e8e1-4e1d-b12e-62dbb4f74ed4.png) no-repeat 50%;
    background-size: cover
}

.page-landing-c .page-landing-title {
    margin-bottom: .5rem;
    text-align: center;
    color: #4a4a4a;
    font-size: 1.06rem
}

.page-landing-c .page-landing-msg {
    margin-bottom: 1.4rem;
    font-size: .53rem;
    color: #999;
    text-align: center
}

.page-landing-c .page-landing-h-box {
    position: relative
}

.page-landing-c .page-landing-h-box .btn {
    width: 440px;
    height: 60px;
    border-radius: 40px;
    display: block;
    background-color: #f45;
    color: #fff;
    font-size: 30px;
    line-height: 60px;
    text-align: center;
    margin: 0 auto;
    outline: none;
    position: absolute;
    top: 94%;
    left: 50%;
    margin-left: -220px
}

.page-landing-c .page-landing-h-box .btn:hover {
    background: #ff7582
}

.page-landing-c .landing-h-forminfo {
    font-family: PingFangSC-Semibold;
    font-size: 32px;
    color: #484848;
    line-height: 44px;
    text-align: center
}

.page-landing-c .landing-h-formmsg {
    font-family: PingFangSC-Regular;
    font-size: 28px!important;
    color: #484848!important;
    font-weight: 400!important;
    line-height: 40px
}

.page-landing-c .landing-fromH .fromText {
    width: 520px!important
}

.page-landing-c .landing-fromH .fromText .auth,.page-landing-c .landing-fromH .fromText .autha {
    background: #f9f9f9!important;
    height: 56px!important;
    border-radius: 32px!important
}

.page-landing-c .landing-fromH .fromText .autha input,.page-landing-c .landing-fromH .fromText .auth input {
    background: #f9f9f9
}

.page-landing-c .fromText {
    position: relative
}

.page-landing-c .fromText .text-from {
    font-size: .48rem;
    color: #fff;
    margin-left: 4.8rem
}

.page-landing-c .fromText p {
    font-weight: 700
}

.page-landing-c .fromText p em {
    font-style: normal;
    font-weight: 700!important;
    font-size: 28px!important;
    color: #ffc137
}

.page-landing-c .from-boy {
    width: 3.55rem;
    height: 3.8rem;
    display: inline-block;
    position: absolute;
    top: -2.25rem;
    left: 0;
    background: url(https://asset.txqn.huohua.cn/assets/0cc89031-5a50-4cd7-a0aa-9b521bb00791.png) no-repeat 50%;
    background-size: cover
}

.nb-color {
    font: 100
}

a,article,aside,body,button,dd,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,input[type=button],input[type=password],input[type=text],li,nav,ol,p,pre,section,select,span,textarea,ul {
    margin: 0;
    padding: 0;
    border: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box
}

article,aside,details,figcaption,figure,footer,header,hgroup,iframe,menu,nav,section {
    display: block
}

body {
    -webkit-text-size-adjust: 100%
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

fieldset,img {
    border: 0
}

img {
    vertical-align: top
}

address,caption,cite,code,dfn,em,th,var {
    font-weight: 400;
    font-style: normal
}

ol,ul {
    list-style: none
}

caption,th {
    text-align: left
}

q:after,q:before {
    content: ”
}

abbr,acronym {
    border: 0
}

input,textarea {
    outline: 0
}

input[type=text],textarea {
    border-radius: 0;
    -webkit-appearance: none
}

body {
    background-color: #fff;
    color: #333
}

html[lang=zh-CN] h1,html[lang=zh-CN] h2,html[lang=zh-CN] h3 {
    font-family: Hiragino Sans GB,Microsoft YaHei,\\5FAE\8F6F\96C5\9ED1,Lucida Grande,Lucida Sans Unicode,STHeitiSC-Light,Helvetica,Arial,Verdana,"sans-serif"
}

body,button,input,select,textarea {
    font: 14px/1.5 Hiragino Sans GB,Microsoft YaHei,\\5FAE\8F6F\96C5\9ED1,arial,\5b8b\4f53,sans-serif;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: "liga","kern"
}

body,html {
    width: 100%;
    height: 100%
}

a {
    text-decoration: none
}

.clearfix:after {
    content: ""
}

*+html .clearfix,* html .clearfix {
    zoom:1}

.box {
    display: -moz-box;
    display: -webkit-box;
    display: -ms-box;
    display: box
}

.flex {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.b {
    font-weight: 700
}

.f10 {
    font-size: 10px
}

.f12 {
    font-size: 12px
}

.f13 {
    font-size: 13px
}

.f14 {
    font-size: 14px
}

.f16 {
    font-size: 16px
}

.f18 {
    font-size: 18px
}

.f {
    background-color: #fff
}

.fc-gray {
    color: #999
}

.fc-blue {
    color: #00b3db
}

.fc-red {
    color: #e94f5c
}

.touch {
    background-color: rgba(0,0,0,.1)
}

.p-relative {
    position: relative
}

.u-brand-pic img {
    width: 100%;
    vertical-align: top;
    display: block;
    margin: 0 auto
}

.u-img-wrapper img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

a:hover {
    text-decoration: none
}

.row {
    width: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    height: auto;
    display: block;
    zoom:1}

.row.flex:after {
    display: none
}

.row.flex>.col,.row.flex>.col-flex {
    float: none
}

.row.flex .col-flex {
    -webkit-box-flex: 1
}

.row:after {
    content: " ";
    visibility: hidden;
    display: table;
    height: 0;
    clear: both
}

.row>.col {
    -webkit-box-flex: 0;
    padding-left: 0;
    padding-right: 0;
    display: block;
    float: left
}

.flex {
    display: -webkit-box;
    display: box;
    -webkit-box-orient: horizontal;
    box-orient: horizontal
}

.flex.vertical {
    -webkit-box-orient: vertical;
    box-orient: vertical
}

.flex.start {
    -webkit-box-pack: start
}

.flex.center {
    -webkit-box-pack: center
}

.flex.end {
    -webkit-box-pack: end
}

.flex.justify {
    -webkit-box-pack: justify;
    justify-content: space-between
}

.flex.top {
    -webkit-box-align: start
}

.flex.middle {
    -webkit-box-align: center;
    align-items: center
}

.flex.bottom {
    -webkit-box-align: end
}

.fl {
    float: left
}

.fr {
    float: right
}

.psr {
    position: relative
}

.tc {
    text-align: center
}

.w {
    width: 1000px;
    padding: 0;
    margin: 0 auto
}

@media screen and (max-width: 768px) {
    .w {
        width:100%
    }
}

.toast {
    display: none;
    z-index: 10001;
    position: fixed;
    top: 50%;
    width: 26.67rem;
    color: #fff;
    border-radius: 5px;
    text-align: center;
    left: 0;
    right: 0;
    margin: 0 auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px
}

.toast.active {
    display: block
}

.toast .msg {
    border-radius: 5px;
    padding: 12px 30px;
    word-break: break-all;
    line-height: 20px;
    display: inline-block;
    background-color: rgba(0,0,0,.7);
    margin: 0 auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px
}

.slick-slider {
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list,.slick-slider {
    position: relative;
    display: block
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,.slick-slider .slick-track {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after,.slick-track:before {
    display: table;
    content: ""
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.rc-dialog {
    position: relative;
    width: auto;
    margin: 10px
}

.rc-dialog-wrap {
    position: fixed;
    overflow: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.rc-dialog-title {
    margin: 0;
    font-size: 14px;
    line-height: 21px;
    font-weight: 700
}

.rc-dialog-content {
    position: relative;
    background-color: #fff;
    border: none;
    border-radius: 6px 6px;
    background-clip: padding-box
}

.rc-dialog-close {
    cursor: pointer;
    border: 0;
    background: transparent;
    font-size: 21px;
    position: absolute;
    right: 20px;
    top: 12px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
    text-decoration: none
}

.rc-dialog-close-x:after {
    content: "\D7"
}

.rc-dialog-close:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    text-decoration: none
}

.rc-dialog-header {
    padding: 13px 20px 14px;
    border-radius: 5px 5px 0 0;
    background: #fff;
    color: #666;
    border-bottom: 1px solid #e9e9e9
}

.rc-dialog-body {
    padding: 20px
}

.rc-dialog-footer {
    border-top: 1px solid #e9e9e9;
    padding: 10px 20px;
    text-align: right;
    border-radius: 0 0 5px 5px
}

.rc-dialog-zoom-appear,.rc-dialog-zoom-enter {
    opacity: 0;
    animation-duration: .3s;
    animation-fill-mode: both;
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    animation-play-state: paused
}

.rc-dialog-zoom-leave {
    animation-duration: .3s;
    animation-fill-mode: both;
    animation-timing-function: cubic-bezier(.6,.04,.98,.34);
    animation-play-state: paused
}

.rc-dialog-zoom-appear.rc-dialog-zoom-appear-active,.rc-dialog-zoom-enter.rc-dialog-zoom-enter-active {
    animation-name: rcDialogZoomIn;
    animation-play-state: running
}

.rc-dialog-zoom-leave.rc-dialog-zoom-leave-active {
    animation-name: rcDialogZoomOut;
    animation-play-state: running
}

@keyframes rcDialogZoomIn {
    0% {
        opacity: 0;
        transform: scale(0)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes rcDialogZoomOut {
    0% {
        transform: scale(1)
    }

    to {
        opacity: 0;
        transform: scale(0)
    }
}

@media (min-width: 768px) {
    .rc-dialog {
        width:600px;
        margin: 30px auto
    }
}

.rc-dialog-mask {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: #373737;
    background-color: rgba(55,55,55,.6);
    height: 100%;
    filter: alpha(opacity=50);
    z-index: 1050
}

.rc-dialog-mask-hidden {
    display: none
}

.rc-dialog-fade-appear,.rc-dialog-fade-enter {
    opacity: 0
}

.rc-dialog-fade-appear,.rc-dialog-fade-enter,.rc-dialog-fade-leave {
    animation-duration: .3s;
    animation-fill-mode: both;
    animation-timing-function: cubic-bezier(.55,0,.55,.2);
    animation-play-state: paused
}

.rc-dialog-fade-appear.rc-dialog-fade-appear-active,.rc-dialog-fade-enter.rc-dialog-fade-enter-active {
    animation-name: rcDialogFadeIn;
    animation-play-state: running
}

.rc-dialog-fade-leave.rc-dialog-fade-leave-active {
    animation-name: rcDialogFadeOut;
    animation-play-state: running
}

@keyframes rcDialogFadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes rcDialogFadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.rc-calendar,.rc-calendar * {
    box-sizing: border-box
}

.rc-calendar-hidden {
    display: none
}

.rc-calendar-input-wrap {
    position: relative;
    padding: 6px;
    border-bottom: 1px solid #e9e9e9
}

.rc-calendar-input-wrap:after {
    content: "";
    clear: both
}

.rc-calendar-date-input-wrap {
    overflow: hidden
}

.rc-calendar-time-picker {
    position: absolute;
    width: 100%;
    top: 34px;
    background-color: #fff;
    height: 217px
}

.rc-calendar-time-picker-panel {
    width: 100%;
    position: relative
}

.rc-calendar-time-picker-panel .rc-time-picker-panel-input-wrap {
    display: none
}

.rc-calendar-time-picker-panel .rc-time-picker-panel-inner {
    border: none;
    box-shadow: none
}

.rc-calendar-time-picker-panel .rc-time-picker-panel-select {
    width: 84px;
    max-height: 217px
}

.rc-calendar-time-picker-panel .rc-time-picker-panel-select li {
    text-align: center;
    padding: 0
}

.rc-calendar-time-picker-wrap {
    float: left;
    width: 100%
}

.rc-calendar-time-picker-wrap .rc-time-picker {
    width: 100%
}

.rc-calendar-time-picker-wrap .rc-time-picker-input {
    padding: 0;
    border: 1px solid transparent;
    outline: 0;
    height: 22px
}

.rc-calendar-time-picker-wrap .rc-time-picker-icon {
    display: none
}

.rc-calendar-input {
    border: 1px solid transparent;
    width: 100%;
    color: #666;
    cursor: text;
    line-height: 1.5;
    outline: 0;
    height: 22px
}

.rc-calendar-input-invalid {
    border-color: red
}

.rc-calendar-clear-btn {
    z-index: 9999;
    position: absolute;
    right: 6px;
    cursor: pointer;
    overflow: hidden;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    top: 6px;
    margin: 0
}

.rc-calendar-clear-btn:after {
    content: "x";
    font-size: 12px;
    color: #aaa;
    display: inline-block;
    line-height: 1;
    width: 20px;
    transition: color .3s ease
}

.rc-calendar-clear-btn:hover:after {
    color: #666
}

.rc-calendar-picker {
    position: absolute;
    left: -9999px;
    top: -9999px;
    z-index: 1000
}

.rc-calendar-picker-hidden {
    display: none
}

.rc-calendar-picker-slide-up-appear,.rc-calendar-picker-slide-up-enter {
    animation-duration: .3s;
    animation-fill-mode: both;
    transform-origin: 0 0;
    display: block!important;
    opacity: 0;
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    animation-play-state: paused
}

.rc-calendar-picker-slide-up-leave {
    animation-duration: .3s;
    animation-fill-mode: both;
    transform-origin: 0 0;
    display: block!important;
    opacity: 1;
    animation-timing-function: cubic-bezier(.6,.04,.98,.34);
    animation-play-state: paused
}

.rc-calendar-picker-slide-up-appear.rc-calendar-picker-slide-up-appear-active.rc-calendar-picker-placement-bottomLeft,.rc-calendar-picker-slide-up-appear.rc-calendar-picker-slide-up-appear-active.rc-calendar-picker-placement-bottomRight,.rc-calendar-picker-slide-up-enter.rc-calendar-picker-slide-up-enter-active.rc-calendar-picker-placement-bottomLeft,.rc-calendar-picker-slide-up-enter.rc-calendar-picker-slide-up-enter-active.rc-calendar-picker-placement-bottomRight {
    animation-name: rcDropdownSlideUpIn;
    animation-play-state: running
}

.rc-calendar-picker-slide-up-appear.rc-calendar-picker-slide-up-appear-active.rc-calendar-picker-placement-topLeft,.rc-calendar-picker-slide-up-appear.rc-calendar-picker-slide-up-appear-active.rc-calendar-picker-placement-topRight,.rc-calendar-picker-slide-up-enter.rc-calendar-picker-slide-up-enter-active.rc-calendar-picker-placement-topLeft,.rc-calendar-picker-slide-up-enter.rc-calendar-picker-slide-up-enter-active.rc-calendar-picker-placement-topRight {
    animation-name: rcDropdownSlideDownIn;
    animation-play-state: running
}

.rc-calendar-picker-slide-up-leave.rc-calendar-picker-slide-up-leave-active.rc-calendar-picker-placement-bottomLeft,.rc-calendar-picker-slide-up-leave.rc-calendar-picker-slide-up-leave-active.rc-calendar-picker-placement-bottomRight {
    animation-name: rcDropdownSlideUpOut;
    animation-play-state: running
}

.rc-calendar-picker-slide-up-leave.rc-calendar-picker-slide-up-leave-active.rc-calendar-picker-placement-topLeft,.rc-calendar-picker-slide-up-leave.rc-calendar-picker-slide-up-leave-active.rc-calendar-picker-placement-topRight {
    animation-name: rcDropdownSlideDownOut;
    animation-play-state: running
}

@keyframes rcDropdownSlideUpIn {
    0% {
        opacity: 0;
        transform-origin: 0 0;
        transform: scaleY(0)
    }

    to {
        opacity: 1;
        transform-origin: 0 0;
        transform: scaleY(1)
    }
}

@keyframes rcDropdownSlideUpOut {
    0% {
        opacity: 1;
        transform-origin: 0 0;
        transform: scaleY(1)
    }

    to {
        opacity: 0;
        transform-origin: 0 0;
        transform: scaleY(0)
    }
}

@keyframes rcDropdownSlideDownIn {
    0% {
        opacity: 0;
        transform-origin: 100% 100%;
        transform: scaleY(0)
    }

    to {
        opacity: 1;
        transform-origin: 100% 100%;
        transform: scaleY(1)
    }
}

@keyframes rcDropdownSlideDownOut {
    0% {
        opacity: 1;
        transform-origin: 100% 100%;
        transform: scaleY(1)
    }

    to {
        opacity: 0;
        transform-origin: 100% 100%;
        transform: scaleY(0)
    }
}

.rc-calendar {
    font-family: Arial,Hiragino Sans GB,Microsoft Yahei,Microsoft Sans Serif,WenQuanYi Micro Hei,sans-serif;
    width: 253px;
    list-style: none;
    font-size: 12px;
    text-align: left;
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 1px 5px #ccc;
    background-clip: padding-box;
    border: 1px solid #ccc;
    line-height: 1.5
}

.rc-calendar,.rc-calendar-date-panel,.rc-calendar-panel {
    position: relative;
    outline: none
}

.rc-calendar-week-number {
    width: 286px
}

.rc-calendar-week-number-cell {
    text-align: center
}

.rc-calendar-header {
    padding: 0 10px;
    height: 34px;
    line-height: 30px;
    text-align: center;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    border-bottom: 1px solid #ccc
}

.rc-calendar-header>a {
    font-weight: 700;
    display: inline-block;
    padding: 0 5px;
    line-height: 34px;
    text-align: center;
    width: 30px
}

.rc-calendar-header>a:hover {
    cursor: pointer;
    color: #23c0fa
}

.rc-calendar-header .rc-calendar-prev-month-btn {
    position: absolute;
    left: 25px
}

.rc-calendar-header .rc-calendar-prev-month-btn:after {
    content: "\2039"
}

.rc-calendar-header .rc-calendar-next-month-btn {
    position: absolute;
    right: 25px
}

.rc-calendar-header .rc-calendar-next-month-btn:after {
    content: "\203A"
}

.rc-calendar-day-select,.rc-calendar-month-select,.rc-calendar-year-select {
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    color: #666;
    padding: 0 8px;
    line-height: 34px
}

.rc-calendar-day-select:hover,.rc-calendar-month-select:hover,.rc-calendar-year-select:hover {
    cursor: pointer;
    color: #23c0fa
}

.rc-calendar-day-select.rc-calendar-time-status:hover,.rc-calendar-month-select.rc-calendar-time-status:hover,.rc-calendar-year-select.rc-calendar-time-status:hover {
    cursor: pointer;
    color: #666
}

.rc-calendar-next-month-btn,.rc-calendar-next-year-btn,.rc-calendar-prev-month-btn,.rc-calendar-prev-year-btn {
    position: absolute;
    top: 0;
    cursor: pointer;
    color: #999;
    font-family: Arial,Hiragino Sans GB,Microsoft Yahei,Microsoft Sans Serif,sans-serif;
    padding: 0 5px;
    font-size: 16px;
    display: inline-block;
    line-height: 34px
}

.rc-calendar-next-month-btn:hover,.rc-calendar-next-year-btn:hover,.rc-calendar-prev-month-btn:hover,.rc-calendar-prev-year-btn:hover {
    color: #23c0fa
}

.rc-calendar-next-year-btn {
    right: 0
}

.rc-calendar-next-year-btn:after {
    content: "\BB"
}

.rc-calendar-prev-year-btn {
    left: 0
}

.rc-calendar-prev-year-btn:after {
    content: "\AB"
}

.rc-calendar-body {
    padding: 9px 10px 10px;
    height: 217px
}

.rc-calendar table {
    border-collapse: collapse;
    max-width: 100%;
    background-color: transparent;
    width: 100%
}

.rc-calendar table,.rc-calendar td,.rc-calendar th {
    border: none
}

.rc-calendar-table {
    border-spacing: 0;
    margin-bottom: 0
}

.rc-calendar-column-header {
    line-height: 18px;
    padding: 6px 0;
    width: 33px;
    text-align: center
}

.rc-calendar-column-header .rc-calendar-column-header-inner {
    display: block;
    font-weight: 400
}

.rc-calendar-week-number-header .rc-calendar-column-header-inner {
    display: none
}

.rc-calendar-cell {
    padding: 1px 0
}

.rc-calendar-date {
    display: block;
    margin: 0 auto;
    color: #666;
    border-radius: 4px 4px;
    width: 26px;
    height: 26px;
    padding: 0;
    background: transparent;
    line-height: 26px;
    text-align: center
}

.rc-calendar-date:hover {
    background: #ebfaff;
    cursor: pointer
}

.rc-calendar-selected-day .rc-calendar-date {
    background: #d9f4fe
}

.rc-calendar-selected-date .rc-calendar-date {
    background: #3fc7fa;
    color: #fff
}

.rc-calendar-selected-date .rc-calendar-date:hover {
    background: #3fc7fa
}

.rc-calendar-today .rc-calendar-date {
    border: 1px solid #3fc7fa
}

.rc-calendar-disabled-cell .rc-calendar-date {
    cursor: not-allowed;
    color: #bcbcbc;
    background: #f3f3f3;
    border-radius: 0;
    width: auto
}

.rc-calendar-disabled-cell .rc-calendar-date:hover {
    background: #f3f3f3
}

.rc-calendar-disabled-cell-first-of-row .rc-calendar-date {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.rc-calendar-disabled-cell-last-of-row .rc-calendar-date {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.rc-calendar-last-month-cell .rc-calendar-date,.rc-calendar-next-month-btn-day .rc-calendar-date {
    color: #bbb
}

.rc-calendar-footer {
    border-top: 1px solid #ccc;
    padding: 10px 0;
    text-align: center;
    position: relative
}

.rc-calendar-footer .rc-time-picker {
    width: 90px
}

.rc-calendar-footer .rc-time-picker-input {
    height: 24px
}

.rc-calendar-footer-show-ok {
    text-align: right
}

.rc-calendar-footer-show-ok .rc-calendar-footer-btn {
    padding-right: 12px
}

.rc-calendar-footer-show-ok .rc-calendar-time-picker-btn {
    margin-left: 0;
    padding: 0 12px
}

.rc-calendar-footer-show-ok .rc-calendar-today-btn {
    float: left;
    padding-left: 12px
}

.rc-calendar-footer-btn {
    margin-top: 2px
}

.rc-calendar-footer-btn:after {
    content: "x";
    height: 0;
    font-size: 0;
    overflow: hidden;
    clear: both
}

.rc-calendar-time-picker-btn {
    margin-left: 10px
}

.rc-calendar-ok-btn,.rc-calendar-time-picker-btn,.rc-calendar-today-btn {
    display: inline-block;
    text-align: center;
    color: #f46830
}

.rc-calendar-ok-btn:hover,.rc-calendar-time-picker-btn:hover,.rc-calendar-today-btn:hover {
    cursor: pointer;
    color: #23c0fa
}

.rc-calendar-ok-btn-disabled,.rc-calendar-ok-btn-disabled:hover,.rc-calendar-time-picker-btn-disabled,.rc-calendar-time-picker-btn-disabled:hover,.rc-calendar-today-btn-disabled,.rc-calendar-today-btn-disabled:hover {
    color: #bbb
}

.rc-calendar-today-btn {
    padding-left: 10px
}

.rc-calendar-time-input {
    height: 25px;
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 4px 10px;
    border-radius: 6px 6px;
    border: 1px solid #d9d9d9;
    background-color: #fff;
    color: #666;
    line-height: 1.5;
    transform: border .3s cubic-bezier(.35,0,.25,1),background .3s cubic-bezier(.35,0,.25,1),box-shadow .3s cubic-bezier(.35,0,.25,1);
    width: 40px
}

.rc-calendar-time-input:hover {
    border-color: #23c0fa
}

.rc-calendar-time-input:focus {
    border-color: #23c0fa;
    box-shadow: 0 0 3px #23c0fa
}

.rc-calendar-time-panel {
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #fff;
    z-index: 10;
    position: absolute;
    outline: none
}

.rc-calendar-time-panel-header {
    padding: 0 10px;
    height: 34px;
    line-height: 34px;
    position: relative;
    text-align: center;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    border-bottom: 1px solid #ccc
}

.rc-calendar-time-panel-body {
    padding: 9px 10px 10px
}

.rc-calendar-time-panel-title {
    width: 180px;
    font-weight: 700;
    display: inline-block;
    padding: 4px 5px;
    text-align: center;
    height: 30px;
    line-height: 22px;
    border-radius: 4px
}

.rc-calendar-time-panel-table {
    table-layout: fixed;
    width: 100%;
    height: 255px;
    border-collapse: separate
}

.rc-calendar-time-panel-cell {
    text-align: center;
    height: 42px;
    vertical-align: middle
}

.rc-calendar-time-panel-time {
    line-height: 26px;
    display: block;
    border-radius: 4px;
    width: 26px;
    margin: 0 auto
}

.rc-calendar-time-panel-time:hover {
    background: #ebfaff;
    cursor: pointer
}

.rc-calendar-time-panel-selected-cell .rc-calendar-time-panel-time,.rc-calendar-time-panel-selected-cell .rc-calendar-time-panel-time:hover {
    background: #3fc7fa;
    color: #fff
}

.rc-calendar-month-panel {
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #fff;
    z-index: 10;
    position: absolute;
    outline: none
}

.rc-calendar-month-panel>div {
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.rc-calendar-month-panel-hidden {
    display: none
}

.rc-calendar-month-panel-header {
    padding: 0 10px;
    height: 34px;
    line-height: 30px;
    position: relative;
    text-align: center;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    border-bottom: 1px solid #ccc
}

.rc-calendar-month-panel-header>a {
    font-weight: 700;
    display: inline-block;
    padding: 4px 5px;
    text-align: center;
    width: 30px
}

.rc-calendar-month-panel-header>a:hover {
    cursor: pointer;
    color: #23c0fa
}

.rc-calendar-month-panel-next-year-btn,.rc-calendar-month-panel-prev-year-btn {
    position: absolute;
    top: 0
}

.rc-calendar-month-panel-next-year-btn:after {
    content: "\BB"
}

.rc-calendar-month-panel-prev-year-btn {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    left: 0
}

.rc-calendar-month-panel-prev-year-btn:after {
    content: "\AB"
}

.rc-calendar-month-panel .rc-calendar-month-panel-year-select {
    width: 180px
}

.rc-calendar-month-panel-year-select-arrow {
    display: none
}

.rc-calendar-month-panel-next-year-btn {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    right: 0
}

.rc-calendar-month-panel-body {
    -ms-flex: 1;
    flex: 1;
    padding: 9px 10px 10px
}

.rc-calendar-month-panel-footer {
    border-top: 1px solid #ccc;
    line-height: 38px
}

.rc-calendar-month-panel-table {
    table-layout: fixed;
    width: 100%;
    height: 100%;
    border-collapse: separate
}

.rc-calendar-month-panel-cell {
    text-align: center
}

.rc-calendar-month-panel-cell .rc-calendar-month-panel-month {
    display: block;
    width: 46px;
    margin: 0 auto;
    color: #666;
    border-radius: 4px 4px;
    height: 36px;
    padding: 0;
    background: transparent;
    line-height: 36px;
    text-align: center
}

.rc-calendar-month-panel-cell .rc-calendar-month-panel-month:hover {
    background: #ebfaff;
    cursor: pointer
}

.rc-calendar-month-panel-cell-disabled .rc-calendar-month-panel-month {
    color: #bfbfbf
}

.rc-calendar-month-panel-cell-disabled .rc-calendar-month-panel-month:hover {
    background: #fff;
    cursor: not-allowed
}

.rc-calendar-month-panel-selected-cell .rc-calendar-month-panel-month,.rc-calendar-month-panel-selected-cell .rc-calendar-month-panel-month:hover {
    background: #3fc7fa;
    color: #fff
}

.rc-calendar-month-header-wrap {
    position: relative;
    height: 308px
}

.rc-calendar-year-panel {
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #fff;
    z-index: 10;
    position: absolute;
    outline: none
}

.rc-calendar-year-panel>div {
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.rc-calendar-year-panel-hidden {
    display: none
}

.rc-calendar-year-panel-header {
    padding: 0 10px;
    height: 34px;
    line-height: 30px;
    position: relative;
    text-align: center;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    border-bottom: 1px solid #ccc
}

.rc-calendar-year-panel-header>a {
    font-weight: 700;
    display: inline-block;
    padding: 4px 5px;
    text-align: center;
    width: 30px
}

.rc-calendar-year-panel-header>a:hover {
    cursor: pointer;
    color: #23c0fa
}

.rc-calendar-year-panel-next-decade-btn,.rc-calendar-year-panel-prev-decade-btn {
    position: absolute;
    top: 0
}

.rc-calendar-year-panel-next-decade-btn:after {
    content: "\BB"
}

.rc-calendar-year-panel-prev-decade-btn {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    left: 0
}

.rc-calendar-year-panel-prev-decade-btn:after {
    content: "\AB"
}

.rc-calendar-year-panel .rc-calendar-year-panel-decade-select {
    width: 180px
}

.rc-calendar-year-panel-decade-select-arrow {
    display: none
}

.rc-calendar-year-panel-next-decade-btn {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    right: 0
}

.rc-calendar-year-panel-body {
    -ms-flex: 1;
    flex: 1;
    padding: 9px 10px 10px
}

.rc-calendar-year-panel-footer {
    border-top: 1px solid #ccc;
    line-height: 38px
}

.rc-calendar-year-panel-table {
    table-layout: fixed;
    width: 100%;
    height: 100%;
    border-collapse: separate
}

.rc-calendar-year-panel-cell {
    text-align: center
}

.rc-calendar-year-panel-year {
    display: block;
    width: 46px;
    margin: 0 auto;
    color: #666;
    border-radius: 4px 4px;
    height: 36px;
    padding: 0;
    background: transparent;
    line-height: 36px;
    text-align: center
}

.rc-calendar-year-panel-year:hover {
    background: #ebfaff;
    cursor: pointer
}

.rc-calendar-year-panel-selected-cell .rc-calendar-year-panel-year,.rc-calendar-year-panel-selected-cell .rc-calendar-year-panel-year:hover {
    background: #3fc7fa;
    color: #fff
}

.rc-calendar-year-panel-last-decade-cell .rc-calendar-year-panel-year,.rc-calendar-year-panel-next-decade-cell .rc-calendar-year-panel-year {
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    color: rgba(0,0,0,.25)
}

.rc-calendar-decade-panel {
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #fff;
    z-index: 10;
    position: absolute;
    outline: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.rc-calendar-decade-panel-hidden {
    display: none
}

.rc-calendar-decade-panel-header {
    padding: 0 10px;
    height: 34px;
    line-height: 34px;
    position: relative;
    text-align: center;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    border-bottom: 1px solid #ccc
}

.rc-calendar-decade-panel-header>a {
    font-weight: 700;
    display: inline-block;
    padding: 1px 5px;
    text-align: center;
    width: 30px
}

.rc-calendar-decade-panel-header>a:hover {
    cursor: pointer;
    color: #23c0fa
}

.rc-calendar-decade-panel-next-century-btn,.rc-calendar-decade-panel-prev-century-btn {
    position: absolute;
    top: 0
}

.rc-calendar-decade-panel-next-century-btn:after {
    content: "\BB"
}

.rc-calendar-decade-panel-prev-century-btn {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    left: 0
}

.rc-calendar-decade-panel-prev-century-btn:after {
    content: "\AB"
}

.rc-calendar-decade-panel-next-century-btn {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    right: 0
}

.rc-calendar-decade-panel-body {
    -ms-flex: 1;
    flex: 1;
    padding: 9px 10px 10px
}

.rc-calendar-decade-panel-footer {
    border-top: 1px solid #ccc;
    line-height: 38px
}

.rc-calendar-decade-panel-table {
    table-layout: fixed;
    width: 100%;
    height: 100%;
    border-collapse: separate
}

.rc-calendar-decade-panel-cell {
    text-align: center
}

.rc-calendar-decade-panel-decade {
    display: block;
    margin: 0 auto;
    color: #666;
    border-radius: 4px 4px;
    height: 36px;
    padding: 0;
    background: transparent;
    line-height: 36px;
    text-align: center
}

.rc-calendar-decade-panel-decade:hover {
    background: #ebfaff;
    cursor: pointer
}

.rc-calendar-decade-panel-selected-cell .rc-calendar-decade-panel-decade,.rc-calendar-decade-panel-selected-cell .rc-calendar-decade-panel-decade:hover {
    background: #3fc7fa;
    color: #fff
}

.rc-calendar-decade-panel-last-century-cell .rc-calendar-decade-panel-decade,.rc-calendar-decade-panel-next-century-cell .rc-calendar-decade-panel-decade {
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    color: rgba(0,0,0,.25)
}

.rc-calendar-range {
    width: 502px;
    overflow: hidden
}

.rc-calendar-range-part {
    width: 250px;
    position: relative
}

.rc-calendar-range-part .rc-calendar-time-picker {
    top: 69px
}

.rc-calendar-range-part .rc-calendar-time-picker-panel-select {
    width: 77px
}

.rc-calendar-range-left {
    float: left
}

.rc-calendar-range-left .rc-calendar-time-picker-panel-select:last-child {
    border-right: 1px solid #e9e9e9
}

.rc-calendar-range-right {
    float: right
}

.rc-calendar-range-right .rc-calendar-time-picker-panel {
    left: 21px
}

.rc-calendar-range-right .rc-calendar-time-picker-panel-select:first-child {
    border-left: 1px solid #e9e9e9
}

.rc-calendar-range-middle {
    position: absolute;
    margin-left: -10px;
    text-align: center;
    height: 35px;
    line-height: 35px
}

.rc-calendar-range .rc-calendar-date-panel:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.rc-calendar-range .rc-calendar-input-wrap {
    height: 35px
}

.rc-calendar-range .rc-calendar-input,.rc-calendar-range .rc-time-picker-input {
    padding: 1px 7px;
    height: 22px
}

.rc-calendar-range .rc-calendar-body,.rc-calendar-range .rc-calendar-decade-panel-body,.rc-calendar-range .rc-calendar-month-panel-body,.rc-calendar-range .rc-calendar-year-panel-body {
    border-bottom: 1px solid #e9e9e9
}

.rc-calendar-range.rc-calendar-week-number {
    width: 574px
}

.rc-calendar-range.rc-calendar-week-number .rc-calendar-range-part {
    width: 286px
}

.rc-calendar-range.rc-calendar-week-number .rc-calendar-range-part .rc-calendar-time-picker {
    top: 69px
}

.rc-calendar-range.rc-calendar-week-number .rc-calendar-range-part .rc-calendar-time-picker-panel-select {
    width: 89px
}

.rc-calendar-range.rc-calendar-week-number .rc-calendar-range-right .rc-calendar-time-picker-panel {
    left: 36px
}

.rc-calendar-range .rc-calendar-decade-panel,.rc-calendar-range .rc-calendar-month-panel,.rc-calendar-range .rc-calendar-year-panel {
    top: 35px
}

.rc-calendar-range .rc-calendar-month-panel .rc-calendar-year-panel {
    top: 0
}

.rc-calendar-range .rc-calendar-decade-panel-table,.rc-calendar-range .rc-calendar-month-panel-table,.rc-calendar-range .rc-calendar-year-panel-table {
    height: 198px
}

.rc-calendar-range .rc-calendar-in-range-cell {
    background: #ebf4f8;
    border-radius: 0
}

.rc-calendar-range-bottom {
    text-align: right
}

.rc-calendar-range .rc-calendar-footer {
    border-top: none;
    padding: 0
}

.rc-calendar-range .rc-calendar-footer-btn {
    padding: 10px 12px 10px 0
}

.rc-calendar-range .rc-calendar-ok-btn {
    position: static
}

.rc-calendar-range .rc-calendar-today-btn {
    float: left
}

.rc-calendar-full {
    width: 275px
}

.rc-calendar-full-header {
    padding: 5px 10px;
    text-align: center;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    border-bottom: 1px solid #ccc;
    overflow: hidden
}

.rc-calendar-full-header-month-select,.rc-calendar-full-header-year-select {
    width: 70px;
    float: right;
    margin-right: 5px
}

.rc-calendar-full-header-switcher {
    float: right;
    display: inline-block
}

.rc-calendar-full-header-switcher-normal:hover {
    border-color: #23c0fa;
    box-shadow: 0 0 2px rgba(45,183,245,.8);
    cursor: pointer
}

.rc-calendar-full-header-switcher-focus {
    border-color: #3fc7fa;
    background-color: #3fc7fa;
    color: #fff
}

.rc-calendar-full-header-switcher>span {
    float: left;
    height: 28px;
    line-height: 24px;
    border: 1px solid #d9d9d9;
    padding: 0 10px;
    color: #666
}

.rc-calendar-full-header-switcher>span:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-right: none
}

.rc-calendar-full-header-switcher>span:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-left: none
}

.rc-calendar-fullscreen {
    width: auto
}

.rc-calendar-fullscreen .rc-calendar-full-header {
    border-bottom: none
}

.rc-calendar-fullscreen .rc-calendar-column-header {
    text-align: right;
    padding-right: 12px
}

.rc-calendar-fullscreen .rc-calendar-cell {
    padding: 0
}

.rc-calendar-fullscreen .rc-calendar-cell .rc-calendar-date,.rc-calendar-fullscreen .rc-calendar-month-panel-cell .rc-calendar-month-panel-month {
    display: block;
    height: 116px;
    width: auto;
    border-radius: 0;
    margin: 0 4px;
    border: none;
    border-top: 2px solid #eee;
    text-align: right;
    padding-right: 8px
}

.rc-calendar-fullscreen .rc-calendar-month-panel-selected-cell .rc-calendar-month-panel-month,.rc-calendar-fullscreen .rc-calendar-selected-day .rc-calendar-date {
    background-color: #ebfaff;
    color: #666
}

.rc-calendar-fullscreen .rc-calendar-month-panel-selected-cell .rc-calendar-month-panel-month,.rc-calendar-fullscreen .rc-calendar-today .rc-calendar-date {
    border-top-color: #3fc7fa;
    color: #3fc7fa
}

.rc-cascader {
    font-size: 12px
}

.rc-cascader-menus {
    font-size: 12px;
    overflow: hidden;
    background: #fff;
    position: absolute;
    border: 1px solid #d9d9d9;
    border-radius: 6px;
    box-shadow: 0 0 4px rgba(0,0,0,.17);
    white-space: nowrap
}

.rc-cascader-menus-hidden {
    display: none
}

.rc-cascader-menus.slide-up-appear,.rc-cascader-menus.slide-up-enter {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1);
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.rc-cascader-menus.slide-up-leave {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(.6,.04,.98,.34);
    animation-timing-function: cubic-bezier(.6,.04,.98,.34);
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.rc-cascader-menus.slide-up-appear.slide-up-appear-active.rc-cascader-menus-placement-bottomLeft,.rc-cascader-menus.slide-up-enter.slide-up-enter-active.rc-cascader-menus-placement-bottomLeft {
    -webkit-animation-name: SlideUpIn;
    animation-name: SlideUpIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.rc-cascader-menus.slide-up-appear.slide-up-appear-active.rc-cascader-menus-placement-topLeft,.rc-cascader-menus.slide-up-enter.slide-up-enter-active.rc-cascader-menus-placement-topLeft {
    -webkit-animation-name: SlideDownIn;
    animation-name: SlideDownIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.rc-cascader-menus.slide-up-leave.slide-up-leave-active.rc-cascader-menus-placement-bottomLeft {
    -webkit-animation-name: SlideUpOut;
    animation-name: SlideUpOut;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.rc-cascader-menus.slide-up-leave.slide-up-leave-active.rc-cascader-menus-placement-topLeft {
    -webkit-animation-name: SlideDownOut;
    animation-name: SlideDownOut;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.rc-cascader-menu {
    display: inline-block;
    width: 100px;
    height: 192px;
    list-style: none;
    margin: 0;
    padding: 0;
    border-right: 1px solid #e9e9e9;
    overflow: auto
}

.rc-cascader-menu:last-child {
    border-right: 0
}

.rc-cascader-menu-item {
    height: 32px;
    line-height: 32px;
    padding: 0 16px;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .3s ease;
    position: relative
}

.rc-cascader-menu-item:hover {
    background: #eaf8fe
}

.rc-cascader-menu-item-disabled {
    cursor: not-allowed;
    color: #ccc
}

.rc-cascader-menu-item-disabled:hover {
    background: transparent
}

.rc-cascader-menu-item-loading:after {
    position: absolute;
    right: 12px;
    content: "loading";
    color: #aaa;
    font-style: italic
}

.rc-cascader-menu-item-active,.rc-cascader-menu-item-active:hover {
    background: #d5f1fd
}

.rc-cascader-menu-item-expand {
    position: relative
}

.rc-cascader-menu-item-expand:after {
    content: ">";
    font-size: 12px;
    color: #999;
    position: absolute;
    right: 16px;
    line-height: 32px
}

@-webkit-keyframes SlideUpIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleY(.8);
        transform: scaleY(.8)
    }

    to {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}

@keyframes SlideUpIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleY(.8);
        transform: scaleY(.8)
    }

    to {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}

@-webkit-keyframes SlideUpOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }

    to {
        opacity: 0;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleY(.8);
        transform: scaleY(.8)
    }
}

@keyframes SlideUpOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }

    to {
        opacity: 0;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleY(.8);
        transform: scaleY(.8)
    }
}

@-webkit-keyframes SlideDownIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -webkit-transform: scaleY(.8);
        transform: scaleY(.8)
    }

    to {
        opacity: 1;
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}

@keyframes SlideDownIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -webkit-transform: scaleY(.8);
        transform: scaleY(.8)
    }

    to {
        opacity: 1;
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}

@-webkit-keyframes SlideDownOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }

    to {
        opacity: 0;
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -webkit-transform: scaleY(.8);
        transform: scaleY(.8)
    }
}

@keyframes SlideDownOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }

    to {
        opacity: 0;
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -webkit-transform: scaleY(.8);
        transform: scaleY(.8)
    }
}

@charset "UTF-8"; /*!
  Ionicons, v2.0.0
  Created by Ben Sperry for the Ionic Framework, http://ionicons.com/
  https://twitter.com/benjsperry  https://twitter.com/ionicframework
  MIT License: https://github.com/driftyco/ionicons

  Android-style icons originally built by Google’s
  Material Design Icons: https://github.com/google/material-design-icons
  used under CC BY http://creativecommons.org/licenses/by/4.0/
  Modified icons to fit ionicon’s grid from original.
*/
@font-face {
    font-family: Ionicons;
    src: url("https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/fonts/ionicons.eot?v=2.0.0");
    src: url("https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/fonts/ionicons.eot?v=2.0.0#iefix") format("embedded-opentype"),url("https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/fonts/ionicons.ttf?v=2.0.0") format("truetype"),url("https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/fonts/ionicons.woff?v=2.0.0") format("woff"),url("https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/fonts/ionicons.svg?v=2.0.0#Ionicons") format("svg");
    font-weight: 400;
    font-style: normal
}

.image-gallery-fullscreen-button:before,.image-gallery-left-nav:before,.image-gallery-play-button:before,.image-gallery-right-nav:before {
    display: inline-block;
    font-family: Ionicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.image-gallery {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent
}

.image-gallery.fullscreen-modal {
    background: #000;
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 5
}

.image-gallery.fullscreen-modal .image-gallery-content {
    top: 50%;
    transform: translateY(-50%)
}

.image-gallery-content {
    position: relative;
    line-height: 0;
    top: 0
}

.image-gallery-content.fullscreen,.image-gallery-content.fullscreen .image-gallery-slide {
    background: #000
}

.image-gallery-slide-wrapper {
    position: relative
}

.image-gallery-slide-wrapper.left,.image-gallery-slide-wrapper.right {
    display: inline-block;
    width: calc(100% - 113px)
}

@media (max-width: 768px) {
    .image-gallery-slide-wrapper.left,.image-gallery-slide-wrapper.right {
        width:calc(100% - 84px)
    }
}

.image-gallery-slide-wrapper.image-gallery-rtl {
    direction: rtl
}

.image-gallery-fullscreen-button,.image-gallery-left-nav,.image-gallery-play-button,.image-gallery-right-nav {
    appearance: none;
    background-color: transparent;
    border: 0;
    cursor: pointer;
    outline: none;
    position: absolute;
    z-index: 4
}

.image-gallery-fullscreen-button:before,.image-gallery-left-nav:before,.image-gallery-play-button:before,.image-gallery-right-nav:before {
    color: #fff;
    line-height: .7;
    text-shadow: 0 2px 2px #1a1a1a;
    transition: color .2s ease-out
}

.image-gallery-fullscreen-button:hover:before,.image-gallery-left-nav:hover:before,.image-gallery-play-button:hover:before,.image-gallery-right-nav:hover:before {
    color: #337ab7
}

@media (max-width: 768px) {
    .image-gallery-fullscreen-button:hover:before,.image-gallery-left-nav:hover:before,.image-gallery-play-button:hover:before,.image-gallery-right-nav:hover:before {
        color:#fff
    }
}

.image-gallery-fullscreen-button,.image-gallery-play-button {
    bottom: 0
}

.image-gallery-fullscreen-button:before,.image-gallery-play-button:before {
    font-size: 2.7em;
    padding: 15px 20px;
    text-shadow: 0 1px 1px #1a1a1a
}

@media (max-width: 768px) {
    .image-gallery-fullscreen-button:before,.image-gallery-play-button:before {
        font-size:2.4em
    }
}

@media (max-width: 480px) {
    .image-gallery-fullscreen-button:before,.image-gallery-play-button:before {
        font-size:2em
    }
}

.image-gallery-fullscreen-button:hover:before,.image-gallery-play-button:hover:before {
    color: #fff;
    transform: scale(1.1)
}

@media (max-width: 768px) {
    .image-gallery-fullscreen-button:hover:before,.image-gallery-play-button:hover:before {
        transform:none
    }
}

.image-gallery-fullscreen-button {
    right: 0
}

.image-gallery-fullscreen-button:before {
    content: "\F386"
}

.image-gallery-fullscreen-button.active:before {
    content: "\F37D"
}

.image-gallery-fullscreen-button.active:hover:before {
    transform: scale(.9)
}

.image-gallery-play-button {
    left: 0
}

.image-gallery-play-button:before {
    content: "\F488"
}

.image-gallery-play-button.active:before {
    content: "\F478"
}

.image-gallery-left-nav,.image-gallery-right-nav {
    color: #fff;
    font-size: 5em;
    padding: 50px 15px;
    top: 50%;
    transform: translateY(-50%)
}

.image-gallery-left-nav[disabled],.image-gallery-right-nav[disabled] {
    cursor: disabled;
    opacity: .6;
    pointer-events: none
}

@media (max-width: 768px) {
    .image-gallery-left-nav,.image-gallery-right-nav {
        font-size:3.4em;
        padding: 20px 15px
    }
}

@media (max-width: 480px) {
    .image-gallery-left-nav,.image-gallery-right-nav {
        font-size:2.4em;
        padding: 0 15px
    }
}

.image-gallery-left-nav {
    left: 0
}

.image-gallery-left-nav:before {
    content: "\F3D2"
}

.image-gallery-right-nav {
    right: 0
}

.image-gallery-right-nav:before {
    content: "\F3D3"
}

.image-gallery-slides {
    line-height: 0;
    overflow: hidden;
    position: relative;
    white-space: nowrap
}

.image-gallery-slide {
    background: #fff;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.image-gallery-slide.center {
    position: relative
}

.image-gallery-slide img {
    width: 100%
}

.image-gallery-slide .image-gallery-description {
    background: rgba(0,0,0,.4);
    bottom: 70px;
    color: #fff;
    left: 0;
    line-height: 1;
    padding: 10px 20px;
    position: absolute;
    white-space: normal
}

@media (max-width: 768px) {
    .image-gallery-slide .image-gallery-description {
        bottom:45px;
        font-size: .8em;
        padding: 8px 15px
    }
}

.image-gallery-bullets {
    bottom: 20px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 80%;
    z-index: 4
}

.image-gallery-bullets .image-gallery-bullets-container {
    margin: 0;
    padding: 0;
    text-align: center
}

.image-gallery-bullets .image-gallery-bullet {
    appearance: none;
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 50%;
    box-shadow: 0 1px 0 #1a1a1a;
    cursor: pointer;
    display: inline-block;
    margin: 0 5px;
    outline: none;
    padding: 5px
}

@media (max-width: 768px) {
    .image-gallery-bullets .image-gallery-bullet {
        margin:0 3px;
        padding: 3px
    }
}

@media (max-width: 480px) {
    .image-gallery-bullets .image-gallery-bullet {
        padding:2.7px
    }
}

.image-gallery-bullets .image-gallery-bullet.active {
    background: #fff
}

.image-gallery-thumbnails-wrapper {
    position: relative
}

.image-gallery-thumbnails-wrapper.thumbnails-wrapper-rtl {
    direction: rtl
}

.image-gallery-thumbnails-wrapper.left,.image-gallery-thumbnails-wrapper.right {
    display: inline-block;
    vertical-align: top;
    width: 108px
}

@media (max-width: 768px) {
    .image-gallery-thumbnails-wrapper.left,.image-gallery-thumbnails-wrapper.right {
        width:81px
    }
}

.image-gallery-thumbnails-wrapper.left .image-gallery-thumbnails,.image-gallery-thumbnails-wrapper.right .image-gallery-thumbnails {
    height: 100%;
    width: 100%;
    left: 0;
    padding: 0;
    position: absolute;
    top: 0
}

.image-gallery-thumbnails-wrapper.left .image-gallery-thumbnails .image-gallery-thumbnail,.image-gallery-thumbnails-wrapper.right .image-gallery-thumbnails .image-gallery-thumbnail {
    display: block;
    margin-right: 0;
    padding: 0
}

.image-gallery-thumbnails-wrapper.left .image-gallery-thumbnails .image-gallery-thumbnail+.image-gallery-thumbnail,.image-gallery-thumbnails-wrapper.right .image-gallery-thumbnails .image-gallery-thumbnail+.image-gallery-thumbnail {
    margin-left: 0
}

.image-gallery-thumbnails-wrapper.left {
    margin-right: 5px
}

@media (max-width: 768px) {
    .image-gallery-thumbnails-wrapper.left {
        margin-right:3px
    }
}

.image-gallery-thumbnails-wrapper.right {
    margin-left: 5px
}

@media (max-width: 768px) {
    .image-gallery-thumbnails-wrapper.right {
        margin-left:3px
    }
}

.image-gallery-thumbnails {
    overflow: hidden;
    padding: 5px 0
}

@media (max-width: 768px) {
    .image-gallery-thumbnails {
        padding:3px 0
    }
}

.image-gallery-thumbnails .image-gallery-thumbnails-container {
    cursor: pointer;
    text-align: center;
    transition: transform .45s ease-out;
    white-space: nowrap
}

.image-gallery-thumbnail {
    display: inline-block;
    border: 4px solid transparent;
    transition: border .3s ease-out;
    width: 100px
}

@media (max-width: 768px) {
    .image-gallery-thumbnail {
        border:3px solid transparent;
        width: 75px
    }
}

.image-gallery-thumbnail+.image-gallery-thumbnail {
    margin-left: 2px
}

.image-gallery-thumbnail .image-gallery-thumbnail-inner {
    position: relative
}

.image-gallery-thumbnail img {
    vertical-align: middle;
    width: 100%
}

.image-gallery-thumbnail.active {
    border: 4px solid #337ab7
}

@media (max-width: 768px) {
    .image-gallery-thumbnail.active {
        border:3px solid #337ab7
    }
}

.image-gallery-thumbnail-label {
    box-sizing: border-box;
    color: #fff;
    font-size: 1em;
    left: 0;
    line-height: 1em;
    padding: 5%;
    position: absolute;
    top: 50%;
    text-shadow: 1px 1px 0 #000;
    transform: translateY(-50%);
    white-space: normal;
    width: 100%
}

@media (max-width: 768px) {
    .image-gallery-thumbnail-label {
        font-size:.8em;
        line-height: .8em
    }
}

.image-gallery-index {
    background: rgba(0,0,0,.4);
    color: #fff;
    line-height: 1;
    padding: 10px 20px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 4
}

@media (max-width: 768px) {
    .image-gallery-index {
        font-size:.8em;
        padding: 5px 10px
    }
}

.clearfix {
    zoom:1;overflow: auto
}

.mask {
    background-color: rgba(0,0,0,.6);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2000
}

.text {
    font-size: 14px;
    color: #333
}

.text.text-blue {
    color: #00b3db
}

.text.text-red {
    color: #f45
}

.text.text-gray {
    color: #999
}

.text.text-white {
    color: #fff
}

.text.text-sm {
    font-size: 12px
}

.text.text-lg {
    font-size: 16px
}

.text.text-xl {
    font-size: 18px
}

.text.text-bold {
    font-weight: 700
}

.text.text-del {
    text-decoration: line-through
}

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

.text.text-block {
    display: block
}

@font-face {
    font-family: iconfont;
    src: url("//at.alicdn.com/t/font_1195494_na6qcbful1.eot");
    src: url("//at.alicdn.com/t/font_1195494_na6qcbful1.eot?#iefix") format("embedded-opentype"),url("//at.alicdn.com/t/font_1195494_na6qcbful1.woff2") format("woff2"),url("//at.alicdn.com/t/font_1195494_na6qcbful1.woff") format("woff"),url("//at.alicdn.com/t/font_1195494_na6qcbful1.ttf") format("truetype"),url("//at.alicdn.com/t/font_1195494_na6qcbful1.svg#iconfont") format("svg")
}

.iconfont {
    font-family: iconfont!important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.iconslash:before {
    content: "\E62C"
}

.icon-boy:before {
    content: "\E661"
}

.iconweb-icon-:before {
    content: "\E6BD"
}

.iconcuowu:before {
    content: "\E68C"
}

.icon-delete:before {
    content: "\E60A"
}

.icon-boy2:before {
    content: "\E609"
}

.icon-girl:before {
    content: "\E60D"
}

.iconcuowu1:before {
    content: "\E715"
}

.icon-close:before {
    content: "\E60E"
}

.iconcuowu2:before {
    content: "\E653"
}

.icon-dot:before {
    content: "\E6C8"
}

.icon-address-group:before {
    content: "\E6CA"
}

.icon-arrow-right:before {
    content: "\E6CB"
}

.icon-course:before {
    content: "\E6CC"
}

.icon-order:before {
    content: "\E6CD"
}

.icon-arrow-right-short:before {
    content: "\E6CE"
}

.icon-tixing:before {
    content: "\E6CF"
}

.icon-arrow-down:before {
    content: "\E6D0"
}

.icon-address:before {
    content: "\E6D1"
}

.icon-edit:before {
    content: "\E6D2"
}

.icon-people:before {
    content: "\E6D3"
}

.iconchenggong-icon:before {
    content: "\E6E7"
}

.iconweixinzhifu:before {
    content: "\E6E9"
}

.iconshuzi-:before {
    content: "\E7B3"
}

.iconshuzi-1:before {
    content: "\E7B4"
}

.iconshuzi--:before {
    content: "\E7B5"
}

.iconshuzi-2:before {
    content: "\E7B6"
}

.iconshuzi-3:before {
    content: "\E7B7"
}

.iconshuzi-4:before {
    content: "\E7B8"
}

.iconshuzi-5:before {
    content: "\E7B9"
}

.iconshuzi-6:before {
    content: "\E7BA"
}

.iconshuzi-7:before {
    content: "\E7BB"
}

.iconshuzi-8:before {
    content: "\E7BC"
}

.iconshuzi-9:before {
    content: "\E7BD"
}

.iconshuzi-10:before {
    content: "\E7BE"
}

.iconxiala-icon:before {
    content: "\E7C3"
}

.iconshuzi-11:before {
    content: "\E7BF"
}

.iconbaifenhao:before {
    content: "\E7C0"
}

.iconshuzi-12:before {
    content: "\E7C1"
}

.iconshuzi-13:before {
    content: "\E7C2"
}

.iconweixin:before {
    content: "\E7D9"
}

.iconsaoyisao:before {
    content: "\E7D7"
}

.icontongxunlu:before {
    content: "\E7D8"
}

.iconjiantou:before {
    content: "\E7DA"
}

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

body {
    margin: 0
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
    display: block
}

audio,canvas,progress,video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],template {
    display: none
}

a {
    background-color: transparent
}

a:active,a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,kbd,pre,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

button,input,optgroup,select,textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,select {
    text-transform: none
}

button,html input[type=button],input[type=reset],input[type=submit] {
    -webkit-appearance: none;
    cursor: pointer
}

button[disabled],html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox],input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

.row,td,th {
    padding: 0
}

.row {
    width: 100%;
    margin: 0;
    box-sizing: border-box;
    height: auto;
    display: block;
    zoom:1}

.row.flex:after {
    display: none
}

.row.flex>.col,.row.flex>.col-1,.row.flex>.col-2,.row.flex>.col-3,.row.flex>.col-4,.row.flex>.col-5,.row.flex>.col-6,.row.flex>.col-7,.row.flex>.col-8,.row.flex>.col-9,.row.flex>.col-10,.row.flex>.col-11,.row.flex>.col-12,.row.flex>.col-flex {
    float: none
}

.row.flex>.col-flex {
    flex: auto;
    min-width: 0;
    min-height: 0
}

.row:after {
    content: " ";
    visibility: hidden;
    display: table;
    height: 0;
    clear: both
}

.row>.col,.row>.col-1,.row>.col-2,.row>.col-3,.row>.col-4,.row>.col-5,.row>.col-6,.row>.col-7,.row>.col-8,.row>.col-9,.row>.col-10,.row>.col-11,.row>.col-12 {
    padding-left: 0;
    padding-right: 0;
    display: block;
    float: left
}

.row>.col-1 {
    width: 8.33333%
}

.row>.col-offset-1 {
    margin-left: 8.33333%
}

.row>.col-2 {
    width: 16.66667%
}

.row>.col-offset-2 {
    margin-left: 16.66667%
}

.row>.col-3 {
    width: 25%
}

.row>.col-offset-3 {
    margin-left: 25%
}

.row>.col-4 {
    width: 33.33333%
}

.row>.col-offset-4 {
    margin-left: 33.33333%
}

.row>.col-5 {
    width: 41.66667%
}

.row>.col-offset-5 {
    margin-left: 41.66667%
}

.row>.col-6 {
    width: 50%
}

.row>.col-offset-6 {
    margin-left: 50%
}

.row>.col-7 {
    width: 58.33333%
}

.row>.col-offset-7 {
    margin-left: 58.33333%
}

.row>.col-8 {
    width: 66.66667%
}

.row>.col-offset-8 {
    margin-left: 66.66667%
}

.row>.col-9 {
    width: 75%
}

.row>.col-offset-9 {
    margin-left: 75%
}

.row>.col-10 {
    width: 83.33333%
}

.row>.col-offset-10 {
    margin-left: 83.33333%
}

.row>.col-11 {
    width: 91.66667%
}

.row>.col-offset-11 {
    margin-left: 91.66667%
}

.row>.col-12 {
    width: 100%
}

.row>.col-offset-12 {
    margin-left: 100%
}

.flex {
    display: flex;
    flex-direction: row
}

.flex.vertical {
    box-orient: vertical;
    flex-direction: column
}

.flex.start {
    justify-content: flex-start
}

.flex.center {
    justify-content: center
}

.flex.end {
    justify-content: flex-end
}

.flex.justify {
    justify-content: space-between
}

.flex.top {
    align-items: flex-start
}

.flex.middle {
    align-items: center
}

.flex.bottom {
    align-items: flex-end
}

.flex>.flex-grow {
    flex: auto;
    min-width: 0;
    min-height: 0
}

.flex>* {
    flex: none
}

.rc-radio {
    white-space: nowrap;
    outline: none;
    display: inline-block;
    position: relative
}

.rc-radio:hover .rc-radio-inner {
    border-color: #bcbcbc
}

.rc-radio-inner {
    position: relative;
    top: 0;
    left: 0;
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 14px;
    border: 1px solid #d9d9d9;
    background-color: #fff;
    transition: border-color .3s cubic-bezier(.78,.14,.15,.86),background-color .3s cubic-bezier(.78,.14,.15,.86)
}

.rc-radio-inner:after {
    position: absolute;
    width: 6px;
    height: 6px;
    left: 4px;
    top: 4px;
    border-radius: 6px;
    display: table;
    border-top: 0;
    border-left: 0;
    content: " ";
    background-color: #3dbcf6;
    transform: scale(0);
    -webkit-transform: scale(0);
    opacity: 0;
    transition: transform .3s cubic-bezier(.78,.14,.15,.86),opacity .3s cubic-bezier(.78,.14,.15,.86),background-color .3s cubic-bezier(.78,.14,.15,.86);
    -webkit-transition: -webkit-transform .3s cubic-bezier(.78,.14,.15,.86),opacity .3s cubic-bezier(.78,.14,.15,.86),background-color .3s cubic-bezier(.78,.14,.15,.86)
}

.rc-radio-input {
    position: absolute;
    left: 0;
    z-index: 9999;
    cursor: pointer;
    opacity: 0;
    top: 0;
    bottom: 0;
    right: 0
}

.rc-radio-checked .rc-radio-inner {
    border-color: #d9d9d9
}

.rc-radio-checked .rc-radio-inner:after {
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 1;
    transition: transform .3s cubic-bezier(.18,.89,.32,1.28),opacity .3s cubic-bezier(.78,.14,.15,.86),background-color .3s cubic-bezier(.78,.14,.15,.86);
    -webkit-transition: -webkit-transform .3s cubic-bezier(.18,.89,.32,1.28),opacity .3s cubic-bezier(.78,.14,.15,.86),background-color .3s cubic-bezier(.78,.14,.15,.86)
}

.rc-radio-disabled:hover .rc-radio-inner {
    border-color: #d9d9d9
}

.rc-radio-disabled .rc-radio-inner {
    border-color: #d9d9d9;
    background-color: #f3f3f3
}

.rc-radio-disabled .rc-radio-inner:after {
    background-color: #ccc
}

.rc-radio-disabled .rc-radio-inner-input {
    cursor: default
}

.page {
    background-color: #e7ecf3
}

.page .head {
    height: 120px;
    position: relative;
    z-index: 1000
}

.rc-dialog-content {
    border-radius: 0 0
}

.rc-dialog-close-x {
    position: absolute;
    top: -40px;
    right: -60px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAclBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8AAABe5mfWAAAAJHRSTlMALHSv2PUGZtBS4P3BfU4qHg2o7IEaHNX+kw/iRuQoveY38bwwbqhUAAAAAWJLR0QAiAUdSAAAAAlwSFlzAAALEgAACxIB0t1+/AAAAQ9JREFUOMuNlFcWgkAMRUNHOgwIKCro2/8aBY7IBNCT/GTKnZJKpIlhWrYDOLZlGnQorudDE99z98wpAMIoTtIsS5M4CoHgtEHyAlBltS5UpQKKXGfONZr2ws9d2gb1WWOuUN3+B53C9UvlNW73I1vuN9TLiwXUITNSCsXHLjQd/ZCuwWyjG6Cd9KMf9O2hf0yqRTD5y4Oa7erx1KjhiX62UcEblY9yWV6pdVLCH+OFsNpu6MMqhEEmot1xdmkEkyzEtKEYQzEsspEQpzhDCWxykBKnOEMpHAIy4hRnKANkkOg50cdFLhA5UxQWUYBlqbIk3etf0onSV1YIspISFaeszGUNg0Sth2RNbJJf7fAN47wxiamttIwAAAAASUVORK5CYII=);
    background-position: 0 0;
    background-size: 36px 36px;
    width: 36px;
    height: 36px;
    outline: 0
}

.rc-dialog-close-x:after {
    content: ""
}

.huohua-rc-cascader {
    z-index: 2000
}

.rc-dialog {
    font-size: 22px
}

.rc-dialog input[type=text],.rc-dialog textarea {
    font-size: 20px
}

.rc-dialog .btn-ok {
    width: 3rem;
    height: .9rem;
    font-size: 20px;
    margin: 0 auto;
    outline: 0
}

.rc-dialog .rc-dialog-title {
    text-align: center;
    font-size: 26px;
    font-weight: 400;
    height: 1.66rem;
    line-height: 1.66rem
}

.rc-dialog .rc-dialog-header {
    padding: 0;
    margin: 0 1.3rem
}

.rc-dialog .rc-dialog-footer {
    border-top: 0;
    padding: .86rem 0 .9rem
}

.rc-dialog .dialog-item,.rc-dialog .dialog-title {
    border-bottom: 1px solid #e9e9e9
}

.rc-dialog .dialog-item {
    height: 1.66rem
}

.rc-dialog .dialog-item .dialog-item-content {
    margin-left: 1.3rem
}

.rc-dialog .dialog-item .dialog-item-title {
    width: 1.9rem
}

.rc-dialog .dialog-item .field-label {
    width: 1.8rem;
    margin-right: 80px
}

.rc-dialog .dialog-item .field-label:after {
    content: ""
}

.rc-dialog .rc-dialog-body {
    padding: 0 1.3rem
}

.gender i {
    margin-right: 25px
}

.gender .girl {
    background-image: url(data:image/png;base64,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)
}

.gender .boy,.gender .girl {
    width: 43px;
    height: 43px;
    background-size: 43px
}

.gender .boy {
    background-image: url(data:image/png;base64,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)
}

.gender .dialog-item-gender {
    width: 325px;
    margin: 0 auto;
    height: 1.66rem
}

.rc-radio-inner,.rc-radio-input {
    width: 20px;
    height: 20px
}

.rc-radio-inner {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAt1BMVEUAAACVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZUAAAD8eL4wAAAAO3RSTlMABlOi3fbx1qRVUeDbAof+1XEpByhv1IsDkvdsBGeV+EE99Vfha2XlCFgBz12oc26uLSYP+/AK4s6T8oGIxlkAAAABYktHRACIBR1IAAAACXBIWXMAAAsSAAALEgHS3X78AAAAoElEQVQY022R5xKCQAyEF+REsaFiQ+xg7133/d9LZG4Q8Pbnl0my2QBfaXrOEHmzUNQQyypRqmxJVKnWaNcbTc1ptclON4I9un1P1geCw6iXo/Fv0mTKWbjDZ4CE5lwssaLtJeF6wy123COlA48weErDM30IXtLQ4xW3LLyH0My2O3yoF/1ZeoaWlOahU/ydCbzoBtlA1NEpQ5bvcN/xOz5+Rxgn7580FwAAAABJRU5ErkJggg==);
    background-size: 20px;
    border-width: 0
}

.rc-radio-checked .rc-radio-inner:after,.rc-radio-inner:after {
    opacity: 0
}

.rc-radio-checked .rc-radio-inner {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAA7VBMVEUAAAD/RFX/RFX/RFX/RFX/RFX/RFX/RFX/RFX/RFX/RFX/RFX/RFX/RFX/RFX/RFX/RFX/RFX/RFX/RFX/RFX/RFX/RFX/RFX/RFX/RFX/RFX/RFX/RFX/RFX/RFX/RFX/RFX/RFX/RFX/RFX/RFX/RFX/RFX/RFX/RFX/RFX/RFX/RFX/RFX/RFX/RFX/RFX/RFX/RFX/RFX/RFX/RFX/RFX/RFX/RFX/RFX/RFX/RFX/RFX/RFX/RFX/RFX/RFX/RFX/RFX/RFX/RFX/RFX/RFX/RFX/RFX/RFX/RFX/RFX/RFX/RFX/RFUAAAD47vMDAAAATXRSTlMAHGOgxsilayQWm/ykIkPxVjxVD/kdoe/+vhSzlifNA9SBqNzftsoKzMkwKCG0y64xum2VTV+Mio51MreCadIuV3FhdLvEPzmFuc+8QSkCAPcAAAABYktHRACIBR1IAAAACXBIWXMAAAsSAAALEgHS3X78AAAAu0lEQVQY012QVRLDMAxEt8zMzEwpMzPo/tdpbE9Sp/vhld+MZWkBLpPZYrXZHU785HJ7SMjr05g/QLo8QcFCZFCYsUjUCCmmwrgMEkmiFJCWWQZZ9czBLLE8CkXVSij/WAWoMq+hrp5JzgINNHnR4t7usAm76IkXfQx4E4VI0ecYYsRsjMkUM633HDHuC2Cpf7gC1rzYbHW2Y6n9bUl7tvzByI4ippPMzlqgykVD15uU/f3xfL3es4+4fQHuv1IxESmW4wAAAABJRU5ErkJggg==)
}

.grade .odd .rc-radio {
    margin-left: 65px
}

.grade .rc-dialog-footer {
    clear: both
}

.grade .grade-list {
    margin: 0 auto;
    width: 454px
}

.grade .grade-list .rc-radio {
    margin-right: 30px
}

.grade .grade-list label {
    display: inline-block;
    width: 50%
}

.grade .dialog-item-grade {
    height: 1.66rem;
    line-height: 1.66rem
}

.rc-dialog label {
    cursor: pointer
}

.part {
    background: #fff;
    padding-bottom: 60px;
    padding-top: 20px
}

.ie-hack {
    font-size: 30px;
    color: #fff;
    text-align: center;
    background: #333;
    z-index: 999999;
    height: 80px;
    line-height: 80px
}

.captcha {
    perspective: 400px;
    perspective-origin: top;
    z-index: 1000
}

.captcha .captcha-container {
    position: fixed;
    top: 100px;
    left: 50%;
    margin-left: -3rem;
    width: 6rem;
    background: #fff;
    opacity: 1;
    border-radius: 5px;
    overflow: hidden
}

.captcha .captcha-container .value-row {
    height: 25px;
    line-height: 25px;
    padding: 0 5px
}

.captcha .captcha-container .value-row .backspace-btn,.captcha .captcha-container .value-row .refresh-btn {
    width: 20px;
    height: 20px;
    text-align: center
}

.captcha .captcha-container .value-row .sprite-refresh {
    vertical-align: 2px
}

.captcha .captcha-container .value-row .sprite-loading {
    vertical-align: -3px;
    margin-right: 5px
}

.captcha .captcha-container .value-row .error-tip {
    color: #f45
}

.captcha .captcha-container .value-row .error-tip .sprite {
    margin-right: 5px;
    vertical-align: -2px
}

.captcha .captcha-container.checking:before,.captcha .captcha-container.error:before,.captcha .captcha-container.loading:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: hsla(0,0%,100%,0)
}

.captcha .captcha-container.loading:before {
    background-color: hsla(0,0%,100%,.8)
}

.captcha .captcha-container.loading:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 16px;
    margin-left: -8px;
    margin-top: -8px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA+lpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAxNi0wNy0wOFQxODoxMTo0MiswODowMCIgeG1wOk1vZGlmeURhdGU9IjIwMTYtMDctMTNUMDY6Mjc6NDIrMDg6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMTYtMDctMTNUMDY6Mjc6NDIrMDg6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjA2MzREOEI5M0RBODExRTZBQTEwOTJGQzRFMThFMzc1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjA2MzREOEJBM0RBODExRTZBQTEwOTJGQzRFMThFMzc1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDYzNEQ4QjczREE4MTFFNkFBMTA5MkZDNEUxOEUzNzUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDYzNEQ4QjgzREE4MTFFNkFBMTA5MkZDNEUxOEUzNzUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4vhVDvAAAC1ElEQVR42uSXXYhNURTHz7kuk488eDDminjhvpg0d4bJg1EU8jElpWR8vklm5kExysM8jM985LNkhOSB8kDTKEQTbphGlMSLaEa8GBHFzFz/Vf9Tq9M5c86xd/eSVb/Ovueuvffaa++91jpuLpdzDKUC3GV7IegzGSzlmEsdyJJlpoPFMagS3ADbYoyRDtHZCm6C2VGTpWMY1AyWc/VPQT7homvBCeCCfrDO1EPe+ZABj/KZZAeOqz53bGzZZXpGZC5Yn8CgBlDNdg+4YMOgIdAECvy9D4yL0W88dR32beRYVm7ZA3CF7Ulgd4w+u6grchV0Jb1lcpvaweYQQ2WC7+qgT2b7JRggj/luKnUc9tkRMvcmcFHfPj1xKxXO8czU+QZ4Bw6wXQZmsP2MMWgm6Oa76dQROcS+WuZxjnaes/3eHyMymYzXLgeLeSMk+m7gJE/AF+o8Aj9Bh9pCkc9EG/+V+m1gUHnuNDjMObzzdYa6jutLHRIzjvDpyQ+wCnQaBGDxVgu3brR6L4vdrmOb/6zk6U652h/4TgZYbZgRdoI9yhgZewsXno+K1OLCS+A6VzSLLjaRfj5luw8yHHwLUnQtZPs44jKovge9prnMhhTi5sA0b9dSMEq9/wVuc0U2pZKeCsqHsp23xKB7jCN+6eU1HbJkzDTGnpHD6LxORaSPglNcGRQPLQBLfJYPcMtsGvQW1IA5IVsmx6SzWLesqDX1/2eQvNvITJwttkHpgIL8JKji77FgTak8JCXmQ2VMgZViyTy0SF3HHhrYVUqDpE7+RC+dtxihk2XhfzUOZfkp3PI3eCjFUrOKB32CKrhK4qEGdfO6VcGfRKQC/QhW2jBovgoDTQEJV+qoY/zuLwsp8NeCiaA+ajL9GTRclp4CToFrAf/Xs+aWoPoKvPCXFOqDYS89ZVTCPgcrIj5xPBkTonOWJE4dfyL3wRtuZYfpYL8FGACXPZM22jfVcwAAAABJRU5ErkJggg==);
    background-size: cover;
    animation: animate-spin 1s infinite linear
}

.captcha .captcha-image,.captcha .captcha-image img {
    width: 6rem;
    height: 2.25rem;
    border-radius: 5px 5px 0 0
}

.captcha .captcha-options {
    width: 6rem;
    height: 4.5rem;
    border-top: 1px solid #d9d9d9
}

.captcha .captcha-option.selected {
    color: #ddd
}

.captcha .captcha-option {
    width: 2rem;
    height: 1.5rem;
    text-align: center;
    line-height: 1.5rem;
    border-bottom: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    box-sizing: border-box;
    font-size: 16px;
    cursor: pointer
}

.captcha .captcha-option:nth-child(3n) {
    border-right: 0
}

.captcha .captcha-option:nth-child(7),.captcha .captcha-option:nth-child(8),.captcha .captcha-option:nth-child(9) {
    border-bottom: 0
}

.captcha .captcha-selected-list {
    height: 25px;
    line-height: 25px;
    font-size: 14px;
    text-align: left;
    letter-spacing: 14px
}

.captcha .captcha-placeholder {
    color: #999;
    font-size: 14px;
    text-align: left;
    margin: 0;
    height: 25px;
    line-height: 25px;
    padding-left: 5px
}

.ribbon {
    display: inline-flex;
    height: 42px;
    position: relative;
    padding-right: 21px;
    font-size: 20px
}

.ribbon .ribbon-inner {
    padding: 0 10px
}

.ribbon-inner {
    display: flex;
    align-items: center
}

.ribbon.ghost-ribbon {
    font-size: 26px
}

.ribbon.ghost-ribbon .ribbon-inner {
    padding: 0 30px
}

.ribbon.ghost-ribbon .ribbon-inner:before {
    display: none
}

.ribbon-renderer {
    display: flex;
    position: relative;
    align-items: center
}

.ribbon-renderer:after,.ribbon-renderer:before {
    content: "";
    width: 0;
    height: 0;
    display: block;
    border: 11px solid;
    position: absolute;
    right: -21px
}

.ribbon-renderer:before {
    top: 0;
    border-right-color: transparent;
    border-bottom-color: transparent
}

.ribbon-renderer:after {
    bottom: 0;
    border-top-color: transparent;
    border-right-color: transparent
}

.ribbon-spacing-renderer {
    background-color: #fff;
    margin: 2px 4px 2px 2px;
    position: relative;
    z-index: 2;
    display: flex;
    height: 38px
}

.ribbon-spacing-renderer:after,.ribbon-spacing-renderer:before {
    content: "";
    width: 0;
    height: 0;
    display: block;
    border: 10px solid #fff;
    position: absolute;
    right: -20px
}

.ribbon-spacing-renderer:before {
    top: 0;
    border-right-color: transparent;
    border-bottom-color: transparent
}

.ribbon-spacing-renderer:after {
    bottom: 0;
    border-top-color: transparent;
    border-right-color: transparent
}

.ribbon-spacing-renderer .ribbon-renderer {
    margin: 2px 3px 2px 2px;
    z-index: 3;
    flex: 1
}

.ribbon-spacing-renderer .ribbon-renderer:after,.ribbon-spacing-renderer .ribbon-renderer:before {
    border-width: 9px;
    right: -18px
}

.ribbon.yellow {
    color: #fff
}

.ribbon.yellow .ribbon-renderer {
    background-color: #ffeb00
}

.ribbon.yellow .ribbon-renderer:after,.ribbon.yellow .ribbon-renderer:before {
    border-color: #ffeb00
}

.ribbon.yellow .ribbon-renderer:before {
    border-right-color: transparent;
    border-bottom-color: transparent
}

.ribbon.yellow .ribbon-renderer:after {
    border-top-color: transparent;
    border-right-color: transparent
}

.ribbon.red {
    color: #fff
}

.ribbon.red .ribbon-renderer {
    background-color: #f45
}

.ribbon.red .ribbon-renderer:after,.ribbon.red .ribbon-renderer:before {
    border-color: #f45
}

.ribbon.red .ribbon-renderer:before {
    border-right-color: transparent;
    border-bottom-color: transparent
}

.ribbon.red .ribbon-renderer:after {
    border-top-color: transparent;
    border-right-color: transparent
}

.com-red-white-tag {
    display: inline-block;
    font-size: 0;
    line-height: 1;
    border: 1px solid #f45;
    border-radius: 5px;
    overflow: hidden
}

.com-red-white-tag .name-tag {
    font-size: 16px;
    display: inline-block;
    background-color: #f45;
    padding: 5px;
    color: #fff;
    vertical-align: top
}

.com-red-white-tag .value-tag {
    font-size: 16px;
    display: inline-block;
    padding: 5px;
    vertical-align: super;
    color: #f45
}

.com-age-span {
    color: #00b3db;
    font-size: 14px
}

.com-age-span sub {
    font-size: .85714286em;
    transform: scale(.8333);
    -webkit-transform: scale(.8333);
    bottom: 0
}

.btn,.com-age-span sub {
    display: inline-block;
    vertical-align: middle
}

.btn {
    position: relative;
    padding: 0 10px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background: #fff;
    border: 1px solid #ccc;
    color: #333;
    text-decoration: none;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    box-sizing: border-box;
    height: 40px;
    line-height: 40px;
    z-index: 100
}

.btn.touch:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 5px;
    background-color: rgba(0,0,0,.06)
}

.btn-round,.btn-round.touch:before {
    border-radius: 40px
}

.btn-xl {
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    padding: 0 10px;
    border-radius: 5px
}

.btn-large.btn-round,.btn-large.btn-round.touch:before,.btn-lg.btn-round,.btn-lg.btn-round.touch:before {
    border-radius: 45px
}

.btn-large,.btn-lg {
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    padding: 0 10px;
    border-radius: 5px
}

.btn-sm,.btn-small {
    height: 30px;
    line-height: 28px;
    font-size: 14px;
    padding: 0 10px;
    border-radius: 3px
}

.btn-sm.btn-round,.btn-small.btn-round {
    border-radius: 30px
}

.btn-xs {
    height: 25px;
    line-height: 25px;
    font-size: 14px;
    padding: 0 10px;
    border-radius: 3px
}

.btn-xs.btn-round {
    border-radius: 25px
}

.btn-xxs {
    height: 20px;
    line-height: 18px;
    font-size: 12px;
    padding: 0 10px;
    border-radius: 3px
}

.btn-xxs.btn-round {
    border-radius: 20px
}

.btn-cube {
    border-radius: 0
}

.btn-white {
    background: #fff;
    color: #333
}

.btn-ghost,.btn-white {
    border: 1px solid #dadada
}

.btn-ghost {
    color: #fff;
    background-color: transparent!important
}

.btn-list .btn {
    margin-right: 10px
}

.btn-block {
    display: block
}

button.btn-block,input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block {
    width: 100%
}

.btn-block+.btn-block {
    margin-top: 5px
}

.btn-yellow-orange {
    color: #fff;
    border-color: #ff9326;
    background-color: #ff9326
}

.btn-blue,.btn-primary {
    color: #fff;
    border-color: #00b3db;
    background: #00b3db
}

.btn-blue.btn-ghost {
    border-color: #00b3db;
    color: #00b3db;
    background: #fff
}

.btn-blue.btn-link {
    color: #00b3db
}

.btn-red {
    color: #fff;
    border-color: #f45;
    background: #f45
}

.btn-orange {
    color: #fff;
    border-color: #ff9326;
    background: #ff9326
}

.btn-red.btn-ghost {
    border-color: #f45;
    color: #f45;
    background: #fff
}

.btn-red.btn-link {
    color: #f45
}

.btn-gray {
    color: #fff;
    border-color: #999;
    background-color: #999
}

.btn-gray.btn-ghost {
    border-color: #999;
    color: #999
}

.btn-yellow {
    color: #927f00;
    background-color: #fdff4d
}

.btn-link {
    border: 0;
    background: #fff;
    color: #333
}

.btn-checked {
    border-color: #ccf0f8;
    background-color: #ccf0f8;
    color: #00b3db;
    background-size: auto 50%;
    background-repeat: no-repeat;
    background-position: 100% 100%
}

.com-video {
    overflow: hidden
}

.com-video .video-wrapper {
    padding-top: 100%;
    position: relative
}

.com-video video {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1
}

.com-video video::-webkit-media-controls-start-playback-button {
    display: none
}

.com-video .video-thumbnail-cont {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    overflow: hidden
}

.com-video .sprite-video-play {
    position: absolute;
    z-index: 100;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -20px
}

.com-waiting {
    position: fixed;
    background-color: transparent;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2001
}

.com-waiting .container {
    background-color: rgba(0,0,0,.6);
    border-radius: 10px;
    width: 60px;
    height: 60px;
    position: relative
}

.com-waiting .container .waiting-white {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 40px;
    width: 40px;
    background-image: url(https://pkm-01.huohuacdn.com/v1/online/peppa-web-pc/web/static/3203df8ffb8bcbd47141ffb6fa62aeee.gif);
    background-size: cover
}

.field-group {
    margin-bottom: 10px
}

.field {
    min-height: 40px;
    padding: 0 10px;
    border-bottom: 1px solid #fafafa;
    display: flex;
    background: #fff;
    width: 100%
}

.field-label {
    color: #bababa;
    width: 60px;
    display: -webkit-box;
    -webkit-box-pack: justify;
    display: flex;
    justify-content: space-between;
    line-height: 40px;
    height: 40px;
    margin-right: 10px
}

.field-label:after {
    content: ":"
}

.field-label i {
    display: block;
    box-flex: 1;
    flex: auto;
    text-align: center;
    font-style: normal
}

.field-label i:first-child {
    text-align: left
}

.field-label i:last-child {
    text-align: right
}

.field-input {
    height: 40px;
    width: 100%;
    line-height: 20px;
    box-sizing: border-box;
    display: block;
    box-flex: 1;
    flex: auto;
    -webkit-appearance: none;
    border: 0;
    box-shadow: 0;
    font-size: 14px;
    padding: 0
}

.field-input::-webkit-input-placeholder {
    color: #9a9a9a
}

.field-text {
    display: block;
    flex: auto;
    color: #333;
    line-height: 40px
}

.field-text.placeholder {
    color: #bababa
}

.field-textarea {
    display: block;
    flex: auto;
    padding: 10px 0;
    -webkit-appearance: none;
    border: 0;
    box-shadow: 0;
    -webkit-padding-start: 0
}

.com-switch {
    position: relative;
    width: 50px;
    -webkit-user-select: none
}

.com-switch,.com-switch:before {
    display: block;
    height: 30px;
    border-radius: 30px;
    border: 1px solid #ccc;
    transition: all .2s ease-in 0s;
    -webkit-transition: all .2s ease-in 0s;
    background: #fff;
    box-sizing: border-box
}

.com-switch:before {
    content: "";
    width: 30px;
    margin: -1px 0 0 -1px;
    transform: translate(0) scaleZ(1);
    -webkit-transform: translate(0) scaleZ(1)
}

.com-switch.active {
    background: #00b3db;
    border-color: #00b3db
}

.com-switch.active:before {
    border-color: #00b3db;
    transform: translate(20px) scaleZ(1);
    -webkit-transform: translate(20px) scaleZ(1)
}

.rc-dialog .rc-dialog-body .dialog-item {
    width: 82%;
    margin: 0 auto;
    border-bottom: 1px solid #e9e9e9;
    height: 1.66rem
}

.card {
    border-radius: 18px
}

.card,.carousel {
    background-color: #fff
}

.carousel {
    padding-bottom: 28px;
    position: relative
}

.carousel .slick-dots {
    position: absolute;
    bottom: -28px;
    right: 0;
    left: 0;
    list-style: none;
    text-align: center;
    margin: 0
}

.carousel .slick-dots li {
    display: inline-block;
    margin: 0 10px
}

.carousel .slick-dots li button {
    border-radius: 50%;
    background-color: #e7ecf3;
    width: 12px;
    height: 12px;
    padding: 0;
    font-size: 0;
    outline: 0
}

.carousel .slick-dots li.slick-active button {
    background-color: #999
}

.lesson-card {
    margin: .33rem .5rem;
    box-shadow: 0 1px 1px rgba(0,0,0,.1);
    text-align: center;
    overflow: hidden;
    border-radius: 15px
}

.lesson-card>a {
    text-decoration: none;
    color: inherit
}

.lesson-card .media2 img {
    width: 100%
}

.lesson-card .lesson-title {
    font-size: 17px;
    font-weight: 400;
    margin: 5px 0
}

.lesson-card .lesson-subtitle {
    font-size: 15px;
    font-weight: 100;
    color: #e7ecf3;
    margin: 5px 0
}

.responsive-image {
    width: 100%;
    position: relative;
    display: block;
    overflow: hidden
}

.responsive-image div {
    background-image: url(https://pkm-01.huohuacdn.com/v1/online/peppa-web-pc/web/static/3caab4254cdc5c05ba1ee0527755c49b.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.responsive-image img {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0
}

.tabs {
    position: relative;
    overflow: hidden;
    background-color: #fff;
    border-radius: 10px
}

.tabs-bar {
    margin: 0 130px;
    outline: none
}

.tabs-bar,.tabs-nav-container {
    transition: padding .3s ease-in-out
}

.tabs-nav-container {
    overflow: hidden;
    font-size: 24px;
    line-height: 1;
    box-sizing: border-box;
    position: relative;
    white-space: nowrap;
    margin-bottom: -1px;
    overflow: auto;
    zoom:1}

.tabs-nav-container:after,.tabs-nav-container:before {
    content: " ";
    display: table
}

.tabs-nav-container:after {
    clear: both;
    visibility: hidden;
    font-size: 0;
    height: 0
}

.tabs-nav-container-scrolling {
    padding-left: 45px;
    padding-right: 45px
}

.tabs-tab-next,.tabs-tab-prev {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    z-index: 2;
    width: 0;
    height: 100%;
    cursor: pointer;
    border: 0;
    background-color: transparent;
    position: absolute;
    text-align: center;
    transition: width .3s ease-in-out,opacity .3s ease-in-out,color .3s ease-in-out;
    opacity: 0;
    pointer-events: none
}

.tabs-tab-next.tabs-tab-arrow-show,.tabs-tab-prev.tabs-tab-arrow-show {
    opacity: 1;
    width: 45px;
    height: 100%;
    pointer-events: auto
}

.tabs-tab-next:hover,.tabs-tab-prev:hover {
    color: #f45
}

.tabs-tab-next-icon,.tabs-tab-prev-icon {
    font-style: normal;
    font-weight: 700;
    font-variant: normal;
    line-height: inherit;
    vertical-align: baseline;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    text-transform: none
}

.tabs-tab-next-icon:before,.tabs-tab-prev-icon:before {
    content: "";
    width: 27px;
    height: 27px;
    display: block;
    background-position: 50%;
    background-size: contain
}

.tabs-tab-btn-disabled {
    cursor: not-allowed
}

.tabs-tab-btn-disabled,.tabs-tab-btn-disabled:hover {
    color: #999
}

.tabs-tab-next {
    right: 2px
}

.tabs-tab-next-icon:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAYAAACMRWrdAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDAgNzkuMTYwNDUxLCAyMDE3LzA1LzA2LTAxOjA4OjIxICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+LUNEtwAAAqFJREFUaIHdmj9rFEEYh58TY29CEOwOidcFq4CCaKWd30Ahgi9p1WAEG8sYNa3cWyiYj2BjLyJnQBSsFC0VQdTKIjYWw8QYbu523/m35Fcd+87OzMNzO+zOLhzQ9NqeMBwO/c954C3wHrjY9HwRaTskAL1eu6keMo0Cc8AL4DhwAXhs7CdbLGCLwDYw2HNsGXiaZEaJYgG7A/THHL9Mh8xZwK4DrwO1zpizgH0BzgKjQL0T5qyLxw4OrrPmrGAAf+iwuRgw+GduO1BfBh5FjmFKLBg4c+eBD4H6CrCeYJxWSQEG8Bs4DXwM1NeAh4nGapRUYAA/cH/LT4H6DQqaSwkG8A1YYoI5VS1iLjUYNDCnqtnN5QCDDpjLBQaVzeUEg4rmcoNBJXMlwKCCuVJgUNhcSTAoaK40GCJSxFxxMAARaWLuXswYVcDgP3OfA01uqepNa//VwGDX3Bnge6DJA1Vds/RdFQx24RaBd4Em66p6v22/1cEAROQr8HNCk8GE2thUB1PVGVUd4Z7Cx2VLRC617bcqmKoewW2VLwWaPBGRK5a+D5tnFRlVnWEy1JaIXLX2X8WYqh4FXpLBlE9xY6o6C7wCTgaaRJnyKW3sGG73OAQVbcqnJNgs7po6EagnMeVTCsybWgjUk5nyKQE2zdQwpSmf3GDTTG2IyEqOgXOCTTO1KSKmG9wmyQXWxJT5kaRJcoBVNeWTGmwBeENFUz4p7zz6uNuk+UB9E/c6qUhSGRvg3mqGoDaAIqZ8UoD1cdfUXKBe1JRPLFjnTPnEgE0zdZcKpnysi8cAt1CEoFYp/M55fyzGTjHZ1G0qQ4HN2DPC11R1Uz4WY9dw33bsTydM+VjAnuO2pnf2HFsFovbaU8e6Ko6Ac8Av3LcbnTF14PMXxmS+WrsYMRMAAAAASUVORK5CYII=)
}

.tabs-tab-prev {
    left: 0
}

.tabs-tab-prev-icon:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAYAAACMRWrdAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDAgNzkuMTYwNDUxLCAyMDE3LzA1LzA2LTAxOjA4OjIxICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+LUNEtwAAAppJREFUaIHdmj1rVEEUhp8Vk8JKRRAtFW2t4kY0hZ0W/gQFLY7aGjXbWYlGjLbuESLoP7C0igT8bCRdlBBsbEL8AzYWkysp7szmzte5+JZ7ds+cl2dmdjgz8J9q0PUH4/E4aUARmfgdVX0E3AIui8gngMGgW6n7YoorKVWdB0bAQeC9qg5j8vTKmKouAE93fTQNrKrqpa65emNsh9TjltAU8LJrvl4YayG1W1vAla45zY0FSAFsA3Mi8q1rXlNjqvqAMKkZEVmPyb0/uqpEqeoicN8TbkhtxuY3MaaqS8AdT3gLGKaYAoOpuEPKZyqZVKPaxIqTalSTWIjUT+B8LlNQj1iI1A9gVkR+5xywBrEQqQ3cmspqCsoTq06qUUliJqQalSL2ArjpiRUl1aiEsWXguidWnFSj3MZeA1c9sSqkGuVcY8v4TW0Ac0AVU5CPWIjUd+AcFU1BHmIhUl+BWSqbgnRiIVJfgAvAn8QxopRCLETqM25NmZiCeGKTSJmagjhjb/E3V1aAi9HVZFTMVAz1IA4BxyJryaoYY/dwndo2nQHWgKPRFWVS7OaxCNz1xI4AHzA2l7IrLgFPPLETwCpwOCF/klL/oBdw9Np0CrdDmpDLcfIYAc88sZMYkct1CJ6nZ+Rynu57RS53a2AiOVWtQq5Ez2MiOVUtTq5UM8ecXMkulSm50g1TM3I1OsEm5GpdSlQnV/O2pSq52hd/k8h9VNUDOQaqfqMpIiNcC7xNp4EVVZ1KHcfk1YCI3AZeecIzuGk5nTKG2XMIEbkBvPGEhzhz0eRM33mIyDX85M6SQM78Zc4eyR3vmtfcGOyJ3POuOXthDILkNoGHXfP1xhi0klvHvada65qrV8bgH7l3wC/c7ee2cUn90l+Tn86ZOzS9BgAAAABJRU5ErkJggg==)
}

:root .tabs-tab-prev {
    filter: none
}

.tabs-nav-wrap {
    overflow: hidden;
    margin-bottom: -1px
}

.tabs-nav-scroll {
    overflow: hidden;
    white-space: nowrap
}

.tabs-nav {
    box-sizing: border-box;
    padding-left: 0;
    transition: transform .3s ease-in-out;
    position: relative;
    margin: 0;
    list-style: none;
    display: inline-block
}

.tabs-nav:after,.tabs-nav:before {
    display: table;
    content: " "
}

.tabs-nav:after {
    clear: both
}

.tabs-nav .tabs-tab-disabled {
    pointer-events: none;
    cursor: default;
    color: #e7ecf3
}

.tabs-nav .tabs-tab {
    width: 85px;
    text-align: center;
    display: inline-block;
    height: 100%;
    padding: 8px 0;
    box-sizing: border-box;
    position: relative;
    color: #999;
    font-weight: 100;
    font-size: 20px;
    transition: color .3s ease-in-out;
    cursor: pointer;
    text-decoration: none
}

.tabs-nav .tabs-tab:last-child {
    margin-right: 0
}

.tabs-nav .tabs-tab:active,.tabs-nav .tabs-tab:hover {
    color: #f45
}

.tabs-nav .tabs-tab-active {
    border-radius: 44px;
    background-color: #f45;
    color: #fff
}

.tabs-nav .tabs-tab-active:before {
    content: "\7B2C"
}

.tabs-nav .tabs-tab-active:after {
    content: "\8BFE"
}

.tabs-nav .tabs-tab-active:hover {
    color: #fff
}

.tabs-large .tabs-nav-container {
    font-size: 20px
}

.tabs-large .tabs-tab {
    padding: 16px
}

.tabs-small .tabs-nav-container {
    font-size: 20px
}

.tabs-small .tabs-tab {
    padding: 8px 16px
}

.tabs:not(.tabs-vertical)>.tabs-content {
    width: 100%
}

.tabs:not(.tabs-vertical)>.tabs-content>.tabs-tabpane {
    flex-shrink: 0;
    width: 100%;
    transition: opacity .45s;
    opacity: 1
}

.tabs:not(.tabs-vertical)>.tabs-content>.tabs-tabpane-inactive {
    opacity: 0;
    height: 0;
    padding: 0!important;
    pointer-events: none
}

.tabs:not(.tabs-vertical)>.tabs-content-animated {
    display: flex;
    flex-direction: row;
    will-change: margin-left;
    transition: margin-left .3s ease-in-out
}

.tabs-vertical>.tabs-bar {
    border-bottom: 0;
    height: 100%
}

.tabs-vertical>.tabs-bar-tab-next,.tabs-vertical>.tabs-bar-tab-prev {
    width: 45px;
    height: 0;
    transition: height .3s ease-in-out,opacity .3s ease-in-out,color .3s ease-in-out
}

.tabs-vertical>.tabs-bar-tab-next.tabs-tab-arrow-show,.tabs-vertical>.tabs-bar-tab-prev.tabs-tab-arrow-show {
    width: 100%;
    height: 45px
}

.tabs-vertical>.tabs-bar .tabs-tab {
    float: none;
    margin: 0 0 16px;
    padding: 8px 24px;
    display: block
}

.tabs-vertical>.tabs-bar .tabs-tab:last-child {
    margin-bottom: 0
}

.tabs-vertical>.tabs-bar .tabs-extra-content {
    text-align: center
}

.tabs-vertical>.tabs-bar .tabs-nav-scroll {
    width: auto
}

.tabs-vertical>.tabs-bar .tabs-nav-container,.tabs-vertical>.tabs-bar .tabs-nav-wrap {
    height: 100%
}

.tabs-vertical>.tabs-bar .tabs-nav-container {
    margin-bottom: 0
}

.tabs-vertical>.tabs-bar .tabs-nav-container.tabs-nav-container-scrolling {
    padding: 45px 0
}

.tabs-vertical>.tabs-bar .tabs-nav-wrap {
    margin-bottom: 0
}

.tabs-vertical>.tabs-bar .tabs-nav {
    width: 100%
}

.tabs-vertical>.tabs-bar .tabs-ink-bar {
    width: 2px;
    left: auto;
    height: auto;
    top: 0
}

.tabs-vertical>.tabs-bar .tabs-tab-next {
    width: 100%;
    bottom: 0;
    height: 45px
}

.tabs-vertical>.tabs-bar .tabs-tab-prev {
    top: 0;
    width: 100%;
    height: 45px
}

.tabs-vertical>.tabs-content {
    overflow: hidden;
    width: auto;
    margin-top: 0!important
}

.tabs-vertical.tabs-left>.tabs-bar {
    float: left;
    border-right: 1px solid #e7ecf3;
    margin-right: -1px;
    margin-bottom: 0
}

.tabs-vertical.tabs-left>.tabs-bar .tabs-tab {
    text-align: right
}

.tabs-vertical.tabs-left>.tabs-bar .tabs-nav-container,.tabs-vertical.tabs-left>.tabs-bar .tabs-nav-wrap {
    margin-right: -1px
}

.tabs-vertical.tabs-left>.tabs-bar .tabs-ink-bar {
    right: 1px
}

.tabs-vertical.tabs-left>.tabs-content {
    padding-left: 24px;
    border-left: 1px solid #e7ecf3
}

.tabs-vertical.tabs-right>.tabs-bar {
    float: right;
    border-left: 1px solid #e7ecf3;
    margin-left: -1px;
    margin-bottom: 0
}

.tabs-vertical.tabs-right>.tabs-bar .tabs-nav-container,.tabs-vertical.tabs-right>.tabs-bar .tabs-nav-wrap {
    margin-left: -1px
}

.tabs-vertical.tabs-right>.tabs-bar .tabs-ink-bar {
    left: 1px
}

.tabs-vertical.tabs-right>.tabs-content {
    padding-right: 24px;
    border-right: 1px solid #e7ecf3
}

.tabs-bottom>.tabs-bar {
    margin-bottom: 0;
    margin-top: 16px
}

.tabs-bottom .tabs-ink-bar-animated,.tabs-top .tabs-ink-bar-animated {
    transition: transform .3s ease-in-out,width .3s ease-in-out
}

.tabs-left .tabs-ink-bar-animated,.tabs-right .tabs-ink-bar-animated {
    transition: transform .3s ease-in-out,height .3s ease-in-out
}

.no-flex>.tabs-content-animated,.tabs-no-animation>.tabs-content-animated,.tabs-vertical>.tabs-content-animated {
    transform: none!important;
    margin-left: 0!important
}

.no-flex>.tabs-content>.tabs-tabpane-inactive,.tabs-no-animation>.tabs-content>.tabs-tabpane-inactive,.tabs-vertical>.tabs-content>.tabs-tabpane-inactive {
    display: none
}

.com-header {
    height: 80px;
    line-height: 80px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2
}

.com-header.active {
    position: fixed;
    background-color: #f45;
    z-index: 12
}

.com-header .com-header-inner {
    height: 80px;
    line-height: 80px;
    top: 0;
    left: 0;
    z-index: 1000
}

.com-header .com-header-container {
    margin: 0 auto;
    width: 26.67rem
}

.com-header .btn {
    border: none
}

.com-header a {
    text-decoration: none;
    color: #fff
}

.com-header .head {
    display: flex;
    align-items: center;
    height: 80px
}

.com-header .logo-container {
    position: relative;
    margin-right: 44px
}

.com-header .logo-container p {
    position: absolute;
    display: flex;
    right: -52px;
    top: 6px;
    width: 44px;
    height: 30px
}

.com-header .logo-container span {
    display: flex;
    width: 44px;
    padding: 0 2px;
    height: 18px;
    border: 1px solid #fff;
    border-radius: 2px;
    justify-content: space-between;
    align-items: center;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAMZJREFUWEftldkNhDAMRMftLP3Qzi7t0A+0Y2QpSBwhsR20+XE+OfyehmQgdF7UmY8QiAQigUggmwAz/wDMRLS+UVTM/AEwEpHMPa2bQIJ/ASzppSaJBJ8BDACmq0QpgWaJGlyieNyErUlo4EUBuemV0MKrAh4JC1wlYJGwwtUCGgkP3CRQkvDCzQI5idQqj+e8VmSuf8HldAgjWzI1uCuBfehBQi7dGk4DbxI4fA7kOv4vAlpI6TnXHngDvM8IgUggEuiewAbuZnchou2L+gAAAABJRU5ErkJggg==) no-repeat 28px;
    background-size: 12px;
    cursor: pointer;
    line-height: 18px;
    color: #fff
}

.com-header .logo-container span .svg {
    width: 12px;
    height: 12px
}

.com-header .logo-container span.up {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAKpJREFUWEftlEsOwCAIRJ1D6iHrIW1MMDFWyseFG7pFZh6jBenyh8v+KQAigUggEjhKoLWW+yIDUL0LzQ1A5g8ZFy+EC2AxH8O7IMwA6+Tk7k7CBMDFfnIdagDJRKpzj1QFoBXXnpthRACrqPX8L4BVbExm6WMBLCK7+9X2bwG0zdL20+h8ADRNkvFcl/S4BPpiqd71ugISRAZQ1pr4F1im9ZwNgEggEogEXumPbSFPmYAnAAAAAElFTkSuQmCC) no-repeat 28px;
    background-size: 12px
}

.com-header .logo-container ul {
    position: absolute;
    top: 42px;
    left: -50px;
    width: 142px;
    padding: 14px 0;
    background: #fff;
    border: 1px solid #d9d9d9;
    box-shadow: 0 12px 24px -8px rgba(0,0,0,.06);
    border-radius: 5px
}

.com-header .logo-container ul :after {
    content: "";
    width: 0;
    height: 0;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-bottom: 14px solid #fff;
    position: absolute;
    top: -13px;
    left: 56px
}

.com-header .logo-container ul li {
    height: 34px;
    box-sizing: border-box;
    line-height: 34px
}

.com-header .logo-container ul li :hover {
    color: #007fa3
}

.com-header .logo-container ul li a {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    font-size: 16px;
    color: #8c8c8c;
    letter-spacing: 0;
    font-weight: 400;
    padding: 0 15px
}

.com-header .logo-container ul li a.active {
    color: #007fa3
}

.com-header .logo {
    display: block;
    width: 140px;
    height: 50px;
    background: url("https://asset.txqn.huohua.cn/assets/0a5a248d-511f-4dad-a48c-eea991417056.png") no-repeat;
    background-size: contain
}

.com-header .logo.foreign-logo {
    background: url(https://pkm-01.huohuacdn.com/v1/online/peppa-web-pc/web/static/d4fa615833aed977b2b6ed0cd389c977.svg) no-repeat 50%;
    background-size: contain
}

.com-header .nav {
    flex: 1;
    display: flex;
    padding-left: 0
}

@media screen and (min-width: 960px) and (max-width:1700px) {
    .com-header .nav {
        padding-left:0
    }
}

@media screen and (min-width: 1500px) {
    .com-header .nav {
        padding-left:35px
    }
}

.com-header .nav a {
    color: #fff;
    display: inline-block;
    font-size: 16px;
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    box-sizing: border-box;
    font-weight: 700
}

@media screen and (max-width: 960px) {
    .com-header .nav a {
        padding:0 8px
    }
}

@media screen and (min-width: 960px) and (max-width:1700px) {
    .com-header .nav a {
        padding:0 16px
    }
}

.com-header .nav a span {
    cursor: default
}

.com-header .nav a:hover {
    text-decoration: none
}

.com-header .nav a {
    position: relative;
    white-space: nowrap
}

.com-header .nav a i {
    display: none
}

.com-header .nav a .info_list {
    right: 50%;
    margin-right: -70px
}

.com-header .nav a .info_list li {
    color: #333;
    font-size: 16px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    display: block;
    padding: 0;
    font-weight: 400;
    transition: .2s ease;
    cursor: pointer
}

.com-header .nav a .info_list li:hover {
    color: #f45
}

.com-header .nav a.active {
    color: #fff
}

.com-header .nav a.active i {
    display: block;
    position: absolute;
    width: 32px;
    height: 3px;
    left: 50%;
    margin-left: -16px;
    bottom: 0;
    border-radius: 3px;
    background-color: #fff
}

.com-header .login {
    margin-left: 80px;
    line-height: 22px;
    font-size: 14px;
    padding: 5px 32px;
    border-radius: 20px;
    background: #fff
}

.com-header .login a {
    color: #ff4355;
    white-space: nowrap
}

.com-header .info {
    float: right;
    display: flex!important;
    align-items: center;
    position: relative;
    margin-left: 13px
}

.com-header .avatar {
    width: 48px;
    height: 48px;
    vertical-align: middle;
    display: inline-block
}

.com-header .avatar img {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    display: inline-block
}

.com-header .info_name,.com-header .info_name_active {
    font-size: 16px;
    color: #fff;
    height: 48px;
    line-height: 48px;
    padding: 0 21px 0 10px;
    position: relative
}

.com-header .info_name_span {
    max-width: 60px;
    overflow: hidden;
    height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.com-header .info_name:after,.com-header .info_name_active:after {
    content: "";
    width: 0;
    height: 0;
    border: 8px solid;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -4px
}

.com-header .info_name_active:after {
    margin-top: -10px;
    border-color: transparent transparent #fff
}

.com-header .info_name:after {
    border-color: #fff transparent transparent
}

.com-header .info_list {
    width: 140px;
    position: absolute;
    top: 40px;
    right: -15px;
    z-index: 3000;
    padding-top: 14px
}

.com-header .none {
    display: none
}

.com-header .info_list:after {
    content: "";
    width: 0;
    height: 0;
    border: 12px solid;
    border-color: transparent transparent #fff;
    display: inline-block;
    position: absolute;
    top: -10px;
    right: 58px
}

.com-header .info_list ul {
    padding: 0 10px;
    background: #fff;
    box-shadow: 1px 1px 10px rgba(0,0,0,.2)
}

.com-header .info_list li {
    border-bottom: 1px solid #e5e5e5
}

.com-header .info_list li a {
    color: #333;
    font-size: 16px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    display: block;
    padding: 0;
    font-weight: 400;
    transition: .2s ease
}

.com-header .info_list li a.ext,.com-header .info_list li a:hover {
    color: #f45
}

@media screen and (min-width: 768px) and (max-width:1000px) {
    .com-header .nav a {
        padding:0 15px
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width:1024px) and (orientation:portrait) {
    .com-header .logo {
        width:140px;
        margin-left: 5px;
        height: auto
    }

    .com-header .info_name,.com-header .info_name_active,.com-header .login,.com-header .nav a,.com-header .nav a.register {
        font-size: 14px
    }

    .com-header .nav {
        padding-left: 54px
    }

    .com-header .nav a {
        padding: 0 10px
    }

    .com-header .login {
        margin: 0 5px
    }

    .page .head {
        height: 100px
    }

    .com-header .info_name {
        height: 32px;
        line-height: 32px;
        display: inline-block;
        vertical-align: middle
    }

    .com-header .info_list ul {
        padding: 0 5px
    }

    .com-header .info_list li a {
        height: 36px;
        line-height: 36px;
        font-size: 14px
    }

    .com-header .nav a.active {
        border-bottom: 2px solid #ffe566
    }

    .page-main-index .con1 .sign-btn .f32btn {
        margin-left: 5px
    }

    .com-header .avatar {
        width: 32px;
        height: 32px;
        border-radius: 100%
    }

    .info_name:after,.info_name_active:after {
        border: 6px solid
    }

    .com-header .info_name_span {
        height: auto
    }
}

.footer {
    background: #3c3c3c;
    overflow: hidden;
    zoom:1;color: #fff
}

.footer .container {
    width: 26.67rem;
    margin: 0 auto
}

.footer .footer-content {
    padding: 1.11rem 0 1.6rem;
    display: flex;
    justify-content: space-between
}

.footer .footer-content.footer-content-foreign .footer-list,.footer .footer-content.footer-content-foreign .footer-service {
    flex: none;
    margin-right: 3.6rem
}

.footer .footer-content.footer-content-foreign .footer-weixin {
    flex: none
}

.footer .footer-content .footer-list {
    flex: 1
}

.footer .footer-content .footer-list .footer-nav {
    padding-bottom: .27rem
}

.footer .footer-content .footer-list .footer-nav a {
    font-size: 16px;
    color: #fff
}

.footer .footer-content .footer-list .footer-nav:last-child {
    padding-bottom: 0
}

.footer .footer-content .footer-service {
    font-size: 16px;
    flex: 1
}

.footer .footer-content .footer-service p {
    padding-bottom: .27rem
}

.footer .footer-content .footer-service p:last-child,.footer .footer-content .footer-service p:nth-child(3),.footer .footer-content .footer-service p:nth-child(4),.footer .footer-content .footer-service p:nth-child(5) {
    width: 231px;
    height: 38px;
    background: #2f2f2f;
    font-size: 16px;
    line-height: 38px;
    border-radius: 20px;
    padding-bottom: 0;
    padding-left: 17px;
    margin-bottom: 8px
}

.footer .footer-content .footer-link {
    flex: 1
}

.footer .footer-content .footer-link p {
    padding-bottom: .27rem
}

.footer .footer-content .footer-link p a {
    font-size: 16px;
    color: #fff
}

.footer .footer-content .footer-link p a.active {
    font-weight: 600
}

.footer .footer-content .footer-link p:last-child {
    padding-bottom: 0
}

.footer .footer-content .footer-link p:first-child {
    font-size: 18px;
    font-weight: 600
}

.footer .footer-content .footer-weixin {
    flex: 1;
    width: 2.56rem;
    text-align: center;
    display: flex;
    justify-content: center
}

.footer .footer-content .footer-weixin p {
    padding-bottom: 16px;
    text-align: center
}

.footer .footer-content .footer-weixin img {
    width: 2.56rem
}

.footer .copyright {
    font-size: .27rem;
    text-align: center;
    color: #cdcdcd;
    background-color: #2f2f2f;
    padding: 14px 0 80px;
    line-height: 26px;
    box-sizing: border-box
}

.footer .copyright a.beian {
    color: #cdcdcd;
    margin: 0 .53rem;
    white-space: nowrap
}

.footer .copyright .police-record {
    margin-right: .8rem;
    position: relative;
    white-space: nowrap
}

.footer .copyright .police-record .icon-police-record {
    width: 1.5em;
    height: 1.5em;
    display: inline-block;
    background: url(https://pkm-01.huohuacdn.com/v1/online/peppa-web-pc/web/static/d0289dc0a46fc5b15b3363ffa78cf6c7.png) no-repeat;
    background-size: contain;
    position: absolute;
    top: -4px;
    right: -.53rem
}

.footer .copyright .police-record span {
    color: #cdcdcd
}

.footer .copyright .lianzheng-email {
    margin-left: .4rem
}

.footer .copyright .complaints-text {
    margin-left: 20px;
    color: #cdcdcd
}

.footer .copyright .complaints-text .link {
    color: #288fd2
}

@media only screen and (min-device-width: 768px) and (max-device-width:1024px) and (orientation:portrait) {
    .footer .col a {
        margin:0 10px;
        font-size: 12px
    }

    .footer .col-flex span,.footer .copyright {
        font-size: 12px
    }

    .footer .row {
        margin: 30px 0
    }
}

.spark-headline {
    display: table;
    background-color: #fff;
    white-space: nowrap;
    border-spacing: 0 30px;
    font-size: 44px;
    color: #333;
    position: relative
}

.spark-headline * {
    box-sizing: border-box
}

.spark-headline:after,.spark-headline:before {
    display: table-cell;
    content: "";
    width: 50%;
    background: linear-gradient(#f45,#f45) repeat-x 0;
    background-size: 1px 1px
}

.spark-headline span {
    padding: 0 20px;
    font-weight: 400
}

.spark-headline .biaoti {
    height: 60px;
    position: absolute;
    top: 73px;
    font-style: normal;
    font-size: 44px;
    color: #ffe2e4;
    font-weight: 400
}

.com-hot-recommend .inner {
    width: 360px;
    height: 370px;
    background-color: #fcffd0;
    border: 1px solid #ffe44e;
    border-radius: 20px;
    padding: 0 5px 10px 20px;
    box-sizing: border-box;
    position: relative;
    color: #794420;
    margin-top: 1.1rem
}

.com-hot-recommend .inner.green-inner {
    background-color: #f3ffe0;
    border: 1px solid #a1db44;
    color: #3e6500
}

.com-hot-recommend .inner.red-inner {
    background-color: #ffeef0;
    border: 1px solid #f45;
    color: #e22334
}

.com-hot-recommend .inner:after {
    content: "\4ED6\4EEC\4E5F\5728\7528";
    display: block;
    height: 33px;
    padding: 0 20px 0 36px;
    line-height: 33px;
    color: #fff;
    background-color: #ffc840;
    position: absolute;
    right: -1px;
    top: -1px;
    border-radius: 0 10px 0 16px;
    font-size: 20px
}

.com-hot-recommend .inner.green-inner:after {
    background: #8ace1c
}

.com-hot-recommend .inner.red-inner:after {
    background: #f45
}

.com-hot-recommend .inner .user-info .logo {
    width: 110px;
    height: 110px;
    border-radius: 100px;
    border: 1px solid #ffe44e;
    margin-top: -55px;
    margin-bottom: 20px;
    overflow: hidden;
    z-index: 10
}

.com-hot-recommend .responsive-image {
    width: 100%;
    position: relative;
    display: block;
    overflow: hidden
}

.com-hot-recommend .responsive-image img {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0
}

.com-hot-recommend .inner .user-info .user {
    margin-top: 3px;
    font-size: 13px;
    font-weight: 700
}

.com-hot-recommend .inner .user-info .user p {
    line-height: 36px
}

.com-hot-recommend .inner .user-info .user p.user-name {
    font-size: 28px
}

.com-hot-recommend .inner .user-info .user p.other {
    font-size: 24px
}

.com-hot-recommend .inner .recommend-detail {
    margin-top: 2px
}

.com-hot-recommend .inner .recommend-detail p {
    font-size: 24px;
    white-space: normal;
    -webkit-line-clamp: 5;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    margin-top: 15px
}

.com-uploader-mask {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.6);
    z-index: 1000
}

.com-uploader-mask .content {
    position: absolute;
    bottom: 0;
    width: 100%
}

.com-uploader-mask .content .choose {
    margin: 10px;
    border-radius: 5px;
    background-color: #fff
}

.com-uploader-mask .content .choose .item {
    display: block;
    height: 50px;
    line-height: 50px;
    border: 0;
    border-bottom: 1px solid #f0f0f0;
    font-size: 16px
}

.com-uploader-mask .content .choose .item:last-child {
    border-bottom: 0
}

.com-uploader-mask .content .choose .tips {
    color: #00b3db
}

.com-uploader-mask .content>.btn-block {
    font-size: 16px;
    height: 50px;
    line-height: 50px;
    margin: 10px;
    color: #00b3db
}

.com-uploader {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 100
}

.confirm {
    background-color: #fff;
    border-radius: 5px;
    padding: 0;
    text-align: center;
    width: 13rem;
    overflow: auto
}

.confirm .title {
    font-size: 16px;
    display: block;
    height: 20px;
    margin-top: 15px;
    margin-bottom: 5px;
    font-weight: 700
}

.confirm .message,.confirm .title {
    text-align: center;
    line-height: 20px
}

.confirm .message {
    overflow: hidden;
    min-height: 3rem;
    font-size: 14px;
    padding: 5px 10px;
    margin: 0;
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: flex;
    justify-content: center;
    align-items: center
}

.confirm .message a {
    color: #00b3db;
    margin: 0 3px
}

.confirm .bd {
    padding: 5px 0
}

.confirm .bd input {
    display: block;
    background: #fff;
    width: 11rem;
    margin: 0 auto 10px;
    border: 1px solid #d9d9d9;
    height: 30px;
    line-height: 20px;
    padding: 5px 10px;
    box-sizing: border-box;
    font-size: 12px;
    text-align: center
}

.confirm .bd input::-webkit-input-placeholder {
    text-align: center
}

.confirm .fd {
    height: 2rem;
    line-height: 2rem;
    border-top: 1px solid #ebebeb
}

.confirm .fd .cancel {
    border-right: 1px solid #ebebeb;
    box-sizing: border-box
}

.confirm .fd .ok {
    color: #00b3db
}

.com-grow-level .pop-level-wrapper {
    padding-left: 3rem;
    width: 100%;
    height: 6.2rem;
    position: relative;
    margin-bottom: 22px
}

.com-grow-level .pop-level-wrapper li {
    float: left;
    border-radius: 50%;
    position: absolute;
    bottom: 0;
    background-color: #ecf0f4
}

.com-grow-level .pop-level-wrapper li:not(.highlight) {
    border: 1px solid #dee3eb
}

.com-grow-level .pop-level-wrapper li:not(.highlight) .inner-box:after,.com-grow-level .pop-level-wrapper li:not(.highlight) .pop-level:before,.com-grow-level .pop-level-wrapper li:not(.highlight) p {
    color: #999
}

.com-grow-level .pop-level-wrapper li .pop-level:before {
    color: #ecf0f4;
    border-color: #ecf0f4
}

.com-grow-level .pop-level-wrapper li:first-of-type {
    width: 12%;
    left: 12.5%
}

.com-grow-level .pop-level-wrapper li:first-of-type.highlight {
    background-color: #f9c02f
}

.com-grow-level .pop-level-wrapper li:first-of-type.highlight .pop-level:before {
    color: #f9c02f;
    border-color: #f9c02f
}

.com-grow-level .pop-level-wrapper li:nth-of-type(2) {
    width: 13.5%;
    left: 23%
}

.com-grow-level .pop-level-wrapper li:nth-of-type(2).highlight {
    background-color: #78deff
}

.com-grow-level .pop-level-wrapper li:nth-of-type(2).highlight .pop-level:before {
    color: #78deff;
    border-color: #78deff
}

.com-grow-level .pop-level-wrapper li:nth-of-type(3) {
    width: 15.5%;
    left: 34%
}

.com-grow-level .pop-level-wrapper li:nth-of-type(3).highlight {
    background-color: #a5cf28
}

.com-grow-level .pop-level-wrapper li:nth-of-type(3).highlight .pop-level:before {
    color: #a5cf28;
    border-color: #a5cf28
}

.com-grow-level .pop-level-wrapper li:nth-of-type(4) {
    width: 17.5%;
    left: 48%
}

.com-grow-level .pop-level-wrapper li:nth-of-type(4).highlight {
    background-color: #4fc4cf
}

.com-grow-level .pop-level-wrapper li:nth-of-type(4).highlight .pop-level:before {
    color: #4fc4cf;
    border-color: #4fc4cf
}

.com-grow-level .pop-level-wrapper li:nth-of-type(5) {
    width: 19.5%;
    left: 62.5%
}

.com-grow-level .pop-level-wrapper li:nth-of-type(5).highlight {
    background-color: #ab8eff
}

.com-grow-level .pop-level-wrapper li:nth-of-type(5).highlight .pop-level:before {
    color: #ab8eff;
    border-color: #ab8eff
}

.com-grow-level .pop-level-wrapper li:nth-of-type(6) {
    width: 21.5%;
    right: 0
}

.com-grow-level .pop-level-wrapper li:nth-of-type(6).highlight {
    background-color: #ff6e70
}

.com-grow-level .pop-level-wrapper li:nth-of-type(6).highlight .pop-level:before {
    color: #ff6e70;
    border-color: #ff6e70
}

.com-grow-level .pop-level-wrapper .pop-level {
    height: 0;
    padding-top: 100%;
    color: #fff;
    position: relative;
    text-align: center;
    border-radius: 50%
}

.com-grow-level .pop-level-wrapper .pop-level .inner-box {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    border-radius: 50%
}

.com-grow-level .pop-level-wrapper .pop-level .inner-box:after {
    content: attr(data-grade);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .52rem;
    color: #fff;
    background-color: rgba(0,0,0,.05);
    border-radius: 50%;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    bottom: 0;
    width: 72%;
    height: 28%
}

.com-grow-level .pop-level-wrapper .pop-level:before {
    content: attr(data-level);
    display: block;
    width: .9rem;
    height: .9rem;
    line-height: .9rem;
    font-size: .52rem;
    border: 1px solid #f9c02f;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    top: -8px;
    right: 14%
}

.com-grow-level .pop-level-wrapper .pop-level p {
    color: #fff;
    width: 7em;
    font-size: 12px;
    line-height: 15px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.com-grow-level .social-goal,.com-grow-level .stage-goal {
    width: 100%;
    margin-bottom: 10px
}

.com-grow-level .social-goal dt,.com-grow-level .stage-goal dt {
    width: 12.5%;
    display: inline-block;
    text-align: center;
    color: #999;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHwAAAAuCAYAAADqWH1CAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAADBklEQVR42u2cO2hUQRSGv11tDFOMZFJoZbQVMdEqhYJoIlZWgmiKFKJgoQErHwQfTRpNOqONsAHFSrtgQLAKKYxNJFa+GosMOMgQEOKjuLsxxN29c+8WwyTna3bvzJwLPz8ze/fcM1Oxzs8CxxFSYMRo9aSTG1Ss83uBRWBHbDVCLivAYaPVUtkbVI1WH4Gx2EqEILqA59b50pOzWv98ALyLrUYIYj8wUTa40vhinT8EzAPbYisSgjhrtHpWNKgxwzFavQUmY6sQgpmyzu8rGlRZf2Gd7wLeA3tiqxGCWAAGjFY/QwOq6y+MVivApdgqhGD6gfEiAZVmjdb5GnA+thohmNNGq5chA1sZ3gMsAd2xlQhBfAcOGq2+5g2sNms0Wi0Do7FVCMHsBJ5a57fnDay26jBa1YBXsZUIwQwA9/IGVdp1Wud7yZ7aJe2aDkNGq5YTtdou0mj1CbgVW4FQiGnr/O5WndWAG0yS/d8T0qAHqFnnm2ZMcw03Wq0CF4BfsZUIwRwDbjTrCJnhGK0WyF6wCOkwZp0/urGxEhpdT7suAr2xlQjBfAMOGK1soyFohsNa2vVibAVCIXaR/Z6vTexgwwGMVrNALbYKoRAngWuNi+AlvYF1vhv4AJjYSoRgVoEjRqu5woYDWOfPAdOxVQiF+Az0lzIcwDo/AwzFViEU4kWh33AhfWRJ3zp8AfrkoW1rsPbQVmZJv4+YnRrXjVZzUHBJt86fQN6Rp8YMcMpo9QcktbrZKZ9aBW4jZqfEb7LNCnZ9Y5Dh1vl+pMYtNe4Yrd5sbMxd0uuFcfNkNdBCGrwGBo1W/9UwhMzwK4jZKbEMDDczG6SIcTNSvogReIiYnRLj7cyGNoZb54eBwdgKhGDmgJt5g1ptNTJkW40ko5YGnW01IitYFLPTYSTEbGhiuHV+CNk5mhKToTtHQQ4ESJ3ODgQA7iJmp8IP4EwRs0EO9UmZ8of61NOnjxGzU+FRGbPh35I+CvTFViEEsQhcLRssR2+mRedHbwJTiNmpcLkTswH+AjIQyyycD4TaAAAAAElFTkSuQmCC) no-repeat;
    background-size: 100% 100%;
    line-height: 48px
}

.com-grow-level .social-goal dd,.com-grow-level .stage-goal dd {
    float: right;
    font-size: 12px;
    color: #fff;
    margin-left: -4.5%;
    padding-left: 4.5%;
    padding-right: 1%;
    height: 48px;
    line-height: 12px;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

.com-grow-level .social-goal dd:not(.highlight),.com-grow-level .stage-goal dd:not(.highlight) {
    border: 1px solid #dee3eb;
    color: #999;
    background-color: #ecf0f4
}

.com-grow-level .social-goal dd:first-of-type,.com-grow-level .stage-goal dd:first-of-type {
    width: 22.5%
}

.com-grow-level .social-goal dd:first-of-type.highlight,.com-grow-level .stage-goal dd:first-of-type.highlight {
    background-color: #ff6e70
}

.com-grow-level .social-goal dd:nth-of-type(2),.com-grow-level .stage-goal dd:nth-of-type(2) {
    width: 21%
}

.com-grow-level .social-goal dd:nth-of-type(2).highlight,.com-grow-level .stage-goal dd:nth-of-type(2).highlight {
    background-color: #ab8eff
}

.com-grow-level .social-goal dd:nth-of-type(3),.com-grow-level .stage-goal dd:nth-of-type(3) {
    width: 20.7%
}

.com-grow-level .social-goal dd:nth-of-type(3).highlight,.com-grow-level .stage-goal dd:nth-of-type(3).highlight {
    background-color: #4fc4cf
}

.com-grow-level .social-goal dd:nth-of-type(4),.com-grow-level .stage-goal dd:nth-of-type(4) {
    width: 17.5%
}

.com-grow-level .social-goal dd:nth-of-type(4).highlight,.com-grow-level .stage-goal dd:nth-of-type(4).highlight {
    background-color: #a5cf28
}

.com-grow-level .social-goal dd:nth-of-type(5),.com-grow-level .stage-goal dd:nth-of-type(5) {
    width: 16.25%
}

.com-grow-level .social-goal dd:nth-of-type(5).highlight,.com-grow-level .stage-goal dd:nth-of-type(5).highlight {
    background-color: #78deff
}

.com-grow-level .social-goal dd:nth-of-type(6),.com-grow-level .stage-goal dd:nth-of-type(6) {
    width: 12.1%
}

.com-grow-level .social-goal dd:nth-of-type(6).highlight,.com-grow-level .stage-goal dd:nth-of-type(6).highlight {
    background-color: #f9c02f
}

.com-grow-level .social-goal dd:last-of-type {
    padding-left: .2rem
}

.com-grow-level .stage-goal dd {
    width: 6.5rem
}

.com-grow-level .stage-goal dd:first-of-type {
    width: 55%
}

.com-grow-level .stage-goal dd:first-of-type.highlight {
    background-color: #ff6e70
}

.com-grow-level .stage-goal dd:nth-of-type(2) {
    width: 36.67%
}

.com-grow-level .stage-goal dd:nth-of-type(2).highlight {
    background-color: #a5cf28
}

.com-grow-level .stage-goal dd:last-of-type {
    padding-left: .5rem
}

.com-grow-level .lv-list {
    width: 100%;
    font-size: 24px;
    line-height: 48px;
    color: #fff;
    text-align: center;
    overflow: hidden
}

.com-grow-level .lv-list li {
    float: left;
    margin-right: .2%
}

.com-grow-level .lv-list li:first-of-type {
    width: 12.5%;
    background-color: #dee3eb
}

.com-grow-level .lv-list li:nth-of-type(2) {
    width: 11.65%
}

.com-grow-level .lv-list li:nth-of-type(3) {
    width: 11.5%
}

.com-grow-level .lv-list li:nth-of-type(4) {
    width: 13%
}

.com-grow-level .lv-list li:nth-of-type(5) {
    width: 15.5%
}

.com-grow-level .lv-list li:nth-of-type(6) {
    width: 16.5%
}

.com-grow-level .lv-list li:nth-of-type(7) {
    width: 18%
}

.com-grow-level .lv-list li:last-child {
    margin-right: 0
}

.com-grow-level .lv-list li.bg-lv1:not(.highlight),.com-grow-level .lv-list li.bg-lv2:not(.highlight),.com-grow-level .lv-list li.bg-lv3:not(.highlight),.com-grow-level .lv-list li.bg-lv4:not(.highlight),.com-grow-level .lv-list li.bg-lv5:not(.highlight),.com-grow-level .lv-list li.bg-lv6:not(.highlight) {
    background-color: #dee3eb
}

.com-grow-level .knowlage-goal {
    border-collapse: initial;
    border-spacing: 2px;
    text-align: center
}

.com-grow-level .knowlage-goal tr:first-of-type {
    color: #fff
}

.com-grow-level .knowlage-goal tr td {
    padding: .1rem
}

.com-grow-level .bg-lv1 {
    background-color: #f9c02f
}

.com-grow-level .bg-lv1-light {
    background-color: #fff9e9
}

.com-grow-level .bg-lv2 {
    background-color: #78deff
}

.com-grow-level .bg-lv2-light {
    background-color: #edfbff
}

.com-grow-level .bg-lv3 {
    background-color: #a5cf28
}

.com-grow-level .bg-lv3-light {
    background-color: #f4f9e6
}

.com-grow-level .bg-lv4 {
    background-color: #4fc4cf
}

.com-grow-level .bg-lv4-light {
    background-color: #e9f8f9
}

.com-grow-level .bg-lv5 {
    background-color: #ab8eff
}

.com-grow-level .bg-lv5-light {
    background-color: #f2eeff
}

.com-grow-level .bg-lv6 {
    background-color: #ff6e70
}

.com-grow-level .bg-lv6-light {
    background-color: #ffecec
}

.number-font-wrap,.number-font-wrap img {
    height: 100%
}

.number-icon-wrap .iconfont {
    font-size: inherit
}

.number-icon-wrap .iconNum {
    margin-left: -.2em;
    margin-right: -.2em;
    line-height: 1
}

.city-select {
    color: red;
    padding: .44rem 0;
    height: 80vh;
    max-height: 750px
}

.city-select .nav {
    display: flex;
    border-bottom: 1px solid #f0f0f0;
    height: 1.07rem;
    line-height: 1.07rem
}

.city-select .nav .nav-item {
    font-family: PingFangSC-Regular;
    font-size: .35555556rem;
    color: #787a7c;
    margin-left: .88888889rem;
    position: relative
}

.city-select .nav .nav-item i {
    display: none
}

.city-select .nav .nav-item.active {
    color: #484848;
    font-family: PingFangSC-Semibold
}

.city-select .nav .nav-item.active i {
    display: block;
    position: absolute;
    width: 100%;
    height: 2px;
    border-radius: 1px;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    border-radius: 3px;
    background-color: red
}

.city-select .city-body {
    padding: .44rem .89rem;
    overflow: auto;
    height: 100%
}

.city-select .city-body .city-list {
    display: flex;
    padding-bottom: .26666667rem
}

.city-select .city-body .city-list .city-sign {
    font-family: PingFangSC-Medium;
    font-size: .31111111rem;
    color: #f45;
    padding-right: .88888889rem
}

.city-select .city-body .city-list .city-list-name {
    display: flex;
    flex-wrap: wrap
}

.city-select .city-body .city-list .city-list-name .city-item {
    font-family: PingFangSC-Regular;
    padding-right: .44444444rem;
    font-size: .31111111rem;
    color: #484848;
    padding-bottom: .17777778rem;
    position: relative
}

.city-select .city-body .city-list .city-list-name .city-item-name {
    font-family: PingFangSC-Regular;
    font-size: .31111111rem;
    color: #484848;
    width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.city-select .city-body .city-list .city-list-name .hover-text {
    color: #f45
}

.city-select .city-body .city-list .city-list-name .hover-city-item {
    font-family: PingFangSC-Regular;
    font-size: .26666667rem;
    color: #484848;
    letter-spacing: 0;
    text-align: justify;
    background: #fff;
    padding: 4px;
    box-sizing: border-box;
    position: absolute;
    white-space: nowrap;
    top: 10px;
    left: 43.5px;
    box-shadow: 0 10px 12px -8px rgba(216,219,226,.7);
    border: 1px solid #dde0e6;
    z-index: 100;
    border-radius: 4px
}

.cancel-account-modal {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 1.02rem 1.24rem
}

.cancel-account-modal p {
    font-family: PingFangSC-Regular;
    font-size: .51rem;
    color: #484848
}

.cancel-account-modal .cancel-account-tel {
    margin-top: .34rem
}

.cancel-account-modal .cancel-account-action {
    margin-top: 1.37rem;
    background: #f45;
    border-radius: .64rem;
    width: 6.4rem;
    height: 1.19rem;
    line-height: 1.19rem
}

.cancel-account-modal .cancel-account-action p {
    color: #fff
}

.p-checkbox {
    transform: scale(.8);
    white-space: nowrap;
    cursor: pointer;
    outline: none;
    display: inline-block;
    position: relative;
    line-height: 1;
    vertical-align: middle
}

.p-checkbox-input {
    position: absolute;
    left: 0;
    z-index: 9999;
    cursor: pointer;
    opacity: 0;
    top: 0;
    bottom: 0;
    right: 0
}

.p-checkbox-inner {
    position: relative;
    top: 0;
    left: 0;
    display: inline-block;
    width: 14px;
    height: 14px;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #ccc;
    transition: all .1s ease-in
}

.p-checkbox-inner:after {
    transform: rotate(45deg);
    left: 4px;
    top: 1px;
    width: 2px;
    height: 7px;
    position: absolute;
    display: table;
    border: 2px solid #fff;
    border-top: 0;
    border-left: 0;
    content: " "
}

.p-checkbox-checked .p-checkbox-inner {
    background-color: #f45
}

.p-checkbox-checked .p-checkbox-inner:after {
    left: 4px;
    top: 1px;
    width: 2px;
    height: 7px
}

._modal-age-confirm {
    font-family: PingFangSC-Medium;
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10005;
    background-color: rgba(0,0,0,.5);
    color: #fff
}

._modal-age-confirm div {
    box-sizing: border-box
}

._modal-age-confirm .box {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    border-radius: 12px;
    width: 520px;
    height: 304px
}

._modal-age-confirm .box .title {
    font-family: PingFangSC-Medium;
    font-size: 24px;
    color: #484848;
    letter-spacing: 0;
    text-align: center;
    line-height: 32px;
    margin-top: 40px
}

._modal-age-confirm .box .desc {
    font-family: PingFangSC-Regular;
    font-size: 20px;
    color: #484848;
    letter-spacing: 0;
    text-align: center;
    line-height: 28px;
    margin-top: 12px
}

._modal-age-confirm .box .desc span {
    color: #ff6e78
}

._modal-age-confirm .box .btn-warp {
    width: 100%;
    height: 30%;
    margin: 40px auto;
    display: flex;
    justify-content: center
}

._modal-age-confirm .box .btn-warp>button {
    width: 180px;
    height: 56px;
    font-family: PingFangSC-Regular;
    font-size: 20px;
    color: #484848;
    letter-spacing: 0;
    text-align: center;
    line-height: 28px
}

._modal-age-confirm .box .btn-warp .confirm {
    background-color: #ff6e78;
    border-radius: 28px;
    overflow: hidden;
    font-family: PingFangSC-Medium;
    font-size: 24px;
    color: #fff
}

._modal-age-confirm .box .btn-warp .cancle {
    margin-right: 40px;
    background: #fff;
    border: 2px solid #ff6e78;
    border-radius: 28px;
    font-family: PingFangSC-Medium;
    font-size: 24px;
    color: #ff6e78
}

._modal-age-confirm .o {
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1
}

.ability .title-container {
    padding: .9rem 0 .4rem
}

.ability .title-container .title {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG8AAABRCAMAAADrawiPAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAM1BMVEUAAAD/RFX/RFX/RFX/RFX/RFX/RFX/RFX/RFX/RFX/RFX/RFX/RFX/RFX/RFX/RFUAAAAdIYe8AAAAD3RSTlMAd5mqzDNmRLsR3SLuiFXZZOBzAAAAAWJLR0QAiAUdSAAAAAlwSFlzAAALEgAACxIB0t1+/AAAAaFJREFUaN7tmruaxCAIRvF+T97/bRdQMyY7Fil2K04xnxrlB0QbB+AV52/eGXjJf+sJgiAIgiAIgiAIgiAIgiAIgiAIgiAIf4WiN18NylBHq9nnl2HraNBbbCoIESCZ88wFAn3MlwnNa3kFtWLguWRbzQdmVwsN5EBjMJrgMlx9enduZFNlHEldL6Ijrkxzg5RrGiuSVQ89skxSSpPn8WM/oO143PXAou2cxgScXD/ND15rP1cEs9FLZAa/XPYh+iPCQw8dNwcseuWLngm8kFccbaNHbXLmo1dqD3zRM+YKqYsEyvpDL9XhB64ImJCNHgYYy6wXzkeMsPTxtzaaveqBswbzEkZNdaON66zXi047PWhGwxIPFgs7v8QXqXmLj8vnUS82UFwjI9pu9cpZbno2HPauV+owd9s03256bhT8rDC30xuZmvbpAEb/2D9Pp++hh7u+6jXOkm4v9RKNFqzHVY/TZCyqFj5/CbenYHfVq3wn0GniE7vP59Trd4XhT63Nfve272jGm6af98Y3Ta+Xvh1hhI8z+UYa9dn/qfJF7wfDGxItV1KfHQAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    background-position-x: 50%;
    width: 188px;
    height: 81px;
    padding-top: 5px;
    margin: 0 auto;
    text-align: center;
    vertical-align: middle;
    font-weight: 400;
    font-size: 40px
}

.ability .content {
    padding: 0 86px;
    margin-top: .9rem
}

.ability .ablity-card {
    border-radius: 18px;
    margin: 0 .5rem;
    border: 1px solid #f45;
    color: #f45;
    text-align: center;
    overflow: hidden;
    width: 3.6rem
}

.ability .ablity-card .media2 {
    width: 86px;
    height: 86px;
    margin: .8rem 0 1.2rem
}

.ability .ablity-card .media2 img {
    width: 100%
}

.ability .ablity-card .ability-name {
    font-size: 25px;
    font-weight: 400;
    margin-bottom: .8rem
}

.ability .logic {
    border: 1px solid #0cc995;
    color: #0cc995
}

.ability .number {
    border: 1px solid #ffeb00;
    color: #ffeb00
}

.ability .geometry {
    border: 1px solid #f45;
    color: #f45
}

.ability .detail-skill-tab {
    padding: 15px 10px;
    padding-right: 0
}

.ability .detail-skill-tab .span-container {
    text-align: center
}

.ability .detail-skill-tab span {
    font-size: 27px;
    display: inline-block;
    padding: 1px .8rem;
    border: 1px solid #f0f0f0;
    border-radius: 1.2rem
}

.ability .detail-skill-tab .s-y {
    background: #fcf0dd;
    color: #e57216;
    border-color: #ffa415
}

.ability .detail-skill-tab .s-r {
    background: #ffe1e4;
    color: #fd3749;
    border-color: #fd3749
}

.ability .detail-skill-tab .s-g {
    background: #e3f7e1;
    color: #45c838;
    border-color: #45c838
}

.ability .detail-skill-tab .s-pr {
    background: #f7e1ee;
    color: #c83890;
    border-color: #c83890
}

.ability .detail-skill-tab .s-bg {
    background: #e1f7f1;
    color: #37caa2;
    border-color: #37caa2
}

.ability .detail-skill-tab .s-p {
    background: #e8dff4;
    color: #642bb2;
    border-color: #642bb2
}

.ability .detail-skill-tab .s-o {
    background: #ffe8e3;
    color: #ff6744;
    border-color: #ff6744
}

.ability .detail-skill-tab .s-b {
    background: #e1f1f9;
    color: #37a4d7;
    border-color: #37a4d7
}

.goal .title-container {
    padding-bottom: .6rem
}

.goal .title-container .title {
    background-image: url(data:image/png;base64,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);
    background-repeat: no-repeat;
    width: 869px;
    height: 63px;
    margin: 0 auto;
    text-align: center;
    vertical-align: middle;
    font-size: 40px;
    color: #f45
}

.goal .contentItem {
    border-radius: 17px;
    border: 1px solid #e7ecf3;
    margin: .6rem 3.1rem
}

.goal .contentItem .contentItem-number-container {
    border-right: 1px solid #e7ecf3;
    margin: 7px 0
}

.goal .contentItem .contentItem-number-container .contentItem-number-col {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAA8FBMVEUAAADlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUwAAAAdVBsVAAAAT3RSTlMAIGihzen3+eykIVXG6J9gNBUIBhQ1oMVZA2ZRBU/XRE3fmQ6qygGE2IfICqeb3sNYB07vBCJqrWmlZV/PM84T7cRMRZ6dhhbMqQnCWqb6EksrzwAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAEtSURBVDjLjdTrUoJAFADgk2kgyU0ooBBJSlGJbkoaFxUqNdP3f5wwmwkH2N3zg9llvtn7OQCZOKmcVmtnFF2tVxgojvMGy/GC2JTkC/6SVVStCF1dZ37rLcVoAz7Mm04Tr6zbOxGvuj2bQEF/MCQYy7knGMpyifZoaATqQU0/j09o9KwAMC86Go3YMXivuPm4CUzfcMivQxDikBABLePQbA6UhEMSRYboGcF0gYBdeABTnuAIJhwOpYc5Zkdos78WWLTQaH/BoC7Q6PepaEaMMvHh0bVdq9xYbnJovDvlyPn4awwH/TLz+Z9Sot3rFpHj5Fyu1gXrstarZbb/1XFze4zdXMFI7I2ZSQnd3NhJfnBNTYuYH8q6Loc+V2t8lyQl420jerejo613VA5/AFfAHeCosHhIAAAAAElFTkSuQmCC);
    width: 36px;
    height: 36px;
    background-repeat: no-repeat;
    text-align: center;
    vertical-align: middle;
    line-height: 36px;
    margin: .5rem 1.1rem;
    font-size: 20px
}

.goal .contentItem .contentItem-content {
    padding: 20px 2.2rem;
    font-size: 16px;
    width: 14.5rem
}

.lesson-ext {
    border-radius: 62px;
    padding: 20px 1rem;
    margin-top: 1.8rem;
    border: 1px solid #e7ecf3
}

.lesson-ext .title {
    font-size: 20px
}

.lesson-ext .content {
    font-size: 24px;
    color: #f45
}

.helper-wrapper {
    position: fixed;
    z-index: 999;
    right: 0;
    bottom: 94px;
    color: #fff;
    font-size: 18px;
    line-height: 22px;
    text-align: center
}

.helper-wrapper .helper-list-organization {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-right: 50px
}

.helper-wrapper .helper-list-organization .helper-list-organization-header {
    position: absolute;
    top: -65px;
    width: 164px
}

.helper-wrapper .helper-list-organization .helper-list-organization-item {
    width: 100px;
    cursor: pointer
}

.helper-wrapper .helper-list-organization .helper-list-organization-item .helper-list-organization-item-orgcodebox {
    position: absolute;
    right: 180px
}

.helper-wrapper .helper-list-organization .helper-list-organization-item .helper-list-organization-item-orgcodebox .helper-list-organization-item-panel {
    width: 200px;
    height: 200px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: flex-end
}

.helper-wrapper .helper-list-organization .helper-list-organization-item .helper-list-organization-item-img,.helper-wrapper .helper-list-organization .helper-list-organization-item .helper-list-organization-item-orgcodebox .helper-list-organization-item-panel img {
    width: 100%
}

.helper-wrapper .helper-list {
    display: flex;
    flex-direction: column;
    align-items: flex-end
}

.helper-wrapper .helper-list .icon-wrapper {
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 10px;
    flex-shrink: 0
}

.helper-wrapper .helper-list .helper-online,.helper-wrapper .helper-list .helper-organization,.helper-wrapper .helper-list .helper-phone,.helper-wrapper .helper-list .helper-trail {
    width: 144px;
    height: 60px;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.2);
    margin-bottom: 10px;
    padding-right: 10px;
    border-radius: 40px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    display: flex;
    align-items: center;
    cursor: pointer
}

.helper-wrapper .helper-list .helper-online .icon-wrapper,.helper-wrapper .helper-list .helper-organization .icon-wrapper,.helper-wrapper .helper-list .helper-phone .icon-wrapper,.helper-wrapper .helper-list .helper-trail .icon-wrapper {
    width: 40px;
    height: 40px
}

.helper-wrapper .helper-list .helper-online p,.helper-wrapper .helper-list .helper-organization p,.helper-wrapper .helper-list .helper-phone p,.helper-wrapper .helper-list .helper-trail p {
    width: 4em;
    flex-shrink: 0
}

.helper-wrapper .helper-list .helper-trail {
    background-color: #ff4355
}

.helper-wrapper .helper-list .helper-online,.helper-wrapper .helper-list .helper-organization {
    background-color: #ff7c21
}

.helper-wrapper .helper-list .helper-phone {
    background-color: #ffb51a;
    position: relative;
    transition: width .25s ease-out
}

.helper-wrapper .helper-list .helper-phone .phone-number {
    width: 11em;
    position: absolute;
    left: 118px
}

.helper-wrapper .helper-list .helper-phone:hover {
    width: 300px
}

.helper-wrapper .helper-list .icon {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-size: contain
}

.icon.icon-gift {
    background: url(data:image/png;base64,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)
}

.icon.icon-msg {
    background: url(data:image/png;base64,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)
}

.icon.icon-phone {
    background: url(data:image/png;base64,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)
}

.icon.icon-experience {
    background: url(data:image/png;base64,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)
}

.icon-organization {
    background: url(data:image/png;base64,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)
}

.aicodebox,.orgcodebox {
    position: absolute;
    right: 134px;
    top: 0;
    padding: 0 20px
}

.aicodebox .panel,.orgcodebox .panel {
    width: 200px;
    height: 280px;
    background: #fff;
    box-shadow: 0 4px 29px -3px rgba(0,0,0,.05);
    border-radius: 10px
}

.aicodebox .panel .img,.orgcodebox .panel .img {
    display: block;
    margin: 0 auto;
    width: 200px;
    height: 200px;
    background: url("https://asset.txqn.huohua.cn/assets/5af1031a-2d73-4206-86ba-7b1d0ad9359b.png?imageView2/2/w/800/") no-repeat top;
    background-size: cover
}

.aicodebox .panel .img img,.orgcodebox .panel .img img {
    width: 100%
}

.aicodebox .panel .img2,.orgcodebox .panel .img2 {
    display: block;
    margin: 0 auto;
    width: 200px;
    height: 200px;
    padding: 16px;
    background-size: cover
}

.aicodebox .panel .img2 img,.orgcodebox .panel .img2 img {
    width: 100%
}

.aicodebox .panel p,.orgcodebox .panel p {
    width: 100%!important;
    text-align: center;
    font-size: 20px;
    color: #1e187f;
    line-height: 33px
}

.aicodebox:before,.orgcodebox:before {
    content: "";
    position: absolute;
    right: 4px;
    top: 23px;
    border: 8px solid;
    border-color: transparent transparent transparent #fff
}

.orgcodebox .panel .img {
    width: 200px;
    height: 200px;
    padding: 20px;
    background: none;
    border-radius: 4px
}

.orgcodebox .panel .img img {
    width: 100%;
    height: 100%
}

.orgcodebox .panel p {
    color: #484848
}

.devide-container {
    background-color: #fff
}

.devide-content {
    width: 19.2rem;
    margin: 0 auto
}

.devide-content .devide-content-td {
    margin: 0;
    padding: 50px 0 45px;
    text-align: center;
    font-size: .6rem;
    font-weight: 400;
    color: #222
}

.devide-content .devide-content-td .subtitle {
    display: block;
    font-size: .36rem;
    color: #888
}

.devide-content .devide-content-md .devide-species {
    box-sizing: border-box;
    height: 1.6rem;
    border-radius: 1.6rem;
    border: 1px solid #f45;
    overflow: hidden
}

.devide-content .devide-content-md .devide-item {
    position: relative;
    width: 4.6rem;
    border-right: 1px solid #f45;
    cursor: pointer
}

.devide-content .devide-content-md .devide-item:last-child {
    border: 0
}

.devide-content .devide-content-md .devide-item .device-text {
    display: block;
    font-size: .4rem;
    color: #f45
}

.devide-content .devide-content-md .devide-item .device-sprite-camera,.devide-content .devide-content-md .devide-item .device-sprite-microphone,.devide-content .devide-content-md .devide-item .device-sprite-network,.devide-content .devide-content-md .devide-item .device-sprite-speaker {
    display: block;
    margin-right: .3rem;
    height: .54rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.devide-content .devide-content-md .devide-item .device-sprite-camera {
    width: .4rem;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAbCAYAAAB836/YAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTBBQkVERTgxQzY4MTFFOEIyNTlBQTIyQURENDdCNTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTBBQkVERTkxQzY4MTFFOEIyNTlBQTIyQURENDdCNTQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2NTgyMTJGRjFDNjgxMUU4QjI1OUFBMjJBREQ0N0I1NCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2NTgyMTMwMDFDNjgxMUU4QjI1OUFBMjJBREQ0N0I1NCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pn3re2YAAAHmSURBVHjanJVfKENRHMfvrimi0FIeELWS5V/xohTaeFKSiFKalXdKkhcrL/Ygrx5QvO1hJWppCVGUIi1jK0WRlShJLQ/me+a3ujvOuX9867N7z5/73b2/8zu/Y0t7hhQDzYNFuveDhZzRSDCnaVeM9QZmQBp8G002MnSBOCin9gtoBFGrhmPAB7ok4ydgHWzwAyrXLgYhsKVjxtRBhjtKz3CpzLAIXIIBxbz6wBVMy0SGh8CpWFc1hSDHcA60Kf+XC2+ZSScb8rAE11eQJ5j4DgJgj9LGDaZBhWAuSykHW+V+iVkCdIKkpu8CrIFjSil+PbzsZ1DyGb2cmTbRPeBLMNauUqLyOgAPOjF7BmFBfwMzLBQMhE0sxLWgr1aV7E+HCcMCQV9KpZjwGjVh6Bb0xVSKlyhZJ3XMvKBZ0B9lhkHJQ6v0IK8R2sci7dqowMZAvWQSK1/7lNjdgvzL6g7F1pktXxPgVDKxjjCST7uXz/6UdmsK4O2O+Grjp31rVSswm5UVWDYwDh5NGCUzoYoEp4yOgE1a+VYqtizfKmlRnqhuboNz8Gn2TEnRXg5RKOz0NWxXtYAbkZmeYVOmtP/qnkLADKuI7OonzBhqzZhqCF63lLtxvVMvHyzT/YcBNrDE/8uPAAMAIIhsrw5qEh8AAAAASUVORK5CYII=)
}

.devide-content .devide-content-md .devide-item .device-sprite-microphone {
    width: .32rem;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAbCAYAAAB1NA+iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTVDQzg1Q0QxQzY5MTFFOEIyNTlBQTIyQURENDdCNTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTVDQzg1Q0UxQzY5MTFFOEIyNTlBQTIyQURENDdCNTQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxNUNDODVDQjFDNjkxMUU4QjI1OUFBMjJBREQ0N0I1NCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxNUNDODVDQzFDNjkxMUU4QjI1OUFBMjJBREQ0N0I1NCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pgqfnv0AAAGqSURBVHjanNVNKARhGAfwmVn5KmHDhoPI17YXIS6Ur5M75aJ8lJMDN5QcnSgXpbispFxEcnJA5OIgJx8plJSk5GOXXeP/1H9qjFnm3ad+s9M0z9PzvvO+7+pmR5fmEq3QC+2QA4ewDgvwZX9RdymwBH2ae1xCG9xaDwzHC9N/JEuUwwGkWw98U2Uh674U1rT/Ixs+YdfZwYDmPfrdhlCjUKAECp0FUjS1yHIWiCkWiLl9BeWwF/AlkyuXCv5+KBaIQkAS9zmj9wrJspzfYczg7OtgKnYgQ9YNtiKRqjh+EZFLBmTCo0IBWcoRyJcCcWiAbYUCR/AELTL+VZgDP4eT5qHAMPRAkXQwCbnQCbUekmXHnsAKjBtsZRS24Bya4C1B8jx0wzHcwIy1gWYhxMmpgzx21MwJPoVNuOOBEuRR9+NA2eCnXGbiDoSZ+ApD7FLuizn5vzbTBFTDBSxyeBEeqvWcuKB90bmdAWcwyPswk/y2BZdwN7rFNRdY1Mt2TiqcQwiwXZMnThUUQCU3nMEvdWX9wTgLjNhO3DhX5TPssYB4gEZ4kZe+BRgAyd1XciwH470AAAAASUVORK5CYII=)
}

.devide-content .devide-content-md .devide-item .device-sprite-speaker {
    width: .66rem;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAbCAYAAADyBeakAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjU4MjEyRkQxQzY4MTFFOEIyNTlBQTIyQURENDdCNTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjU4MjEyRkUxQzY4MTFFOEIyNTlBQTIyQURENDdCNTQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2NTgyMTJGQjFDNjgxMUU4QjI1OUFBMjJBREQ0N0I1NCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2NTgyMTJGQzFDNjgxMUU4QjI1OUFBMjJBREQ0N0I1NCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp9m4WMAAAI2SURBVHjaYvzvEspAJpAE4k1ALA3EVkD8gCxTdq9iYCLTAV5AfBWITaCOUSVCTxAQLwJiD3QJchxRCcRbgVgQSewHAT3mQLwWiGOBeDsQO5LrCCEgXg/EbVjk/hPQK4PG3wfEsqQ6wgyILwFxAJnRBwqFvWhiG0lxRCIQn4QmQEqAOxC/ROIbAnEwiMGCpCAFiHmA+C9SEAsAsQ0ZFlpDzZwNxI+hYiBzfYH4FJK6flAoMQKzqAOQsZ9CX9oC8REo2xTJordArAvEz5HUbgBif+QQAkVHNgN1gScSWxiIN6PJV6Dxg5mIyF6kgrlA/A6Jb4zmsBvQRA4D3iBH/KayI55C0wMyaETjH0ZiSzMx0AacgZYFDEjpBLlUPUBpiUksmI7GV0Fi36KXI+6j8dmQ2N/p5QgpND5y2mOnlyNS0PgPkdjK9HCEEhD7IfGvQ6t+GLBHdwQzlR0AquJ3oYk1YCnWYeANyBG8VHZEBlpwg1pcq5D4ctAsCwNbQY6YR2VHHEdi/0MrLUGgBYgZkat0UC26BYijoQmJD6kW/QXEEmj5mxgAKojCoJXaQmgxjZxWYpGjAtjGXA+rypdBMTZQA8TNJDpkNRSjgx1o/HJic0cLtB3whcJoWoZWdN+FJQVisygoyrTQ4psUAGo/RKKJ+ZJTTjyG9i+mkOGIT2j8CGjZQXZhlQvEyWgtbA4CekAttzwgPgjESUC8khol5jxoQ/UOEL8H4kdE6JkMxKCm5Hx0CYAAAwA9DWiDU0q9WAAAAABJRU5ErkJggg==)
}

.devide-content .devide-content-md .devide-item .device-sprite-network {
    width: .52rem;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAbCAYAAABiFp9rAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTBBQkVERjAxQzY4MTFFOEIyNTlBQTIyQURENDdCNTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTBBQkVERjExQzY4MTFFOEIyNTlBQTIyQURENDdCNTQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBMEFCRURFRTFDNjgxMUU4QjI1OUFBMjJBREQ0N0I1NCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBMEFCRURFRjFDNjgxMUU4QjI1OUFBMjJBREQ0N0I1NCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv6O3EwAAAPuSURBVHjalJYJSJRBFMe/1dUOyyxLhU4zKhUpu08ryC4JulwIsoMuDSSNLio7JEqoKLq8gg67XIqkoIyNoigjyqjUrCy7AzusTco0j/5v/X8wfX1aDfzYb2Zn3pt57817Y6kfG639pXUHS8FY0AF4gHpgAZ/BQ7BPc9gvNCXE0oSiIJcATRsNroLXIA88BS2AG5gA/MAYUAGSoTDrfxRtBBvAMbCJJ8njf0PBO9AaFLL/CkSBdJAPBkJhvSrQzURJNpUMAnFgOTgAmoMPIAmEgQLQB4wHN8ADYAW1oEaLtPk1pUgE2miOduArWETTxIL24BZ4wfk52Lmcvi24CXaiPxi/l0AZlFnNFC0E8xUn53L8Ek+yk3134MnvbhAmPpzKfjz6KVAmp3wMHhkV+YAMLugLYhgMyWAFSFQ25E8z6u0gzSbrI1wbjLTFQFlvl4xI2zI1GM7RVMMZuhoj7gTtH07zdKHZJPImg2dUehH4gmlgPYNnJK1zDUotosgbHSeFLOBEvX10RZCmbQNXqOAJKKdyX0bbboZ6irL2OxR44URl+N4uihLomzDlNHrbDA6DEmVsP8ii8/W2lj7NN6yXU4WAZeKjGTTRMJNQf0KfqU0CpdowFm6ySWkJNH03URTKCJluMvEH6GQYa8bIU1tgI9lF/FgHivQ4f8+04jRMlH6AYfwLT+T8zR8Nm5KM4WW4p/JfnviojNFSxAj6yWjx4P2RDbSicE8qqOblraGwWm6gNdfVcdzddXER+lbFDIvBJC7SL+ZKmiWO4zJ2CFwHmYpA8eUWsJcn0rO7zJf7U2nlLuUO9eKFM9q+q2H8PigGo5SxjkyoUSZ+kisQKrspZRY4bTLJjeXB6Ddj1BU1EnWX9Ywvgs4y9eSaTJSd3jOMBdBvaitUTK62PSAYfHJjxhbTtARHDROXM5pkx8dZp/awL/kvDdxmChr3hxqHPYcl55Se68Tud8E8xQQFzAJpLOc+zHfPlRQkm6ji+mAm4NlKcJ2n6b317C3a5tLxUndW840gAjuznOezZKziJb/MqpvJ8I/g7oeAXThNBk+eie8Kq5Jq0pmZLayUVQwGyXVrFIPI5a40FMtAZnvN9ZBx2BORTI/ISfC9yFj4Yun4NxzfwfE5vPGp7Fcrjq+CoFSeSg+KbChJUmqaaSnX7f4SrGNClSp5h/aX1p++ajB5pE1KywBXhXbYw2h2KZgj0C/VBVtNQrIHnVhFh0oxnAi+0TcR/C+eBXMKr4E/lJYwCYdASfG/vuuiWfA8+TJ6C04y/3mzKM4CPfl46edKTw77kv99QOptJl+qQQz9cibeNlQoSfMM2AolzsaE/BJgAPg0IJo1sxdNAAAAAElFTkSuQmCC)
}

.devide-content .devide-content-md .devide-item.active {
    background-color: #f45
}

.devide-content .devide-content-md .devide-item.active .device-text {
    color: #fff
}

.devide-content .devide-content-md .devide-item.active .device-sprite-camera {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAbCAYAAAB836/YAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTVDQzg1QzkxQzY5MTFFOEIyNTlBQTIyQURENDdCNTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTVDQzg1Q0ExQzY5MTFFOEIyNTlBQTIyQURENDdCNTQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxNUNDODVDNzFDNjkxMUU4QjI1OUFBMjJBREQ0N0I1NCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxNUNDODVDODFDNjkxMUU4QjI1OUFBMjJBREQ0N0I1NCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv4cjMUAAAGgSURBVHjarJXNK0RRGMaviyLKx6RGDVJqIoaysVDSbG3sKKnZ2FMWsmA7Nv4PC5ksJkWjLGelaaaGlAlNEkUpNnM8r96bOr3n3DMznvrVzLnnPPfMvF+eUsoLYVf9aT9sf5sXrjewDRSohW1uIVeLJkAUDPD3F6ZgPGG4+hrIKbOuQEo6qy90g2PlrlPQazLsAreqflVAn2SYV42rqBvuqOb1m1IU5R7E5hW0CjF7BwfgjNMmCbY48roopSJ0u3XDG8sgKkSyn3+ipE3akDE8HLFUxCD4Fs4c+bjmlHD9HKhYEr4KssL6JBl2Cg+yDiVZFNZGfUN9RhwMO4S1L5+LX9eqg2FSWCv5/H/pGgYbFrMUmBbWCxSxeUuySg1gxbJ/KWhfJTBuuE0ZXHBiL3JLk3QHxoK3zv1D6S3ozWGvCbO0qR+mGzA7tDXYoLYfHIyqUtBMM4WSdhYsc77FOChP4BJkQB581jOkYpyPNJBoOgZVNcNZ8SwdMo3RBLjmz/fgkQ2HGFIc3LhMvYRjMGogHjb12sE5H/gIgXSiG/4IMAAuI3INVNxovQAAAABJRU5ErkJggg==)
}

.devide-content .devide-content-md .devide-item.active .device-sprite-microphone {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAbCAYAAAB1NA+iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTBBQkVERUMxQzY4MTFFOEIyNTlBQTIyQURENDdCNTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTBBQkVERUQxQzY4MTFFOEIyNTlBQTIyQURENDdCNTQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBMEFCRURFQTFDNjgxMUU4QjI1OUFBMjJBREQ0N0I1NCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBMEFCRURFQjFDNjgxMUU4QjI1OUFBMjJBREQ0N0I1NCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Prtzp40AAAGGSURBVHjanNTBKwRRHMDx2bFZFCFsDpIDGw6U4iDFSe1fwJWLKzcXN7UnDspJHNxcHbgi5eLk4KDUSlJCiXaXXc/3t/0m0zS7O29/9dmdZt/vN++9nd9zjDFOiDkc4AEfOMUK3ODYsOR9Uznu0FetQMbUDplVU1iBARM9Nrw81/mPZSd6LHkX/gLjFgX60RssEHfsojVYoGhZoBgsUFf4CzTUkysfg/r9bVmggKQkXuiOPlsk/yKHdVd3PwZjOQNZcszVqUg0Wq5f5OWjGS14tSjwI8nolgIlTOLEosAV3jErDbGDN22OfMRmGsOijJekDr2ZxkiE5CN9mMSa18qreiOOaXxVSN7V8dfIyrXXQNsY1c2ZQBfSmNENvsExnnCJYbSXMwMn0qY+6QzzaENC17ylv90iVu1MTGEPjyhpkizpHAtRDlW/QxR1FqFjarVzVl+wQpR2riuCx1gSndpYcuKk0IMhbThX/6l77UinvJu+yPhOXHnFE9p1OS0gXjCFTxn0J8AA0chWZs67mZMAAAAASUVORK5CYII=)
}

.devide-content .devide-content-md .devide-item.active .device-sprite-speaker {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAbCAYAAADyBeakAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTk1OEJBOTgxQzY5MTFFOEIyNTlBQTIyQURENDdCNTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTk1OEJBOTkxQzY5MTFFOEIyNTlBQTIyQURENDdCNTQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBOTU4QkE5NjFDNjkxMUU4QjI1OUFBMjJBREQ0N0I1NCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBOTU4QkE5NzFDNjkxMUU4QjI1OUFBMjJBREQ0N0I1NCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp4xhcEAAAIBSURBVHjavJfNK4RBHMef3S0uyEvKYvfgrZwcWMraUPIeRUputAcld8qBkr9AOYji4ODiLRdJiijhoEReQiiHbQ8ciOzjOzVP/fx2tbPPPvZXn5rvjN/0NTPPzG9tuq5rJsMJ1kEeqAb3Zieym8xrBeegQpopVsjpAougOWxErESMjOrh4YuSU8X+vp6Ox7ISmWAFTEUYi7an+UzvAFesK1EJnvS/o0Zhjm2Wc2qMqRjo16OHigkHeGF53WLMJr+OJuAHKeCbLHE6qFHYKh/YJ9or55wFj6TfA46IFmNu4bBOjz/oSnhIfwA42YqsstxGcTCHNGujhbSzwAYbH2G6W5j4sNjEHAgSXc6MXYIzotuEiS+LTTzL80Bjguk90s6za/8Tx/IuoAeS3qq7VlzbKjHDdBFpXyXKxB3TSaT9nigTuUzTs5ecKBN+ph9IuzARJgpAB9EX8uk3opabcFhsIANssb5xpr2kHRAmUi02MciWW1Rcy0S75SdrxKYwMW+xiUPSDrHbUsQksBG9ZryiffIgpZFX9BPksO9b9RXtkX0L4ISdlVu6FSBbpZ4Ys6ieEFyxvAHVokbQDt7iNLHEcm5iqawMXODApInOCDmlZgrdR/n7YtrEYX1lulfeHaZLfk3uZYj8Vw0KOcNgV9asv8bMmhCUgWsQBCVxzKP9CDAAHDAfCGMhGd8AAAAASUVORK5CYII=)
}

.devide-content .devide-content-md .devide-item.active .device-sprite-network {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAbCAYAAABiFp9rAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTk1OEJBOTQxQzY5MTFFOEIyNTlBQTIyQURENDdCNTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTk1OEJBOTUxQzY5MTFFOEIyNTlBQTIyQURENDdCNTQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBOTU4QkE5MjFDNjkxMUU4QjI1OUFBMjJBREQ0N0I1NCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBOTU4QkE5MzFDNjkxMUU4QjI1OUFBMjJBREQ0N0I1NCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtFdfYMAAAOISURBVHjajJZ9TM1hFMfvvV2VpSKVplRuXpaMbptRVyoMQ1sim5k/WCQzGmKz5SUb5p82hMJEzMyMsaHZbCxt3kZ6RWhjWZqXZqrhdn0P3x/PHr9une2z+zvnPs953s5zzmP1eDyWfsQBNoLZIAwMAtLJCj6DRlAKbnhzYvUyUBwdpIM74C2oAS1gMLCBeSAcZICvoBhUmnqTgUzY5fkjZ8FYkKL8lwxiwERFjwRr2OcRsOo+zQa5wA5TQCAoA43AH3SA62Ah20zmpFrBNOAD7gM3CPc20Ak6CANzPf9kBCjg906uRuQN+3VSP0i9irrdbKDV/NPCBobcAjZFLwZJip4OZir6fvpoBi36QEPZKAskgpXAAXZT36w4KuOZeZRVhdKeyoFX0K/IJvk2ou4aCAEuhq6FEXce3ANOMAxEg1ZGXiZ4BfxBFRgOssEOXoNUXoG7v38xUBBHHsUVqCKHHwsugnVgDnXpkwaywUkGxTat7zeuqh0UWnjIdcpSVdkDxmi2UkaYKtu1czNkOsO+WS7dEm5Risk1ewESNZtkg++azalsuSoF3PpYGSgBPAeLTRr2gCjN5gd8NNvoPrKLnGMvaLDT8IFppVNrKHqEZv/CFam2Lk6qDQQodhv/q5Goa2e0NDCCfjBaJHl2cAJD6NyXA8h3KPhJZ25OIJD9emmXlYv/cruyDXlgPjtZaN/KbcmnXWwVoBocVxzKWe4Fh7kiI7tL+xzQbecs5Q6NBzNM9j5Gs9eCJpCm2CJBGVhgck5yvxJkNq9ZEi6ZNLKxPOjnpkddQx9Rd5u/yeLoKlgEbpo0lJk+1WwRPDdV6pUtV+UQiAcf5ZJG83JJSajULlw7c149OMfMPYm5US76UfCAOa7Q5MKK/2egxEiqteCUlh2kwVraHLz5s/gtA2Ww6CWxDknpOK30l4wQZSzCGGgcDVI585i3pHAtZQ5cpWVvl6I/BsHMhZIHp8oKlDpVrtejY1o9clOvACO1/KfmtXyWEkM20McZxd9/FfYJeAd8wQFtr4/wu4jZWqSH/z2kXsdqXETd4e3NIFXxPQcTh018cASw8xUWN5FMkMvvXPYvoe7q73Fi4QPEONAQsJz2CQwQCYL1tGVxa53gJegG8QN5BRnk8HXTxlluYRT58fFiZcmWM6sGXdxeU3/WAbxUl/GlGsfb/4mJNxgEMWleBvtMsv9f+SXAAOr6p9VbM7viAAAAAElFTkSuQmCC)
}

.devide-content .devide-content-md .device-camera,.devide-content .devide-content-md .device-microphone,.devide-content .devide-content-md .device-network,.devide-content .devide-content-md .device-speaker {
    width: 100%;
    padding: 60px 0
}

.devide-content .devide-content-md .left-section {
    margin-right: 1rem
}

.devide-content .devide-content-md .left-section .device-item-select .text {
    font-size: .36rem;
    color: #222;
    margin-right: 20px
}

.devide-content .devide-content-md .left-section .device-item-select .select {
    width: 4.8rem;
    height: .72rem;
    border: 1px solid #333
}

.devide-content .devide-content-md .left-section .device-video {
    height: 5.26rem;
    width: 7rem;
    background-color: #333;
    margin-top: 30px
}

.devide-content .devide-content-md .left-section .microphone-speak {
    margin-top: 40px
}

.devide-content .devide-content-md .left-section .microphone-speak .device-sprite-microphone2 {
    display: block;
    width: 23px;
    height: 38px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAmCAYAAAAvDACoAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTVDQzg1QzUxQzY5MTFFOEIyNTlBQTIyQURENDdCNTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTVDQzg1QzYxQzY5MTFFOEIyNTlBQTIyQURENDdCNTQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBMEFCRURGMjFDNjgxMUU4QjI1OUFBMjJBREQ0N0I1NCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxNUNDODVDNDFDNjkxMUU4QjI1OUFBMjJBREQ0N0I1NCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpjwOs0AAAJaSURBVHja1JdPSBRRGMBnV4X+EBRIFl2yOvT3YrAsBkFqpFAIRUuH9FhhRHSpDLoVpFBdFCQiCKLDSAlFhk0nI4ggMoNOHiQprZNkUFDu9vuGb+IdZmZ3Z54HP/j5xh32996+eft932ZKbcedMnEITkAzbIR5eAPDMOJ47t+oN2Zi5HvgLuRiJp6Gs0wwGnYzG/GmdpgsI5bYDM+cg4ULlcq3wXOnurjFBJ2VyEecZPGQCdbGyVthd0L5KuiKk3c66eJknPxASnmOrakPk9dAg5M+1kWt/I8FeTFKXrIgL5X7ElmJZSfPLKU8a2bF14yP4DbMwKaU8pWa8Pqymqfb9CmnPy2e+5u/+yAffIQ5y1szH7bntp5B0ZTVGSnARqww5Y06frEkXx/IRZhPWSiCeKVjSyAf0u2Q63sp5dd0lMU+EeEdfUFaha9+wU0W3ziGL8jnQcHoFfl3GIejUK/VaDGBvEPH+/4iPfdT8ECD5uWtirfDzyrEx5C9Z9WDur0d5mmR1Z/XUyNtxRSsgdEyUlnMVsSPEV/lugdu8P9kWMd1Ha7AB9gPP2ADnIMtIK3DAnyGBzCByEEsW9HtPzfPLcS1c6f1BEnchMsQ1Q9elASl1/2IL1XSK+Y0SzYbPeFHHeWT7IKdem/WX5DnPq2mEZXYC6egoFsShGS+lzCAdCxpJXqn2yTtQpO+1qU5+wiM2Spzv4xVW6+hq41Ks7yq/5SOMxW3ASGnpVHPb51RUxe1cB/W30MTUGu0EkX/S+W546aoNmTCHXAmYjELmk7zIffmNAH+j38CDADdt4v6/UjsGgAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.devide-content .devide-content-md .left-section .microphone-speak .volume {
    margin: 20px 0 30px
}

.devide-content .devide-content-md .left-section .microphone-speak .volume .volume-item {
    display: block;
    width: .28rem;
    height: .64rem;
    background-color: #e7dcdc;
    margin-right: .32rem
}

.devide-content .devide-content-md .left-section .microphone-speak .volume .volume-item:last-child {
    margin-right: 0
}

.devide-content .devide-content-md .left-section .microphone-speak .volume .volume-item.active {
    background-color: #f45
}

.devide-content .devide-content-md .left-section .microphone-speak .listen-voice,.devide-content .devide-content-md .left-section .microphone-speak .to-microphone-speak {
    display: block;
    font-size: .36rem;
    color: #222
}

.devide-content .devide-content-md .left-section .speaker-audio {
    margin-top: 40px
}

.devide-content .devide-content-md .left-section .speaker-audio .device-audio {
    display: block;
    width: 1.14rem;
    height: 1.14rem;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADkAAAA5CAYAAACMGIOFAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTk1OEJBOUMxQzY5MTFFOEIyNTlBQTIyQURENDdCNTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkM0ODFFMTAxQ0I3MTFFOEIyNTlBQTIyQURENDdCNTQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBOTU4QkE5QTFDNjkxMUU4QjI1OUFBMjJBREQ0N0I1NCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBOTU4QkE5QjFDNjkxMUU4QjI1OUFBMjJBREQ0N0I1NCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pvv9DnoAAAZySURBVHja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);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    margin-bottom: 30px;
    cursor: pointer
}

.devide-content .devide-content-md .right-section .device-solution {
    padding: 0;
    margin: 0
}

.devide-content .devide-content-md .right-section .device-solution .title {
    font-size: .4rem;
    color: #222;
    line-height: 1;
    font-weight: 500
}

.devide-content .devide-content-md .right-section .device-solution .list {
    margin: 30px 0 100px;
    list-style-type: decimal;
    list-style-position: inside;
    font-size: .34rem;
    color: #888
}

.devide-content .devide-content-md .right-section .contact {
    font-size: .36rem
}

.devide-content .devide-content-md .right-section .contact .contact-fl,.devide-content .devide-content-md .right-section .contact .contact-se {
    display: block
}

.devide-content .devide-content-md .device-camera .device-solution .list {
    margin-bottom: 80px
}

.page-item-list .course-title-link {
    text-decoration: none
}

.page-item-list .course-title {
    margin: 42px 0 8px;
    background-color: #f45;
    padding: 5px 0;
    border-radius: 44px;
    color: #fff;
    text-align: center;
    font-size: 23px;
    display: flex
}

.page-item-list .course-title .btn-text {
    margin-left: 54px;
    padding: 0 .5rem
}

.page-item-list .course-title .btn-icon {
    width: 34px;
    height: 34px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAMAAAANmfvwAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABVlBMVEUAAADlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzlPUzynaTugozsbnn////raXXnS1n0sbfsb3r1sbfraHT2u8HqZXH1trz1t732ub7//v7raHP1t7zzpKvteIPwkpvviJHyn6fufojyoanuhI3zp67teoTteYP0rLLtdYD0rbPtd4HmRlT0q7Lsc37mRVMAAAAbD5amAAAAS3RSTlMAGmOizez9zmQ/tPy1QSO2uV309V+AgX+FWiLzJLg9QLIW+xlgn8rr7fj36smhXmL6F6+zO7Eg8fJV/nh6e3xYHyE5rjoUm8jpnRXvWCFiAAAAAWJLR0QAiAUdSAAAAAlwSFlzAAALEgAACxIB0t1+/AAAAVhJREFUOMt1lFdXwkAQhQdCUYhoYgUVIfaOKEawV9BVR7H3gtjb/3+SYtiW3Ld7z3cmu5OZBaByuRWP1+fz+pU6F9ipPhAkNQXVBgkINRJBTSGe0HQiqbmFJVqJrdoo0U4c1GERYeIorUpEOp0RvauCqDTZ3ROZ7jIRpX4f8UBkekpIjNrDPOKRgKgAcYMNjhFPeCTYC318cop4xidu6BcKn4vnUWBAPN+FUMcPg1IvLvHqmrFDMCz364arY8CITU9vEe8YZNQGuUd8YD40JhOPiAXqPNKlCXlCLDJ2HCZE4hnxhfWTEE9IR31lvTEFkOSIN8R3Lpgu/ekZNvhA/OSrRssDk6rZr2/EH54IVKZu1rR8QRqXuUh1eNOZ/+A3X+QJErZWYJ44aIEu0mLGllhi1zFtyoC5zC/1SkokYqvS27C2zvQ5kdywfWE2ta1sTtdz2W1th4n/ANmsCGt/tPUyAAAAAElFTkSuQmCC) no-repeat;
    margin-right: 20px
}

.page-item-list .page-container-active:before {
    content: "\7B2C"
}

.page-item-list .page-container-active:after {
    content: "\8BFE"
}

.page-item-list .section-1 {
    color: #f45;
    margin: 28px 0 18px
}

.page-item-list .section-1:after,.page-item-list .section-1:before {
    content: "";
    display: block;
    height: 1px;
    width: 8rem;
    background-color: #f45
}

.page-item-list .section-1 .section-1-container {
    padding: 0 15px;
    line-height: 30px
}

.page-item-list .section-1 .section-1-container .section-1-index {
    display: block;
    font-size: 24px;
    word-spacing: 1cm
}

.page-item-list .section-1 .section-1-container .section-1-qx {
    line-height: 30px;
    display: block;
    background-color: #f45;
    width: 1px;
    height: 20px;
    transform: rotate(20deg);
    margin: 0 5px 0 0
}

.page-item-list .section-1 .section-1-container .section-1-text {
    display: block;
    font-size: 14px;
    line-height: 20px
}

.page.page-course-introduction {
    background-color: #fff;
    margin: 0 auto
}

.page.page-course-introduction .container {
    width: 26.67rem;
    margin: 0 auto
}

.page.page-course-introduction .course-banner {
    position: relative;
    width: 100%;
    height: 500px;
    overflow: hidden;
    z-index: 1;
    background-color: #ffa647
}

.page.page-course-introduction .course-banner .container {
    width: 26.67rem;
    height: 100%;
    position: relative;
    background-image: url("https://hf-mix.sparkeducdn.com/huohua/peppa-parent/assets/image/2023-12-19/06200a22-fb2d-4a1d-dfa5-a913c9784970.png");
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.page.page-course-introduction .course-banner .container .course-banner-modal {
    position: absolute;
    top: 280px;
    left: 136px;
    font-size: .5rem;
    color: #fff;
    line-height: 42px
}

.page.page-course-introduction .course-banner .container .course-banner-modal span {
    padding: 0 53px;
    margin-top: 20px;
    background-image: url(https://hf-mix.sparkeducdn.com/huohua/peppa-parent/assets/image/2023-12-21/bbee39c8-dea2-4748-93d2-8478c38ee244.png);
    background-size: 100%;
    background-repeat: no-repeat;
    display: block;
    width: 150px!important;
    height: 50px!important;
    background-color: transparent;
    border: none
}

.page.page-course-introduction .course-banner .container .course-banner-modal span.gonglue {
    background-image: url(https://hf-mix.sparkeducdn.com/huohua/peppa-parent/assets/image/2023-12-21/dde574fc-6ea5-4da6-df80-7181b417a03a.png)
}

.page.page-course-introduction .com-image {
    margin-bottom: 30px
}

.page.page-course-introduction .course-nav {
    width: 100%;
    padding-top: 60px
}

.page.page-course-introduction .course-nav .nav {
    white-space: nowrap;
    display: flex;
    justify-content: space-around
}

.page.page-course-introduction .course-nav .nav .course-list {
    flex: 1
}

.page.page-course-introduction .course-nav .nav .course-list .nav-item {
    width: 96%;
    height: 90px;
    display: block;
    margin: 0 auto;
    text-decoration: none;
    transition: all .3s ease-out;
    font-size: 24px;
    text-align: center;
    position: relative;
    color: #000
}

.page.page-course-introduction .course-nav .nav .course-list .nav-item:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 6px;
    border-radius: 6px;
    background-color: #c2c2c2
}

.page.page-course-introduction .course-nav .nav .course-list .nav-item:not(.disable).active {
    width: 90%;
    color: #fff;
    border-radius: 6px
}

@media screen and (max-width: 960px) {
    .page.page-course-introduction .course-nav .nav .course-list .nav-item:not(.disable).active {
        width:80%
    }
}

.page.page-course-introduction .course-nav .nav .course-list .nav-item:not(.disable).active:after {
    display: none
}

.page.page-course-introduction .course-nav .nav .course-list .nav-item:not(.disable).L1.active,.page.page-course-introduction .course-nav .nav .course-list .nav-item:not(.disable).L1:after {
    background-color: #ffd937
}

.page.page-course-introduction .course-nav .nav .course-list .nav-item:not(.disable).L2.active,.page.page-course-introduction .course-nav .nav .course-list .nav-item:not(.disable).L2:after {
    background-color: #ffca3a
}

.page.page-course-introduction .course-nav .nav .course-list .nav-item:not(.disable).L3.active,.page.page-course-introduction .course-nav .nav .course-list .nav-item:not(.disable).L3:after {
    background-color: #ffb53e
}

.page.page-course-introduction .course-nav .nav .course-list .nav-item:not(.disable).L4.active,.page.page-course-introduction .course-nav .nav .course-list .nav-item:not(.disable).L4:after {
    background-color: #ffa241
}

.page.page-course-introduction .course-nav .nav .course-list .nav-item:not(.disable).L5.active,.page.page-course-introduction .course-nav .nav .course-list .nav-item:not(.disable).L5:after {
    background-color: #ff9145
}

.page.page-course-introduction .course-nav .nav .course-list .nav-item:not(.disable).L6.active,.page.page-course-introduction .course-nav .nav .course-list .nav-item:not(.disable).L6:after {
    background-color: #ff8249
}

.page.page-course-introduction .course-nav .nav .course-list .nav-item:not(.disable).L7.active,.page.page-course-introduction .course-nav .nav .course-list .nav-item:not(.disable).L7:after {
    background-color: #ff6f4c
}

.page.page-course-introduction .course-nav .nav .course-list .nav-item:not(.disable).L8.active,.page.page-course-introduction .course-nav .nav .course-list .nav-item:not(.disable).L8:after {
    background-color: #ff5349
}

.page.page-course-introduction .course-nav .nav .course-list .nav-item span {
    display: block
}

.page.page-course-introduction .course-nav .nav .course-list .nav-item .course-name {
    height: 90px;
    line-height: 90px;
    text-align: center
}

.page.page-course-introduction .course-nav .nav .course-list .nav-item .course-text {
    font-size: 18px;
    line-height: 40px
}

.page.page-course-introduction .section-appointment-main {
    position: absolute;
    width: 390px;
    height: 285px;
    top: 24%;
    right: 20%;
    padding: 30px 0 0 40px;
    box-sizing: border-box;
    color: #fff;
    z-index: 20;
    background-color: rgba(0,0,0,.5)
}

.page.page-course-introduction .section-appointment-main h2 {
    font-size: 28px
}

.page.page-course-introduction .section-appointment-main p {
    text-align: left;
    font-size: 14px;
    margin-top: 10px
}

.page.page-course-introduction .section-appointment-main p span {
    margin-left: 10px
}

.page.page-course-introduction .section-appointment-main p i {
    display: inline-block;
    font-style: normal;
    width: 6px;
    height: 6px;
    background-color: #fff;
    border-radius: 50%
}

.page.page-course-introduction .section-appointment-main a {
    display: block;
    width: 280px;
    height: 50px;
    background-color: #fdff4d;
    text-align: center;
    line-height: 50px;
    font-size: 20px;
    border-radius: 25px;
    color: #927f00;
    margin-top: 18px
}

.page.page-course-introduction .section-appointment-footer {
    height: 140px;
    font-size: 28px;
    margin: 10px 0;
    background-color: #fff;
    overflow: hidden
}

.page.page-course-introduction .section-appointment-footer .w {
    padding: 0 160px
}

@media screen and (max-width: 976px) {
    .page.page-course-introduction .section-appointment-footer .w {
        padding:0
    }

    .page.page-course-introduction .section-appointment-footer .w a {
        float: left;
        margin-left: 30px
    }
}

@media screen and (max-width: 768px) {
    .page.page-course-introduction .section-appointment-footer .w {
        padding:0
    }

    .page.page-course-introduction .section-appointment-footer .w a {
        float: left;
        margin-left: 30px
    }
}

.page.page-course-introduction .section-appointment-footer h4 {
    float: left;
    margin-top: 45px;
    font-weight: 500
}

.page.page-course-introduction .section-appointment-footer a {
    float: right;
    margin-top: 40px;
    font-size: 24px;
    border-radius: 30px;
    background-color: #f45;
    color: #fff;
    padding: 10px 40px;
    box-sizing: border-box
}

.page.page-course-introduction .introduction {
    padding: 2.66rem 0
}

.page.page-course-introduction .introduction h1 {
    color: #333;
    font-size: 1.06rem;
    font-weight: 700;
    text-align: center
}

.page.page-course-introduction .introduction h2 {
    color: #fff;
    font-size: 24px;
    height: 54px;
    font-weight: 400;
    background-color: #f45;
    border-radius: 54px;
    padding: 0 30px 0 2px;
    line-height: 54px;
    margin-bottom: 30px;
    display: inline-block
}

.page.page-course-introduction .introduction h2:before {
    content: "";
    display: block;
    width: 46px;
    height: 46px;
    border-radius: 46px;
    float: left;
    margin: 4px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDQ4NDhEOUU1ODI2MTFFODg1RDNGMjgwODAwRjI3QjYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDQ4NDhEOUY1ODI2MTFFODg1RDNGMjgwODAwRjI3QjYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NDg0OEQ5QzU4MjYxMUU4ODVEM0YyODA4MDBGMjdCNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NDg0OEQ5RDU4MjYxMUU4ODVEM0YyODA4MDBGMjdCNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoL3I2kAAAIfSURBVHjavJbLLwNRFManVEk9SgULhAXxalPx3nlsiI0QwoKFrb9BrPgHrK3ERmJpJTYWhMQj0oVHRJooC89QxKut7zRfYzJGzcjoTX65mbkz8+U7c+451xaNRpVkDFv0yWP02WqwABrAFhgDJ4rTb6mQDeyBcnAEasAhaDEqlGLQTR/wgUDs4+JEUZpBj5WhEze7oBgU8J782PuYO6e/zSpH3aAeBDXip6BVefZ2WuVoE1QANwXiIwxCYB+uOv4iJOGpApWgCUwwdA067++ARjDLZ44Zzls9oRzMU6CdH3ep1iNMgDKQqiP0Ds65rnYrQgdgHUxDOCRCy7joZbo+8sFMUATyTezJa3AJnnidzb23BKEhEQrTdtM/FAQJrQdCGSIkGzAP2DlbNcRdGjiDkE/SexSkM953FovIGFdnXStYAS9cLLRARH5JF9z4tekdFwvTXaFVInr7SOrZKlM5YjLrrvifv4nolaB9MMykCJh0E+B7g1qRn2pdFudck0I5nB1Gi2ot51KTQiWc64wKedgCHCaFpJo8A68ZofMEZWabtUxvBI06SmV9etTcD7FMuVmqXCwv2uceVKFPKFTEKhGvxK/8oIOpP8dWPs9mmMb1N1XnzUYzzP2tH9ljtekrDNXMwkUwybNCfMgBZQb00/ER28VL7BDj9EcSOfrgPrphV11jwxvRiCjsNwNAzgwbTIIL7qPId0dJOkB+CjAAU7agCn9CA8kAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: 50%
}

.page.page-course-introduction .introduction dl {
    font-size: 18px
}

.page.page-course-introduction .introduction dl dt {
    color: #333;
    margin-bottom: 5px
}

.page.page-course-introduction .introduction dl dt i {
    color: #fff;
    background-color: #ffce55;
    font-style: normal;
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    text-align: center;
    margin: 0 15px
}

.page.page-course-introduction .introduction dl dd {
    color: #999;
    padding-left: 54px;
    margin-bottom: 30px
}

.page.page-course-introduction .introduction table {
    width: 100%;
    table-layout: fixed;
    font-size: 14px;
    border-collapse: initial;
    border-spacing: 2px;
    white-space: pre-line
}

.page.page-course-introduction .introduction table td,.page.page-course-introduction .introduction table th {
    text-align: center;
    min-width: 190px;
    height: 42px;
    padding: 4px
}

.page.page-course-introduction .introduction table thead th {
    color: #fff
}

.page.page-course-introduction .introduction table thead th:first-child {
    background-color: #dee3eb;
    color: #333
}

.page.page-course-introduction .introduction table thead th:nth-child(n+2) {
    background-color: #f7cf55
}

.page.page-course-introduction .introduction table tbody td {
    padding: 18px 0;
    font-size: 14px;
    color: #666;
    background-color: #f2f6f9
}

.page.page-course-introduction .introduction table tbody th {
    height: 50px;
    width: 190px;
    background-color: #dee3eb;
    color: #333
}

.page.page-course-introduction .introduction .introduction-row {
    display: flex;
    margin-top: 1.95rem;
    cursor: pointer
}

.page.page-course-introduction .introduction .introduction-row .col {
    width: 8rem;
    height: 6.22rem;
    flex: 1;
    margin-right: 35px;
    text-align: center;
    box-sizing: border-box;
    transition: all .6s;
    padding: 1rem 0;
    position: relative;
    padding-top: 146px
}

.page.page-course-introduction .introduction .introduction-row .col:last-child {
    margin-right: 0
}

.page.page-course-introduction .introduction .introduction-row .col .col-number {
    font-size: 1.51rem;
    color: #9b9b9b;
    position: absolute;
    top: 64px;
    left: 50%;
    margin-left: -1.04rem;
    transition: all .6s;
    font-weight: bolder
}

.page.page-course-introduction .introduction .introduction-row .col .col-title {
    font-size: .44rem;
    color: #4a4a4a;
    font-weight: 700;
    position: absolute;
    top: 118px;
    width: 100%;
    margin: 0 auto;
    background-color: #fff
}

.page.page-course-introduction .introduction .introduction-row .col .col-content {
    padding: 7px 34px 0;
    font-size: .31rem;
    color: #999;
    text-align: left
}

.page.page-course-introduction .introduction .introduction-row .col.active {
    transition: all .6s;
    box-shadow: 0 5px 45px 0 rgba(29,29,29,.1);
    border-radius: 10px
}

.page.page-course-introduction .introduction .introduction-row .col.active .col-number {
    color: #ff4355;
    top: 26px;
    transition: all .6s;
    font-weight: bolder
}

@media screen and (max-width: 960px) {
    .page.page-course-introduction .introduction .introduction-row .col {
        padding-top:3.4rem
    }

    .page.page-course-introduction .introduction .introduction-row .col .col-number {
        top: 1.5rem;
        font-weight: bolder
    }

    .page.page-course-introduction .introduction .introduction-row .col .col-title {
        top: 2.7rem
    }
}

.page.page-course-introduction .course-list-on-sale-wrapper {
    background-color: #f9fafc
}

.course-outline {
    width: 100%;
    padding: 1.95rem 0 2.66rem
}

.course-outline h1 {
    color: #4a4a4a;
    font-size: 1.06rem;
    font-weight: 700;
    text-align: center;
    margin: 0
}

.course-outline .outline-content {
    color: #999;
    font-size: .53rem;
    text-align: center;
    margin: 0 auto;
    padding: .53rem 1.33rem 1.42rem
}

.course-outline .course-sort .course-time {
    display: flex;
    justify-content: space-around;
    padding-bottom: 1.71rem
}

.course-outline .course-sort .course-time li {
    width: 2rem;
    flex-shrink: 0;
    line-height: 2rem;
    text-align: center;
    position: relative;
    cursor: pointer;
    font-size: .48rem;
    font-weight: 700;
    border-radius: 50%
}

.course-outline .course-sort .course-time li.active {
    background: linear-gradient(#ff7e64,#f45);
    color: #fff;
    font-weight: 700
}

.course-outline .course-sort .sort-contents {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.course-outline .course-sort .sort-contents .sort-item {
    margin-right: .4rem;
    width: 48%;
    margin-bottom: .89rem
}

.course-outline .course-sort .sort-contents .sort-item .sort-title {
    height: 2.66rem;
    line-height: 2.66rem;
    background-color: #ffb53e;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    position: relative;
    padding-left: 1rem;
    color: #fff;
    font-weight: 700
}

.course-outline .course-sort .sort-contents .sort-item .sort-title span {
    font-size: .93rem
}

.course-outline .course-sort .sort-contents .sort-item .sort-title .sort-img {
    width: 5.37rem;
    height: 2.06rem;
    background-image: url("https://asset.txqn.huohua.cn/image/39172517-fb7c-43d8-af30-07eb603d27f2.png");
    background-size: cover;
    position: absolute;
    top: .44rem;
    right: 1rem
}

.course-outline .course-sort .sort-contents .sort-item:nth-child(2) .sort-img {
    background-image: url("https://asset.txqn.huohua.cn/image/a319de7f-d330-4df2-84d2-86b868092c16.png");
    background-size: cover
}

.course-outline .course-sort .sort-contents .sort-item .sort-content {
    height: 7.4rem;
    background-color: #fff;
    box-shadow: 0 15px 30px 0 rgba(30,30,30,.06);
    border-radius: 10px
}

.course-outline .course-sort .sort-contents .sort-item .sort-content .sort-name {
    font-size: .71rem;
    font-weight: 700;
    color: #333;
    padding: .6rem 0 .37rem
}

.course-outline .course-sort .sort-contents .sort-item .sort-content .content-all {
    display: flex;
    justify-content: space-around
}

.course-outline .course-sort .sort-contents .sort-item .sort-content .content-all .content-right {
    font-size: .4rem
}

.course-outline .course-sort .sort-contents .sort-item .sort-content .content-all .content-right span {
    display: block;
    width: .6rem;
    height: 4px;
    background-color: #ffb53e;
    border-radius: 2px
}

.course-outline .course-sort .sort-contents .sort-item .sort-content .content-all .content-right ol {
    counter-reset: section;
    list-style: none;
    color: #999;
    font-size: .4rem;
    padding-top: 6px
}

.course-outline .course-sort .sort-contents .sort-item .sort-content .content-all .content-right ol li {
    padding-left: 1em;
    position: relative
}

.course-outline .course-sort .sort-contents .sort-item .sort-content .content-all .content-right ol li:before {
    content: counter(section) ".";
    counter-increment: section;
    position: absolute;
    left: 0;
    text-align: right
}

.course-outline .course-sort .sort-contents .sort-item .sort-content .content-all .content-center {
    width: 1px;
    height: 2.4rem;
    background-color: rgba(0,0,0,.1)
}

.course-outline .course-sort .sort-contents .sort-item .sort-content .content-all .content-left span {
    display: block;
    width: .6rem;
    height: 4px;
    background-color: #ffb53e;
    border-radius: 2px
}

.course-outline .course-sort .sort-contents .sort-item .sort-content .content-all .content-left ol {
    color: #999;
    font-size: .4rem;
    padding-top: 6px
}

.course-aims {
    width: 100%;
    padding: 134px 0 164px
}

.course-aims h1 {
    color: #333;
    font-size: 48px;
    font-weight: 400;
    text-align: center;
    margin: 0;
    padding-bottom: 60px
}

.course-aims .course-goal {
    display: flex
}

.course-aims .course-goal .item {
    flex: 1;
    width: 260px;
    height: 320px;
    margin-right: 20px;
    padding-top: 26px;
    cursor: pointer;
    transition: all .3s
}

.course-aims .course-goal .item:hover {
    border-radius: 6px;
    box-shadow: 0 15px 45px 0 rgba(29,29,29,.1)
}

.course-aims .course-goal .item .item-title {
    width: 108px;
    height: 108px;
    margin: 0 auto;
    border-radius: 50%;
    text-align: center;
    padding: 10px 0
}

.course-aims .course-goal .item .item-title div {
    padding: 12px 0;
    width: 84px;
    height: 84px;
    border-radius: 50%;
    margin: 0 auto;
    font-size: 22px;
    color: #fff
}

.course-aims .course-goal .item .item-content {
    font-size: 16px;
    color: #999;
    padding: 22px 0 0 26px
}

.course-aims .course-goal .item:first-child .item-title {
    background-color: rgba(255,134,34,.2)
}

.course-aims .course-goal .item:first-child .item-title div {
    background-color: #ff8622
}

.course-aims .course-goal .item:nth-child(2) .item-title {
    background-color: rgba(255,196,41,.2)
}

.course-aims .course-goal .item:nth-child(2) .item-title div {
    background-color: #ffc429
}

.course-aims .course-goal .item:nth-child(3) .item-title {
    background-color: rgba(130,203,252,.2)
}

.course-aims .course-goal .item:nth-child(3) .item-title div {
    background-color: #82cafc
}

.course-aims .course-goal .item:last-child {
    margin-right: 0
}

.course-aims .course-goal .item:last-child .item-title {
    background-color: rgba(255,111,76,.2)
}

.course-aims .course-goal .item:last-child .item-title div {
    background-color: #ff6f4c
}

.course-system,.train-system {
    width: 100%;
    padding: 1.95rem 0 2.66rem;
    background-color: #f9fafc
}

.course-system h1,.train-system h1 {
    color: #4a4a4a;
    font-size: 1.06rem;
    font-weight: 700;
    text-align: center;
    margin: 0
}

.train-system {
    padding-top: 0;
    text-align: center
}

.train-system .tranImg {
    position: relative;
    left: -25.125px;
    width: 1250.25px;
    height: 729.5px
}

.grade-table .grade-container .grade-content {
    text-align: center;
    margin: 0 auto;
    padding: .53rem 0 1.33rem;
    font-size: .4rem;
    color: #999
}

.grade-table .grade-container .table-head {
    overflow: hidden;
    position: relative
}

.grade-table .grade-container .table-head ul {
    padding-bottom: 4px;
    display: flex;
    align-items: flex-end;
    border-bottom: 13px solid #ffd937
}

.grade-table .grade-container .table-head ul .active {
    border-bottom-right-radius: 17px
}

.grade-table .grade-container .table-head ul li {
    flex: 1;
    margin-right: 4px;
    z-index: 11;
    border-top-left-radius: 13px;
    border-top-right-radius: 13px;
    box-shadow: 0 0 0 4px #fff;
    height: 95px;
    text-align: center;
    justify-content: space-between;
    flex-direction: column;
    padding: 14px 0;
    color: #fff
}

.grade-table .grade-container .table-head ul li p:first-child {
    font-size: .62rem
}

.grade-table .grade-container .table-head ul li p:nth-child(2) {
    font-size: .44rem
}

.grade-table .grade-container .table-head ul li.select {
    height: 142px;
    background-color: #ffcf55;
    position: relative;
    z-index: 0;
    border-radius: 0;
    border-top-left-radius: 17px;
    border-top-right-radius: 17px;
    box-shadow: none
}

.grade-table .grade-container .table-head ul li.select+li {
    border-bottom-left-radius: 17px
}

.grade-table .grade-container .table-head ul li.select:after {
    content: "";
    height: 20px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -6px;
    transform: scale(1.4)
}

.grade-table .grade-container .table-head ul li:first-child,.grade-table .grade-container .table-head ul li:first-child.select:after {
    background-color: #ffd937
}

.grade-table .grade-container .table-head ul li:nth-child(2),.grade-table .grade-container .table-head ul li:nth-child(2).select:after {
    background-color: #ffca3a
}

.grade-table .grade-container .table-head ul li:nth-child(3),.grade-table .grade-container .table-head ul li:nth-child(3).select:after {
    background-color: #ffb53e
}

.grade-table .grade-container .table-head ul li:nth-child(4),.grade-table .grade-container .table-head ul li:nth-child(4).select:after {
    background-color: #ffa241
}

.grade-table .grade-container .table-head ul li:nth-child(5),.grade-table .grade-container .table-head ul li:nth-child(5).select:after {
    background-color: #ff9145
}

.grade-table .grade-container .table-head ul li:nth-child(6),.grade-table .grade-container .table-head ul li:nth-child(6).select:after {
    background-color: #ff8249
}

.grade-table .grade-container .table-head ul li:nth-child(7),.grade-table .grade-container .table-head ul li:nth-child(7).select:after {
    background-color: #ff6f4c
}

.grade-table .grade-container .table-head ul li:nth-child(8),.grade-table .grade-container .table-head ul li:nth-child(8).select:after {
    background-color: #ff5e50
}

.grade-table .grade-container .table-head ul li:nth-child(9),.grade-table .grade-container .table-head ul li:nth-child(9).select:after {
    background-color: #ff4355
}

.grade-table .grade-container table {
    width: 100%;
    table-layout: fixed;
    font-size: 14px;
    border-collapse: initial;
    border-spacing: 4px 4px;
    text-align: center
}

.grade-table .grade-container table tbody {
    color: #fff
}

.grade-table .grade-container table tbody tr td {
    height: 75px
}

.grade-table .grade-container table tbody .title {
    width: 34%;
    background-color: #f3ede9!important;
    color: #7a7a7a;
    font-size: .4rem;
    font-weight: 700
}

.grade-table .grade-container table tbody .content {
    background-color: #f4f4f4!important;
    font-weight: 400;
    color: #666;
    font-size: .35rem
}

.grade-table .grade-container table tbody .c,.grade-table .grade-container table tbody .d,.grade-table .grade-container table tbody .e,.grade-table .grade-container table tbody .f,.grade-table .grade-container table tbody .g {
    background-color: #f4f4f4!important
}

.page-course-detail .part-con1 {
    padding: 1.4rem 0 2rem
}

.page-course-detail .content-left {
    margin-left: 1rem
}

.page-course-detail .course-ext .title {
    font-size: 20px
}

.page-course-detail .course-ext .content {
    font-size: 24px;
    color: #f45
}

.page-course-detail .lesson-detail {
    padding: 0 1.6rem
}

.page-course-detail .lesson-detail .ribbon-inner {
    font-size: 22px
}

.page-course-detail .lesson-detail .title {
    margin-bottom: .5rem
}

.page-course-detail .lesson-detail .content {
    font-size: 16px;
    overflow: hidden
}

.page-course-detail .lesson-detail .con1 {
    margin-top: 42px;
    margin-bottom: 36px
}

.page-course-detail .lesson-detail .con1 .item-description {
    margin-top: .44rem;
    margin-left: .44rem
}

.page-course-detail .lesson-detail .con1 .media-bordered {
    width: 6.4rem
}

.page-course-detail .lesson-detail .con1-1 {
    margin-top: 42px;
    margin-bottom: 36px
}

.page-course-detail .lesson-detail .con1-1 .item-description {
    margin-top: .44rem
}

.page-course-detail .lesson-detail .con1-1 .title {
    font-size: 22px;
    margin-bottom: 10px
}

.page-course-detail .outline .title-container {
    padding: 1.7rem 0 1.1rem
}

.page-course-detail .outline .title-container .title {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHQAAABRCAMAAAA0JXKQAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAM1BMVEUAAAD/RFX/RFX/RFX/RFX/RFX/RFX/RFX/RFX/RFX/RFX/RFX/RFX/RFX/RFX/RFUAAAAdIYe8AAAAD3RSTlMAd91EzJkRM6oi7rtmiFUDcaMMAAAAAWJLR0QAiAUdSAAAAAlwSFlzAAALEgAACxIB0t1+/AAAAaVJREFUaN7tmtmOgzAMRZ04ZCXN///tOGsDs3T6NBrpHqkiQOyTxfBCid6kfObdFO/zJ1IAAAAAAAAAAAAAAAAAAAAAAADgH6F0KZqlwaaUclhp6XaDj/7h3Tgi66VTIK7neo+MShoh9fOT+7d5TUr1K3IorjUTb9HJiNDJ76zxwUvqXSrHLKdJ2k6kaRvtYc460rRJ6wD0tE2pWdIZrfxohNhHlI+7lEyg2Dvt0tPYdhT1z9Kc79Jop109r9ykciWGT9LE/ejMCymZx1Xq0j0Heb5JvSwGt12/SNe/KuIradD2Iq2JhzTMreJrIcXc5+MlspXCCFn1pF9J2x7OQpJo9kvq5kzddaZJzVq9FlL8vZS82mdq155m9byi26wfXRpm9jNfpGbsB5shovyt1OqwF9KRV/WGVb2+hRxzmOfI7m/VS7N6KbYBaPedlB5ml1pd15W5Ll99TpNuWyfNXBeh9KlYeWcEyX55Tn2dKxvflp7Jpnbzaynlskkln+xuK91zvZHkRdFfRD1CMma5pUYhlVlySnppNXKW4u0mrf3SJq1JRvQHeG4Q+9lvKdMAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position-x: 50%;
    width: 188px;
    height: 81px;
    padding-top: 5px;
    margin: 0 auto;
    text-align: center;
    vertical-align: middle;
    font-weight: 400;
    font-size: 40px
}

.page-course-detail .description {
    padding: 1.4rem 0 1.8rem
}

.page-course-detail .description .content-container {
    padding: 0 1.6rem 0 2.2rem
}

.page-course-detail .description .title-container {
    padding-bottom: 1.5rem
}

.page-course-detail .description .title-container .title {
    background-image: url(data:image/png;base64,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);
    background-repeat: no-repeat;
    width: 1000px;
    height: 63px;
    margin: 0 auto;
    text-align: center;
    vertical-align: middle;
    font-size: 40px;
    color: #f45
}

.page-course-detail .description .subtitle {
    margin-bottom: .5rem
}

.page-course-detail .description .subContent {
    font-size: 16px
}

.page-course-detail .description .ablity-card {
    border-radius: 18px;
    margin: .1rem 1.6rem;
    border: 1px solid #f45;
    text-align: center;
    overflow: hidden
}

.page-course-detail .description .ablity-card .media2 img {
    width: 100%
}

.page-course-detail .description .ablity-card .lesson-title {
    font-size: 25px;
    font-weight: 400;
    margin-bottom: 38px
}

.page-course-detail .description .media-bordered {
    border: 2px solid #e7ecf3;
    width: 6.4rem;
    height: 4.8rem
}

.page-course-detail .description .media-bordered .media-container {
    transform: translate(-.6rem,-.6rem)
}

.page-course-detail .pager a {
    width: 50px
}

.page-course-detail .pager .page-container-active:before {
    content: "\7B2C"
}

.page-course-detail .pager .page-container-active:after {
    content: "\8BFE"
}

.page-lesson-detail .part-con1 {
    padding: 1.4rem 0
}

.page-lesson-detail .lesson-detail {
    padding: 0 1.6rem
}

.page-lesson-detail .lesson-detail .ribbon-inner {
    font-size: 22px
}

.page-lesson-detail .lesson-detail .title {
    margin-bottom: 27px
}

.page-lesson-detail .lesson-detail .content {
    font-size: 16px;
    overflow: hidden
}

.page-lesson-detail .lesson-detail .con1 {
    margin-bottom: 1.4rem
}

.page-lesson-detail .lesson-detail .con1 .item-description {
    margin-top: .44rem;
    margin-left: .44rem
}

.page-lesson-detail .lesson-detail .con1 .media-bordered {
    width: 6.4rem
}

.page-lesson-detail .headline2-container {
    position: relative;
    height: 65px
}

.page-lesson-detail .headline2-container .title-bg {
    position: absolute;
    height: 65px;
    width: 100%;
    text-align: center;
    vertical-align: middle;
    font-size: 80px;
    top: 0;
    line-height: 65px;
    color: #fdf4f4;
    font-weight: 700;
    font-family: Microsoft YaHei
}

.page-lesson-detail .headline2-container .title-word {
    position: absolute;
    background: transparent;
    height: 65px;
    text-align: center;
    width: 100%;
    top: 0;
    vertical-align: middle;
    line-height: 65px;
    color: #f45;
    font-size: 40px
}

.page-lesson-detail .description {
    padding: 1.2rem 0 1.7rem
}

.page-lesson-detail .description .content-container {
    padding: 0 1.6rem 0 2.2rem
}

.page-lesson-detail .description .title-container {
    padding-bottom: 1.5rem
}

.page-lesson-detail .description .title-container .title {
    background-image: url(data:image/png;base64,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);
    background-repeat: no-repeat;
    width: 1000px;
    height: 63px;
    margin: 0 auto;
    text-align: center;
    vertical-align: middle;
    font-size: 40px;
    color: #f45
}

.page-lesson-detail .description .subContent {
    font-size: 18px
}

.page-lesson-detail .description .ablity-card {
    border-radius: 18px;
    margin: .1rem 1.6rem;
    border: 1px solid #f45;
    text-align: center;
    overflow: hidden
}

.page-lesson-detail .description .ablity-card .media2 img {
    width: 100%
}

.page-lesson-detail .description .ablity-card .lesson-title {
    font-size: 25px;
    font-weight: 400;
    margin-bottom: 38px
}

.page-lesson-detail .description .media-bordered {
    border: 2px solid #e7ecf3;
    width: 6.4rem
}

.page-lesson-detail .description .media-bordered .media-container {
    transform: translate(-.6rem,-.6rem)
}

body {
    min-width: 1210px
}

.pages {
    min-height: 100%
}

.page-auth,.pages {
    background: #f9fafc
}

.page-auth {
    margin: 0 auto
}

.page-auth .page-login {
    display: flex;
    justify-content: center;
    padding-top: 3.68rem
}

.page-auth .page-login .login-type-list ul {
    display: table;
    table-layout: fixed;
    margin: 0;
    padding: 0
}

.page-auth .page-login .login-type-list ul li {
    display: table-cell;
    border-bottom: 3px solid #f0f0f0;
    position: relative;
    height: 30px;
    line-height: 30px;
    padding: 0 15px;
    white-space: nowrap;
    cursor: pointer
}

.page-auth .page-login .login-type-list ul li:only-child {
    color: #f45;
    border-bottom: 0
}

.page-auth .page-login .login-type-list ul li:last-child:after {
    display: none
}

.page-auth .page-login .login-type-list ul li.active {
    color: #f45;
    border-color: #f45
}

.page-auth .login-left {
    position: relative;
    width: 6rem;
    height: 10.15rem;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
    background: #ffe566 url("https://asset.txqn.huohua.cn/image/6cf4fc69-a637-41d0-8720-7892f8213cec.png") no-repeat;
    background-size: contain
}

.page-auth .login-left .monkey {
    width: 3.64rem;
    position: absolute;
    bottom: 0;
    right: 0;
    height: 3.88rem;
    background: url("https://asset.txqn.huohua.cn/image/4eb3abb3-edca-4360-ae02-de31a585fdcf.png") no-repeat;
    background-size: contain
}

.page-auth .login-left .monkey:before {
    top: 1.68rem;
    right: -.53rem
}

.page-auth .login-left .monkey:after,.page-auth .login-left .monkey:before {
    content: "";
    display: block;
    position: absolute;
    width: .71rem;
    height: .44rem;
    background-color: #bb0017;
    border-radius: 40px;
    transform: rotate(27deg)
}

.page-auth .login-left .monkey:after {
    bottom: .53rem;
    right: -.15rem
}

.page-auth .login-right {
    width: 9.44rem;
    height: 10.15rem;
    background-color: #fff;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px
}

.page-auth .container {
    width: 7.2rem;
    margin: 0 auto
}

.page-auth .remind {
    font-size: 14px;
    color: #00b3db;
    height: 48px;
    line-height: 48px;
    padding: 0 10px;
    background-color: #f7f7f7
}

.page-auth .form-auth .field {
    height: 1.86rem;
    line-height: 1.86rem;
    padding-left: 0;
    padding-top: .8rem;
    border-bottom-color: #f0f0f0
}

.page-auth .form-auth .field .area-code {
    line-height: 1rem;
    font-family: PingFangSC-Medium;
    font-size: 14px;
    color: #484848;
    padding-right: 28px;
    position: relative
}

.page-auth .form-auth .field .area-code .xiala {
    position: absolute;
    top: 0;
    right: 8px;
    font-size: 20px
}

.page-auth .form-auth .field .area-code:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: .26rem;
    right: 0;
    width: 1px;
    height: 20px;
    background: #f0f0f0
}

.page-auth .form-auth .field a.btn {
    margin-top: 10px
}

.page-auth .form-auth .field .field-input {
    height: 1rem;
    padding: 0 10px
}

.page-auth .form-auth .field .input-header-authcode,.page-auth .form-auth .field .input-header-pwd,.page-auth .form-auth .field .input-header-user {
    width: 42px;
    height: 42px
}

.page-auth .form-auth .field a.btn-authcode {
    height: .62rem;
    line-height: .62rem;
    font-size: 12px;
    border: 0;
    background: rgba(254,67,85,.1)!important;
    margin-top: .26rem!important;
    padding: 0 15px
}

.page-auth .form-auth .field a.btn-gray {
    background-color: #f4f4f4!important
}

.page-auth .form-auth .field .input-header-pwd {
    width: 40px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAMAAAANmfvwAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAB41BMVEUAAAAiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIAAABD5qEaAAAAn3RSTlMABlWI1t6TXBAqpei+qrnftzgTr0MUDDufuCNIkgh/X17tKBjPfV3DBHZCx6RlB+wWyZDSH7Mdac3Img3ZGZuChwoBbG46sgI1a0D8A7Tg0amEHE48BVkmMHP5IMbqJVh0jMS6tdvy9trlp/3MncrC3KLn4+68mTMSC6GVcOsRzvOALvVNVFJg6aCBlnoJmDEhcuJB1fuLnr3xePr+fjRq+zqcAAAAAWJLR0QAiAUdSAAAAAlwSFlzAAALEgAACxIB0t1+/AAAAfZJREFUOMt1kvlDEkEcxacQSRIrzLLTIhQLU8QOrUyjA80tKyuLLIrIMisr7dAOowu77/v4/KsNywzs4vZ+mO97b97OzndmhChizlxXGRLucs884YQKr5ydX+nzVS2QZOGiWQG/D6oX1+TFkqW1sGy5PbECVvqtxqrVUGc11rA2ULruuiD1RdVAqNFhd17Wa7qBsGMDoomNedJMS8GM1IdaoxUF2cYms25mi7a2QnsHbNN6OztypZOd2umie5cQsd1Ua2cPe+W4j7jSPfTmyf7iPvvcQhgc0PJgv2aH0OwwR8QAR5U6xnE9McgJxTo5KaI064nEqUIrhe9EYki4Tyt+Jkm0TuEs5/QyKQTnFU9zYTihcPESI8qulZHLireHRcwwDNmAYcSFd1TZ5TLiVfxKpfXsr/ZZImnFr42ZZey6WW4kdBZxc9wemcAeuYW4TaMt0lISGW4TSe7YIq3jtshd+a4mmcqLsirrdu+pK7iPfI4dSqQeRB5KxGO50T+tOno0IYcAGVM8foIVT03zGc9zJcykKf2erL6AbIO6rtEZs0QIiv8gTU+eZGlyTnTh0jTDC6fES14VxWuGakoDb3y8tepe9LvVSEK33XnXTyIzqNX7DzN8/DTrzwOf4Uto6qvr2/cfMOJxbCDwM/Urd2q/g3/+Wux/wByYciC07TMAAAAASUVORK5CYII=) no-repeat
}

.page-auth .form-auth .btn-gray {
    color: #999
}

.page-auth .submit-btn {
    margin-top: 1.2rem;
    font-size: 22px;
    font-weight: 700;
    height: 1.04rem;
    line-height: 1.04rem;
    box-shadow: 0 5px 12px 0 rgba(255,33,55,.3)
}

.page-auth .auth-morelink-list {
    width: 4rem;
    margin: 3rem auto 3.4rem
}

.page-auth .auth-morelink-list ul {
    display: table;
    table-layout: fixed;
    margin: 0;
    padding: 0
}

.page-auth .auth-morelink-list ul li {
    display: table-cell;
    font-size: 14px;
    position: relative;
    height: 30px;
    line-height: 30px;
    padding: 0 15px;
    white-space: nowrap
}

.page-auth .auth-morelink-list ul li:only-child {
    color: #f45;
    border-bottom: 0
}

.page-auth .auth-morelink-list ul li:last-child:after {
    display: none
}

.page-auth .auth-morelink-list ul li:after {
    content: "";
    display: block;
    height: 14px;
    width: 1px;
    background-color: #f0f0f0;
    position: absolute;
    right: 0;
    top: 8px
}

.page-auth .auth-morelink-list ul li a {
    text-decoration: none;
    color: #333
}

.page-auth .logo2 {
    margin: 1.33rem auto .3rem;
    width: 140px;
    height: 50px;
    display: block;
    background-image: url("https://asset.txqn.huohua.cn/assets/857b9728-701f-46b0-b476-31eff2316a0d.png");
    background-repeat: no-repeat;
    background-size: contain
}

.page-auth .login-agreement {
    font-family: PingFangSC-Light;
    font-size: 12px;
    color: #484848;
    letter-spacing: .2px;
    text-align: center;
    line-height: 16px;
    margin-top: 16px
}

.page-auth .login-agreement .rc-checkbox {
    transform: scale(.8)
}

.page-auth .login-agreement .rc-checkbox .rc-checkbox-inner {
    border-radius: 50%;
    border-color: #ccc
}

.page-auth .login-agreement .rc-checkbox .rc-checkbox-inner:after {
    left: 4px;
    top: 1px;
    width: 2px;
    height: 7px
}

.page-auth .login-agreement .rc-checkbox-checked .rc-checkbox-inner {
    background-color: #f45
}

.page-auth .login-agreement .rc-checkbox-checked .rc-checkbox-inner:after {
    left: 4px;
    top: 1px;
    width: 2px;
    height: 7px
}

.page-auth .login-agreement span {
    font-family: PingFangSC-Regular;
    color: #2e92d3;
    cursor: pointer
}

.rc-dialog {
    height: 100%!important;
    margin: 0 auto
}

.rc-dialog .rc-dialog-content {
    transform: translateY(-50%);
    margin-top: 0!important
}

.rc-dialog-login .rc-dialog-body {
    overflow: hidden
}

.rc-dialog-select {
    width: 14.89rem!important
}

.rc-dialog-cancelAccount {
    width: 12.8rem!important
}

.rc-dialog-cancelAccount .rc-dialog-content {
    height: auto!important
}

@media only screen and (min-device-width: 768px) and (max-device-width:1024px) and (orientation:portrait) {
    .page-auth .container {
        width:10.5rem;
        margin: 0 auto
    }

    .rc-dialog-select {
        width: 14.89rem!important;
        margin: 0 auto!important
    }
}

.agreement-page {
    width: 100%;
    box-sizing: border-box;
    padding: 50px 0;
    background-color: #fff
}

.agreement-page.agreement-page-chunfeng,.agreement-page.agreement-page-shuangjian {
    height: 100vh;
    overflow: scroll;
    -webkit-overflow-scrolling: touch
}

.agreement-page.agreement-page-shuangjian .shuangjian-container {
    font-size: 16px;
    color: #484848;
    padding: 0 40px;
    text-align: justify
}

.agreement-page.agreement-page-shuangjian .shuangjian-container .underline {
    text-decoration: underline;
    margin: 0 10px
}

.agreement-page.agreement-page-shuangjian .shuangjian-container .shuangjian-title {
    font-size: 22px;
    text-align: center;
    margin-bottom: 50px;
    font-weight: 700
}

.agreement-page.agreement-page-shuangjian .shuangjian-container .shuangjian-p {
    text-indent: 2em
}

.agreement-page.agreement-page-shuangjian .shuangjian-container .shuangjian-p.shuangjian-title1 {
    margin-bottom: 20px
}

.agreement-page.agreement-page-shuangjian .shuangjian-container .shuangjian-p.shuangjian-title2 {
    margin: 30px 0
}

.agreement-page.agreement-page-shuangjian .shuangjian-container .shuangjian-list {
    text-indent: 2em;
    line-height: 25px
}

.agreement-page.agreement-page-shuangjian .shuangjian-container .shuangjian-list>li {
    margin: 10px 0
}

.agreement-page.agreement-page-shuangjian .shuangjian-container .shuangjian-contact {
    display: flex;
    flex-wrap: wrap
}

.agreement-page.agreement-page-shuangjian .shuangjian-container .shuangjian-contact .shuagnjian-contact-phone,.agreement-page.agreement-page-shuangjian .shuangjian-container .shuangjian-contact .shuagnjian-contact-user {
    text-indent: 2em;
    width: 250px;
    margin-top: 10px
}

.agreement-page .agreement-course,.agreement-page .agreement-privacy,.agreement-page .agreement-register {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 40px
}

.agreement-page .agreement-course h1 {
    font-size: 16px
}

.agreement-page .indent {
    margin-left: 10px
}

.agreement-page .page-title {
    font-size: 30px;
    text-align: center;
    color: #484848;
    font-weight: 700
}

.agreement-page h1 {
    font-size: 22px;
    margin: 30px 0 20px
}

.agreement-page .agreement-date {
    display: flex;
    justify-content: space-between
}

.agreement-page .agreement-date .agreement-text,.agreement-page .agreement-text-item {
    font-size: 16px;
    margin: 10px 0;
    text-align: justify
}

.agreement-page .agreement-text-item {
    width: 100%;
    word-break: break-all
}

.agreement-page .agreement-text-item.indent {
    text-indent: 2em
}

.agreement-page .agreement-text-index30 {
    text-indent: 30px
}

.agreement-page .privacy-agreement-back {
    color: #484848;
    text-align: center
}

.agreement-page .agreement-text-bold {
    font-weight: 700
}

.agreement-page .agreement-text-underline {
    text-decoration: underline
}

.agreement-page .agreement-text-italic {
    font-style: italic
}

.agreement-page.agreement-type-peppa-student {
    height: 100vh;
    overflow: scroll;
    -webkit-overflow-scrolling: touch
}

.agreement-page.agreement-type-peppa-student .agreement-privacy,.agreement-page.agreement-type-peppa-student .agreement-register {
    padding: 0 40px
}

.agreement-page.agreement-type-peppa-student .page-title {
    font-size: 26px;
    color: #f45;
    margin-bottom: 20px
}

.agreement-page.agreement-type-peppa-student h1 {
    font-size: 18px;
    color: #f45
}

.agreement-page.agreement-type-peppa-student .agreement-text-item {
    font-size: 14px
}

.agreement-page.agreement-type-ai-app .agreement-privacy,.agreement-page.agreement-type-ai-app .agreement-register,.agreement-page.agreement-type-lp .agreement-privacy,.agreement-page.agreement-type-lp .agreement-register,.agreement-page.agreement-type-peppa-parent .agreement-privacy,.agreement-page.agreement-type-peppa-parent .agreement-register,.agreement-page.agreement-type-sparkle .agreement-privacy,.agreement-page.agreement-type-sparkle .agreement-register,.agreement-page.agreement-type-tob .agreement-privacy,.agreement-page.agreement-type-tob .agreement-register,.agreement-page.chunfeng-children .agreement-privacy,.agreement-page.chunfeng-children .agreement-register,.agreement-page.chunfeng-parent .agreement-privacy,.agreement-page.chunfeng-parent .agreement-register,.agreement-page.chunfeng-service .agreement-privacy,.agreement-page.chunfeng-service .agreement-register,.agreement-page.chunfeng-student .agreement-privacy,.agreement-page.chunfeng-student .agreement-register,.agreement-page.chunfeng-user .agreement-privacy,.agreement-page.chunfeng-user .agreement-register {
    padding: 0 20px
}

.agreement-page.agreement-type-ai-app .page-title,.agreement-page.agreement-type-lp .page-title,.agreement-page.agreement-type-peppa-parent .page-title,.agreement-page.agreement-type-sparkle .page-title,.agreement-page.agreement-type-tob .page-title,.agreement-page.chunfeng-children .page-title,.agreement-page.chunfeng-parent .page-title,.agreement-page.chunfeng-service .page-title,.agreement-page.chunfeng-student .page-title,.agreement-page.chunfeng-user .page-title {
    font-size: 26px
}

.agreement-page.agreement-type-ai-app h1,.agreement-page.agreement-type-lp h1,.agreement-page.agreement-type-peppa-parent h1,.agreement-page.agreement-type-sparkle h1,.agreement-page.agreement-type-tob h1,.agreement-page.chunfeng-children h1,.agreement-page.chunfeng-parent h1,.agreement-page.chunfeng-service h1,.agreement-page.chunfeng-student h1,.agreement-page.chunfeng-user h1 {
    font-size: 18px
}

.agreement-page.agreement-type-ai-app .agreement-text-item,.agreement-page.agreement-type-lp .agreement-text-item,.agreement-page.agreement-type-peppa-parent .agreement-text-item,.agreement-page.agreement-type-sparkle .agreement-text-item,.agreement-page.agreement-type-tob .agreement-text-item,.agreement-page.chunfeng-children .agreement-text-item,.agreement-page.chunfeng-parent .agreement-text-item,.agreement-page.chunfeng-service .agreement-text-item,.agreement-page.chunfeng-student .agreement-text-item,.agreement-page.chunfeng-user .agreement-text-item {
    font-size: 14px
}

.common-agreement-page {
    height: 100vh;
    color: #262626;
    padding: 30px 20px;
    text-align: justify;
    box-sizing: border-box;
    background-color: #fff;
    word-wrap: break-word
}

.common-agreement-page.is-harmonyOS {
    height: 100%
}

.common-agreement-page.common-agreement-page-left {
    padding-left: calc(20px + var(--safe-area-inset-left));
    padding-left: calc(20px + env(safe-area-inset-left));
    padding-left: calc(20px + constant(safe-area-inset-left))
}

.common-agreement-page.common-agreement-page-right {
    padding-right: calc(20px + var(--safe-area-inset-right));
    padding-right: calc(20px + env(safe-area-inset-right));
    padding-right: calc(20px + constant(safe-area-inset-right))
}

.common-agreement-page h1,.common-agreement-page h2,.common-agreement-page h3,.common-agreement-page h4,.common-agreement-page h5,.common-agreement-page h6 {
    margin-bottom: 20px
}

.common-agreement-page h1 {
    font-size: 30px
}

.common-agreement-page h2 {
    font-size: 28px
}

.common-agreement-page h3 {
    font-size: 26px
}

.common-agreement-page h4 {
    font-size: 24px
}

.common-agreement-page p {
    font-size: 16px;
    margin-bottom: 20px
}

.rc-dialog-wrap.center {
    display: flex;
    align-items: center;
    justify-content: center
}

@media (max-width: 750px) {
    .rc-dialog-className {
        width:300px
    }
}

.rc-dialog-footer {
    display: flex;
    align-items: center;
    justify-content: space-around;
    border-top: none;
    height: 40px
}

.rc-dialog-footer>button {
    width: 30%!important;
    height: 30px
}

.rc-dialog-footer .btn-block {
    margin-top: 0!important
}

@media screen and (max-width: 480px) {
    .agreement-page .page-title {
        font-size:24px;
        margin-bottom: 20px
    }

    .agreement-page .aboutShizi {
        padding: 0 20px
    }

    .agreement-page .aboutShizi ul {
        padding-left: 30px
    }

    .agreement-page .aboutShizi ul li {
        list-style: disc
    }

    .agreement-page .aboutShizi .agreement-text-item {
        font-size: 14px
    }

    .agreement-page .agreement-course,.agreement-page .agreement-privacy,.agreement-page .agreement-register {
        padding: 0 20px
    }

    .agreement-page .agreement-course .agreement-text-item,.agreement-page .agreement-privacy .agreement-text-item,.agreement-page .agreement-register .agreement-text-item {
        font-size: 14px
    }

    .agreement-page .agreement-course .link,.agreement-page .agreement-privacy .link,.agreement-page .agreement-register .link {
        color: #2e92d3
    }
}

.privacy-dialog-text {
    padding: 20px 40px 0;
    font-size: 16px;
    text-align: center
}

.privacy-dialog-btn,.privacy-dialog-btn-wrap {
    display: flex;
    justify-content: center
}

.privacy-dialog-btn {
    align-items: center;
    font-size: 16px;
    margin: 0 10px;
    width: 88px;
    height: 40px;
    border: 1px solid;
    border-radius: 20px;
    cursor: pointer
}

.privacy-dialog-btn.cancel {
    background-color: #ff4355;
    color: #fff;
    border-color: #ff4355
}

.certificates-container {
    width: 640px;
    margin: 0 auto;
    padding: 20px 0
}

.certificates-container h1,.certificates-container h3 {
    text-align: center;
    margin: 50px 0 20px
}

.certificates-container img {
    width: 100%
}

.certificates-container div:last-child {
    margin-bottom: 80px
}

@media (max-width: 670px) {
    body {
        min-width:auto
    }

    .certificates-container {
        width: 100%;
        margin: 0 auto;
        padding: 10px 60px 40px
    }

    .certificates-container h1,.certificates-container h3 {
        text-align: center;
        margin: 50px 0 20px
    }

    .certificates-container img {
        width: 100%;
        display: block
    }
}

.page-faq-detail {
    line-height: 1.618
}

.page-faq-detail .com-header-inner {
    background-color: #f45
}

.page-faq-detail .part {
    padding-bottom: 5.1rem;
    padding-top: 100px;
    margin: 0
}

.page-faq-detail .logo2 {
    background-image: url(https://pkm-01.huohuacdn.com/v1/online/peppa-web-pc/web/static/c2b0df2b20bb95692a1b32dc47d65b74.png);
    width: 160px;
    height: 160px;
    margin-top: 1.2rem;
    margin-bottom: .4rem;
    background-size: 160px 160px
}

.page-faq-detail .warning {
    color: #ffcb15
}

.page-faq-detail .content {
    margin: 0 auto;
    padding: 1.1rem 1.5rem 0
}

.page-faq-detail .content a {
    text-decoration: none;
    color: #777
}

.page-faq-detail dt.question {
    font-size: 18px;
    font-weight: 400;
    margin: 12px 0
}

.page-faq-detail dt.question strong {
    font-size: 24px
}

.page-faq-detail dt.question .question-text {
    border-bottom: 1px dashed #ffeb00;
    display: inline-block
}

.page-faq-detail dd {
    color: #777;
    margin: 10px 0
}

.page-faq-detail .ribbon.yellow {
    color: #fff
}

.page-faq-detail .ribbon.yellow .ribbon-renderer {
    background-color: #ffcb15
}

.page-faq-detail .ribbon.yellow .ribbon-renderer:after,.page-faq-detail .ribbon.yellow .ribbon-renderer:before {
    border-color: #ffcb15
}

.page-faq-detail .ribbon.yellow .ribbon-renderer:before {
    border-right-color: transparent;
    border-bottom-color: transparent
}

.page-faq-detail .ribbon.yellow .ribbon-renderer:after {
    border-top-color: transparent;
    border-right-color: transparent
}

.page-instruction-detail {
    font-size: 22px;
    color: #999
}

.page-instruction-detail .com-header .com-header-inner {
    background-color: #f45!important;
    position: fixed!important;
    width: 100%
}

.page-instruction-detail .content {
    line-height: 40px;
    padding: 0 1.7rem
}

.page-instruction-detail .title {
    font-size: 30px;
    text-align: center;
    color: #444;
    padding: 100px 0 10px;
    font-weight: 700
}

.page-instruction-detail .sub-title {
    font-size: 26px;
    font-weight: 700;
    color: #777;
    margin: 60px 0 20px
}

.page-instruction-detail .proposal {
    margin-top: 15px
}

.page-instruction-detail .proposal-title {
    color: #000;
    margin-top: 60px;
    margin-bottom: -30px
}

.page-instruction-detail .sub-title-no {
    font-size: 30px
}

.page-instruction-detail .img-container {
    margin: 60px 0 88px 70px
}

.page-instruction-detail .img-container-1 {
    margin: 30px 0 45px 70px
}

.page-instruction-detail .model-table {
    width: 100%;
    color: #333;
    border-color: #818181
}

.page-instruction-detail .model-table .table-header {
    height: 60px;
    font-size: 22px;
    font-weight: 700
}

.page-instruction-detail .model-table.ipad-model-table .head-name {
    width: 25%
}

.page-instruction-detail .model-table.ipad-model-table .head-version {
    width: 45%
}

.page-instruction-detail .model-table.ipad-model-table .head-support {
    width: 30%
}

.page-instruction-detail .model-table.ipad-model-table .head-support .top-title {
    text-align: center;
    border-bottom: 1px solid #818181;
    box-sizing: border-box
}

.page-instruction-detail .model-table.ipad-model-table .head-support .bottom-title {
    display: flex;
    font-size: 18px;
    text-align: center
}

.page-instruction-detail .model-table.ipad-model-table .head-support .bottom-title div {
    width: 50%
}

.page-instruction-detail .model-table.ipad-model-table .head-support .bottom-title div:first-of-type {
    border-right: 1px solid #818181;
    box-sizing: border-box
}

.page-instruction-detail .model-table.ipad-model-table .support-container {
    display: flex;
    height: 100%
}

.page-instruction-detail .model-table.ipad-model-table .support-container .model-support {
    line-height: 90px;
    width: 50%;
    text-align: center;
    box-sizing: border-box
}

.page-instruction-detail .model-table.ipad-model-table .support-container .model-support.nosupport {
    color: #ff4355;
    font-weight: 600
}

.page-instruction-detail .model-table.ipad-model-table .support-container .model-support.notrecommend {
    color: orange
}

.page-instruction-detail .model-table.ipad-model-table .support-container .model-support:first-of-type {
    border-right: 1px solid #818181
}

.page-instruction-detail .model-table.ipad-model-table .model-info {
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap
}

.page-instruction-detail .model-table.ipad-model-table .model-info .model-version {
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #818181;
    box-sizing: border-box
}

.page-instruction-detail .model-table.ipad-model-table .model-info.border-none .model-support,.page-instruction-detail .model-table.ipad-model-table .model-info.border-none .model-version {
    border-bottom: 0
}

.page-instruction-detail .model-table .table-body {
    font-size: 12px
}

.page-instruction-detail .model-table td,.page-instruction-detail .model-table th {
    text-align: center
}

.page-instruction-detail .model-table .table-version {
    width: 44%
}

.page-instruction-detail .model-table .table-memory,.page-instruction-detail .model-table .table-operatingSystem,.page-instruction-detail .model-table .table-size {
    width: 20%
}

.page-instruction-detail .img-container-and {
    margin: 10px auto 50px;
    width: 80%
}

.page-instruction-detail .img-container-platform {
    width: 80%;
    margin: 20px auto
}

.page-instruction-detail .img-container-avatar {
    width: 14%;
    margin: 20px auto
}

.page-instruction-detail .installation-steps {
    margin: 10px auto
}

.page-instruction-detail .list {
    margin-left: 23px
}

.page-instruction-detail .list ul li {
    list-style-type: none
}

.page-instruction-detail .list i {
    width: 8px;
    height: 8px;
    background-color: #999;
    border-radius: 8px;
    vertical-align: middle;
    margin-right: 18px;
    display: inline-block
}

.page-instruction-detail .windows-devioce {
    width: 22.22rem
}

.page-instruction-detail .windows-devioce .windows-table {
    margin-top: 60px
}

.page-instruction-detail .table-header .first-row {
    font-size: .49rem
}

.page-instruction-detail .table-header .device {
    width: 20%
}

.page-main-landing .con1 .btn {
    line-height: 52px
}

.page-main-landing .con1 .sign-btn {
    text-align: left
}

.page-main-landing .con1 .sign-btn .text {
    margin-left: 65px;
    color: #f45;
    font-size: 28px;
    font-weight: 700
}

.page-main-landing .con1 .sign-btn .yuanquan {
    font-size: .35555555rem;
    text-align: center;
    text-indent: 0
}

.page-main-landing .con1 .com-video .video-thumbnail-cont:before {
    content: "";
    background: rgba(0,0,0,.6);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.page-main-landing .con1 .sprite-video-play {
    width: 95px;
    height: 95px;
    margin: 0;
    transform: translate(-50%,-50%);
    background: url("https://static.huohua.cn/image/huohua/www/landing/video-play-btn.png");
    cursor: pointer
}

.page-main-landing .teachers {
    padding-top: 20px;
    margin-top: 0
}

.page-main-landing .teachers .container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 957px;
    margin-top: 60px
}

.page-main-landing .teachers .container .item {
    flex: 1;
    min-height: 383px;
    margin-left: 51px;
    padding-top: 30px;
    padding-right: 18px;
    padding-left: 18px;
    border: 2px solid;
    border-radius: 20px
}

.page-main-landing .teachers .container .item:first-of-type {
    margin-left: 0;
    border-color: #c1e6ff
}

.page-main-landing .teachers .container .item:first-of-type p {
    color: #003f6b
}

.page-main-landing .teachers .container .item:nth-of-type(2) {
    border-color: #c2ebd0
}

.page-main-landing .teachers .container .item:nth-of-type(2) p {
    color: #006b25
}

.page-main-landing .teachers .container .item:nth-of-type(3) {
    border-color: #ffc8cd
}

.page-main-landing .teachers .container .item:nth-of-type(3) p {
    color: #6b0000
}

.page-main-landing .teachers .container .item img {
    display: block;
    width: 249px
}

.page-main-landing .teachers .container .item div {
    margin-top: 48px;
    text-align: center;
    font-size: .41666666rem;
    line-height: 25px
}

.page-main-landing .service-promise .content {
    justify-content: center;
    margin-top: 74px
}

.page-main-landing .service-promise .content .service-item {
    position: relative;
    width: 313px;
    height: 208px;
    border: 2px solid rgba(255,68,85,.2);
    background-color: transparent
}

.page-main-landing .service-promise .content .service-item:nth-of-type(2) {
    margin-left: 97px
}

.page-main-landing .service-promise .content .service-item div {
    position: absolute;
    width: 313px;
    height: 208px;
    margin-top: -17px;
    margin-left: -17px;
    top: 0;
    left: 0;
    background-size: cover
}

.page-main-landing .service-promise .content .service-item:first-of-type > div {
    background-image: url("https://static.huohua.cn/image/huohua/www/landing/service-promise-1.png")
}

.page-main-landing .service-promise .content .service-item:nth-of-type(2)>div {
    background-image: url("https://static.huohua.cn/image/huohua/www/landing/service-promise-2.png")
}

.page-main-landing .user-feedback .biaoti {
    left: 55px
}

.page-main-landing .user-feedback .content {
    margin-top: 82px
}

.page-main-landing .user-feedback .content .item {
    position: relative;
    width: 664px;
    min-height: 164px;
    margin: 0 auto;
    padding-right: 20px;
    padding-bottom: 16px;
    padding-left: 20px;
    border: 1px solid;
    border-radius: 23px
}

.page-main-landing .user-feedback .content .item:not(:first-of-type) {
    margin-top: 47px
}

.page-main-landing .user-feedback .content .item:first-of-type {
    color: #794420;
    background-color: #fcffd0;
    border-color: #ffe44e
}

.page-main-landing .user-feedback .content .item:first-of-type .title img {
    border: 1px solid #ffe44e
}

.page-main-landing .user-feedback .content .item:nth-of-type(2) {
    color: #3e6500;
    background-color: #f3fee1;
    border-color: #a1db44
}

.page-main-landing .user-feedback .content .item:nth-of-type(2) .title img {
    border: 1px solid #a1db44
}

.page-main-landing .user-feedback .content .item:nth-of-type(3) {
    color: #e22334;
    background-color: #ffeef0;
    border-color: #f45
}

.page-main-landing .user-feedback .content .item:nth-of-type(3) .title img {
    border: 1px solid #f45
}

.page-main-landing .user-feedback .content .item:after {
    content: "\4ED6\4EEC\4E5F\5728\7528";
    position: absolute;
    display: block;
    right: 0;
    top: 0;
    padding-right: 15px;
    padding-left: 15px;
    border-bottom-left-radius: 24px;
    border-top-right-radius: 24px;
    color: #fff
}

.page-main-landing .user-feedback .content .item:first-of-type:after {
    background-color: #ffe44e
}

.page-main-landing .user-feedback .content .item:nth-of-type(2):after {
    background-color: #a1db44
}

.page-main-landing .user-feedback .content .item:nth-of-type(3):after {
    background-color: #f45
}

.page-main-landing .user-feedback .content .item .title {
    font-weight: 700
}

.page-main-landing .user-feedback .content .item .title img {
    width: 82px;
    height: 82px;
    margin-top: -18px;
    border-radius: 50%
}

.page-main-landing .user-feedback .content .item .title p {
    margin-top: 11px;
    margin-left: 15px;
    font-size: 20px
}

.page-main-landing .user-feedback .content .item .introText {
    margin-top: 8px;
    font-size: 18px;
    line-height: 24px
}

.page-download-detail {
    background-color: #fff;
    margin: 0 auto
}

.page-download-detail .com-header {
    position: absolute;
    background-color: transparent
}

.page-download-detail .com-header .com-header-inner {
    background-color: transparent
}

.page-download-detail .com-header.active {
    position: fixed!important;
    background-color: #f45!important
}

.page-download-detail .container {
    width: 26.67rem;
    margin: 0 auto
}

.page-download-detail .part {
    margin: 0;
    padding: 0
}

.page-download-detail .download-banner {
    height: 500px;
    position: relative
}

.page-download-detail .download-banner .banner-content {
    height: 500px
}

.page-download-detail .download-banner .banner-content .dots {
    position: absolute;
    left: 50%;
    margin-left: -48px;
    bottom: 20px
}

.page-download-detail .download-banner .banner-content .dots li {
    display: inline-block;
    margin-right: 8px
}

.page-download-detail .download-banner .banner-content .dots li:last-child {
    margin-right: 0
}

.page-download-detail .download-banner .banner-content .dots li button {
    width: 44px;
    height: 7px;
    border-radius: 4px;
    background-color: hsla(0,0%,100%,.4);
    color: transparent;
    outline-style: none
}

.page-download-detail .download-banner .banner-content .dots .slick-active button {
    background-color: #fff;
    outline-style: none
}

.page-download-detail .download-banner .banner-content .content-student {
    height: 500px;
    background: url("https://hf-mix.sparkeducdn.com/huohua/peppa-parent/assets/image/2023-12-21/1c265f9f-a1a1-4683-dad2-417b2e45e61f.png") no-repeat;
    background-position: 50%;
    background-size: contain;
    background-color: #ff404e
}

.page-download-detail .download-banner .banner-content .content-student .container {
    height: 100%;
    position: relative
}

.page-download-detail .download-banner .banner-content .content-student .container .banner-pc {
    width: 11.11rem;
    height: 6.82rem;
    background: url("https://hf-mix.sparkeducdn.com/huohua/peppa-parent/assets/image/2023-12-21/ead73480-62a2-4fff-cac7-c1a6403402ea.png") no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 0;
    left: 3rem
}

.page-download-detail .download-banner .banner-content .content-student .container .banner-pc.active-andriod,.page-download-detail .download-banner .banner-content .content-student .container .banner-pc.active-ipad {
    left: 2rem;
    background: url("https://hf-mix.sparkeducdn.com/huohua/peppa-parent/assets/image/2023-12-21/e1961b86-c8b1-471a-b4ed-f6931a57e464.png") no-repeat;
    background-size: contain
}

.page-download-detail .download-banner .banner-content .content-student .container .banner-des {
    position: absolute;
    right: 2rem;
    top: 1.7rem;
    max-width: 10rem
}

.page-download-detail .download-banner .banner-content .content-student .container .banner-des p {
    color: #fff
}

.page-download-detail .download-banner .banner-content .content-student .container .banner-des p:first-child {
    font-size: .87rem;
    font-weight: 700;
    line-height: normal
}

.page-download-detail .download-banner .banner-content .content-student .container .banner-des p:nth-child(2) {
    font-weight: 700;
    font-size: 1.02rem
}

.page-download-detail .download-banner .banner-content .content-student .container .banner-des p:last-child {
    margin-top: .4rem;
    font-size: 0
}

.page-download-detail .download-banner .banner-content .content-student .container .banner-des p:last-child .down-list {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    width: 4.5rem;
    height: 1.2rem;
    vertical-align: middle;
    font-size: .44rem;
    box-sizing: border-box;
    background-color: #ff4355;
    border-radius: 30px;
    color: #fff;
    text-align: center;
    margin-right: .44rem;
    margin-bottom: .44rem;
    border: 1px solid #fff;
    cursor: pointer
}

.page-download-detail .download-banner .banner-content .content-student .container .banner-des p:last-child .down-list:last-child {
    margin-right: 0
}

.page-download-detail .download-banner .banner-content .content-student .container .banner-des p:last-child .down-list.active {
    color: #ff234e;
    background-color: #fff;
    box-shadow: 0 5px 12px 0 #fe0f0f
}

.page-download-detail .download-banner .banner-content .content-student .container .banner-des p:last-child .down-list .version {
    width: 100%;
    font-size: 12px;
    line-height: 12px;
    margin-bottom: 5px
}

.page-download-detail .download-banner .banner-content .content-student .container .banner-desc-info-student {
    margin-top: .44rem;
    position: absolute;
    bottom: 1.5rem;
    max-width: 12rem;
    width: 12rem;
    right: 0
}

.page-download-detail .download-banner .banner-content .content-student .container .banner-desc-info-student div {
    line-height: 22px;
    font-size: .3rem;
    color: #fff;
    text-align: left
}

.page-download-detail .download-banner .banner-content .content-student .container .banner-desc-info-student .highlight {
    font-size: .3rem;
    color: #ffec71
}

.page-download-detail .download-banner .banner-content .content-parent {
    height: 500px;
    background: url("https://hf-mix.sparkeducdn.com/huohua/peppa-parent/assets/image/2023-12-21/1c265f9f-a1a1-4683-dad2-417b2e45e61f.png") no-repeat;
    background-position: 50%;
    background-size: contain;
    background-color: #ffa648
}

.page-download-detail .download-banner .banner-content .content-parent .container {
    height: 100%;
    position: relative
}

.page-download-detail .download-banner .banner-content .content-parent .container .banner-phone {
    position: absolute;
    bottom: 0;
    width: 6.8rem;
    height: 6.9rem;
    background-size: cover;
    margin-left: 5.28rem;
    transition: all .5s;
    overflow: hidden
}

.page-download-detail .download-banner .banner-content .content-parent .container .banner-phone img {
    width: 6.8rem;
    height: auto
}

.page-download-detail .download-banner .banner-content .content-parent .container .banner-phone .android-parent-bg {
    width: 100%;
    height: 100%;
    text-align: center;
    position: relative;
    background-image: url(https://hf-mix.sparkeducdn.com/huohua/peppa-parent/assets/image/2023-12-21/3cc3703a-e9ff-439e-91b8-0c8455702640.png);
    background-size: contain;
    background-position: 50%
}

.page-download-detail .download-banner .banner-content .content-parent .container .banner-phone .android-parent-bg .android-phone-bg {
    width: 6.8rem;
    height: auto
}

.page-download-detail .download-banner .banner-content .content-parent .container .banner-phone .android-parent-bg .download-img {
    position: absolute;
    left: 51%;
    top: 1.36rem;
    transform: translateX(-50%);
    width: 2.22rem;
    height: 2.22rem
}

.page-download-detail .download-banner .banner-content .content-parent .container .banner-phone .harmonyos-parent-bg {
    width: 100%;
    height: 100%;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.page-download-detail .download-banner .banner-content .content-parent .container .banner-phone .harmonyos-parent-bg .android-phone-bg {
    width: 6.8rem;
    height: auto
}

.page-download-detail .download-banner .banner-content .content-parent .container .banner-phone .harmonyos-parent-bg .download-img {
    position: absolute;
    left: 51%;
    top: 1.36rem;
    transform: translateX(-50%);
    width: 2.22rem;
    height: 2.22rem
}

.page-download-detail .download-banner .banner-content .content-parent .container .banner-phone p {
    font-size: .4rem;
    color: #333;
    text-align: center;
    position: absolute;
    bottom: 1.2rem;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: all .1s
}

.page-download-detail .download-banner .banner-content .content-parent .container .banner-phone .phone-des.active-des,.page-download-detail .download-banner .banner-content .content-parent .container .banner-phone .phone-desc.active-des {
    opacity: 1
}

.page-download-detail .download-banner .banner-content .content-parent .container .banner-desc {
    margin-left: 2.88rem;
    position: absolute;
    top: 1.7rem;
    right: 2rem;
    max-width: 10rem
}

.page-download-detail .download-banner .banner-content .content-parent .container .banner-desc p {
    color: #fff
}

.page-download-detail .download-banner .banner-content .content-parent .container .banner-desc p:first-child {
    font-size: .87rem;
    font-weight: 700;
    line-height: normal
}

.page-download-detail .download-banner .banner-content .content-parent .container .banner-desc p:nth-child(2) {
    font-weight: 700;
    font-size: 1.02rem
}

.page-download-detail .download-banner .banner-content .content-parent .container .banner-desc p:last-child {
    margin-top: .35rem;
    font-size: 0;
    vertical-align: bottom
}

.page-download-detail .download-banner .banner-content .content-parent .container .banner-desc p:last-child .phone-list {
    width: 188px;
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    height: 60px;
    justify-content: center;
    padding: 6px 0;
    box-sizing: border-box;
    border-radius: 30px;
    color: #fff;
    text-align: center;
    margin-right: .44rem;
    margin-bottom: .44rem;
    border: 1px solid #fff;
    cursor: pointer;
    font-size: 20px;
    margin-top: 0
}

.page-download-detail .download-banner .banner-content .content-parent .container .banner-desc p:last-child .phone-list .icon-bg {
    width: 100%;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center
}

.page-download-detail .download-banner .banner-content .content-parent .container .banner-desc p:last-child .phone-list:last-child {
    margin-right: 0
}

.page-download-detail .download-banner .banner-content .content-parent .container .banner-desc p:last-child .phone-list.active {
    color: #ffb53e;
    background-color: #fff
}

.page-download-detail .download-banner .banner-content .content-parent .container .banner-desc p:last-child .phone-list i {
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: text-bottom
}

.page-download-detail .download-banner .banner-content .content-parent .container .banner-desc p:last-child .phone-list i:first-child {
    margin-top: -2px
}

.page-download-detail .download-banner .banner-content .content-parent .container .banner-desc p:last-child .phone-list.iphone i {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAyCAYAAAAus5mQAAAAAXNSR0IArs4c6QAAA3lJREFUWAnNmUloFEEUhjMhasAtJhJEFA2oQc3FBUQhB1EjCuLFiwsI4oKgiBcRPHlyQXC7KCKIQdSDEJQYkovx4Bwiioq4kICOGnfiIVEw0YzfP0nP9HS6OjOD09UP/lTVq+V985rq6u7ESkKyZDI5i1C70Cr0IxaLrQ8pdHAYwCrQJfQXOXY/eFamtyxT/f81aBaz6h003bP6N0/b2CwaIHDLiNqKJvtEj/v4wnMBV4m6kckWhEfjEwmqqyYy/MqqPQNgDvpjANRGWW6PjsgAnDLAyX3SKpyCA/HUAHgLf9E2ZU4/HIByNOgDeNE63HD2JnrgHtJek9OvMwyKGfwFuYEpZ+JBpBtxnOPsRUELuSaNCkjQCsZvQPNRLZqC3qBXqAmITkqjMX8snQ1IZ6/WmIf0Q76j56gFNbPOJ8rcjYVno7OoFwXZIzr3IYGnjfZSdAH1oNFMt5/rqCa9QFCFgVvQL5SP/WZwB9JuTeQz0TVWydhmZKOzFJ1wTbBR1V3ggC8kHUdsEPnE1CVPPS+WOqQ46qkfddqWy7fE/yKG1C4GTrtKu3GGnJbtCfEb2NWpZ0Yng5txRgEuAcdaB06JcgD3q2HZBom/Fbivbg7t2iU4Frmdluo3gHvgja0MrvA6LbWP+cUVoDJo27rIno69ESZAvXnZtnYTgACnmjpD9HebYglwnKkzRH+PKVZUAKuDAAdMnSH6Z5piKYPG62+aVAS/caMK8H0RAua7ZB0HxkK/SQJ859dhwbfHL6YAO/w6LPj2ksU6b1wBjjj/vINCauul/hqQk9zxnOdBvWFVuTss1u8ReyNHX68YlEHZ3aEiEn9XQhF3LreTQT3/N0cCLwPRT/W8AziGxmdUmemPRK0tdYm53jpNGiOBlA1xJZVB+bjm+jdBF7L7iUwwQ/aRosbZJCVkMYHj5nBnFIozMPWnMygislhL8Qzpg49N036YC2BfOoOiwfGa4rTqlu2Q4MSQlUE5yOJ4ipfI+AikcUU0nWz1ACYVIyuDctDxk2I70ntq2KbYOxy4wOBk8jgK23YHQrk7IStDLSESXnbHz6kO3AT0OE9Ifcjsz3NOG+MLu/8ysQq1BwTso68RrUPpo5J6NdqEbqMBZLJzdOjrWuHGAvqGsxPpE6+APqBmpIfMrOc3vyiMmYYOo1bUifSJuAmt9hvv9v0D/4xMdQBUonoAAAAASUVORK5CYII=) no-repeat;
    background-size: contain
}

.page-download-detail .download-banner .banner-content .content-parent .container .banner-desc p:last-child .phone-list.iphone.active i {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAyCAYAAAAus5mQAAAAAXNSR0IArs4c6QAABNVJREFUWAnNWV1oHFUUPt/s5ldbrT9VRKuIqLVVsC0IQmPS0myypX2roD4owb8iPtSHPkQfKhX6UKSVCkIQFWzAHyyFms2mMWYTagQRa0GlWqGt4m/U/tCmaZrM8ZvZTLKzOzfZqbszLszeueece77vnjv3njt3IBH9dGDNrXLRfkpE1xLyFNJD6XKgk+UY/RcbHWy+WsZ1p4xPdtCPNe1ruFyfVSWo2TUr5MLkAVG5yUcIMuqrz1GpGkHta3lApqb6SO6qEnzFSInMIPBCblBfnlizqWtIbp+olpJzXCKZLddzdSI4Nb6bBPzD6jGCHER64DuvOl9Z8QhqtvkOgj5qALYF2GbQBYorTlBseZZLSSIQTfAq2oc+D9YFSytPUOx1wVDYJ43oDNaZpTCrwmu45tXLBXuMM9fvF+iSBjyHltxkWK+VnSQ1C2tk7PQsOeBLku1k1ugPS8yzryzBS2cvcQ3hMGJUkBgJM1s9QsXlbG+LNdN1N1Vd1A2MxFJOgLsoXsQBPM7rqCR0P1qHjxmaumL9dlOtnBhtFaiTe5dyAt3Jsp7XX6L4hp3plURdD9r6fnMbFP0ZCWpv821i6xYS6eCCe2VRu9kq5Cum2LdlwRXdWN1zylNoT/MqEftJ1h/mtciTG0pn+fmARDuROni80CaQoPY0OevYm7waCo3nuZ8gyBFG+mdGieRkyTz2pWrgHH1sRntur6f0EVTdZknv4A5GbKtnEHkJdlFlC9YPv+Zg+wlmml6k8pXISZUC2tyYbUD7cGZmodbsQ6v50L5cahuL5IRYiT8cZDeC+QVWj3Fob46Fjg8UXwsaW5HudfeM+XVwTB/hg/1/IHdSknUppPLkHN75IYY87+tEPBUuNdZjXGb+LIS3uPNdyaG9v1AYyz3wHtKDnxVjWzJlP1gsjKWewI4gXA6xrgxSRCoDfkQqx7RX+iNBrCgVRyyB5EyITgSvMykjk9v4xYTlzOI6kzIyuaX/mLCcIY6foGKxmaAKN5lx//QWEwOLyc44/qZGFZerGCeqld+/VRwypENdrtmWZUGNnAj+FKSIXGbbzwRhkiC+CFLEINusfc3Li3EtbhdK8l+xUSR11STTbrdm2hcW4llMMUcZxb8LhbHdq9wnOrZfD21c4HFwFmomE8l4gvhLbZEzZ0a84c7vqHub0nzn7YmfnI8B3xKtPfkIXn93P2ezMd34mkVXqeV79b0uQazqYjax3o0Ou0wk4J18BB37OmsXJ0vo06cyocKbQX6VJYs/miGItZ+e5Gx5P7ynKrUAdmPZhxMzBF0YJLaznKgSZAi3+F3q8YbTwEcQ7YPfc+bsCuGpOqYJ2crDznMlBF20RO12zmgeAMX0AzNbavbwyBdBhxLfS8+Lhcd5a0dOETgvWtMBQD3sEoKOAm1DgxzqnZ5RZCXkBawf+KEQL5Cga9AgL5Fq2V+ECp1e1j3wFj9RdBW3NRJ0T+QbsYlr4+HiRvPUmaJCvkYA/fwKYNgPzoHmzqTa5DoCDhnNnOdGsJcdSUui4VoePNYhPVwryfob+Jg4HTwwZwIA9pDcRtMnCnezYASfVrgnr5lcBw/Cn6boHu5+TpP0Ed5/LNLYzaOys3P54PHejTIuT4jaLezM7TwLYp6Vw5KwXkdb7pO52v4L55xGHOix7f4AAAAASUVORK5CYII=) no-repeat;
    background-size: contain
}

.page-download-detail .download-banner .banner-content .content-parent .container .banner-desc p:last-child .phone-list.android i {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAsCAYAAAAXb/p7AAAAAXNSR0IArs4c6QAAArtJREFUWAntmL9rFEEUx7MhITGNCoJioxBQY6EQEUljDixsbVNdG80/cn+BTUiZ3kYlhRAEizQBRUkRtBMUUsRTsNB4fr7LDiyTmdmd3dlU++B7M+/X9717u3s73NRUhEwmkznwCnwCN+umKrbIeck6VzcvOg7yRWBkpy4BCTsmiXWxbl50HOTT4KBUbEUk6DPgOrhfQPuZwrfC3ohyp6MLxyRQYM1UY90Hr8G4ZDNb2eRTjJG1mFqNYqmkKX41FSNW5URPLyqBArrBt8DVBt9OOVsFR4P0ihSIF8A70FbEsVBRLt4N6Xbbzkr52/EdBDIgXi+Rm+0xm6dgZAyOVT7FKNaW9UDJ+i5Y58E3mx1907CwP3T4D0v+TYdfnPMmpvEKyYaDXKbP4BZ4DE6ALbLJpxjFumSjcWMmEdY9F3Mi256p41szn0N2mjjH8gPMSu9A/sB5Psuy3z7uqt/BZRK7ak49ifuBNj6pavCiLzGh/VqIq84lvhwiSOA74hL/8vHkJw45ud8GLLqk+yTsskpugCf5rruPF1C/F72nh9wxsp7KUZEwtOxdqMOilrMHdX0F/LMqS5d9aNm7UFXD24MeEl1G+16ULvtZibcHNWg3Z5qqesJNXIrVVyvzOVIUTcLRN9h2jP0E+wm2nUDb/P4eTDHBsYdEJ+mzEl+tsS7xR/DF6kS67CeWvQtVNUI95MetJU4Uu+BnsS6pE/bLoGvRGVS1boNTPfgOCspRkg60H0DesGyJ5QC+OxyQ/zbmpcl74DtILeLMpxdqLjhBkwjRJfbPwCPw0NhLq47sxyVd2wvgrmWT+ha8Ac+Z3JEMyYRGV4FLBnYRggauQGyrdmxI73+oQ9Op4+snWGdKoZjYCca8Fr2vr1BDrXw8gbPA/q9P+qk/mGJiWzVlJ1PY+Vq046QT63x9uWJ9tv/YIbsSUts3WgAAAABJRU5ErkJggg==) no-repeat;
    background-size: contain;
    margin-top: 2px
}

.page-download-detail .download-banner .banner-content .content-parent .container .banner-desc p:last-child .phone-list.android.active i {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAsCAYAAAAXb/p7AAAAAXNSR0IArs4c6QAABApJREFUWAntWN1rVEcUP2c22iQgVTCmBCU2+BFb8IuANILZTRHZpUIR+qDYEtCC+A/oYx7Nq9Ai6oNP+lYFcVcR3Y3Q+FJaIrZaWsSiCNE8mLRsEs3e09/MZj9mc3f23t0kD7L34d45Z875nd+ce+fMzGUKcUky/hFR9jqRdBNHjnA8/WcQd0nFtpPkfiLi50TtRziRmgvip21UUMO83dxGEomT0GcIeD6wr7Y1PpIgAkaIi0PYgtuwomT6d2Sw1/gp7uf46ENJR1tolhBYOvJ4/IZa6SXHMvOSGviCPBlb0D+lROxz5mEvaNxQBDUoAh5FwKsmAPNvyMwEtPshrzG60u1fvNKfiakTI9tj1IqPYUDXSia1W+EJ6iym7r8Asa7a8GUWTK8oPrgpTPa0dyiCZpJI9gIyNlQWOkSTrxC3nwozSQITlF8Ot9PE1F2w6Q/ByM90jDo/Psh9N7N+nZW64LP49fQlODdKTsfvpzxWJRdfORBBuRU9hQ/9mIXAPEXMp4nViKUvF3SfsYFt+QUsg1muq9Ku+YpRQlopK8/x3XVaGIovY0Z+r3WSHPgLA9hi9TP/zYnRraY/NXAJM/+k1U88Qe28GaVo1tbbUost+khZOrGInDbzZFDuRHvJ427ycj2LPEV6sIIcIiX/0Lw3uKhfDzjLwKYfFveVNLUJkvddydxq9SDwE0tjCwrEb5OzJBtsJ0HnNyhj37ShEOWLrB18aSRgmxgONCdBeju5FwV5lcO/sS6NPfVmnwvETVBknct5ifq6XTjub3Bdxz2M8FMXQMN9rTTpwigSlFQ0ipm5lxT/yvFMxjhNT27DdP3aBdBw31zkBjDGNY4fB0NQktFz5HlnTDBPUNeiI5zInEVt241ZOGz0y3VTusbSeDUOjEL8Cc14rzAZSkWbIbWpLuzxDoH4leXiZnCVGsLe8U41DoreqW0WOe2lyWr9Sl0ODopyUspcOSHPc8/wcttG29VigdvKkahzEE2CdSau6NbMYDEVdTaaGawzcUW3ZgaLqaizgQzmpn19xbNPYr5GS6SsGis3rWhD72OEeVYR6tmCPlehXw4x5+KguO/ie1pNX2F7MIoz7H/mCdnoWf2xHIwsTMTIx1p12I+D/0ZhAcH8VsvKI2xvdligSybwE5yNd+rfdNUgnbPYOLaobzGy19UA6tZrzEjkuIucxnZmsBAcmVxPM3IaO+wvoTtQ0JeePE4sb0syWsJrcdtl6fLCA3xK96iNfwQ553lEmwciWAgiydgAfv1mCnLxqVSseI5ZUObPF166aFNocCTKifRoQaz1dL7iWs4r0d8k2GiWP7QMhlgWHctXmKyGy6B7WbTjhrG1PS0pFEHnsmjBon7pJZT9l68KU6f4PxhdeR4mzBp0AAAAAElFTkSuQmCC) no-repeat;
    background-size: contain
}

.page-download-detail .download-banner .banner-content .content-parent .container .banner-desc p:last-child .phone-list .version {
    font-size: 12px;
    width: 100%;
    font-weight: 400
}

.page-download-detail .download-banner .banner-content .content-parent .container .banner-desc-info-parent {
    margin-top: .44rem;
    position: absolute;
    bottom: 1.8rem;
    max-width: 12rem;
    width: 12rem;
    right: 0
}

.page-download-detail .download-banner .banner-content .content-parent .container .banner-desc-info-parent div {
    line-height: normal;
    font-size: .3rem;
    color: #fff;
    text-align: left
}

.page-download-detail .download-banner .banner-content .content-parent .container .banner-desc-info-parent .highlight {
    font-size: .3rem;
    line-height: normal;
    color: #ffec72
}

.page-download-detail .download-banner .banner-content .content-programming {
    height: 500px;
    background: url("https://hf-mix.sparkeducdn.com/huohua/peppa-parent/assets/image/2023-12-21/c10c2af9-17ce-4183-9278-2eb144abef9d.png") no-repeat;
    background-position: 50%;
    background-size: contain;
    background-color: #3592ed
}

.page-download-detail .download-banner .banner-content .content-programming .container {
    height: 100%;
    position: relative
}

.page-download-detail .download-banner .banner-content .content-programming .container .banner-pc {
    width: 11.11rem;
    height: 6.82rem;
    background: url("https://hf-mix.sparkeducdn.com/huohua/peppa-parent/assets/image/2023-12-21/8f4f141b-5eb4-4659-d164-9e5af38edacf.png") no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 0;
    left: 3rem
}

.page-download-detail .download-banner .banner-content .content-programming .container .banner-pc.active-andriod,.page-download-detail .download-banner .banner-content .content-programming .container .banner-pc.active-ipad {
    left: 2rem;
    background: url("https://hf-mix.sparkeducdn.com/huohua/peppa-parent/assets/image/2023-12-21/bf2ca43e-b7d7-4359-8648-2a0af9b25ba8.png") no-repeat;
    background-size: contain
}

.page-download-detail .download-banner .banner-content .content-programming .container .banner-des {
    position: absolute;
    right: 2rem;
    top: 2.28rem;
    max-width: 10rem
}

.page-download-detail .download-banner .banner-content .content-programming .container .banner-des p {
    color: #fff
}

.page-download-detail .download-banner .banner-content .content-programming .container .banner-des p:first-child {
    font-weight: 700;
    font-size: 1.02rem
}

.page-download-detail .download-banner .banner-content .content-programming .container .banner-des p:last-child {
    margin-top: .4rem;
    font-size: 0
}

.page-download-detail .download-banner .banner-content .content-programming .container .banner-des p:last-child .down-list {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    width: 4.5rem;
    height: 1.2rem;
    vertical-align: middle;
    font-size: .44rem;
    box-sizing: border-box;
    background-color: #3593ed;
    border-radius: 30px;
    color: #fff;
    text-align: center;
    margin-right: .44rem;
    margin-bottom: .44rem;
    border: 1px solid #fff;
    cursor: pointer
}

.page-download-detail .download-banner .banner-content .content-programming .container .banner-des p:last-child .down-list:last-child {
    margin-right: 0
}

.page-download-detail .download-banner .banner-content .content-programming .container .banner-des p:last-child .down-list.active {
    color: #4281ff;
    background-color: #fff;
    box-shadow: 0 5px 12px 0 #4281ff
}

.page-download-detail .download-banner .banner-content .content-programming .container .banner-des p:last-child .down-list .version {
    width: 100%;
    font-size: 12px
}

.page-download-detail .download-banner .banner-content .content-programming .container .banner-desc-info-student {
    margin-top: .44rem;
    position: absolute;
    bottom: 1.8rem;
    max-width: 12rem;
    width: 12rem;
    right: 0
}

.page-download-detail .download-banner .banner-content .content-programming .container .banner-desc-info-student div {
    line-height: 22px;
    font-size: .3rem;
    color: #fff;
    text-align: left
}

.page-download-detail .download-banner .banner-content .content-programming .container .banner-desc-info-student .highlight {
    font-size: .3rem;
    color: #ffec72
}

.page-download-detail .download-system {
    padding: 1.77rem 0 2.66rem
}

.page-download-detail .download-system .head-line {
    padding: 0;
    margin: 0 auto;
    border-spacing: 0;
    font-size: 1.06rem
}

.page-download-detail .download-system .head-line span {
    font-weight: 700
}

.page-download-detail .download-system .head-line:after,.page-download-detail .download-system .head-line:before {
    display: none
}

.page-download-detail .download-system .spark-headline-title-text {
    font-size: 40px;
    color: #f45
}

.page-download-detail .download-system .client-container {
    margin-top: 1.77rem;
    justify-content: center
}

.page-download-detail .download-system .client-container a {
    text-decoration: none;
    color: #f45;
    font-size: 15px
}

.page-download-detail .download-system .client-container .t1 {
    font-size: 17px;
    color: #f45
}

.page-download-detail .download-system .client-container .client-pad,.page-download-detail .download-system .client-container .client-win {
    margin-right: 10px;
    width: 5.94rem;
    height: 8.64rem;
    color: #999;
    font-size: 14px;
    cursor: pointer;
    box-shadow: 0 4px 24px 0 #efefef;
    border-radius: 12px;
    padding: .66rem .33rem 0
}

.page-download-detail .download-system .client-container .client-pad ul,.page-download-detail .download-system .client-container .client-win ul {
    border-top: 1px solid #f3f3f3;
    padding: .66rem .3rem 0;
    margin-top: .66rem
}

@media screen and (max-width: 960px) {
    .page-download-detail .download-system .client-container .client-pad ul,.page-download-detail .download-system .client-container .client-win ul {
        padding:.66rem .5rem 0
    }
}

.page-download-detail .download-system .client-container .client-pad ul .header,.page-download-detail .download-system .client-container .client-win ul .header {
    font-size: .44rem;
    font-weight: 700;
    color: #333;
    padding-bottom: .44rem
}

@media screen and (max-width: 960px) {
    .page-download-detail .download-system .client-container .client-pad ul .header,.page-download-detail .download-system .client-container .client-win ul .header {
        padding-bottom:0
    }
}

.page-download-detail .download-system .client-container .client-pad ul li,.page-download-detail .download-system .client-container .client-win ul li {
    font-size: .31rem;
    color: #999;
    padding-bottom: .13rem
}

.page-download-detail .download-system .client-container .client-pad ul li span,.page-download-detail .download-system .client-container .client-win ul li span {
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #ffb844;
    margin-right: 10px;
    vertical-align: middle
}

.page-download-detail .download-system .client-container .client-pad ul li a,.page-download-detail .download-system .client-container .client-win ul li a {
    font-size: .31rem
}

.page-download-detail .download-system .client-container .client-android {
    margin-right: 0
}

.page-download-detail .download-system .client-container .image-and,.page-download-detail .download-system .client-container .image-mac,.page-download-detail .download-system .client-container .image-pad,.page-download-detail .download-system .client-container .image-win {
    margin: 0 auto;
    width: 2.4rem;
    height: 2.4rem;
    background-size: 100% 100%;
    display: block
}

.page-download-detail .download-system .client-container .image-mac {
    background-image: url(https://pkm-01.huohuacdn.com/v1/online/peppa-web-pc/web/static/1ade62f37d3f47bf641d925e71a72337.png)
}

.page-download-detail .download-system .client-container .image-win {
    background-image: url(https://pkm-01.huohuacdn.com/v1/online/peppa-web-pc/web/static/f1aeca1659053fd123ec9035fb4bb6a5.png)
}

.page-download-detail .download-system .client-container .image-pad {
    background-image: url(https://pkm-01.huohuacdn.com/v1/online/peppa-web-pc/web/static/1e8b473bf3e61d81c7b9150b142f196b.png)
}

.page-download-detail .download-system .client-container .image-and {
    background-image: url(https://pkm-01.huohuacdn.com/v1/online/peppa-web-pc/web/static/5e7d543490c8568c5559f18b0c5afdef.png)
}

.page-download-detail .chromedownload {
    width: 100%;
    height: 12.93rem;
    background-color: #f9fafc;
    padding: 1.77rem 0 2.66rem
}

.page-download-detail .chromedownload .title {
    font-size: 1.06rem;
    font-weight: 700;
    text-align: center
}

.page-download-detail .chromedownload .container {
    display: flex
}

.page-download-detail .chromedownload .container .download-list {
    width: 12rem;
    height: 5.35rem;
    background-color: #fff;
    margin-left: .44rem;
    border-radius: 12px;
    display: flex;
    padding: 1.11rem 1.11rem 0;
    margin-top: 1.77rem;
    cursor: pointer
}

.page-download-detail .chromedownload .container .download-list:hover {
    box-shadow: 1px 20px 48px 0 #ebebeb
}

.page-download-detail .chromedownload .container .download-list i,.page-download-detail .chromedownload .container .download-list img {
    display: block;
    width: 2.22rem;
    height: 2.22rem;
    flex-shrink: 0
}

@media screen and (max-width: 960px) {
    .page-download-detail .chromedownload .container .download-list:nth-child(2) .demand p:last-child {
        margin-top:30px
    }
}

.page-download-detail .chromedownload .container .download-list .demand {
    padding-left: .73rem
}

.page-download-detail .chromedownload .container .download-list .demand p {
    cursor: pointer
}

.page-download-detail .chromedownload .container .download-list .demand p:first-child {
    font-size: .44rem;
    color: #333
}

.page-download-detail .chromedownload .container .download-list .demand p:nth-child(2) {
    font-size: .31rem;
    color: #999;
    margin: .22rem 0 .4rem
}

.page-download-detail .chromedownload .container .download-list .demand p:last-child {
    cursor: pointer;
    font-size: .44rem;
    color: #ff4355;
    height: 1rem;
    line-height: 1rem;
    border: 1px solid #ff4355;
    border-radius: 45px;
    text-align: center
}

.page-download-detail .chromedownload .container .download-list .demand p:last-child:hover {
    background-color: #ff4355;
    color: #fff;
    box-shadow: 0 5px 12px -3px #ff99a3
}

@media only screen and (min-device-width: 768px) and (max-device-width:1024px) and (orientation:portrait) {
    .page-download-detail .client-container .t1 {
        font-size:13px
    }

    .page-download-detail .client-container .image-win {
        width: 41px;
        height: 40px
    }

    .page-download-detail .client-container .image-mac {
        width: 40px;
        height: 46px
    }

    .page-download-detail .client-container .image-pad {
        width: 39px;
        height: 46px
    }

    .spark-headline span {
        font-size: 36px
    }
}

.page-aboutus {
    background-color: #fff;
    margin: 0 auto
}

.page-aboutus .com-header {
    position: absolute
}

.page-aboutus .com-header,.page-aboutus .com-header .com-header-inner {
    background-color: transparent
}

.page-aboutus .com-header.active {
    position: fixed!important;
    background-color: #f45!important
}

.page-aboutus .container {
    width: 26.67rem;
    margin: 0 auto
}

.page-aboutus .aboutus-banner {
    height: 646px;
    position: relative;
    background-image: url("https://asset.txqn.huohua.cn/image/2fa72eca-47cf-4752-b7b8-99010912eef3.png");
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.page-aboutus .aboutus-banner .container {
    height: 100%;
    position: relative;
    color: #fff
}

.page-aboutus .aboutus-banner .container .banner {
    position: absolute;
    top: 170px;
    width: 100%
}

.page-aboutus .aboutus-banner .container .banner .aboutus {
    color: hsla(0,0%,97%,.08);
    font-size: 1.6rem;
    font-weight: 700
}

.page-aboutus .aboutus-banner .container .banner .banner-h2 {
    margin: -56px 0 28px;
    font-size: 1.07rem
}

.page-aboutus .aboutus-banner .container .banner .banner-p {
    font-size: .62rem
}

.page-aboutus .aboutus-banner .container .banner .banner-img {
    display: inline-block;
    width: 11.51rem;
    position: absolute;
    right: 0
}

.page-aboutus .aboutus-content {
    color: #4a4a4a
}

.page-aboutus .aboutus-content .aboutus-misson {
    display: flex;
    padding: 88px 0 128px
}

.page-aboutus .aboutus-content .aboutus-misson div:last-child {
    padding-left: 40px
}

.page-aboutus .aboutus-content .aboutus-misson .misson-left {
    flex: 1
}

.page-aboutus .aboutus-content .aboutus-misson .misson-left img {
    width: 11.78rem
}

.page-aboutus .aboutus-content .aboutus-misson .misson-right {
    flex: 1;
    padding-top: 40px
}

.page-aboutus .aboutus-content .aboutus-misson .misson-right.mission {
    padding-left: 60px
}

.page-aboutus .aboutus-content .aboutus-misson .misson-right span {
    color: #f8f8f8;
    font-size: 72px;
    font-weight: 700
}

.page-aboutus .aboutus-content .aboutus-misson .misson-right .content-tit {
    font-size: 1.07rem;
    position: relative;
    margin-top: -58px
}

.page-aboutus .aboutus-content .aboutus-misson .misson-right .content-tit:before {
    content: "";
    display: block;
    width: 78px;
    height: 8px;
    background-color: #ff4355;
    position: absolute;
    top: -14%;
    margin-top: -.7rem
}

.page-aboutus .aboutus-content .aboutus-misson .misson-right .content-desc {
    font-size: .62rem;
    padding-top: 1.02rem;
    position: relative;
    color: #4a4a4a
}

.page-aboutus .aboutus-content .aboutus-misson .misson-right .content-desc:before {
    content: "";
    display: block;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background-color: #e8f3ff;
    position: absolute;
    bottom: -63px;
    right: 63px
}

.page-aboutus .aboutus-content .aboutus-misson .misson-right .content-desc:after {
    content: "";
    display: block;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: #f5faff;
    position: absolute;
    bottom: -36px;
    right: 38px
}

.page-aboutus .aboutus-content .aboutus-misson .misson-right .content-desc.company:before {
    content: "";
    display: block;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background-color: #e3f1ec;
    position: absolute;
    bottom: -145px;
    left: 25px
}

.page-aboutus .aboutus-content .aboutus-misson .misson-right .content-desc.company:after {
    content: "";
    display: block;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: #eafbf5;
    position: absolute;
    bottom: -118px;
    left: 0
}

.page-aboutus .aboutus-content .aboutus-value {
    background-color: #fbfbfb;
    box-sizing: border-box;
    padding: 47px 0 296px;
    text-align: center
}

.page-aboutus .aboutus-content .aboutus-value span {
    font-size: 72px;
    color: #f6f6f6;
    font-weight: 700
}

.page-aboutus .aboutus-content .aboutus-value .content-tit {
    margin-top: -58px;
    font-size: 1.07rem;
    position: relative
}

.page-aboutus .aboutus-content .aboutus-value .content-tit:before {
    content: "";
    display: block;
    width: 78px;
    height: 8px;
    background-color: #ff4355;
    position: absolute;
    left: 46.4%;
    bottom: -30%
}

.page-aboutus .aboutus-content .aboutus-value .value-content {
    display: flex
}

.page-aboutus .aboutus-content .aboutus-value .value-content .content-item {
    flex: 1;
    padding-top: 125px
}

.page-aboutus .aboutus-content .aboutus-value .value-content .content-item img {
    width: 3.96rem;
    height: 3.96rem
}

.page-aboutus .aboutus-content .aboutus-value .value-content .content-item h4 {
    font-size: .8rem;
    font-weight: 700;
    text-align: center;
    padding-top: 40px
}

.page-aboutus .aboutus-honors {
    text-align: center;
    padding: 80px 0 120px
}

.page-aboutus .aboutus-honors span {
    font-size: 72px;
    color: #f6f6f6;
    font-weight: 700
}

.page-aboutus .aboutus-honors .content-tit {
    margin-top: -58px;
    font-size: 1.07rem;
    position: relative
}

.page-aboutus .aboutus-honors .content-tit:before {
    content: "";
    display: block;
    width: 78px;
    height: 8px;
    background-color: #ff4355;
    position: absolute;
    left: 46.4%;
    bottom: -30%
}

.page-aboutus .aboutus-honors .honors-content-main {
    display: flex;
    margin-top: 78px
}

.page-aboutus .aboutus-honors .honors-content-main .honors-content-item {
    margin-right: 15px;
    flex: 1
}

.page-aboutus .aboutus-honors .honors-content-main .honors-content-item .title {
    width: 398px;
    height: 52px;
    background-image: url(https://asset.txqn.huohua.cn/image/9afee748-9c2c-4177-b49a-e364b2a4efbf.png);
    background-repeat: no-repeat;
    background-size: contain;
    font-family: PingFangSC-Semibold;
    font-size: 32px;
    color: #fff;
    letter-spacing: 0;
    text-align: justify;
    line-height: 52px;
    padding-left: 30px;
    box-sizing: border-box
}

.page-aboutus .aboutus-honors .honors-content-wrap {
    width: 100%;
    margin-top: 12px;
    border-radius: 8px
}

.page-aboutus .aboutus-honors .honors-list-item {
    height: auto;
    position: relative
}

.page-aboutus .aboutus-honors .honors-list-item:before {
    content: "";
    display: block;
    width: 2px;
    height: 100%;
    background: #ff6e78;
    border-radius: 8px;
    position: absolute;
    left: -15px;
    bottom: -10px
}

.page-aboutus .aboutus-honors .honors-list-item:last-child:before {
    display: none
}

.page-aboutus .aboutus-honors .honors-content {
    padding-top: 18px;
    padding-left: 30px;
    text-align: left;
    height: 790px;
    position: relative;
    background: #f9fafc;
    border-radius: 8px;
    box-sizing: border-box
}

.page-aboutus .aboutus-honors .honors-content .honors-time {
    font-size: 22px;
    color: #484848;
    font-weight: 700;
    position: relative
}

.page-aboutus .aboutus-honors .honors-content .honors-time:before {
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    background: #fff;
    border: 4px solid #ff6e78;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    margin-top: -.2rem;
    left: -.45rem
}

.page-aboutus .aboutus-honors .honors-content .honors-time:after {
    content: "";
    display: block;
    width: .4rem;
    height: .4rem;
    border-radius: 50%;
    position: absolute;
    top: 30.4%;
    left: -1.34rem
}

.page-aboutus .aboutus-honors .honors-content .honors-list {
    position: relative;
    padding-bottom: 1.35rem
}

.page-aboutus .aboutus-honors .honors-content .honors-list li {
    font-family: PingFangSC-Regular;
    font-size: 17px;
    color: #484848
}

.page-aboutus .aboutus-honors .honors-content .honors-list li:first-child {
    padding-top: .45rem
}

.page-profile .com-header-inner {
    background-color: #f45
}

.page-profile .com-uploader {
    position: absolute;
    width: 2.2rem;
    height: .7rem;
    top: 4.5rem;
    left: 1.8rem;
    opacity: 0;
    z-index: 100;
    cursor: pointer
}

.page-profile .part {
    padding-top: 80px
}

.page-profile .part .con1 {
    padding-top: .6rem
}

.page-profile .part .avatar {
    margin-top: .9rem;
    width: 5.8rem;
    position: relative
}

.page-profile .part .avatar.touch:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: -10px;
    bottom: 0;
    right: 0;
    background-color: rgba(0,0,0,.1);
    z-index: 1
}

.page-profile .part .avatar .avatar-edit .avatar-logo {
    height: 4rem;
    width: 4rem;
    border-radius: 4rem;
    overflow: hidden;
    border: 1px solid #ebebeb;
    margin: 0 auto
}

.page-profile .part .avatar .avatar-edit .avatar-logo.empty {
    background-image: url(https://pkm-01.huohuacdn.com/v1/online/peppa-web-pc/web/static/3caab4254cdc5c05ba1ee0527755c49b.png);
    background-size: 2rem auto;
    background-repeat: no-repeat;
    background-position: 50%;
    background-color: #fff
}

.page-profile .part .avatar .avatar-edit .avatar-btn {
    font-size: 24px;
    line-height: 1;
    margin-top: .6rem;
    text-align: center
}

.page-profile .part .avatar .avatar-edit .avatar-btn .summary {
    color: #48a0ff
}

.page-profile .part .avatar .avatar-edit .avatar-btn .sprite-angle-right {
    vertical-align: middle
}

.page-profile .link-comb {
    border-bottom: 1px solid #f0f0f0;
    padding-top: 1rem;
    padding-right: 1rem;
    padding-bottom: 48px;
    font-size: 24px
}

.page-profile .link-comb .title {
    width: 96px
}

.page-profile .link-comb .data {
    margin-left: .8rem
}

.page-profile .link-comb .btn-edit {
    color: #48a0ff;
    cursor: pointer
}

.page-profile .address-item {
    margin-bottom: 10px
}

.page-profile .address-item .del-btn {
    margin-right: 10px;
    cursor: pointer
}

.page-profile .address-item .address-info .realname {
    margin-right: 10px
}

.page-profile .address-item .address-info .address {
    margin: 10px 0 0
}

.page-protocol {
    padding: 40px;
    background: #fff;
    color: #666;
    font-size: 14px
}

.page-protocol h1,.page-protocol h2,.page-protocol h3,.page-protocol h4 {
    font-weight: 700
}

.page-protocol a,.page-protocol a:visited {
    color: #f45
}

.page-protocol [data-indent-1] {
    padding-left: 1em
}

.page-protocol [data-indent-2] {
    padding-left: 2em
}

.page-protocol [data-indent-3] {
    padding-left: 3em
}

.page-protocol [data-indent-4] {
    padding-left: 4em
}

.page-protocol [data-indent-5] {
    padding-left: 5em
}

.page-protocol [data-indent-6] {
    padding-left: 6em
}

.page-protocol [data-font-bold] {
    font-weight: 700
}

.page-protocol .fc-blue,.page-protocol h1,.page-protocol h2 {
    color: #f45
}

.page-protocol h1 {
    font-size: 18px;
    text-align: center
}

.page-protocol h2 {
    font-size: 14px
}

.page-protocol h3 {
    font-size: 13px;
    color: #333
}

.page-protocol h4 {
    font-size: 12px;
    color: #00b3db
}

.page-protocol h1 {
    margin-bottom: 40px
}

.page-protocol .tab,.page-protocol h2,.page-protocol p {
    margin-bottom: 20px
}

.page-protocol h3,.page-protocol h4 {
    margin-bottom: 15px
}

.page-protocol table {
    font-size: 12px;
    color: #333;
    border: 1px solid #000
}

.page-protocol table tr {
    border-bottom: 1px solid gray
}

.page-protocol table tr:last-child {
    border-bottom-color: #000
}

.page-protocol table th {
    font-weight: 700
}

.page-protocol table td {
    vertical-align: top
}

.page-protocol table td,.page-protocol table th {
    border-right: 1px solid gray
}

.page-protocol table td:last-child,.page-protocol table th:last-child {
    border-right: 0
}

.page-protocol .sprite-vip-tag {
    vertical-align: text-top
}

.page-protocol .tag-blue-rent {
    background-color: #f45;
    color: #fff;
    padding: 0 3px;
    border-radius: 2px;
    display: inline-block;
    line-height: 18px;
    font-size: 12px
}

.page-protocol ul {
    margin: 0
}

.page-device-section {
    background-color: #e7ecf3;
    padding: 20px 0
}

.page.page-main-index {
    margin: 0 auto
}

.page.page-main-index .section {
    width: 100%;
    background-color: #fff
}

.page.page-main-index .section .container {
    width: 26.67rem;
    margin: 0 auto
}

.page.page-main-index .index-banner {
    height: 500px;
    position: relative;
    background-color: #ff3f4e
}

.page.page-main-index .index-banner .dots {
    position: absolute;
    left: 50%;
    margin-left: -48px;
    bottom: 20px
}

.page.page-main-index .index-banner .dots li {
    display: inline-block;
    margin-right: 8px
}

.page.page-main-index .index-banner .dots li:last-child {
    margin-right: 0
}

.page.page-main-index .index-banner .dots li button {
    width: 44px;
    height: 7px;
    border-radius: 4px;
    background-color: hsla(0,0%,100%,.4);
    color: transparent;
    outline-style: none
}

.page.page-main-index .index-banner .dots .slick-active button {
    background-color: #fff;
    outline-style: none
}

.page.page-main-index .section-banner {
    width: 100%;
    height: 500px;
    margin-top: 0
}

.page.page-main-index .section-banner.banner-red {
    max-width: 1920px;
    background: url(https://hf-mix.sparkeducdn.com/huohua/peppa-parent/assets/image/2023-12-19/8e23c3f0-cc0c-4336-cbee-14c667b1ce73.png) no-repeat;
    background-size: cover;
    background-position: 50%;
    margin: 0 auto;
    display: block!important
}

.page.page-main-index .section-banner .container {
    width: 26.67rem;
    height: 500px;
    position: relative
}

.page.page-main-index .section-banner .container img {
    display: inline-block;
    width: 11.6rem;
    position: absolute;
    top: 50%;
    margin-top: -4.4rem;
    right: 0
}

.page.page-main-index .section-banner .section-banner-modal {
    position: absolute;
    left: 140px;
    box-sizing: border-box;
    color: #fff;
    z-index: 20
}

.page.page-main-index .section-banner .section-banner-modal.Nov-kv {
    top: 280px
}

.page.page-main-index .section-banner .section-banner-modal .left-banner {
    width: 660px;
    height: 68px;
    background: url("https://asset.txqn.huohua.cn/assets/90499f92-79df-4f10-b384-1dfb8d7e3b8a.png") no-repeat;
    background-size: cover;
    margin-top: 59px;
    margin-bottom: 60.4px
}

.page.page-main-index .section-banner .section-banner-modal .age-tip {
    line-height: 24px
}

.page.page-main-index .section-banner .section-banner-modal .price-increase {
    display: flex;
    width: 337px;
    height: 72px;
    border-radius: 36px;
    background: #e93546;
    margin-bottom: 25px
}

.page.page-main-index .section-banner .section-banner-modal .price-increase .price-increase-left {
    width: 80px
}

.page.page-main-index .section-banner .section-banner-modal .price-increase .price-increase-left .price-increase-img {
    background-image: url(https://asset.txqn.huohua.cn/image/efdf2bab-505d-4a98-b34a-73b79d46d4ed.png);
    width: 80px;
    height: 80px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: -4px
}

.page.page-main-index .section-banner .section-banner-modal .price-increase .price-increase-right {
    margin: 6px 8px 9px
}

.page.page-main-index .section-banner .section-banner-modal .price-increase .price-increase-right .right-top {
    font-family: PingFangSC-Semibold;
    font-size: 24px;
    color: #ffec71;
    line-height: 32px
}

.page.page-main-index .section-banner .section-banner-modal .price-increase .price-increase-right .right-bottom {
    font-size: 20px;
    color: #ffec71;
    line-height: 28px
}

.page.page-main-index .section-banner .section-banner-modal h2 {
    color: #fff;
    font-weight: 700;
    font-size: 48px;
    margin: 0;
    line-height: 48px
}

.page.page-main-index .section-banner .section-banner-modal h2:first-child {
    font-weight: 400
}

.page.page-main-index .section-banner .section-banner-modal .text {
    margin-top: 20px
}

.page.page-main-index .section-banner .section-banner-modal ul {
    margin: 20px 0 34px
}

.page.page-main-index .section-banner .section-banner-modal ul li {
    font-size: 16px
}

.page.page-main-index .section-banner .section-banner-modal .btn {
    background-image: url(https://hf-mix.sparkeducdn.com/huohua/peppa-parent/assets/image/2023-12-21/bbee39c8-dea2-4748-93d2-8478c38ee244.png);
    background-size: 100%;
    background-repeat: no-repeat;
    display: block;
    width: 150px!important;
    height: 50px!important;
    background-color: transparent;
    border: none
}

.page.page-main-index .section-banner .section-banner-modal .btn.gonglue {
    background-image: url(https://hf-mix.sparkeducdn.com/huohua/peppa-parent/assets/image/2023-12-21/dde574fc-6ea5-4da6-df80-7181b417a03a.png)
}

.page.page-main-index .section-banner .section-banner-modal .understand {
    padding: 0 57px 0 39px;
    font-size: 16px;
    color: #fff;
    background-color: #e83743;
    border: 1px solid #fff;
    margin-left: 24px;
    position: relative
}

.page.page-main-index .section-banner .section-banner-modal .understand span {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 14px;
    right: 30px;
    background: url("https://asset.txqn.huohua.cn/image/1e129ca4-2ac1-413a-8280-5712f7d25fc4.png");
    background-size: cover
}

.page.page-main-index .section-banner .offine-section-banner-modal {
    top: 180px
}

.page.page-main-index .section-banner.banner-ai {
    background-color: linear-gradient(0deg,#7bcfff,#29b1ff);
    background-image: url("https://asset.txqn.huohua.cn/assets/index-banner");
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: 50%
}

.page.page-main-index .section-banner.banner-ai .container {
    width: 26.67rem;
    margin: 0 auto;
    position: relative
}

.page.page-main-index .section-banner.banner-ai .container .ai-img {
    top: 38%
}

.page.page-main-index .section-banner.banner-ai .section-banner-modal {
    position: absolute;
    top: 127px;
    left: 0;
    box-sizing: border-box;
    color: #fff;
    z-index: 20
}

.page.page-main-index .section-banner.banner-ai .section-banner-modal .ai-price-increase {
    display: flex;
    width: 350px;
    height: 72px;
    border-radius: 36px;
    background: #1e8fe7
}

.page.page-main-index .section-banner.banner-ai .section-banner-modal .ai-price-increase .price-increase-left {
    width: 80px
}

.page.page-main-index .section-banner.banner-ai .section-banner-modal .ai-price-increase .price-increase-left .price-increase-img {
    background-image: url(https://asset.txqn.huohua.cn/image/efdf2bab-505d-4a98-b34a-73b79d46d4ed.png);
    width: 80px;
    height: 80px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: -4px
}

.page.page-main-index .section-banner.banner-ai .section-banner-modal .ai-price-increase .price-increase-right {
    margin: 6px 8px 9px
}

.page.page-main-index .section-banner.banner-ai .section-banner-modal .ai-price-increase .price-increase-right .right-top {
    font-family: PingFangSC-Semibold;
    font-size: 24px;
    color: #ffec71;
    line-height: 32px
}

.page.page-main-index .section-banner.banner-ai .section-banner-modal .ai-price-increase .price-increase-right .right-bottom {
    font-size: 20px;
    color: #ffec71;
    line-height: 28px
}

.page.page-main-index .section-banner.banner-ai .section-banner-modal .title {
    font-family: PingFangSC-Semibold;
    font-size: 52px;
    color: #fff;
    height: 73px;
    display: inline-block;
    text-align: left;
    line-height: 48px;
    margin-top: 25px
}

.page.page-main-index .section-banner.banner-ai .section-banner-modal .subhead {
    font-size: 52px;
    color: #fff;
    line-height: 48px;
    margin-bottom: 20px;
    font-family: PingFangSC-Light
}

.page.page-main-index .section-banner.banner-ai .section-banner-modal .infos {
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #fff;
    width: 452px;
    text-align: justify;
    margin-bottom: 34px
}

.page.page-main-index .section-banner.banner-ai .section-banner-modal .btn-red {
    width: 168px;
    height: 48px;
    line-height: 48px;
    box-sizing: border-box;
    background: #ffd44b;
    border-radius: 24px;
    text-align: center;
    font-family: PingFangSC-Medium;
    font-size: 16px;
    color: #382c08;
    padding: 0;
    cursor: pointer
}

.page.page-main-index .section-banner.banner-ai .offine-section-banner-modal {
    top: 165px
}

.huohua-video {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 9999;
    background: #000
}

.huohua-video video {
    width: 100%;
    height: 100%;
    background-color: #000
}

.huohua-video span {
    width: 40px;
    height: 40px;
    line-height: 40px;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 1;
    cursor: pointer;
    text-align: center;
    font-size: 36px;
    color: #fff
}

.jiandutext {
    font-size: 14px;
    color: #fff;
    margin-top: 50px
}

.page.page-main-index .sectionMianMap {
    background: url("https://static.huohua.cn/image/huohua/www/index/mian-bg%202.png");
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    background-color: #fff
}

.page.page-main-index .sectionMianMap .container {
    padding-top: 1.4rem;
    padding-bottom: 1.4rem
}

.page.page-main-index .sectionMianMap .container h1 {
    height: 1.835rem;
    line-height: 1.835rem;
    margin: 0 auto 60px;
    width: 9.21rem;
    background-color: #f45;
    text-align: center;
    color: #fff;
    font-size: .88rem;
    position: relative
}

.page.page-main-index .sectionMianMap .container h1:after {
    position: absolute;
    content: "";
    background: url(data:image/png;base64,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) no-repeat;
    background-size: 100% 100%;
    width: 1.78rem;
    height: 1.835rem;
    left: -1.78rem;
    top: 0
}

.page.page-main-index .sectionMianMap .container h1:before {
    width: 1.78rem;
    height: 1.835rem;
    content: "";
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE8AAABOCAYAAABhaEsjAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAC4jAAAuIwF4pT92AAAHb0lEQVR42s2cfahsVRnGf+v4rXm7aiViouaVyiITLPEDvNWKjD4IbElfZkiFpJUmnbxez73eezWtEKMvBEOKEsSFEKIQtIoEQQRBirKkTERErLDS/DZXf6x9LnNfZ2a9+501M/v3z+HMPM/DWe+8c/bea97ZjoGTfXgv8GvgNy7F91U0EotHlZF92Lyy7OJMI/vggG8CGbi8onnVUwaPOgO4atDFAz4KnALc7lK8t6KRWDyqjOzDB4DTB1u87MMKcBXwCnBFRSOxeFQZXdfuBBhs8YBPA28HbnYp/qGikVg82oyPAO+GgRYv+7APsAN4Cdhe0UgsHlVG13W7/YMsHvB54Fjgxy7FhysaicWjzfg48M71XwZXvOzDgcAa8Cywq6KRWDyqjO5/5ZWjjw2ueMCXgSOA77sUH69oJBaPNuOTwAmjD7hlV2qU7MNrgb8BewFvcik+OUVzqHjqPwYPmozsw97AA8Dxo48PrfO+3i3wO+OKIDQSi0ebcS6icDCgzss+HA48BPwXOM6l+MwUzUHiqScMHjQZ2Yd9gT8z5kAzpM7b0i3wmnFFEBqJxaPNOJ8JR+hBFC/7cDRwAfAIcENFI7F4VBnZh/2BrZNMgyge5RRgP+BKl+ILFc2rHjd4tBlfBN44ybT04mUf3gJ8hvJ/5ecVjcTiUWV054WXTzMuvXiUE9K9gTWX4ssVjcTi0WZcCBw+zbjU4mUfTgbOBu4DbqtoJBaPKiP7cDCwWjMvu/N2UU6X1lyKuaKRWDzajK8Ar6uZl3ael304E/gtcJdLcXNFI7F4VBnZh42Uq5FDagHL7Lxrup9bFBqJxaPNuBRF4WBJxcs+fBg4FbjDpXhPRSOxeFQZ2YfDKG9ZFQsv3lC31ztWgQ3atSyj8z4BnAjc4lL8XUUjsXhUGd018EV9FrLQ4nVbOzuAl5m8Vb6ukVg86gzgMuDAPutZdOedD2wCbnIp/rWikVg8qozsw5HoroH3YGHFyz4cAGwDnqP76G6KRmLxqDMol2H7913TIjvvQuBI4IcuxccqGonFo8rIPhxD+WCoNwspXvZhA/AN4CngWxWNxOJRZ1COvPta1rWozruUcrlznUvxnxWNxOJRZWQfNgHnWRc19+JlH14PXAL8A7i+opFYPOoMypFXs/MylkV03mXAwcC1LsWnKxqJxaPKyD68FfjULAuba/GyD0cBXwIeBX5U0UgsHnUGZZd5pvXPu/O2UU4BdroUn69oJBaPKiP7cCIQZl3c3IqXfTge+BzwF+AnFY3E4lFnUK5GZt6Om2fnDXJ7PfvwLspw48zMpXjZh5OAc4D7gVsrGonFo86gUdfB/DpvkNvr2YfTgA+2WmTz4mUfzgA+BNztUryzopFYPOoMdPt9aubReYPcXs8+bAbe03KhTYuXfTgLOAP4pUvx7opGYvGoM2jcddCweEP+zkRX/NNbFg7adt45wEnArS7F+ysaicWjypBD2C1pUryBb6/vHv1vTavOOw94M/BTl+KDFY3E4lFlzLProEHxuhm27cDzk/7QEY3E4lFnIEb/W9Oi8y4AjgJucCk+WtFILB5VxrjR/9bMVLxummgL8DQTzsNGNBKLR53BmNH/1szaeZcAbwCudyn+vaKRWDyqjO5Ao3nLz4S5eNmHQymfITwJXFfRSCwedQbwWcaM/rfGvH9P2QbfAKy6FJ+qaCTXGjyqjG70/wqFf2ZMndd9wn4R8Bjwg4pGYvGoM5gy+t8a69t2DTgA2OVSfK6ikVg8qozu9GYhXQeG4mUfjqO8ug8BN1U0EotHnUEZ/ddMDzTB0nk7gX2AbS7FlyoaicWjytCM/remV/GyD++gzMH9HrilopFYPOoMFKP/renbebs6z5pL8ZWKRmLxqDK0o/+tURcv+3Aq5VOne1yKt1c0EotHnQF8Fd3MSlP6dN5Qt9c3Al+bR3FqqIqXfXg/cCbwK5fiXRWNxOJRZ9Bj9L811eINfHv9MMpbdiloOu9s4GTgNpfifRWNxOLpk7GKblJqLkwtXvZhL8pG4/+YvFW+rpFYPH0yeo/+t6bWeedS9sR+5lJ8oKKRWDx9MnqP/rdmYvGyD/tRdmJfYMKO7IhGYvH0yTCN/rdmWud9ATgauNGl+EhFI7F4+mRsxTD635qxQzPZh4MoF+Cvodwu44kpGnlJ9IzBQ4+MY4AHMU6wt2RS513cLfC74xYgNBKLp0/GGgMoHIzpvOzDIZQv62bKrYH+PUWzUTz1L4OHHhmbgD8x2w54M8Z13mq3wG+PW4DQSCyePhkzjf63Zo/iZR+OoHxZ93Hge+MMIxqJxdMn4wRmHP1vjXwVt1LOnVZdis9O8KxrJFcbPH0ytrP8G0rswe4/JvtwLOU04mHgxnHiEY3E4umT0WT0vzWjr+QOylFsu0vxxQn6dY3E4umbMZg7rq2zApB9eBvlLq5/BG4eJxzRSCyePhnNRv9bs955g9xe79jJALsOYCX7cArwMeBe4BfjRCMaicXTJ+M04KxlF2kSK8DVlFd265TvP6xrJBZPn4zmQ9gt+T9rH8FL0X992QAAAABJRU5ErkJggg==) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: -1.76rem;
    top: 0;
    transform: rotate(180deg)
}

.page.page-main-index .sectionMianMap .container .map-text {
    display: flex;
    justify-content: space-around;
    margin-bottom: 60px
}

.page.page-main-index .sectionMianMap .container .map-text div {
    display: flex
}

.page.page-main-index .sectionMianMap .container .map-text div p {
    width: 40px;
    line-height: 23px;
    background-color: #f45;
    color: #fff;
    text-align: center;
    font-size: 21px;
    letter-spacing: 2px;
    padding-top: 5px
}

@media screen and (max-width: 976px) {
    .page.page-main-index .sectionMianMap .container .map-text div p {
        height:68px;
        font-size: 16px;
        width: 25px;
        line-height: 20px
    }
}

.page.page-main-index .sectionMianMap .container .map-text div ul {
    padding-left: 25px;
    font-size: 18px;
    color: #aaa
}

@media screen and (max-width: 976px) {
    .page.page-main-index .sectionMianMap .container .map-text div ul {
        font-size:14px
    }
}

.page.page-main-index .sectionMianMap .container .map-text div ul li {
    list-style-type: disc
}

@media screen and (max-width: 976px) {
    .page.page-main-index .sectionMianMap .container .map-text div .text-a {
        width:380px
    }
}

@media screen and (max-width: 976px) {
    .page.page-main-index .sectionMianMap .container .map-text div .text-b {
        width:280px
    }
}

.page.page-main-index .sectionMianMap .container .map-img {
    width: 21.058rem;
    height: 8.235rem;
    margin: 0 auto
}

.section-table {
    background-color: #fff
}

.section-table .container {
    padding: 88px 0 120px;
    min-width: 1200px
}

.section-table .container h2 {
    margin-bottom: .5rem;
    text-align: center;
    color: #4a4a4a;
    font-size: 1.06rem
}

.section-table .container .section-descr {
    margin-bottom: 1rem;
    font-size: .53rem;
    color: #999;
    text-align: center
}

.section-table .container .seaction-fell {
    position: relative;
    width: 100%;
    height: 180px
}

.section-table .container .seaction-fell .representational-experience {
    left: 120px;
    top: 60px
}

.section-table .container .seaction-fell .image-perception,.section-table .container .seaction-fell .representational-experience {
    width: 180px;
    height: 68px;
    background-color: #ffec71;
    position: absolute;
    border-radius: 30px;
    text-align: center;
    line-height: 68px;
    font-size: 28px;
    font-weight: 600
}

.section-table .container .seaction-fell .image-perception {
    left: 520px;
    top: 30px
}

.section-table .container .seaction-fell .abstract-thinking {
    width: 180px;
    height: 68px;
    background-color: #ffec71;
    position: absolute;
    left: 920px;
    top: 0;
    border-radius: 30px;
    text-align: center;
    line-height: 68px;
    font-size: 28px;
    font-weight: 600
}

.section-table .container .seaction-fell .right-arrow {
    background: url(https://pkm-01.huohuacdn.com/v1/online/peppa-web-pc/web/static/e8129240e2ac74cc24b0d5748df00242.png);
    width: 552px;
    height: 33px;
    position: absolute;
    left: 380px;
    top: 130px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    transform: rotate(-5deg)
}

.section-table .container .table-hader {
    width: 100%;
    display: flex;
    text-align: center;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 4px
}

.section-table .container .table-hader .hader-age {
    width: 110px;
    height: 80px;
    color: #ff9700;
    font-size: 14px;
    line-height: 80px;
    background-color: #fff6ee;
    border-radius: 16px 16px 4px 4px;
    font-weight: 700
}

.section-table .container .table-hader .hader-all {
    flex-grow: 1;
    height: 100%;
    display: flex;
    justify-content: space-around;
    align-items: flex-end;
    position: relative;
    width: 1086px;
    height: 186px;
    background-repeat: no-repeat;
    background-size: 99.7% 100%;
    background-image: url(https://asset.txqn.huohua.cn/image/f0837e2d-48c8-4441-8d20-cb968df40117.png)
}

.section-table .container .table-hader .hader-all p {
    font-family: PingFangSC-Medium;
    text-align: center;
    flex: 1;
    color: #fff;
    border-radius: 10px 10px 0 0;
    font-size: 18px;
    margin-left: 4px;
    padding: 16px 0;
    flex-direction: column;
    justify-content: space-between;
    display: flex;
    align-items: center;
    justify-content: center
}

.section-table .container .table-hader .hader-all p span {
    display: block;
    font-size: 16px;
    font-weight: 700
}

.section-table .container .table-hader .hader-all p:first-child {
    height: 105px;
    background-color: #ffd937
}

.section-table .container .table-hader .hader-all p:nth-child(2) {
    height: 126px;
    background-color: #ffca3a
}

.section-table .container .table-hader .hader-all p:nth-child(3) {
    height: 145px;
    background-color: #ffb53e
}

.section-table .container .table-hader .hader-all p:nth-child(4) {
    height: 166px;
    background-color: #ffa241
}

.section-table .container .table-hader .hader-all p:nth-child(5) {
    height: 185px;
    background-color: #ff9145
}

.section-table .container .table-hader .hader-all p:nth-child(6) {
    height: 206px;
    background-color: #ff8249
}

.section-table .container .table-hader .hader-all p:nth-child(7) {
    height: 224px;
    background-color: #ff6f4c
}

.section-table .container .table-hader .hader-all p:nth-child(8) {
    height: 245px;
    background-color: #ff5e50
}

.section-table .container .table-hader .hader-all p:nth-child(9) {
    height: 263px;
    background-color: #ff4355
}

.section-table .container .table-body-item {
    width: 100%;
    display: flex;
    margin-bottom: 2px
}

.section-table .container .table-body-item .item-title {
    width: 110px;
    color: #7a7a7a;
    font-size: 14px;
    text-align: center;
    background-color: #f3ede9;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-weight: 700
}

.section-table .container .table-body-item .item-title a {
    margin-top: 10px;
    font-size: 12px;
    color: #4a90e2;
    cursor: pointer;
    font-weight: 400
}

.section-table .container .table-body-item .item-content {
    flex: 1;
    background-color: #f4f4ff;
    color: #7a7a7a;
    box-sizing: border-box;
    padding: 30px 12px;
    font-size: 12px;
    font-weight: 400;
    margin-left: 4px;
    display: flex;
    flex-direction: column;
    text-align: center;
    word-wrap: break-word;
    word-break: break-all;
    white-space: pre-wrap
}

.section-table .container .table-body-item .item-target {
    text-align: left
}

.section-table ul {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 4px
}

.section-table ul .table-title {
    width: 110px;
    height: 100px;
    color: #ff9700;
    font-size: 14px;
    text-align: center;
    background-color: #fff6ee;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-weight: 700;
    border-radius: 4px
}

.section-table ul .table-title span {
    cursor: pointer
}

.section-table ul .table-title span:last-child {
    padding-top: 10px;
    color: #4a90e2;
    font-size: 12px;
    font-weight: 400
}

.section-table ul li {
    flex-grow: 1;
    text-align: center;
    background-color: #f4f4ff;
    color: #484848;
    width: 106px;
    height: 100px;
    font-size: 12px;
    font-weight: 400;
    white-space: pre-wrap;
    margin-left: 4px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 4px;
    line-height: 18px
}

.section-table ul .max-radius {
    border-radius: 4px 4px 16px 4px
}

.section-table ul .name0 {
    flex-grow: 0.54;
    border-radius: 4px
}

.section-table ul .name1 {
    flex-grow: 0.5;
    border-radius: 4px
}

.section-table ul .name2 {
    flex-grow: 0.49;
    border-radius: 4px
}

.section-table ul .name3 {
    flex-grow: 6;
    background: #fff
}

.section-table ul .name3 .top-left,.section-table ul .name3 .top-right {
    height: 100px;
    flex-grow: 1;
    text-align: center;
    background-color: #f4f4ff;
    line-height: 96px;
    border-radius: 4px
}

.section-table ul .name3 .top-center {
    width: 4px
}

.section-table ul .name4 {
    flex-grow: 6;
    background: #fff
}

.section-table ul .name4 .top-left,.section-table ul .name4 .top-right {
    flex-grow: 1;
    height: 100px;
    text-align: center;
    background-color: #f4f4ff;
    line-height: 100px;
    border-radius: 4px
}

.section-table ul .name4 .top-center {
    width: 4px
}

.section-table ul .name5 {
    flex-grow: 6;
    background: #fff
}

.section-table ul .name5 .top-left,.section-table ul .name5 .top-right {
    flex-grow: 1;
    height: 100px;
    text-align: center;
    background-color: #f4f4ff;
    line-height: 100px;
    border-radius: 4px
}

.section-table ul .name5 .top-center {
    width: 4px
}

.section-table ul .thinkingTrain0 {
    flex-grow: 4.03;
    border-radius: 4px
}

.section-table ul .thinkingTrain1,.section-table ul .thinkingTrain2,.section-table ul .thinkingTrain3 {
    flex-grow: 2.1;
    border-radius: 4px
}

.section-table ul .knowledge {
    border-radius: 4px
}

.section-table ul .knowledge p .item {
    display: flex
}

.section-table ul .knowledge p .item .item-icon {
    width: 14px;
    height: 14px;
    padding: 0 2px;
    background-color: #c7c7ff;
    margin-top: 3px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    color: #fff;
    font-size: 12px;
    line-height: 14px
}

.section-table ul .knowledge p .item .item-content {
    text-align: left;
    line-height: 18px;
    padding: 0 4px 0 0
}

.section-table ul .knowledge p .item .first-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    padding: 0 4px 0 0
}

.section-table ul .active-know p {
    overflow: initial;
    -webkit-line-clamp: 100;
    text-align: center;
    line-height: 20px
}

.section-table ul .active-know p .item {
    display: flex;
    padding-top: 18px
}

.section-table ul .active-know p .item .item-icon {
    width: 14px;
    height: 14px;
    background-color: #c7c7ff;
    margin-top: 3px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    color: #fff;
    line-height: 14px
}

.section-table ul.active {
    height: 323px
}

.section-table ul.active .table-title {
    height: 100%;
    padding: 32px 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 4px
}

.section-table ul.active li {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.section-table .table-bottom {
    width: 100%;
    height: 70px;
    margin: 0 auto;
    color: #7a7a7a;
    font-size: 14px;
    display: flex;
    justify-content: space-between
}

.section-table .table-bottom p {
    text-align: center;
    line-height: 70px
}

.section-table .table-bottom .table-bottom-title {
    width: 110px;
    height: 70px;
    background-color: #f3ede9;
    font-size: 14px;
    margin-right: 4px;
    border-bottom-left-radius: 10px;
    font-weight: 700
}

.section-table .table-bottom div {
    display: flex;
    justify-content: space-around;
    flex-grow: 1;
    background-color: #f4f4ff;
    border-bottom-right-radius: 10px
}

.page.page-main-index .section-pattern {
    background-color: #f9fafc
}

.page.page-main-index .section-pattern .container {
    padding: 88px 0 120px
}

.page.page-main-index .section-pattern .container h2 {
    margin-bottom: .5rem;
    text-align: center;
    color: #4a4a4a;
    font-size: 1.06rem
}

.page.page-main-index .section-pattern .container .section-descr {
    margin-bottom: 1.4rem;
    font-size: .53rem;
    color: #999;
    text-align: center
}

.page.page-main-index .section-pattern .container .pattern-content {
    height: 492px;
    display: flex
}

.page.page-main-index .section-pattern .container .pattern-content .content-left {
    width: 33%;
    height: 492px;
    margin-right: 4px
}

.page.page-main-index .section-pattern .container .pattern-content .content-left .left-list {
    height: 120px;
    margin-bottom: 4px;
    position: relative;
    color: #fff;
    font-size: 18px;
    text-align: center
}

.page.page-main-index .section-pattern .container .pattern-content .content-left .left-list p {
    padding-top: 46px
}

.page.page-main-index .section-pattern .container .pattern-content .content-left .left-list p span {
    font-size: 24px;
    font-weight: 700
}

.page.page-main-index .section-pattern .container .pattern-content .content-left .left-list:after {
    content: "";
    width: 40px;
    height: 40px;
    border: 4px solid #fff;
    border-radius: 4px;
    display: inline-block;
    position: absolute;
    left: 50%;
    margin-left: -20px;
    bottom: -24px;
    z-index: 1;
    transform: rotate(45deg)
}

.page.page-main-index .section-pattern .container .pattern-content .content-left .left-list:before {
    content: "";
    width: 0;
    height: 0;
    border: 36px solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    margin-left: -32px;
    bottom: 0;
    z-index: 2
}

.page.page-main-index .section-pattern .container .pattern-content .content-left .left-list:first-child {
    background-color: #ffc200;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

.page.page-main-index .section-pattern .container .pattern-content .content-left .left-list:first-child:after {
    background-color: #ffc200
}

.page.page-main-index .section-pattern .container .pattern-content .content-left .left-list:first-child:before {
    border-color: transparent transparent #ffc200
}

.page.page-main-index .section-pattern .container .pattern-content .content-left .left-list:nth-child(2),.page.page-main-index .section-pattern .container .pattern-content .content-left .left-list:nth-child(2):after {
    background-color: #ffa241
}

.page.page-main-index .section-pattern .container .pattern-content .content-left .left-list:nth-child(2):before {
    border-color: transparent transparent #ffa241
}

.page.page-main-index .section-pattern .container .pattern-content .content-left .left-list:nth-child(3),.page.page-main-index .section-pattern .container .pattern-content .content-left .left-list:nth-child(3):after {
    background-color: #ff6f4c
}

.page.page-main-index .section-pattern .container .pattern-content .content-left .left-list:nth-child(3):before {
    border-color: transparent transparent #ff6f4c
}

.page.page-main-index .section-pattern .container .pattern-content .content-left .left-list:nth-child(4) {
    background-color: #ff4355;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
}

.page.page-main-index .section-pattern .container .pattern-content .content-left .left-list:nth-child(4):after,.page.page-main-index .section-pattern .container .pattern-content .content-left .left-list:nth-child(4):before {
    display: none
}

.page.page-main-index .section-pattern .container .pattern-content .content-right {
    width: 66.48%;
    height: 492px
}

.page.page-main-index .section-pattern .container .pattern-content .content-right .right-stage {
    display: flex;
    align-items: flex-end;
    border-bottom: 20px solid #ededed;
    overflow: hidden;
    padding-bottom: 4px
}

.page.page-main-index .section-pattern .container .pattern-content .content-right .right-stage li {
    height: 100px;
    line-height: 100px;
    flex: 1;
    margin-right: 4px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    box-shadow: 0 0 0 4px #f9fafc;
    text-align: center;
    color: #666;
    font-size: 24px;
    position: relative;
    background-color: #f4f4f4
}

.page.page-main-index .section-pattern .container .pattern-content .content-right .right-stage li:first-child {
    background-color: #ededed
}

.page.page-main-index .section-pattern .container .pattern-content .content-right .right-stage li:first-child:after {
    content: "";
    width: 194px;
    height: 20px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -6px;
    background-color: #ededed
}

.page.page-main-index .section-pattern .container .pattern-content .content-right .right-stage li:first-child+li {
    border-bottom-left-radius: 16px
}

.page.page-main-index .section-pattern .container .pattern-content .content-right .right-list {
    height: 120px;
    margin-bottom: 4px;
    background-color: #ededed;
    padding: 0 44px 0 30px;
    font-size: 20px;
    color: #666;
    line-height: 120px;
    display: flex;
    justify-content: space-between
}

@media only screen and (max-width: 960px) {
    .page.page-main-index .section-pattern .container .pattern-content .content-right .right-list {
        font-size:16px;
        overflow: hidden
    }
}

.page.page-main-index .section-pattern .container .pattern-content .content-right .right-list:last-child {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
}

.page.page-main-index .section-pattern .container .pattern-content .content-right .right-list span {
    white-space: nowrap
}

.page.page-main-index .section-pattern .container .pattern-content .content-right .right-list i {
    margin-top: 54px;
    display: block;
    width: 36px;
    height: 24px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEoAAAAYCAYAAABdlmuNAAAAAXNSR0IArs4c6QAAA2tJREFUWAntWUtMU1EQnXltCWAgYGJ0oYlGjLBwZzRhY9SFBtoaP7BF4wIjkbTIR9hYYzDEIoWNMZgYEyMLEQ2fjVEXbnDB1r8xom4IJhobG6GfO85t6eN9+8qSlrd5M2fmXJjTuXNvU4CNZ0MBowJEhBT076eOEzuMMSdfcUoolLgUCYL+SRBiDlLiCwW9F9ZSG64leT3nUtfpPRBf/qSrQVECGJka0WE2TtF0FIh4lUkDIYYp4Os04RZA8QiVVKxrJQpT0NdnoY0OsibrUgrEwZR9rYL6KeAP5arUnpyLtS5jNh2VrYXEVQp4b2Rd47t4hEJ0rpWgl2dW2CiS9J3JVqx1iYn8aiXq5JllOgnd2Zop2LQZIFEDgu8bxselLMHeLe+wdTRhDEk/c/QmmW/xeMQiDk5/tYgAhc6WQvRXHaSwxBR3CwEVlR8x9DBqijFAff6tEMOdVjHwKDE44H6PzeMpNZ7uKFLdnIagdu4sD0Sm2hAxTUqLwjfVBr6IPQaiMvsF8AOUVdTjwNhvbQ4veJ95LVrMZCPcxOGZHi1O3ae2Qzwxy9xct+QoIBxn7msdN+g9BwLvslwuLW6wZ6G67DCGxuMSpw7vUUjBC0OOg4u3cWS6TSZl2lGIy7lFkqlUC//+npFW9kkX6yRSOhm5nZv0H0I80eIgkmRWAkF79u+pbwG9DiLJ1Hr4s3xE5aDDMFcTtQZdpMDJOolkhCL4pg3b2m6Y18XEJtldlltDl0ewAEOPlnQY4Lzet/EUtPjf8uLylqEf6qrJPIa5mqwxPEpSepkZVe7ugqVEktt5H7e6eUYBLPMnO4G3pp5rlgAcfBDjwecHAVeYVa2NaexFcLmuZfe6ikcmxyDg2wWAx5jrUfFVQzA+B66q66vQiuVSzvP3tQGO7zbFMkCM173HX0/eqnHkYZ7niFrlYD+GJz5L30oUNa+QDL5QNgKJmbxqQkiyMpcwMnMnm6+eelmgYN/5d1SUz4hmHJ58ptWieIQCOaOc9h5+B4+7EQefvtGKJO3MMDeiBek7nXo4ByWlB61EKi6hCOzvXIhPQCk9hOHxBbseKZ6tZzejFCUMQ5M9plPZoFgRbT3U3/fkyaYorXyF6HYSqbi2Xu22l4D4aqVRfoJLaWCRRg2Ns+FKBVZ+hamhkK98rYr8B/4vDVedOEdWAAAAAElFTkSuQmCC) no-repeat;
    background-size: contain
}

.page.page-main-index .section-pattern .container .pattern-footer {
    margin-top: 70px;
    overflow: hidden
}

.page.page-main-index .section-pattern .container .pattern-footer .pattern-circle {
    display: flex;
    justify-content: space-between;
    position: relative;
    width: 108%;
    left: 50%;
    transform: translateX(-50%)
}

@media screen and (max-width: 960px) {
    .page.page-main-index .section-pattern .container .pattern-footer .pattern-circle {
        width:106%
    }
}

.page.page-main-index .section-pattern .container .pattern-footer .pattern-circle:after {
    content: "";
    position: absolute;
    top: 12px;
    left: 50%;
    transform: translateX(-50%);
    width: 88%;
    height: 6px;
    background: linear-gradient(90deg,#ffc003,#ff4753)
}

.page.page-main-index .section-pattern .container .pattern-footer .pattern-circle li {
    flex: 1;
    position: relative;
    padding-top: 44px;
    text-align: center
}

.page.page-main-index .section-pattern .container .pattern-footer .pattern-circle li:after {
    content: "";
    width: 16px;
    height: 16px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 50%;
    border: 6px solid #fff;
    box-shadow: 0 4px 20px 0 rgba(255,105,120,.36);
    z-index: 1
}

.page.page-main-index .section-pattern .container .pattern-footer .pattern-circle li:first-child:after {
    background-color: #ffc003
}

.page.page-main-index .section-pattern .container .pattern-footer .pattern-circle li:nth-child(2):after {
    background-color: #ffb707
}

.page.page-main-index .section-pattern .container .pattern-footer .pattern-circle li:nth-child(3):after {
    background-color: #ffa811
}

.page.page-main-index .section-pattern .container .pattern-footer .pattern-circle li:nth-child(4):after {
    background-color: #ff961d
}

.page.page-main-index .section-pattern .container .pattern-footer .pattern-circle li:nth-child(5):after {
    background-color: #ff862c
}

.page.page-main-index .section-pattern .container .pattern-footer .pattern-circle li:nth-child(6):after {
    background-color: #ff7434
}

.page.page-main-index .section-pattern .container .pattern-footer .pattern-circle li:nth-child(7):after {
    background-color: #ff6849
}

.page.page-main-index .section-pattern .container .pattern-footer .pattern-circle li:nth-child(8):after {
    background-color: #ff514c
}

.page.page-main-index .section-pattern .container .pattern-footer .pattern-circle li:nth-child(9):after {
    background-color: #ff4753
}

.page.page-main-index .section-huohua {
    background-color: #f9fafc
}

.page.page-main-index .section-huohua .container {
    padding: 88px 0 120px
}

.page.page-main-index .section-huohua .container h2 {
    margin-bottom: .5rem;
    text-align: center;
    color: #4a4a4a;
    font-size: 1.06rem
}

.page.page-main-index .section-huohua .container .section-descr {
    margin-bottom: 1.4rem;
    font-size: .53rem;
    color: #999;
    text-align: center
}

.page.page-main-index .section-huohua .container .huohua-three {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px
}

.page.page-main-index .section-huohua .container .huohua-three .img-descr {
    width: 7.8rem;
    height: 6rem;
    background-color: #fff;
    border-radius: 10px;
    margin-right: .5rem
}

.page.page-main-index .section-huohua .container .huohua-three .img-descr:hover {
    box-shadow: 0 5px 45px 0 rgba(29,29,29,.1);
    transition: all .6s
}

.page.page-main-index .section-huohua .container .huohua-three .img-descr i,.page.page-main-index .section-huohua .container .huohua-three .img-descr img {
    display: block;
    width: 100%;
    height: 4.5rem;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px
}

.page.page-main-index .section-huohua .container .huohua-three .img-descr p {
    color: #666;
    font-size: 20px;
    width: 100%;
    text-align: center;
    line-height: 1.5rem
}

@media only screen and (max-width: 960px) {
    .page.page-main-index .section-huohua .container .huohua-three .img-descr p {
        font-size:16px
    }
}

.page.page-main-index .section-huohua .container .huohua-three .img-descr:last-child {
    margin-right: 0
}

.page.page-main-index .section-huohua .container .huohua-three:last-child {
    margin-bottom: 0
}

.page.page-main-index .section-promise {
    background-color: #f9fafc
}

.page.page-main-index .section-promise .container {
    padding: 88px 0 120px
}

.page.page-main-index .section-promise .container h2 {
    margin-bottom: .5rem;
    text-align: center;
    color: #4a4a4a;
    font-size: 1.06rem
}

.page.page-main-index .section-promise .container .section-descr {
    margin-bottom: 2.6rem;
    font-size: .53rem;
    color: #999;
    text-align: center
}

.page.page-main-index .section-promise .container .promise-details {
    display: flex;
    justify-content: space-around;
    padding-top: 32px;
    font-size: 24px;
    text-align: center
}

.page.page-main-index .section-promise .container .promise-details i {
    margin: 0 auto;
    margin-bottom: 35px
}

.page.page-main-index .section-promise .container .icon-care {
    width: 130px;
    height: 130px;
    display: block;
    background: url(https://pkm-01.huohuacdn.com/v1/online/peppa-web-pc/web/static/f838e90d6a90917c301e278bd4efb782.png) no-repeat 50%;
    background-size: cover
}

.page.page-main-index .section-promise .container .icon-light {
    width: 145px;
    height: 130px;
    display: block;
    background: url(https://pkm-01.huohuacdn.com/v1/online/peppa-web-pc/web/static/d1769e37e1f9e2c7b0f73089a33c0c52.png) no-repeat 50%;
    background-size: cover
}

.page.page-main-index .section-promise .container .icon-service {
    width: 130px;
    height: 130px;
    display: block;
    background: url(https://pkm-01.huohuacdn.com/v1/online/peppa-web-pc/web/static/0f9178f8ef5c05b6ab3fc2b2cca24e56.png) no-repeat 50%;
    background-size: cover
}

.page.page-main-index .section-teaching {
    background-color: #f9fafc
}

.page.page-main-index .section-teaching .container {
    padding: 80px 0 60px
}

.page.page-main-index .section-teaching .container h2 {
    margin-bottom: .5rem;
    text-align: center;
    color: #4a4a4a;
    font-size: 1.06rem
}

.page.page-main-index .section-teaching .container .section-descr {
    font-size: .53rem;
    color: #999;
    text-align: center
}

.page.page-main-index .section-teaching .container .teaching-child {
    width: 26.67rem;
    height: 510px;
    background: url("https://asset.txqn.huohua.cn/assets/88e9e3e5-6b8c-4a20-932f-2a3e36ed03af.png") no-repeat 50%;
    background-size: contain;
    position: relative;
    overflow: hidden
}

.page.page-main-index .section-teaching .container .teaching-child .child-bubble {
    width: 26.67rem;
    height: 13.57rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.page.page-main-index .section-teaching .container .teaching-child .child-bubble .bubble-list {
    width: .71rem;
    height: 1.08rem;
    background: url("https://asset.txqn.huohua.cn/image/b5f6ec38-975c-4f34-b2f1-1c2d4c0821d4.png") no-repeat 50%;
    background-size: cover;
    position: absolute;
    cursor: pointer;
    overflow: hidden
}

.page.page-main-index .section-teaching .container .teaching-child .child-bubble .bubble-list p {
    opacity: 0;
    font-size: .31rem;
    color: #fff;
    text-align: center;
    height: 1.08rem
}

.page.page-main-index .section-teaching .container .teaching-child .child-bubble .bubble-list p span {
    height: 1.08rem;
    font-size: .53rem;
    font-weight: 700;
    color: #fff
}

.page.page-main-index .section-teaching .container .teaching-child .child-bubble .bubble-list:first-child {
    top: 6.6rem;
    left: 6.2rem
}

.page.page-main-index .section-teaching .container .teaching-child .child-bubble .bubble-list:nth-child(2) {
    bottom: 4.12rem;
    right: 3.36rem
}

.page.page-main-index .section-teaching .container .teaching-child .child-bubble .bubble-list.active {
    overflow: visible;
    width: 4.08rem;
    height: 4.93rem;
    background: url("https://asset.txqn.huohua.cn/image/b28ddaa7-0cb7-4d10-9df4-9cee21a76d0e.png") no-repeat 50%;
    background-size: cover
}

.page.page-main-index .section-teaching .container .teaching-child .child-bubble .bubble-list.active p {
    opacity: 1;
    transition: opacity .6s;
    padding: .71rem .57rem 0
}

.page.page-main-index .section-teaching .container .teaching-child .child-bubble .bubble-list.active:first-child {
    top: 2.8rem;
    left: 4.5rem
}

.page.page-main-index .section-teaching .container .teaching-child .child-bubble .bubble-list.active:nth-child(2) {
    bottom: 4.05rem;
    right: 1.7rem
}

@media screen and (max-width: 960px) {
    .page.page-main-index .section-teaching .container .teaching-child .child-bubble .bubble-list.active {
        width:4.6rem;
        height: 5.7rem;
        background: url("https://asset.txqn.huohua.cn/image/b28ddaa7-0cb7-4d10-9df4-9cee21a76d0e.png") no-repeat 50%;
        background-size: cover
    }

    .page.page-main-index .section-teaching .container .teaching-child .child-bubble .bubble-list.active:first-child {
        top: 2rem;
        left: 4.3rem
    }

    .page.page-main-index .section-teaching .container .teaching-child .child-bubble .bubble-list.active:nth-child(2) {
        bottom: 4.05rem;
        right: 1.4rem
    }
}

.page.page-main-index .section-title {
    line-height: 78px;
    margin: 28px auto;
    font-size: 44px;
    color: #fff;
    background-color: #f45;
    position: relative;
    display: inline-block
}

.page.page-main-index .section-title:after,.page.page-main-index .section-title:before {
    content: " ";
    display: inline-block;
    width: 78px;
    height: 78px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE8AAABOCAYAAABhaEsjAAAFWElEQVR42s2bb2jVdRTGu+uqczIzrYYMMUmxLBJBEUVQ+kNCsQgcgiKYRRmJRjQKJoIoqEUsqKTIEBRBEWJRNIgSQRFDsCKlsBhiIkvR3HD+u917el48cOD74h7OeXVefF7c3c/z/L48vzdjfHePPNOdnaeAgB9tR4lknB3Lsg9XASdBAyw0HCkIZFwdx7OP9yIQ0G87SiTj7HgOSObhWsBvoA6eMBwpcGccHRXwU/bx1gAB+2xHiWScHV1AMo83BgyCu2CG4UiBO+PoqICfs4/3Bg+423aUSMbZ0Q0k83ht4BIYBVMNRwrcGUdHCzibfbx3ebidtqNEMs6O1UAyj3cfuAqug8mGIwXujKOjCs5lH287D9ZrO0ok4+x4GUjm8TrADTAEJhiOFLgzjo6xYDD7eB/xUJtsR4lknB3rgWQebzq4Dc6DcYYjBe6Mo6MV/J19vL080FrbUSIZZ8dGIJnHexTUwO+gajhS4M44OtrAUPbxDvMwK2xHiWScHT1AMo83HzTAKVAxHClwZxwd7eBK9vEGeJDltqNEMs6OXiCZx1vKQxy1HSWScXZMAteyj3eCh1hkO0ok4+zYBiTzeC/wAN/YjhLJODumgOHM47WAX0AdzDUcKQhkXB276KQdbxUffsB2lEjG2dEBRjOPVwV/ghqYaThSEMi4OvropB3vNT74c9tRIhlnRye4lXm88eAiuAk6DUcKAhlXx6d00o73Dh/6ge0okYyz42FwJ/N4E8EVMAweMBwpCGRcHXvopB1vKx+4xXaUSMbZMRPUMo/3IBgBl0G74UhBIOPq2E8n7Xgf8mFv244SyTg7HgP1zONN468AF0Cr4UhBIOPqOEQn7Xhf8EGv2o4SyTg75oJG5vFmgRo4B6qGIwWBjKujn07a8Q7yISttR4lknB0LQCPzePN4wNOgYjhSEMi4Or6jk3a8b/mA521HiWScHYuBZB5vCcuP2Y4SyQQ6jmQf7xjLl9iOEsk4O5YByTzechYP2I4SyQQ6jmcerwJOgwaYZzhSEMg4Ojh+5vFWsvSg7SiRjKuDV/8zj1cFf4AamG04UhDIuDq66KQd7xUW7rEdJZJxdfDqf+bxWsEFcAtMMxwpCGRcHd100o73Fsv6bEeJZFwdvPqfebx28A8YAQ8ZjhQEMq6O1XTSjreFRVttR4lkXB28+p95vMlgGFwFEw1HCgIZV8c6OmnHe58lPbajRDKuDl79zzxeJ7gJLoLxhiMFgYyrYz2dtON9xoLXbUeJZJwdrRw27XiPgLvgLzDGcKQgkHF1bKSTdrwDDK+yHSWScXXw6n/m8Z4EdfAraDEcKQhkXB09dNKO9zWDXbajRDKuDl79zzzeIoZO2I4SyQQ6NtNJO95RhpbajhLJuDp49T/zeM8y8L3tKJFMoGMbnZTjVcAp0ADzDUcKAhlXxxQwknm8FZQP244SyQQ6dtFJOd694Cz4D8wxHCkIZBwdvPqfeby1FPfajhLJBDr66KQcbxw4D26D6YYjBYGMo4NX/zOPt4HSx7ajRDKBjt10Uo43AQyBG6DDcKQgkHF08Op/5vF6KWwHhqNEMoGOL+mkHO9+8C+4xt/emzlSEMg4Onj1P/N4O/jle/zcxFEimUDHfjopx5sKRsEl0FZ8VzpSEMi4OuaAeubxPuEXbzZ5+3SUSCbQcYhOyvFmgDtgEIwtDl46UhDIODp49T/zePv4wzVN3j4dJZIJdPTTSTne46AOzjT5MzedoiSQcXXw6n/m8b7iD15q8vbpKJFMoGOATsrxFvLNnmzyvwt0ioJAxtmxmE7a8X7gh6ebvH06SiQT6DiSebz/AZJE59U2XpPuAAAAAElFTkSuQmCC);
    background-size: cover;
    position: absolute
}

.page.page-main-index .section-title:before {
    left: -78px
}

.page.page-main-index .section-title:after {
    right: -78px;
    transform: rotate(180deg)
}

.rc-dialog .rc-dialog-content .rc-dialog-body {
    padding: 0
}

.rc-dialog-body {
    padding: 0;
    height: 100%
}

.section-dialog {
    width: 100%;
    overflow: hidden
}

.section-dialog .dialog-main {
    position: relative;
    width: 520px;
    margin: 0 auto
}

.section-dialog .dialog-body {
    overflow: hidden;
    padding: 40px 0
}

.section-dialog h4 {
    color: #000;
    font-size: 24px;
    font-weight: 500;
    text-align: center
}

.section-dialog .dialog-form {
    margin-top: 40px
}

.section-dialog .dialog-form .area-code {
    display: inline-flex;
    font-family: PingFangSC-Medium;
    font-size: 16px;
    color: #484848;
    vertical-align: bottom;
    margin-left: 25px;
    position: relative;
    padding-right: 5px;
    border-right: 1px solid #f0f0f0;
    align-items: center;
    height: 20px
}

.section-dialog .dialog-form .area-code .xiala {
    font-size: 20px;
    padding-left: 10px
}

.section-dialog .dialog-form .phone-number-input {
    margin-left: 10px!important
}

.section-dialog .dialog-form .dialog-row {
    width: 400px;
    height: 56px;
    background-color: #f9f9f9;
    margin: 0 auto;
    margin-bottom: 16px;
    text-align: left;
    overflow: hidden;
    padding-top: 6px;
    border-radius: 32px
}

.section-dialog .dialog-form .dialog-row:nth-child(4) {
    border: 0
}

.section-dialog .dialog-form .dialog-row:nth-child(4) span {
    float: left
}

.section-dialog .dialog-form .dialog-row .dialog-text {
    float: left;
    font-size: 16px;
    padding-left: 25px;
    color: #777;
    height: 30px;
    line-height: 30px
}

.section-dialog .dialog-form .dialog-row span {
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: bottom
}

.section-dialog .dialog-form .dialog-row input {
    font-size: 16px;
    vertical-align: bottom;
    margin-left: 25px;
    background-color: transparent
}

.section-dialog .dialog-form .dialog-row a {
    float: right;
    text-align: center;
    display: inline-block;
    width: 110px;
    height: 30px;
    line-height: 30px;
    border-radius: 15px;
    font-size: 14px;
    color: #ff6874;
    border: 1px solid #ff6874;
    margin: 6px 24px 0 0
}

.section-dialog .dialog-form .dialog-row span.phone {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAiCAYAAAA3WXuFAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OEJFREUzNTE1OEI3MTFFODhFMkFENzAxQjlEOTA2Q0QiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OEJFREUzNTI1OEI3MTFFODhFMkFENzAxQjlEOTA2Q0QiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4QkVERTM0RjU4QjcxMUU4OEUyQUQ3MDFCOUQ5MDZDRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4QkVERTM1MDU4QjcxMUU4OEUyQUQ3MDFCOUQ5MDZDRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Prvr3/MAAAQnSURBVHjarJh5bExBHMfbalD3WVvqXBGqIRqKEFdcQfiLyLqjjTtBSEMdKYKII+KKMyVaoSKIq464QjSlCapIuvyhbVqhlKojjfX9xXebZ+x7M9t2kk9md9+8me/7zfyOt6E+ny8k2OZ2u5ujG0AGgXagLvgAnoF7IAe80M3l9Xr/+R4ajCAImYhuDehn+fk7KAWVoDFoYbkmv+8B+8F7E0FhhkImAXn6C6Ar2ASG0ioNQDToBFrKQ4IuYBZ4CdaDErDdZD2thSDkBLoZ4A1YgCe6rlzXrRFNq84DFWAIeGJnoXAHIc3QPZaPIAk3bgupXisA80EquMQ5p4H0QIPDbcTIWXgLRNQgiHkYUvP2CLTitqeB+uCYkSB6iohxQUyJZiE5O+N4nsSrbmjGTwKnwVHwTh3/3xmCdUS9B/SFmCcOW9oW3UEwQblUyi3K0Ah7DbqBhlinIqCXYZFRFLNKI0Y8rZBiNjIe9QZTwRdwBqzTCPKHjkxbC2GhMnRlENNB43myjZGgPQ+t2vaCRWAYuOswVQI4DOKxZvY/FsIiY9A1AZM1YjwUI4e9wGbYYvADnNBY6Qj4ZR1n3bKdEnWxSJZmkrkyiYHnbQEdGCyd2lrQHQ8aWSUIX8QyMWCHgfu2AcUG4/xnsKNm3D72M60WGsg+w2ChT6C1wbiu7As1yfUbU8t0q6DB7J8bLHQWRMCqnTXjVtLjSgzmzKKXVgmS/PIDak1S/x4e2AcQFWEzJoklyRzDKJ6nHuoo1jLaBtG/xU1BU04kXudi1h9Cj9nK+HTOUFC+mjrqsJ4JMRT1HNaRKL2MeUltxQaB0dp+qYLKGeRMaiM3M3U8f7oPXgEfXVwcRNLKbwa+YwbTtlMFiYv2MhATi+4pt/oAw4Q3QML2MAIfZfmSrJm6h3qG7nBBl4OYRnKQec80bNtCr1pd/W2VPEcuZvPVTLZOTTzss1WQP+oOd7jpJFPLcuhIN4xXfbh1Ys3mGkFnqwRhgXw+2Qob63RiHZOHsbuCOKwfQSI/J9vMPYIfD6m5TFw1DgPqBbhvOvtgPMff5FBLFbHE5vpOGiVbFbSZ/eEAN/mLsEvVLF8vs6Jsofzeltu1+r9sD4XyfrVb3jBgpRjlxv4c87Oagsot5a61yQulD/NuCVgx4sJSdF9ZkKulRFoNCvxr4KISIjYwJIzX1dSxTLJXIHC8QWyqjsCRLO6PY43Zjm+uGJDLwDaOBX9tt7EUI8xWL4bZ5KpTzNQeiMoFUbUkRrbpKrgFRgcaEOaQQFP5ND1BEUQl1kBID+a7tUwnI+0GhmmyeiZTwE0JXBBVAZJAtIGIOgwX91mmuBlcE2r0Z4Pl8IqJU/gO5i9Nc/jCJ/xk/dydFomzlBYpljhXe/8PUZi8SUzh61Kczet4EXPTeXA7mD+s/ggwACZAU9UymspaAAAAAElFTkSuQmCC);
    background-size: 100% 100%
}

.section-dialog .dialog-form .dialog-row span.password {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Qjc3RjgyMzM1OEI3MTFFODkxMDRGQkQ2MzJGNjgyNTciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Qjc3RjgyMzQ1OEI3MTFFODkxMDRGQkQ2MzJGNjgyNTciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCNzdGODIzMTU4QjcxMUU4OTEwNEZCRDYzMkY2ODI1NyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCNzdGODIzMjU4QjcxMUU4OTEwNEZCRDYzMkY2ODI1NyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvWvkuAAAAPHSURBVHjazJhpSBVRFMc1tdCszBaLCk3J9tR2iyD6UGamhe2RWRQtlkVBCxFptFifgjZaPlRYEQZFZZtE0IKWQRstZLZKZWkl2Wpq/wP/ieExc++85ws68GPem7n3zJk792zjW19f7/O/iG9kZKQ74xuDFNAPJIPuLtefg3xwA5wBn3UKS0tL//72d2hED7AGTDOdKweXQQX/twDRYBEROQ+yQZGTm+iMaQV2g4n8fxLsAHdNRrhKMIgBc0A6SAAXQIYshOpmjRTXEnhDMWQ7aA3Gg0sKQ0SqwXUwCwSCLDAKPAUzPTEmDZwDH7kvMkGlB3vyB19Te3AHHABr3TFmBjgIroEw8NgLjvIOxIEjYD1Y4WTPjACHuOGG/QPvnQ4klmwBn8A+O9duwmWt5P7QSVswD4ykyxeCveChg7n3QG8QAdd+afWajvMY50DZArq2LHkQn3YJeECDdDKUx4tWe0Y2WBLYD15rFIkBu0AOaMoAOJi6FoO54IRGxxcaHx0VFTXE9TWdAmOBH6hTKBkAbjKo7bQZM5zBcCXYqjHqN3iFVxVpGOPHk/lcHZW8AFUMaio5BiaJfs24DYzsnWBQmSztGF7I0UwMAOEOxvmYYkmsZpyxupONPTOCJ4o1E2vAL3qNTp6YUoNK3lJnqhFnJPt+AD8Vk7pwo4oLLwW3NTdpw+M4poc7irHFhneJMZ1BgUb5NpDI/DKbMUkltaAELAdTQQfF2BKzMT4O8k47RuV4bspGLjf2oScaUk+vPAymaHRXu6aDOs0EUf7d9LvWZjWsEqXjUtJ4whDNuDpF7XOFr8/OA2s1uoPMKyMZtU8Dkl8v0LIB88PNKyPRt6MbJajVqjVEBoL7hjGXeTLGQ2VSSpZ5ODcUNAN5hjGneSFTMSnYtIFdZZCEc0VCbKzQm8ZjnjlRFlGpXS6Rqq8r6MlIbJYqekyIhXMUcD/6K4ytQV4KNbu2VPGPWDxnWUxayDRQ7sGrSLY5P4ErnmpV6RWyLpEBX23altF8AF3s8KVLX2Wmt4vSFViVMKsaOIVPfs2m2pMoneulWjifrzHJrjt4z14n1os3tasUE1mUF6u6A+lrIsA6FlzpXjYkm7WOdKmrnLS3WawxNrJ3TtZ0kE4kkL2YdKd76BCOO8pNrHPjWetkNMAQydrfaIhUifM96bWlJOzLHmcHi68srpZOpEZaRoc4yo5DKsrV3vg+I69qMz+NGFW9BMpn3Pi1bOok6fUHzTnuDbuEXCffZ9z9WNSNpWQSE1yARd1zl33TWXDLnY9FfwQYAJSp5QaRLPpQAAAAAElFTkSuQmCC);
    background-size: 100% 100%
}

.section-dialog .dialog-form .dialog-row span.user-name {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAiCAYAAADRcLDBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjZBM0IwNUY1OEI3MTFFODhCMzFBMUVDQTYzMzAyNEUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjZBM0IwNjA1OEI3MTFFODhCMzFBMUVDQTYzMzAyNEUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGNkEzQjA1RDU4QjcxMUU4OEIzMUExRUNBNjMzMDI0RSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGNkEzQjA1RTU4QjcxMUU4OEIzMUExRUNBNjMzMDI0RSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pm1UcT0AAAJhSURBVHjaYmQgHTgAsSMQ2wCxERALQMW/A/FVID4ExMeAeAMQ/2WgIpAF4l4g/o+EXwLxUSDeBMTrgXgfEN9DU7MaiM2o4YA+JEN3ALEXEAvhUc8CtXg2kj6QQyXJsVwJiF9BDZkDxOJkmMEMxCVIjgkgRbMrVNNPILamUnSegZpZTowGF6ji40DMyUBdMBFqdg0hF4MUnWWgHeiH2hGDS8FzqAJGBtqCI1B7JHAFlTED7QEj1K7ryIL8UMElDPQDgVA7XWDBPg2IM4GYCSqBDFiBmJtCC0El52cs4h+hGAxAFu/HoogNiN+hlYLkYm8s5meB5EAhYQUtfp2hRS8yAIVMKhDzUSH41wHxXSyeBJVFDC1QlzIzDAx4wgStDd9Su8YjAZxhglY21xgGDlxlghbN73AoAMXZUyolTF8cdtxjgTL+4VAAEl9GoOomBoAc8RhX9mWBWsSLQ8EfIC6lcXTIgaLjMhBrDGCa0GSCtgllBtAR+qDCyg+INwKxLhBfwVJkH4C2sigttqOgHsZIL6A0sRnKKQbiRCwJ6gUVfPsfRzmEkmN2Y6m46AFuAfFvGEcF6ogKOjpADWpnLrLgXqggH50cAeq3fEMX5II64godHABrxdkz4EgoIMkpNHRAENSOyfgUVUAV9dLAASFQs9cTo7gGqbVFrTQygRQHwEAcUg0YQoHloNb7M6g5E8kxQBWp+/Yamp2I6ZNyQh0O0/sJ2rXE2f4nBgQDcQMQ60D596EV301ogfMHWrSrgyokaBXAALW8HhoVVAMgS6qB+AK0GMbWeHkAxN2kdKQBAgwANBW/gz0tdDUAAAAASUVORK5CYII=);
    background-size: 98% 100%
}

.section-dialog .dialog-form .dialog-row span.birthday {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAhCAYAAACxzQkrAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTFBNDVEOUY1OEI4MTFFOEExNTVEOTYxNkI0QThENDIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTFBNDVEQTA1OEI4MTFFOEExNTVEOTYxNkI0QThENDIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1MUE0NUQ5RDU4QjgxMUU4QTE1NUQ5NjE2QjRBOEQ0MiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1MUE0NUQ5RTU4QjgxMUU4QTE1NUQ5NjE2QjRBOEQ0MiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmT5v28AAAMPSURBVHjaxFhdSFRBFL6blhmk1UMlpIFgrVT4IBhU0A/WQxT9CQWZ7wr1UpGY9AM9BGElRS9GTz3Vg1APBf0I0R9kEEjUJllIFCYFWgmiu7cz2zd6unvm7lzvXfbAt3P3zJmZ787MOXPmOq7rOpZSTugguAxDhGeEO4RuwmPCgMfmNqHOZoA0F0tCF9kA9wnbCYt87AtBoou1U6TLwhKqJHxHh9cJS5zgUkA4xojtnimhrehgnLDeCS9qyXvR54mghOrR8AWh2IlWOtF3uy2hcjR47eROLmGMRhtC32Acy9JpnLBA0M8lrLIg9RTjLPUjpKez1sZLCWcF/UbUZVvqGOzemQiVwuCm0LiGcI/wnvCG0Afb3/jP8QV1/fivBnxC2Cb0uwe29RKha4alUm864gl2M0WlQEr1PSgRUg89QoMdqFvLdEXQ3RDsG1EXZ7oy6FoF+xbUVXBC66DcIjTYjzpvUDxAWCHYLyQ0GfZcm6Cfg7pTnNA5KAt81jkews3no4/jhnq17xKKyywoNhB+EJKG0K8kEYLQL3bGSdKrZ1sb1EEpyRjKq4Rhi/gkLVUR28CSvCXs4oSUJ/3MQqglggg9atAPOMIUpgzGpczb+g37zE9S2EOvCIsNNkkvId3IlNvoUD8ScoZmG/QV+kFv6j4fL0qxWBLGy/xWodpLSIX2ZU7+pAYOM0XoIcrVeSJUjdx7itBdlEfzQGYnyq7pI/+fPEDM8MpB6OeFHDh9PAj6D4QJzYW7fTPcWh2A55l+kB2aL32irUkmCcvxPOypU9G5inDk/7RxWh7hTUo8DXsiSD0+CqFliAXejBnS6/mH8NyzwTcTDiFlnQg4Q4UY9BYSOp6dqkC5KTPTzyTl4uzKlezFGFdsr0GtaNCRAzIN6Ls76EWxnWWRJRGRuWwiY3uVbmKbsiEEEXWL+Yp+OsN+bKhiV2Dltoct7/jFeAnddhTXc9+PDbH0T8wq59pHOMO87xMO5QSC2yRuFStxFKxhOdBpLFdkn2O4qAFP4s6VNMScz4QLQT9SKC5/BRgALPZlhu+kJjMAAAAASUVORK5CYII=);
    background-size: 100% 98%;
    background-position: 0 1px
}

.section-dialog .dialog-form .dialog-footer {
    text-align: center;
    margin-top: 40px
}

.section-dialog .dialog-form .dialog-footer a {
    display: inline-block;
    padding: 11px 155px;
    color: #fff;
    background-color: #f45;
    border-radius: 30px
}

.section-dialog .dialog-form .dialog-footer p {
    margin-top: 10px;
    color: #999;
    font-size: 16px
}

.section-dialog .dialog-form .grade-item {
    width: 100%;
    height: 100px;
    font-size: 14px;
    padding: 0 80px
}

.section-dialog .dialog-form .grade-item .dialog-item-grade {
    width: 50%;
    box-sizing: border-box;
    display: block;
    float: left;
    padding-left: 60px;
    margin-top: 10px
}

.section-dialog .dialog-form .grade-item .dialog-item-grade span {
    float: left;
    margin-left: 5px
}

.section-dialog .dialog-form .grade-item .dialog-item-grade p {
    text-align: left;
    padding-left: 45px
}

.rc-dialog {
    height: 92%
}

.rc-dialog .rc-dialog-content {
    border-radius: 12px;
    top: 50%;
    margin-top: -280px
}

.rc-dialog .rc-dialog-content .rc-dialog-close {
    opacity: 1
}

.rc-dialog-className .rc-dialog-close {
    display: none
}

.rc-dialog-className .rc-dialog-content {
    border-radius: 12px
}

.rc-dialog-className .appointmentSuccess {
    position: relative
}

.rc-dialog-className .appointmentSuccess .dialog-head-portrait {
    width: 145px;
    height: 145px;
    overflow: hidden;
    border-radius: 50%;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJEAAACRCAMAAAD0BqoRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzhBMTM2NjVFNDFDMTFFODkxNkVCQ0M2NjNBQTIxQUMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzhBMTM2NjZFNDFDMTFFODkxNkVCQ0M2NjNBQTIxQUMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3OEExMzY2M0U0MUMxMUU4OTE2RUJDQzY2M0FBMjFBQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3OEExMzY2NEU0MUMxMUU4OTE2RUJDQzY2M0FBMjFBQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlEXtGIAAAGAUExURe5pTttETv/75eg8Rv/qgv/iZf/odtRqbv78+ulESPnDXva2ufSjqP/skOu3uOWkpu17g9rPzfri425paOlJUPCDictLMPi5XPOcoVNQT8kkLPKUm//53P3bZNuChffN3PepWu/FxutZY5SMi/nKX+tZSvrb2//yte5yezQyMvrU1exjbPWtsPKFU/SWV8IzOP319OKam+qwiL4jJ/zRYvOzz9A7Q+TY1tQqM/rd4/Hl4+1sdPzu7PLS0ratrP/88fbc2/W91P/xqchDSOpQW9NiOLwbIO2/wMG3tvnNzs1YXNMxOvjExfDLy9VUW/jS38c9K/vm6fzp6Pzs6vzm5f/1x8QsK/GLkO60VPjo6eytUuGLRvrw8NJgZPrg4NNMU/KnwYF7et6CQ8EeJPns6997RPXo5spOUuSWSuzg3t8yPfe9v+iur//vnfnr7N6Nj+6Emvfq6M3DwvrejPPOpKignvPV1uqmUEI/P5yVlLoYHv3w7v/lZv///+c3Q////9hnZqkAAACAdFJOU/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8AOAVLZwAADJ9JREFUeNrMnIlb2tgWwCNBZRWLqFQWhSogoMhArRasrSJWq63igjOtttbp5lLf1/eebUNk/vVJyHbXkLC0nvm+qZq7/HLOuSf33Nxc5p+7JkxbtW/J8nuIbpvJLyW6NSq/hujWnHSb6LYV6SLRbavSHSJST8vBg/iV29rX18fzvPB/q/sqfhBcbguKaZXHFoy7RQ6S9LnjQVurTExLQJa4m28m7rilJSTGPE9wpY83Jn0rQfNMjEme5biVNyPW+LJJJsYUkOWKNy9XFlNIjAmeoJtvTdxBE0yMYaCWeTCmdogA/7ni25OrZYNIjCEeW5xvX+I2Q0yMEaCgle+EWINGkBgDQCt8p2TF1hyJaQpksfKdE6ulKRLTDOiA76wcNENimgCt8J0WzXJmiNQx7+Y7L+5lXSRGF8jKd0OsukiMDpClj++O9Fl0kJjfAKSPxFCBgt0D0kVifoOG9JFoRMvdBRKQlg0SKY9WK99tsVKQGDKQm+++uG1E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);
    background-color: #fff;
    position: absolute;
    top: -73px;
    left: 50%;
    transform: translateX(-50%)
}

.rc-dialog-className .appointmentSuccess .appointment {
    padding-top: 100px
}

.rc-dialog-className .appointmentSuccess .appointment h4 {
    color: #f45;
    font-size: 28px;
    margin-top: 0
}

.rc-dialog-className .appointmentSuccess .appointment .content {
    font-size: 18px;
    font-weight: 400;
    width: auto;
    text-align: center;
    margin-top: 20px
}

.rc-dialog-className .appointmentSuccess .appointment .content p {
    line-height: 35px;
    margin: 0;
    padding: 0
}

.rc-dialog-className .appointmentSuccess .appointment .content b {
    color: #f45
}

.rc-dialog-className .appointmentSuccess>button {
    background-color: #f45;
    color: #fff;
    margin-top: 25px;
    width: 200px;
    height: 44px;
    border-radius: 22px;
    outline: none
}

@media (min-width: 768px) {
    .rc-dialog-className {
        width:520px
    }

    .rc-dialog-className .rc-dialog-close {
        display: block
    }
}

.rc-dialog {
    top: 0!important;
    margin-top: 0!important
}

.appointmentSuccess {
    width: 520px;
    height: 340px;
    margin: 0 auto;
    text-align: center
}

.appointment {
    padding-top: 80px
}

.appointmentSuccess h4 {
    margin-top: 20px;
    font-size: 26px
}

.appointmentSuccess .content {
    width: 70%;
    margin: 0 auto;
    text-align: left;
    font-weight: 700
}

.appointmentSuccess .body {
    display: block;
    padding: 15px 0
}

.appointmentSuccess .content p {
    margin-top: 10px
}

.pages .page-main-index .section-free {
    width: 320px;
    height: 160px;
    position: fixed;
    top: 512px;
    right: 170px;
    border-radius: 10px;
    z-index: 999;
    background-color: #fff;
    box-shadow: 0 0 45px 0 rgba(29,29,29,.1)
}

.pages .page-main-index .section-free .fromText {
    padding-top: 34px;
    margin: auto
}

.pages .page-main-index .section-free .fromText i {
    display: block;
    width: 15px;
    height: 15px;
    cursor: pointer;
    position: absolute;
    top: 16px;
    right: 12px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAedJREFUSA2tlrFOwzAQhhtH6pCRjY2dV2BhSFsJsTB1Y+xQiQkJJLZKCHa6sLIwwQJIbUeeAYmFvfAIrZSG/2/ryk0dx3Zs6eKLfb4vufjOicbj8Wme54+NRmMmhOi1Wq0J9KBtNBr14XAAmUZR1G2321+CUMg+5CDLsjcYnYSkwt8VfA8he5BDyB39C8hMATUx8RoKvobeK/6pLnmIrujhZq5MBoHroAjzHzjXZAl+UwycQQ8GL4PGcXzc6XR+CI54YWN4GWaozeXA6jLnQ8H4QxkzqiZomqbfcvEGzIG6cFsoWVvgOnAXqBbsA3eFloJd4D5QI9gG7gutBJvgmHuGnNNGNuYpU0bdvXKu2O9srqIB7/FmulTbMnWBcqEVmIYmuCuU/lirrdq6iDC8Ow3gW5vwqgtd3pinTLHgS1/OFc4KrNu9kqj0TvDKUOug/KY41S4A9T5YjOAyKFMGfxEPeADvU6001CaoupFgp0u1yrBrwbZQ+X194DtgV6gvfAvsC/WBb8B1oa7wJTgU1AUeAdpHRRrKRex9aq+6njr8anc78j9FKn4yjwfqohBQ+mNt1+X5YrG44TzBUypsoaArb3o4GL+cF1C6kHfIC+6P1OIgHdTp+eYML3xMwHhKkuSyjr/aa/8Bqz+zR4Vk6P4AAAAASUVORK5CYII=) no-repeat;
    background-size: 100% 100%
}

.pages .page-main-index .section-free .fromText .text {
    width: 100%;
    font-size: 18px;
    margin-bottom: 16px
}

.pages .page-main-index .section-free .fromText .text p {
    width: 100%;
    text-align: center;
    font-weight: 700;
    color: #333
}

.pages .page-main-index .section-free .fromText .text p em {
    font-style: normal;
    font-size: 22px;
    color: #ff4355;
    font-weight: bolder
}

.pages .page-main-index .section-free .fromText .autha {
    width: 84%;
    height: 40px;
    border-radius: 22px;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative
}

.pages .page-main-index .section-free .fromText .autha input {
    width: 160px;
    flex-grow: 1;
    height: 100%;
    padding-left: 32px;
    background-color: #ebebeb
}

.pages .page-main-index .section-free .fromText .autha i {
    display: block;
    width: 7.2px;
    height: 11.2px;
    position: absolute;
    top: 15px;
    left: 17px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAMCAYAAABfnvydAAAAAXNSR0IArs4c6QAAANhJREFUGBmNkDEKwkAQRbPLLiksbDyBNuIJvIGnEGxDDhC9gIUHMOQIegDBa9gJFmJjkyKIoCFk45sYQVKIA7Pz5/+/y8yqJEm6VVVFnucNlFKO6tFr8Bm4NBwhzRFyQ9K+AzwCrQygX5blNgzD00eUGsdxqrVeaHBJWiFbIVwhhp/xn8E592w/k+f5QzjDBsZaO2Wo67cJvkdvZQsJES9CNKaCmsO7egbW2QdBsOeWElODd7Ra8ZNzyJQ5Dhg7VDHdEYfk2DDM2vf9GeIEsf5qsOb5W5Zl0Qt7GV6y5kxIYAAAAABJRU5ErkJggg==) no-repeat;
    background-size: 100% 100%
}

.pages .page-main-index .section-free .fromText .autha span {
    width: 96px;
    height: 44px;
    display: block;
    border-top-right-radius: 22px;
    border-bottom-right-radius: 22px;
    cursor: pointer;
    line-height: 44px;
    position: relative;
    overflow: hidden;
    background-color: #ff4355;
    color: #fff;
    font-weight: bolder
}

.page.page-main-index .section-team {
    background-color: #fff
}

.page.page-main-index .section-team .container {
    padding: 88px 0 120px;
    position: relative
}

.page.page-main-index .section-team .container .circle {
    width: 12.53rem;
    height: 12.53rem;
    position: absolute;
    z-index: 0;
    top: 4.4rem;
    right: 0
}

.page.page-main-index .section-team .container .teacher {
    width: 13.64rem;
    height: 14.66rem;
    position: absolute;
    z-index: 1;
    bottom: 1px;
    right: .35rem;
    background-image: url("https://asset.txqn.huohua.cn/assets/teacher.png");
    background-size: contain;
    background-repeat: no-repeat
}

@media screen and (max-width: 1080px) {
    .page.page-main-index .section-team .container .teacher {
        top:7.25rem
    }
}

@media screen and (max-width: 960px) {
    .page.page-main-index .section-team .container .teacher {
        top:8.17rem;
        right: 0
    }
}

.page.page-main-index .section-team .container h2 {
    margin-bottom: .5rem;
    text-align: center;
    color: #4a4a4a;
    font-size: 1.06rem
}

.page.page-main-index .section-team .container .section-descr {
    margin-bottom: 2.6rem;
    font-size: .53rem;
    color: #999;
    text-align: center
}

.page.page-main-index .section-team .container .team-list {
    z-index: 999;
    text-align: center
}

.page.page-main-index .section-team .container .team-list img {
    width: 1114px;
    height: 884px
}

.page.page-main-index .section-team .container .team-list>div {
    width: 20.35rem;
    border-radius: 10px;
    padding: .7rem 0 .7rem 1.2rem
}

.page.page-main-index .section-team .container .team-list>div>span {
    font-size: 1.24rem;
    color: #fff;
    font-weight: 700
}

.page.page-main-index .section-team .container .team-list .introduction {
    display: inline-block;
    font-size: .44rem;
    color: #fff;
    padding-left: .8rem
}

.page.page-main-index .section-team .container .team-list .stage {
    color: #fff;
    margin-top: .5rem
}

.page.page-main-index .section-team .container .team-list .stage i {
    display: inline-block;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    font-style: normal;
    font-size: 18px;
    margin-right: 5px;
    text-align: center;
    line-height: 22px;
    box-sizing: border-box
}

.page.page-main-index .section-team .container .team-list .stage span {
    padding-right: .35rem;
    font-size: .44rem
}

.page.page-main-index .section-team .container .team-list .team-filter {
    background: linear-gradient(90deg,#ff6969,#ff577b);
    margin-bottom: .53rem
}

.page.page-main-index .section-team .container .team-list .team-filter .stage i {
    background-color: #ffa840
}

.page.page-main-index .section-team .container .team-list .team-training {
    background: linear-gradient(90deg,#ffa700,#ffbf00)
}

.page.page-main-index .section-team .container .team-list .team-training .stage i {
    background-color: #ff6e45
}

.page.page-main-index .section-classroom {
    background-color: #fff
}

.page.page-main-index .section-classroom .container {
    padding: 80px 0 120px
}

.page.page-main-index .section-classroom .container h2 {
    margin-bottom: .5rem;
    text-align: center;
    color: #4a4a4a;
    font-size: 1.06rem
}

.page.page-main-index .section-classroom .container .section-descr {
    margin-bottom: 4.2rem;
    font-size: .53rem;
    color: #999;
    text-align: center
}

.page.page-main-index .section-classroom .container .classroom-child {
    width: 26.67rem;
    height: 15.2rem;
    position: relative
}

.page.page-main-index .section-classroom .container .classroom-child .child-girl {
    width: 12.6rem;
    height: 12.6rem;
    position: absolute
}

.page.page-main-index .section-classroom .container .classroom-child .child-girl img {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0
}

.page.page-main-index .section-classroom .container .classroom-child .girl-point {
    position: absolute;
    top: -2.9rem;
    left: 0;
    width: 26.67rem;
    height: 16.8rem;
    background: url("https://asset.txqn.huohua.cn/image/1c73868a-d6db-4666-bfd5-8eb6f7e13f3e.png") no-repeat 50%;
    background-size: contain
}

.page.page-main-index .section-classroom .container .classroom-child .girl-point .point-list {
    width: 4.26rem;
    height: 4.26rem;
    position: absolute
}

.page.page-main-index .section-classroom .container .classroom-child .girl-point .point-list p {
    opacity: 0
}

.page.page-main-index .section-classroom .container .classroom-child .girl-point .point-list.active {
    cursor: pointer;
    z-index: 1
}

.page.page-main-index .section-classroom .container .classroom-child .girl-point .point-list.active p {
    color: #666;
    font-size: .3rem;
    opacity: 1;
    transition: opacity .6s;
    top: 1rem;
    left: 4.8rem;
    width: 7.88rem;
    height: 2.86rem;
    background-color: #fff;
    box-shadow: 0 5px 45px 0 rgba(29,29,29,.1);
    border-radius: 10px;
    padding: .6rem .96rem;
    position: relative
}

.page.page-main-index .section-classroom .container .classroom-child .girl-point .point-list.active p:after {
    content: "";
    position: absolute;
    width: .57rem;
    height: .95rem;
    background-color: #fff;
    left: -.26rem;
    top: .97rem;
    transform: skew(30deg) rotate(60deg);
    box-shadow: 0 5px 45px 0 rgba(29,29,29,.1)
}

.page.page-main-index .section-classroom .container .classroom-child .girl-point .point-list.active p:before {
    content: "";
    position: absolute;
    width: .68rem;
    height: 1.2rem;
    background-color: #fff;
    left: 0;
    top: .88rem;
    z-index: 1
}

@media screen and (max-width: 960px) {
    .page.page-main-index .section-classroom .container .classroom-child .girl-point .point-list.active p {
        padding:.22rem .74rem
    }
}

.page.page-main-index .section-classroom .container .classroom-child .girl-point .point-list:nth-child(2) {
    width: 4.26rem;
    height: 4.26rem;
    border-radius: 50%;
    top: 0;
    left: 12.6rem
}

.page.page-main-index .section-classroom .container .classroom-child .girl-point .point-list:nth-child(2).active p {
    top: 0;
    left: 5.2rem
}

.page.page-main-index .section-classroom .container .classroom-child .girl-point .point-list:nth-child(3) {
    width: 3.55rem;
    height: 3.55rem;
    border-radius: 50%;
    top: 4.3rem;
    right: 0
}

.page.page-main-index .section-classroom .container .classroom-child .girl-point .point-list:nth-child(3).active p {
    padding-top: .6rem;
    top: -.5rem;
    left: -8.8rem
}

.page.page-main-index .section-classroom .container .classroom-child .girl-point .point-list:nth-child(3).active p:after {
    left: 7.6rem
}

.page.page-main-index .section-classroom .container .classroom-child .girl-point .point-list:nth-child(3).active p:before {
    left: 7.2rem
}

.page.page-main-index .section-classroom .container .classroom-child .girl-point .point-list:nth-child(4) {
    width: 4.26rem;
    height: 4.26rem;
    border-radius: 50%;
    top: 5.91rem;
    right: 6.71rem
}

.page.page-main-index .section-classroom .container .classroom-child .girl-point .point-list:nth-child(4).active p {
    top: 0;
    left: -8.3rem;
    background-color: #fff;
    padding-top: .6rem
}

.page.page-main-index .section-classroom .container .classroom-child .girl-point .point-list:nth-child(4).active p:after {
    left: 7.6rem
}

.page.page-main-index .section-classroom .container .classroom-child .girl-point .point-list:nth-child(4).active p:before {
    left: 7.2rem
}

.page.page-main-index .section-classroom .container .classroom-child .girl-point .point-list:nth-child(5) {
    width: 3.55rem;
    height: 3.55rem;
    border-radius: 50%;
    bottom: 2.75rem;
    right: 12rem
}

.page.page-main-index .section-classroom .container .classroom-child .girl-point .point-list:nth-child(5).active p {
    top: .44rem;
    left: -8.3rem;
    background-color: #fff;
    padding-top: .6rem
}

.page.page-main-index .section-classroom .container .classroom-child .girl-point .point-list:nth-child(5).active p:after {
    left: 7.6rem
}

.page.page-main-index .section-classroom .container .classroom-child .girl-point .point-list:nth-child(5).active p:before {
    left: 7.2rem
}

.page.page-main-index .section-classroom .container .classroom-child .girl-point .point-list:nth-child(6) {
    width: 4.26rem;
    height: 4.26rem;
    border-radius: 50%;
    bottom: 0;
    right: 1.16rem
}

.page.page-main-index .section-classroom .container .classroom-child .girl-point .point-list:nth-child(6).active p {
    top: 1.2rem;
    left: -8.2rem
}

.page.page-main-index .section-classroom .container .classroom-child .girl-point .point-list:nth-child(6).active p:after {
    left: 7.6rem
}

.page.page-main-index .section-classroom .container .classroom-child .girl-point .point-list:nth-child(6).active p:before {
    left: 7.2rem
}

.page.page-main-index .section-classroom .container .classroom-child .girl-point .point-list:nth-child(7) {
    width: 3.55rem;
    height: 3.55rem;
    border-radius: 50%;
    bottom: .62rem;
    right: 1.28rem;
    padding-top: .6rem
}

.page.page-main-index .section-classroom .container .classroom-child .girl-point .point-list:nth-child(7).active p {
    top: .44rem;
    left: -8.3rem;
    background-color: #fff;
    padding-top: .6rem
}

.page.page-main-index .section-classroom .container .classroom-child .girl-point .point-list:nth-child(7).active p:after {
    left: 7.6rem
}

.page.page-main-index .section-classroom .container .classroom-child .girl-point .point-list:nth-child(7).active p:before {
    left: 7.2rem
}

.page.page-main-index .section-honor {
    background-color: #fff
}

.page.page-main-index .section-honor .container {
    padding: 88px 0 120px;
    position: relative
}

.page.page-main-index .section-honor .container h2 {
    margin-bottom: .5rem;
    text-align: center;
    color: #4a4a4a;
    font-size: 1.06rem
}

.page.page-main-index .section-honor .container .section-descr {
    margin-bottom: 1.95rem;
    font-size: .53rem;
    color: #999;
    text-align: center
}

.page.page-main-index .section-honor .container .honor-list {
    width: 80%;
    margin: 0 auto;
    position: relative
}

.page.page-main-index .section-honor .container .honor-list .slick-list {
    height: 6.66rem
}

.page.page-main-index .section-honor .container .honor-list .honor-img {
    text-align: center;
    height: 3.86rem
}

.page.page-main-index .section-honor .container .honor-list .honor-img img {
    width: 5.42rem;
    height: 3.86rem;
    display: block;
    margin: 0 auto
}

.page.page-main-index .section-honor .container .honor-list .honor-img span {
    display: block;
    width: 6.4rem;
    height: 1.24rem;
    line-height: .57rem;
    margin: 0 auto;
    text-align: center;
    position: absolute;
    color: #4a4a4a;
    bottom: -2.48rem;
    font-size: .44rem
}

.page.page-main-index .section-honor .container .honor-list .slick-next,.page.page-main-index .section-honor .container .honor-list .slick-prev {
    cursor: pointer;
    display: block;
    width: .4rem;
    height: .71rem;
    position: absolute;
    top: 30%;
    margin-top: -.22rem
}

.page.page-main-index .section-honor .container .honor-list .slick-prev {
    left: -1.55rem;
    background: url(data:image/png;base64,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) no-repeat;
    background-size: contain
}

.page.page-main-index .section-honor .container .honor-list .slick-next {
    right: -1.55rem;
    background: url(data:image/png;base64,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) no-repeat;
    background-size: contain
}

.page.page-main-index .section-formText {
    left: 0;
    bottom: -200px;
    width: 100%;
    z-index: 120;
    background-color: rgba(0,0,0,.6)!important;
    transition: bottom .8s
}

.page.page-main-index .section-formText .fromText {
    height: 70px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 26.67rem;
    margin: 0 auto;
    position: relative
}

.page.page-main-index .section-formText .fromText .from-boy {
    width: 3.55rem;
    height: 3.8rem;
    display: inline-block;
    position: absolute;
    top: -2.25rem;
    left: 0;
    background: url("https://asset.txqn.huohua.cn/assets/2539ddd2-2b0a-4b1e-99fe-5a3e8a2e6486.png") no-repeat 50%;
    background-size: cover
}

.page.page-main-index .section-formText .fromText .from-text {
    font-size: .48rem;
    color: #fff;
    margin-left: 4.8rem
}

.page.page-main-index .section-formText .fromText .from-text p {
    text-align: center;
    font-weight: 700
}

.page.page-main-index .section-formText .fromText .from-text p em {
    font-style: normal;
    font-weight: 700;
    font-size: .71rem;
    color: #ffc137
}

.page.page-main-index .section-formText .fromText .fromText-autha {
    width: 10rem;
    height: 40px;
    border-radius: 22px;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    background-color: #fff
}

.page.page-main-index .section-formText .fromText .fromText-autha .country-code {
    font-family: PingFangSC-Medium;
    font-size: 16px;
    color: #484848;
    background: #fff;
    letter-spacing: 0;
    border-right: 1px solid #9fa4b0;
    height: 20px;
    line-height: 20px;
    padding-right: 8px;
    padding-left: 16px
}

.page.page-main-index .section-formText .fromText .fromText-autha .iconxiala-icon {
    font-size: 18px
}

.page.page-main-index .section-formText .fromText .fromText-autha input {
    width: 160px;
    flex-grow: 1;
    height: 100%;
    padding-left: 10px;
    background-color: #fff
}

.page.page-main-index .section-formText .fromText .fromText-autha span {
    width: 96px;
    height: 44px;
    display: block;
    border-top-right-radius: 22px;
    border-bottom-right-radius: 22px;
    cursor: pointer;
    line-height: 44px;
    position: relative;
    overflow: hidden;
    background-color: #ff4355;
    color: #fff;
    font-weight: bolder
}

@media screen and (max-width: 1080px) {
    .page.page-main-index .section-formText .fromText .from-boy {
        top:-2rem
    }
}

.page.page-main-index .section-formText.active {
    position: fixed;
    bottom: 0
}

.page.page-main-index .section-expert {
    background-color: #f9fafc
}

.page.page-main-index .section-expert .container {
    padding: 88px 0 120px;
    width: 100%
}

.page.page-main-index .section-expert .container h2 {
    margin-bottom: .5rem;
    text-align: center;
    color: #4a4a4a;
    font-size: 1.06rem
}

.page.page-main-index .section-expert .container .section-descr {
    margin-bottom: 1.4rem;
    font-size: .53rem;
    color: #999;
    text-align: center
}

.page.page-main-index .section-expert .container .section-expert {
    width: 100%
}

.page.page-main-index .section-expert .container .section-expert .section-expert-body {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.page.page-main-index .section-expert .container .section-expert .section-expert-body .section-expert-arrow {
    width: 3.55555556rem;
    height: 4.44444444rem;
    min-width: 3.55555556rem;
    background: rgba(74,74,74,.05);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center
}

.page.page-main-index .section-expert .container .section-expert .section-expert-body .section-expert-arrow p {
    width: 1.95555556rem;
    height: 1.95555556rem;
    background: url("https://asset.txqn.huohua.cn/assets/90072d72-3f9c-432c-9fe5-a3cc03adfdfc.png") no-repeat;
    background-size: 100% 100%
}

.page.page-main-index .section-expert .container .section-expert .section-expert-body .section-expert-arrow.section-expert-arrow-left {
    border-radius: 0 .26666667rem .26666667rem 0;
    left: 0
}

.page.page-main-index .section-expert .container .section-expert .section-expert-body .section-expert-arrow.section-expert-arrow-left p {
    transform: rotate(180deg)
}

.page.page-main-index .section-expert .container .section-expert .section-expert-body .section-expert-arrow.section-expert-arrow-right {
    right: 0;
    border-radius: .26666667rem 0 0 .26666667rem
}

.page.page-main-index .section-expert .container .section-expert .section-expert-body .section-expert-body-container {
    width: 100%
}

.page.page-main-index .section-expert .container .section-expert .section-expert-body .section-expert-body-container .section-expert-item {
    width: inherit;
    height: 13.33333333rem;
    border-radius: .26666667rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.page.page-main-index .section-expert .container .section-expert .section-expert-body .section-expert-body-container .section-expert-item .section-expert-item-content {
    width: 24.44444444rem;
    height: 13.33333333rem;
    box-shadow: 0 8px 20px 0 hsla(0,0%,60%,.1);
    box-sizing: border-box;
    border-radius: .26666667rem;
    padding: .88888889rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto
}

.page.page-main-index .section-expert .container .section-expert .section-expert-body .section-expert-body-container .section-expert-item .section-expert-item-content img {
    width: 8.88888889rem;
    border-radius: .26666667rem
}

.page.page-main-index .section-expert .container .section-expert .section-expert-body .section-expert-body-container .section-expert-item .section-expert-item-content .expert-info {
    margin-left: 1.33333333rem;
    box-sizing: border-box;
    padding: 1.33333333rem 0;
    height: 100%;
    flex: 1
}

.page.page-main-index .section-expert .container .section-expert .section-expert-body .section-expert-body-container .section-expert-item .section-expert-item-content .expert-info .expert-name {
    font-family: PingFangSC-Medium;
    font-size: .88888889rem;
    color: #4a4a4a
}

.page.page-main-index .section-expert .container .section-expert .section-expert-body .section-expert-body-container .section-expert-item .section-expert-item-content .expert-info .expert-title {
    font-family: PingFangSC-Regular;
    font-size: .44444444rem;
    color: #9fa4b0
}

.page.page-main-index .section-expert .container .section-expert .section-expert-body .section-expert-body-container .section-expert-item .section-expert-item-content .expert-info .expert-des {
    margin-top: .88888889rem;
    font-family: PingFangSC-Regular;
    font-size: .53333333rem;
    color: #4a4a4a;
    letter-spacing: 0;
    text-align: justify
}

.page.page-main-index .section-expert .container .section-expert .section-expert-body .section-expert-body-container .section-expert-item .section-expert-item-content .expert-info .expert-des li {
    margin-bottom: .26666667rem;
    display: flex;
    line-height: .71111111rem
}

.page.page-main-index .section-expert .container .section-expert .section-expert-body .section-expert-body-container .section-expert-item .section-expert-item-content .expert-info .expert-des li:before {
    content: "";
    min-width: .13333333rem;
    max-width: .13333333rem;
    min-height: .13333333rem;
    max-height: .13333333rem;
    border: .04444444rem solid #f45;
    border-radius: 50%;
    margin-top: .28888889rem;
    margin-right: .22222222rem
}

.page.page-main-index .section-expert .container .section-expert .section-expert-dots {
    width: 100%;
    height: 2.44444444rem;
    display: flex!important;
    justify-content: center;
    align-items: center;
    margin: 30px 0 0
}

.page.page-main-index .section-expert .container .section-expert .section-expert-btn {
    width: 2.44444444rem;
    height: 2.44444444rem;
    border-radius: 50%;
    border: 3px solid #f9fafc;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 22px;
    cursor: pointer;
    transition: .3s;
    background: #f9fafc
}

.page.page-main-index .section-expert .container .section-expert .section-expert-btn img {
    width: 2.22222222rem;
    height: 2.22222222rem;
    border-radius: 50%
}

.page.page-main-index .section-expert .container .section-expert .slick-active .section-expert-btn {
    border-color: red;
    background: #fff
}

.page.page-main-index .section-expert .container .section-expert .slick-track {
    height: 15.55555556rem!important;
    display: flex;
    align-items: center
}

.rc-dialog-qrcode {
    color: red;
    width: 520px
}

.rc-dialog-qrcode .rc-dialog-content {
    height: 80%!important
}

.rc-dialog-qrcode .rc-dialog-content .rc-dialog-body {
    overflow: scroll
}

.rc-dialog-qrcode .guide-foreigner-body {
    padding: .88888889rem 0;
    text-align: center
}

.rc-dialog-qrcode .guide-foreigner-body .tit {
    font-family: PingFangSC-Medium;
    font-size: 24px;
    color: #484848
}

.rc-dialog-qrcode .guide-foreigner-body .desc {
    font-family: PingFangSC-Light;
    font-size: 16px;
    color: #787a7c;
    padding: .17777778rem 0 1.33333333rem
}

.rc-dialog-qrcode .guide-foreigner-body .guide-foreigner-teacher {
    display: flex;
    width: 299px;
    margin: 0 auto
}

.rc-dialog-qrcode .guide-foreigner-body .guide-foreigner-teacher .teacher-photo {
    width: 60px;
    height: 60px;
    border-radius: 50%
}

.rc-dialog-qrcode .guide-foreigner-body .guide-foreigner-teacher .teacher-photo img {
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.rc-dialog-qrcode .guide-foreigner-body .guide-foreigner-teacher .teacher-photo-desc {
    color: #484848;
    margin-left: .26666667rem;
    font-size: 16px
}

.rc-dialog-qrcode .guide-foreigner-body .guide-foreigner-teacher .teacher-photo-desc .name {
    font-family: PingFangSC-Medium;
    text-align: left;
    padding: 4px 0
}

.rc-dialog-qrcode .guide-foreigner-body .guide-foreigner-teacher .teacher-photo-desc .wechat-nickname {
    font-family: PingFangSC-Light;
    text-align: left
}

.rc-dialog-qrcode .guide-foreigner-body .teacher-qrcode {
    width: 6.22222222rem;
    height: 6.22222222rem;
    margin: .66666667rem auto .22222222rem
}

.rc-dialog-qrcode .guide-foreigner-body .teacher-qrcode img {
    width: 100%;
    height: 100%
}

.rc-dialog-qrcode .guide-foreigner-body .teacher-qrcode-desc {
    font-family: PingFangSC-Light;
    font-size: 16px;
    color: #787a7c
}

.rc-dialog-qrcode .guide-foreigner-body .guide-tips {
    margin: 40px auto 0;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    width: 80%
}

.rc-dialog-qrcode .guide-foreigner-body .guide-tips .iconfont-wrapper {
    text-align: center;
    line-height: 48px
}

.rc-dialog-qrcode .guide-foreigner-body .guide-tips .iconfont-wrapper .iconfont {
    font-size: 48px;
    color: #ff6e78
}

.rc-dialog-qrcode .guide-foreigner-body .guide-tips .iconfont-wrapper .iconjiantou {
    font-size: 20px
}

.rc-dialog-qrcode .guide-foreigner-body .guide-tips .iconfont-wrapper-jiantou {
    width: 20px;
    height: 48px;
    margin: 0 24px;
    color: #ff6e78;
    line-height: 48px
}

.rc-dialog-qrcode .guide-foreigner-body .guide-tips .guide-tips-item {
    text-align: center;
    flex-wrap: wrap
}

.rc-dialog-qrcode .guide-foreigner-body .guide-tips .guide-tips-item-title {
    margin-top: 4px;
    font-family: PingFangSC-Light;
    font-size: 14px;
    color: #484848;
    letter-spacing: 0;
    text-align: center
}

.page.page-main-index .section-gift-introduced .container {
    padding: 88px 0 120px
}

.page.page-main-index .section-gift-introduced .container .gift-introduced-title {
    font-family: PingFangSC-Semibold;
    font-size: 48px;
    color: #4a4a4a;
    letter-spacing: 0;
    text-align: center
}

.page.page-main-index .section-gift-introduced .container .gift-introduced-title span {
    color: #ff4355
}

.page.page-main-index .section-gift-introduced .container .gift-introduced-title-info {
    margin-top: 24px;
    font-family: PingFangSC-Regular;
    font-size: 24px;
    color: #999;
    letter-spacing: .32px;
    text-align: center;
    line-height: 24px
}

.page.page-main-index .section-gift-introduced .container .gift-introduced-body .introduced-info-box {
    margin-top: 64px;
    display: flex;
    flex-wrap: wrap
}

.page.page-main-index .section-gift-introduced .container .gift-introduced-body .introduced-info-box div:nth-child(2) {
    padding-right: 25px;
    justify-content: center
}

.page.page-main-index .section-gift-introduced .container .gift-introduced-body .introduced-info-box div:nth-child(3) {
    justify-content: flex-end
}

.page.page-main-index .section-gift-introduced .container .gift-introduced-body .introduced-info-box div:nth-child(4) {
    margin-top: 23px
}

.page.page-main-index .section-gift-introduced .container .gift-introduced-body .introduced-info-box div:nth-child(5) {
    margin-top: 23px;
    justify-content: center
}

.page.page-main-index .section-gift-introduced .container .gift-introduced-body .introduced-info-box div {
    width: 33%;
    display: flex;
    align-items: center;
    font-family: PingFangSC-Regular;
    font-size: 24px;
    color: #666;
    line-height: 32px;
    box-sizing: border-box
}

.page.page-main-index .section-gift-introduced .container .gift-introduced-body .introduced-info-box div:before {
    content: "";
    box-sizing: border-box;
    display: inline-block;
    height: 10px;
    width: 10px;
    margin-right: 12px;
    border-radius: 50%;
    border: 2px solid #666
}

.page.page-main-index .section-gift-introduced .container .gift-introduced-body .introduced-img {
    margin: 60px 0 30px;
    width: 100%
}

.internal-appointment-success-body {
    background: #fff;
    border-radius: 14px;
    padding: 40px
}

.internal-appointment-success-body .title {
    font-family: PingFangSC-Medium;
    font-size: 24px;
    color: #484848;
    letter-spacing: 0;
    text-align: center;
    margin-bottom: 24px
}

.internal-appointment-success-body .desc {
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #484848;
    letter-spacing: 0;
    text-align: center;
    line-height: 22px
}

.internal-appointment-success-body .public-image {
    width: 280px;
    height: 280px;
    margin: 16px auto 0;
    border: 1px solid #dde0e6;
    border-radius: 8px;
    position: relative
}

.internal-appointment-success-body .public-image img {
    width: 100%;
    height: 100%;
    border-radius: 8px
}

.internal-appointment-success-body .public-image .monkey {
    width: 66px;
    height: 66px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%)
}

.internal-appointment-success-body .guide-tips {
    margin: 40px auto 0;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    width: 100%
}

.internal-appointment-success-body .guide-tips .iconfont-wrapper {
    text-align: center;
    line-height: 48px
}

.internal-appointment-success-body .guide-tips .iconfont-wrapper .iconfont {
    font-size: 48px;
    color: #1ac76f
}

.internal-appointment-success-body .guide-tips .iconfont-wrapper .iconjiantou {
    font-size: 20px;
    color: #1ac76f
}

.internal-appointment-success-body .guide-tips .iconfont-wrapper-jiantou {
    width: 20px;
    height: 48px;
    margin: 0 24px;
    color: #1ac76f;
    line-height: 48px
}

.internal-appointment-success-body .guide-tips .guide-tips-item {
    text-align: center;
    flex-wrap: wrap
}

.internal-appointment-success-body .guide-tips .guide-tips-item-title {
    margin-top: 4px;
    font-family: PingFangSC-Light;
    font-size: 14px;
    color: #484848;
    letter-spacing: 0;
    text-align: center
}

.rc-dialog-success {
    width: 520px;
    box-sizing: border-box
}

.course-list-on-sale-wrapper {
    background-color: #fff;
    padding: 1.75rem 0 3.2rem
}

.course-list-on-sale-wrapper h2 {
    margin: 0 auto 86px;
    text-align: center;
    color: #000;
    font-size: .88rem
}

.course-list-on-sale-wrapper .course-list-on-sale {
    margin: 0 auto;
    width: 26.67rem;
    color: #333;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative
}

.course-list-on-sale-wrapper .course-list-on-sale .course-list-on-sale-item {
    box-shadow: 8px 0 46px 10px rgba(29,29,29,.1);
    border-radius: 12px;
    overflow: hidden;
    padding: .84rem 1.04rem .73rem;
    cursor: pointer;
    width: 11.4rem;
    position: relative
}

.course-list-on-sale-wrapper .course-list-on-sale .course-list-on-sale-item .course-title {
    font-size: 24px;
    font-weight: bolder
}

.course-list-on-sale-wrapper .course-list-on-sale .course-list-on-sale-item .course-title em {
    font-style: normal;
    font-weight: bolder
}

.course-list-on-sale-wrapper .course-list-on-sale .course-list-on-sale-item .course-description {
    white-space: pre-wrap;
    padding-top: .44rem;
    font-size: .31rem;
    color: #999
}

.course-list-on-sale-wrapper .course-list-on-sale .course-list-on-sale-item .course-price {
    border-top: 1px solid #eaeaea;
    font-size: .4rem;
    padding-top: .3rem;
    margin-top: .44rem
}

.course-list-on-sale-wrapper .course-list-on-sale .course-list-on-sale-item .course-price .promotions-display {
    display: inline-block;
    color: #f45
}

.course-list-on-sale-wrapper .course-list-on-sale .course-list-on-sale-item .course-price .promotions-display .promotions-name {
    width: 4.3rem;
    height: .75rem;
    position: absolute;
    top: .47rem;
    right: -.84rem;
    justify-content: center;
    display: flex;
    align-items: center;
    font-size: .4rem;
    color: #333;
    box-sizing: border-box;
    transform: rotate(36deg);
    background: linear-gradient(90deg,#ffd775,#ffb640);
    box-shadow: 0 0 6px 0 #ffd775
}

.course-list-on-sale-wrapper .course-list-on-sale .course-list-on-sale-item .course-price .promotions-display em {
    font-size: .75rem
}

.course-list-on-sale-wrapper .course-list-on-sale .course-list-on-sale-item .course-price .promotions-display em:nth-child(2) {
    font-weight: 700
}

.course-list-on-sale-wrapper .course-list-on-sale .course-list-on-sale-item .course-price i {
    color: #9b9b9b;
    text-decoration: line-through;
    font-style: normal
}

.course-list-on-sale-wrapper .course-list-on-sale .course-list-on-sale-item .course-price a {
    background-color: #ff4355;
    padding: 0 .8rem;
    float: right;
    font-size: 20px;
    border: none;
    color: #fff;
    box-shadow: 0 4px 20px 0 rgba(255,105,120,.36)
}

.course-list-on-sale-wrapper .course-list-on-sale .course-list-on-sale-item:empty {
    display: none
}

li,ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.course-period .content {
    background-color: #fff
}

.course-period .content .course-list {
    background-color: #f45;
    color: #fff
}

.course-period .content .course-list ul {
    width: 26.67rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between
}

.course-period .content .course-list ul li {
    flex: 1;
    padding-bottom: 30px
}

.course-period .content .course-list ul li span {
    display: block;
    margin: 10px auto 0;
    font-size: 58px;
    text-align: center
}

.course-period .content .course-list ul li p {
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 22px
}

.course-period .course-info {
    width: 19rem;
    margin: 0 auto
}

.course-period .course-info .info-text li {
    margin: 0 auto;
    font-size: 14px;
    padding: 22px 0;
    position: relative
}

.course-period .course-info .info-text li p {
    font-size: 18px
}

.course-period .course-info .info-text li .item {
    height: 24px;
    line-height: 22px
}

.course-period .course-info .info-text li .text {
    width: 80%;
    line-height: 32px
}

.course-period .course-info .info-text li span {
    display: block;
    width: 112px;
    height: 24px;
    font-size: 18px;
    text-align: right;
    color: #f45;
    position: absolute;
    top: 30px;
    right: 0
}

.course-period .summary {
    font-size: 14px;
    margin-right: 18px
}

.course-period .empty-holder {
    margin: 32px auto;
    font-size: 18px;
    width: 90%;
    color: #000
}

.course-period li,.course-period ul {
    list-style: none
}

.course-period div,.course-period h1,.course-period li,.course-period span,.course-period ul {
    margin: 0;
    padding: 0
}

.page-guide {
    background-color: #fff;
    margin: 0 auto
}

.page-guide .com-header {
    position: absolute
}

.page-guide .com-header,.page-guide .com-header .com-header-inner {
    background-color: transparent
}

.page-guide .com-header .logo {
    display: block;
    width: 140px;
    height: 50px;
    background: url("https://asset.txqn.huohua.cn/assets/0a5a248d-511f-4dad-a48c-eea991417056.png") no-repeat;
    background-size: contain
}

.page-guide .com-header .nav a {
    color: #fff
}

.page-guide .com-header .login {
    background-color: #f45
}

.page-guide .com-header .login a {
    color: #fff
}

.page-guide .com-header.active .logo {
    display: block;
    width: 140px;
    height: 50px;
    background: url("https://asset.txqn.huohua.cn/assets/0a5a248d-511f-4dad-a48c-eea991417056.png") no-repeat;
    background-size: contain
}

.page-guide .com-header.active .nav a {
    color: #fff
}

.page-guide .com-header.active .login {
    background-color: #fff
}

.page-guide .com-header.active .login a {
    color: #f45
}

.page-guide .com-header.active {
    position: fixed!important;
    background-color: #f45!important
}

.page-guide .container {
    width: 26.67rem;
    margin: 0 auto
}

.page-guide .guide-banner {
    height: 14.22rem;
    background-image: url("https://asset.txqn.huohua.cn/assets/a04b6a4d-689f-4627-991c-ad0df6b350fd.png");
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.page-guide .guide-banner .container {
    position: relative
}

.page-guide .guide-banner .container .banner {
    position: absolute;
    top: 4.98rem
}

.page-guide .guide-banner .container .banner h2 {
    font-size: 1.07rem;
    color: #f45;
    padding-bottom: .44rem
}

.page-guide .guide-banner .container .banner p {
    font-size: .58rem;
    color: #4a4a4a;
    padding-bottom: 4px
}

.page-guide .guide-banner .container .banner .understand {
    margin-top: 36px;
    padding: 0 60px 0 30px;
    font-size: 20px;
    color: #fff;
    background-color: #f45;
    border: 1px solid transparent;
    position: relative;
    box-shadow: 0 5px 12px -3px #ff99a3
}

.page-guide .guide-banner .container .banner .understand span {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 12px;
    right: 34px;
    background: url(https://asset.txqn.huohua.cn/image/1e129ca4-2ac1-413a-8280-5712f7d25fc4.png);
    background-size: cover
}

.page-guide .threeSteps {
    background-color: #fff;
    padding: 100px 0
}

.page-guide .threeSteps h3 {
    font-size: .84rem;
    color: #4a4a4a;
    text-align: center;
    padding-bottom: 60px
}

.page-guide .threeSteps .steps-list .steps-item {
    background-color: #fff;
    box-shadow: 0 8px 24px -3px rgba(0,0,0,.1);
    margin-bottom: 25px;
    border-radius: 12px
}

.page-guide .threeSteps .steps-list .steps-item img {
    display: inline-block
}

.page-guide .threeSteps .steps-list .steps-item .wait {
    width: 2.22rem;
    padding: 1.31rem .88rem 1.31rem 1.33rem
}

.page-guide .threeSteps .steps-list .steps-item .down {
    width: 2.09rem;
    padding: 1.38rem .956rem 1.36rem 1.4rem
}

.page-guide .threeSteps .steps-list .steps-item .start {
    width: 2rem;
    padding: 1.31rem 1rem 1.31rem 1.44rem
}

.page-guide .threeSteps .steps-list .steps-item .steps-desc {
    display: inline-block;
    padding-top: 1.38rem
}

.page-guide .threeSteps .steps-list .steps-item .steps-desc .downapp {
    display: inline-flex!important;
    color: #999;
    font-size: .44rem;
    padding-top: 10px;
    align-items: center
}

.page-guide .threeSteps .steps-list .steps-item .steps-desc p:first-child {
    color: #4a4a4a;
    font-size: .71rem;
    font-weight: 700;
    display: flex;
    align-items: center
}

.page-guide .threeSteps .steps-list .steps-item .steps-desc p:last-child {
    color: #999;
    font-size: .44rem;
    padding-top: 10px;
    display: flex;
    align-items: center
}

.page-guide .threeSteps .steps-list .steps-item .steps-desc .add-process,.page-guide .threeSteps .steps-list .steps-item .steps-desc .steps-desc-down {
    font-family: PingFangSC-Regular;
    font-size: .44rem;
    color: #288fd2;
    letter-spacing: 0;
    margin-left: 4px;
    display: inline-flex;
    align-items: center
}

.page-guide .threeSteps .steps-list .steps-item:last-child {
    margin-bottom: 0
}

.page-guide .download {
    padding: 100px 0 140px;
    background-color: #f9fafc
}

.page-guide .download .desc,.page-guide .download h3 {
    font-size: .84rem;
    color: #4a4a4a;
    text-align: center
}

.page-guide .download .desc {
    font-weight: 700;
    padding-bottom: 80px
}

.page-guide .download .download-list .download-item {
    display: flex
}

.page-guide .download .download-list .download-item div:last-child {
    padding-left: 1.6rem
}

.page-guide .download .download-list .download-item .item-left img {
    width: 14rem
}

.page-guide .download .download-list .download-item .item-right p:first-child {
    font-size: .62rem;
    font-weight: 700;
    color: #4a4a4a;
    padding: 2.66rem 0 .44rem
}

.page-guide .download .download-list .download-item .item-right p:nth-child(2) {
    font-size: .44rem;
    color: #999
}

.page-guide .download .download-list .download-item .item-right .downstudent {
    margin-top: 36px;
    padding: 0 30px;
    font-size: 20px;
    color: #fff;
    background-color: #f45;
    border: 1px solid transparent;
    position: relative;
    box-shadow: 0 5px 12px -3px #ff99a3
}

.page-guide .download .download-list .download-item:nth-child(2) {
    margin: 120px 0
}

.page-guide .btn {
    z-index: 0
}

.page-guide .iconxiala-icon {
    font-size: .66rem;
    transform: rotate(270deg);
    margin-top: -2px
}

.page-guide .iconxiala-icon:before {
    transform: rotate(270deg)
}

.video-details {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2001
}

.guide-video {
    width: 60%;
    position: relative
}

.guide-video video {
    width: 100%;
    height: 100%
}

.guide-video span {
    width: 28px;
    height: 28px;
    line-height: 28px;
    position: absolute;
    top: .49rem;
    right: .49rem;
    cursor: pointer;
    text-align: center;
    font-size: 30px;
    color: #fff
}

.modal-open {
    position: fixed;
    width: 100%
}

.page-huohuaAbout .main {
    background-color: #fff;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center
}

.page-huohuaAbout .main h1 {
    font-size: 42px;
    margin-top: 40px
}

.page-huohuaAbout .main h2 {
    text-align: center;
    margin-top: 40px;
    font-size: 32px
}

.page-huohuaAbout .main .hr {
    width: 400px;
    display: flex;
    justify-content: space-around;
    align-items: center
}

.page-huohuaAbout .main .hr .left,.page-huohuaAbout .main .hr .right {
    margin-top: 18px;
    font-weight: 700
}

.page-huohuaAbout .main .ai,.page-huohuaAbout .main .chinese,.page-huohuaAbout .main .code,.page-huohuaAbout .main .fix,.page-huohuaAbout .main .idea,.page-huohuaAbout .main .introduce,.page-huohuaAbout .main .part,.page-huohuaAbout .main .story,.page-huohuaAbout .main .study,.page-huohuaAbout .main .teach,.page-huohuaAbout .main .tpower,.page-huohuaAbout .main .waiter {
    width: 850px;
    line-height: 29px;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 25px;
    padding: 0;
    font-size: 20px
}

.page-huohuaAbout .main .line {
    width: 850px;
    line-height: 29px;
    margin: 0 auto;
    padding: 0;
    font-size: 20px
}

.page-huohuaAbout .main .point {
    width: 7px;
    height: 7px;
    background-color: red;
    border-radius: 50%;
    margin-bottom: 3px;
    margin-right: 3px;
    margin-left: -10px;
    display: inline-block
}

.page-huohuaAbout .main h3 {
    display: inline-block;
    margin-bottom: 10px
}

.page-huohuaAbout .main .tpower {
    margin-bottom: 70px
}

.page-404 .com-loading {
    background-color: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.page-404 .com-loading .com-loading-content {
    padding-top: 5rem;
    width: 100%;
    background-image: url(https://pkm-01.huohuacdn.com/v1/online/peppa-web-pc/web/static/de051fda28cfa75058e13e6200342de4.png);
    background-repeat: no-repeat;
    background-size: 5rem auto;
    background-position: top;
    text-align: center
}

.page-404 .com-loading .com-loading-content span {
    line-height: 1rem;
    font-size: 14px;
    color: #999;
    text-align: center
}

.page-shizi .container .banner {
    width: 100vw
}

.page-shizi .container .desc {
    font-size: .53rem;
    color: #888;
    text-align: center;
    line-height: .9rem;
    font-weight: 400
}

.page-shizi .container .productDesc {
    background-color: #fff;
    padding: 2.67rem 0;
    display: flex;
    flex-direction: column;
    align-items: center
}

.page-shizi .container .productDesc .title {
    font-size: 1.24rem;
    color: #000;
    text-align: center;
    line-height: 1.24rem;
    font-weight: 600;
    margin-bottom: .7rem
}

.page-shizi .container .productDesc .imgBox {
    margin-top: 64px;
    padding: 23px;
    width: 27rem;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 0 62px 60px -40px rgba(0,0,0,.1),0 2px 54px 0 rgba(0,0,0,.07);
    border-radius: 28px
}

.page-shizi .container .productDesc .imgBox .img {
    width: 100%;
    border-radius: 16px
}

.page-shizi .container .productBrighten {
    background: #fafafa;
    padding: 120px 0;
    display: flex;
    flex-direction: column;
    align-items: center
}

.page-shizi .container .productBrighten .title {
    font-size: 1.06rem;
    color: #000;
    text-align: center;
    line-height: 1.24rem;
    font-weight: 600;
    margin-bottom: .62rem
}

.page-shizi .container .productBrighten .imgContainer {
    width: 32rem;
    display: flex;
    justify-content: space-around;
    margin-top: 1.42rem
}

.page-shizi .container .productBrighten .imgContainer .imgBox {
    width: 9.39rem
}

.page-shizi .container .productBrighten .imgContainer .imgBox .img {
    width: 100%;
    border-radius: 20px
}

.page-shizi .container .productBrighten .imgContainer .imgBox .text {
    font-size: .62rem;
    color: #262626;
    text-align: center;
    line-height: .8rem;
    font-weight: 700;
    margin-top: .89rem
}

.page-spearca {
    width: 100vw;
    min-width: 1600px
}

@font-face {
    font-family: Oxanium;
    src: url("https://hf.huohuacdn.com/huohua/se-admin-ziku/2023-03-06/91024879-8b7b-42c0-8877-a96238a29eb4.ttf")
}

.page-spearca .banner {
    width: 100%;
    position: relative;
    z-index: 1
}

.page-spearca .banner .headerText {
    position: absolute;
    left: 242px;
    top: 22px;
    height: 37px
}

.page-spearca .banner .bannerImg {
    width: 100%
}

.page-spearca .cover {
    width: 100%;
    height: 948px;
    position: relative;
    z-index: 1
}

.page-spearca .carouselContainer {
    margin-top: -948px;
    position: relative;
    z-index: -1;
    width: 100%
}

.page-spearca .carouselContainer .carousel div img {
    width: 100%
}

.page-spearca .ul {
    margin: 0;
    width: 100%;
    height: 280px;
    display: flex;
    justify-content: center;
    list-style: none;
    position: relative;
    z-index: 2;
    margin-top: -148px;
    padding: 26px 0;
    box-sizing: border-box
}

.page-spearca .ul li {
    margin-right: -40px;
    cursor: pointer
}

.page-spearca .ul li,.page-spearca .ul li .lazyload {
    height: 100%;
    border-radius: 30px
}

.page-spearca .ul li .lazyload img {
    height: 100%;
    border-radius: 30px;
    box-shadow: 0 4px 41px rgba(0,0,0,.2);
    transition: transform .4s
}

.page-spearca .ul li .lazyload img:hover {
    transform: translateY(-15px)
}

.page-spearca .ul li:last-child {
    margin-right: 0
}

.page-spearca .ul li:first-child {
    position: relative;
    z-index: 2;
    transform: rotate(3deg)
}

.page-spearca .ul li:nth-child(2) {
    position: relative;
    top: 15px;
    z-index: 3;
    transform: rotate(-3deg)
}

.page-spearca .ul li:nth-child(3) {
    position: relative;
    z-index: 2;
    transform: rotate(3deg)
}

.page-spearca .ul li:nth-child(4) {
    position: relative;
    top: 15px;
    z-index: 3;
    transform: rotate(-3deg)
}

.page-spearca .footer {
    width: 100%;
    background: rgba(0,0,0,.88);
    font-family: Oxanium;
    padding: 60px 160px;
    box-sizing: border-box
}

.page-spearca .footer .headerText {
    display: block;
    height: 40px;
    margin-bottom: 76px
}

.page-spearca .footer .hr {
    border-top: .5px solid #f0f0f0;
    opacity: .3
}

.page-spearca .footer .text {
    margin-top: 20px;
    color: #fff;
    font-size: 16px;
    opacity: .7;
    display: flex;
    justify-content: space-between
}

.page-spearca .footer .text span>a {
    color: #fff;
    margin-right: 28px;
    cursor: pointer
}

.page-spearca .footer .text span>a:hover {
    color: #007fa3!important;
    opacity: 1
}

.page-spearca .introContainer {
    position: relative;
    z-index: 2;
    width: 100%;
    background: url("https://hf.huohuacdn.com/huohua/se-admin-ziku/2023-03-08/f0f708bb-3a89-463c-cc96-901d7c4a8cf4.png") no-repeat;
    background-size: 100% 100%;
    margin-top: -75px;
    box-sizing: border-box;
    padding-bottom: 160px;
    padding-top: 200px;
    font-family: Oxanium
}

.page-spearca .introContainer .introTitle {
    text-align: center;
    font-weight: 700;
    font-size: 60px;
    color: #222;
    height: 68px;
    line-height: 68px
}

.page-spearca .introContainer .introDesc {
    width: 1200px;
    height: 72px;
    line-height: 36px;
    font-size: 24px;
    color: #222;
    text-align: center;
    margin: 0 auto;
    margin-top: 24px
}

.page-spearca .introContainer .introDetail {
    display: flex;
    justify-content: center;
    margin-top: 140px
}

.page-spearca .introContainer .introDetail span {
    display: inline-block;
    width: 424px;
    box-sizing: border-box;
    margin-right: 76px
}

.page-spearca .introContainer .introDetail span .introIcon {
    width: 108px;
    height: 108px;
    display: block;
    margin: 0 auto;
    margin-bottom: 60px
}

.page-spearca .introContainer .introDetail span .introDetailTitle {
    height: 36px;
    line-height: 36px;
    font-weight: 700;
    font-size: 28px;
    text-align: center;
    color: #222;
    margin-bottom: 16px
}

.page-spearca .introContainer .introDetail span .introDetailContent {
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    color: #222
}

.page-spearca .introContainer .introDetail span:nth-child(3) {
    margin-right: 0
}

.page-spearca .learnContainer {
    width: 100%;
    background: url("https://hf.huohuacdn.com/huohua/se-admin-ziku/2023-03-08/bc854526-1327-42f8-b2fe-b9b5acee7d34.png");
    background-size: 100% 100%;
    padding-top: 292px;
    padding-bottom: 208px;
    margin-top: -140px;
    position: relative;
    z-index: -1;
    font-family: Oxanium
}

.page-spearca .learnContainer .learnTitle {
    height: 72px;
    font-weight: 700;
    font-size: 64px;
    line-height: 72px;
    text-align: center;
    color: #fff;
    margin-bottom: 72px
}

.page-spearca .learnContainer .learnDetail {
    display: flex;
    justify-content: center
}

.page-spearca .learnContainer .learnDetail .learnDetail-item {
    margin-right: 20px
}

.page-spearca .learnContainer .learnDetail .learnDetail-item .lazyload {
    display: block;
    width: 480px;
    height: 320px
}

.page-spearca .learnContainer .learnDetail .learnDetail-item .lazyload img {
    width: 100%;
    height: 100%
}

.page-spearca .learnContainer .learnDetail .learnDetail-item div {
    margin-top: 36px;
    height: 40px;
    font-weight: 700;
    font-size: 28px;
    line-height: 40px;
    text-align: center;
    color: #fff
}

.page-spearca .learnContainer .learnDetail span:last-child {
    margin-right: 0
}

.page-spearca .reportContainer {
    position: relative;
    z-index: -2;
    width: 100%;
    background-color: #f0f2f3;
    margin-top: -100px;
    padding: 320px 220px 180px;
    font-family: Oxanium;
    display: flex
}

.page-spearca .reportContainer .text {
    display: inline-block;
    width: 800px;
    margin-right: 200px;
    margin-top: 220px
}

.page-spearca .reportContainer .text .reportTitle {
    height: 72px;
    font-weight: 700;
    font-size: 64px;
    line-height: 72px;
    color: #262626;
    margin-bottom: 24px;
    white-space: nowrap
}

.page-spearca .reportContainer .text .reportDesc {
    font-size: 24px;
    line-height: 36px;
    color: #595959
}

.page-spearca .reportContainer .lazyload {
    display: inline-block;
    width: 480px;
    min-width: 480px;
    height: 720px
}

.page-spearca .reportContainer .lazyload img,.spearca-protocolWrap {
    width: 100%;
    height: 100%
}

.spearca-protocolWrap {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,.5);
    font-family: Oxanium
}

.spearca-protocolWrap .protocolContent {
    width: 980px;
    height: 840px;
    box-sizing: border-box;
    padding: 48px 28px 0;
    border-radius: 24px;
    background-color: #fff;
    position: relative
}

.spearca-protocolWrap .protocolContent .close {
    width: 22.7px;
    height: 22.7px;
    background: url("https://hf.huohuacdn.com/huohua/se-admin-ziku/2023-03-08/e28dc737-aa83-463c-ce9c-a175696e67d5.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: -35.4px;
    top: -12.7px
}

.spearca-protocolWrap .protocolContent>.content {
    height: 100%;
    overflow-y: auto
}

.spearca-protocolWrap .protocolContent>.content::-webkit-scrollbar {
    width: 4px;
    height: 96px
}

.spearca-protocolWrap .protocolContent>.content::-webkit-scrollbar-thumb {
    background-color: #dde5f0
}

.spearca-agreement-page,.spearca-protocolWrap .protocolContent {
    background: #fff
}

.spearca-agreement-page .bold,.spearca-protocolWrap .protocolContent .bold {
    font-weight: 700
}

.spearca-agreement-page .textIndex20,.spearca-protocolWrap .protocolContent .textIndex20 {
    text-indent: 20px
}

.spearca-agreement-page .protocolContainer,.spearca-protocolWrap .protocolContent .protocolContainer {
    margin: 0;
    width: 100%;
    padding: 0 52px;
    font-family: Oxanium
}

.spearca-agreement-page .protocolContainer .first .title,.spearca-protocolWrap .protocolContent .protocolContainer .first .title {
    font-size: 24px;
    color: #000;
    font-weight: 590;
    margin-bottom: -20px
}

.spearca-agreement-page .protocolContainer .first .content,.spearca-protocolWrap .protocolContent .protocolContainer .first .content {
    font-size: 16px;
    color: #3a3a3a;
    margin-top: 24px
}

.spearca-agreement-page .protocolContainer .hr,.spearca-protocolWrap .protocolContent .protocolContainer .hr {
    border-top: 1px solid #f0f0f0;
    margin-top: 48px
}

.spearca-agreement-page .protocolContainer .second .title,.spearca-protocolWrap .protocolContent .protocolContainer .second .title {
    font-size: 24px;
    color: #000;
    font-weight: 590;
    margin-top: 48px
}

.spearca-agreement-page .protocolContainer .second .content,.spearca-protocolWrap .protocolContent .protocolContainer .second .content {
    font-size: 16px;
    color: #3a3a3a;
    margin-top: 24px;
    padding-left: 30px;
    position: relative
}

.spearca-agreement-page .protocolContainer .second .content:before,.spearca-protocolWrap .protocolContent .protocolContainer .second .content:before {
    content: "\B7";
    position: absolute;
    left: -1px;
    top: -22px;
    display: inline-block;
    font-size: 48px;
    color: #262626
}

.spearca-agreement-page .protocolContainer .second .point,.spearca-protocolWrap .protocolContent .protocolContainer .second .point {
    font-size: 16px;
    color: #3a3a3a;
    margin-top: 16px;
    padding-left: 60px;
    position: relative
}

.spearca-agreement-page .protocolContainer .second .point:before,.spearca-protocolWrap .protocolContent .protocolContainer .second .point:before {
    content: "";
    position: absolute;
    left: 33px;
    top: 10px;
    display: inline-block;
    background-color: #fff;
    height: 7px;
    width: 7px;
    box-sizing: border-box;
    border: 1px solid #262626;
    border-radius: 50%
}

.spearca-agreement-page .protocolContainer .contentLink,.spearca-protocolWrap .protocolContent .protocolContainer .contentLink {
    color: #2967fa;
    cursor: pointer
}

.spearca-agreement-page .privacyContainer,.spearca-protocolWrap .protocolContent .privacyContainer {
    margin: 0;
    padding: 0 52px;
    width: 100%;
    font-family: Oxanium
}

.spearca-agreement-page .privacyContainer .part1 div,.spearca-protocolWrap .protocolContent .privacyContainer .part1 div {
    margin-top: 16px;
    color: #3a3a3a;
    font-size: 16px
}

.spearca-agreement-page .privacyContainer .part1 .title,.spearca-protocolWrap .protocolContent .privacyContainer .part1 .title {
    font-weight: 590;
    font-size: 24px;
    color: #000;
    margin-top: -4px
}

.spearca-agreement-page .privacyContainer .part1 .content,.spearca-protocolWrap .protocolContent .privacyContainer .part1 .content {
    font-size: 16px;
    color: #3a3a3a;
    position: relative;
    padding-left: 30px
}

.spearca-agreement-page .privacyContainer .part1 .content:before,.spearca-protocolWrap .protocolContent .privacyContainer .part1 .content:before {
    content: "\B7";
    position: absolute;
    left: -1px;
    top: -24px;
    display: inline-block;
    font-size: 48px;
    color: #262626
}

.spearca-agreement-page .privacyContainer .hr,.spearca-protocolWrap .protocolContent .privacyContainer .hr {
    border-top: 1px solid #f0f0f0;
    margin-top: 48px
}

.spearca-agreement-page .privacyContainer .part2 div,.spearca-protocolWrap .protocolContent .privacyContainer .part2 div {
    margin-top: 16px;
    color: #3a3a3a;
    font-size: 16px
}

.spearca-agreement-page .privacyContainer .part2 .title,.spearca-protocolWrap .protocolContent .privacyContainer .part2 .title {
    font-weight: 590;
    font-size: 24px;
    color: #000;
    margin-top: 48px
}

.spearca-agreement-page .privacyContainer .part2 .title2,.spearca-protocolWrap .protocolContent .privacyContainer .part2 .title2 {
    font-weight: 590;
    font-size: 20px;
    color: #000;
    margin-top: 48px
}

.spearca-agreement-page .privacyContainer .part2 .title3,.spearca-protocolWrap .protocolContent .privacyContainer .part2 .title3 {
    font-weight: 590;
    font-size: 18px;
    color: #000;
    margin-top: 48px
}

.spearca-agreement-page .privacyContainer .part2 .content,.spearca-protocolWrap .protocolContent .privacyContainer .part2 .content {
    font-size: 16px;
    color: #3a3a3a;
    margin-top: 24px;
    position: relative;
    padding-left: 30px
}

.spearca-agreement-page .privacyContainer .part2 .content:before,.spearca-protocolWrap .protocolContent .privacyContainer .part2 .content:before {
    content: "\B7";
    position: absolute;
    left: -1px;
    top: -22px;
    display: inline-block;
    font-size: 48px;
    color: #262626
}

.spearca-agreement-page .privacyContainer .part2 .point,.spearca-protocolWrap .protocolContent .privacyContainer .part2 .point {
    font-size: 16px;
    color: #3a3a3a;
    margin-top: 16px;
    position: relative;
    padding-left: 60px
}

.spearca-agreement-page .privacyContainer .part2 .point:before,.spearca-protocolWrap .protocolContent .privacyContainer .part2 .point:before {
    content: "";
    position: absolute;
    left: 33px;
    top: 10px;
    display: inline-block;
    background-color: #fff;
    height: 7px;
    width: 7px;
    box-sizing: border-box;
    border: 1px solid #262626;
    border-radius: 50%
}

.spearca-agreement-page .subscriptionContainer,.spearca-protocolWrap .protocolContent .subscriptionContainer {
    margin: 0;
    font-family: Oxanium;
    padding: 0 52px;
    width: 100%
}

.spearca-agreement-page .subscriptionContainer .part1 div,.spearca-protocolWrap .protocolContent .subscriptionContainer .part1 div {
    margin-top: 16px;
    color: #3a3a3a;
    font-size: 16px
}

.spearca-agreement-page .subscriptionContainer .part1 .title,.spearca-protocolWrap .protocolContent .subscriptionContainer .part1 .title {
    font-weight: 590;
    font-size: 24px;
    color: #000;
    margin-top: -4px
}

.spearca-agreement-page .subscriptionContainer .hr,.spearca-protocolWrap .protocolContent .subscriptionContainer .hr {
    border-top: 1px solid #f0f0f0;
    margin-top: 48px
}

.spearca-agreement-page .subscriptionContainer .part2 div,.spearca-protocolWrap .protocolContent .subscriptionContainer .part2 div {
    margin-top: 16px;
    color: #3a3a3a;
    font-size: 16px
}

.spearca-agreement-page .subscriptionContainer .part2 .title,.spearca-protocolWrap .protocolContent .subscriptionContainer .part2 .title {
    font-weight: 590;
    font-size: 24px;
    color: #000;
    margin-top: 48px
}

.spearca-agreement-page .subscriptionContainer .part2 .content,.spearca-protocolWrap .protocolContent .subscriptionContainer .part2 .content {
    font-size: 16px;
    color: #3a3a3a;
    margin-top: 24px;
    position: relative;
    padding-left: 30px
}

.spearca-agreement-page .subscriptionContainer .part2 .content:before,.spearca-protocolWrap .protocolContent .subscriptionContainer .part2 .content:before {
    content: "\B7";
    position: absolute;
    left: -1px;
    top: -22px;
    display: inline-block;
    font-size: 48px;
    color: #262626
}

.spearca-agreement-page .subscriptionContainer .contentLink,.spearca-protocolWrap .protocolContent .subscriptionContainer .contentLink {
    color: #2967fa;
    cursor: pointer
}

.page-free-classes {
    background-color: #fff
}

.page-free-classes .com-header-inner {
    background-color: #f45
}

.page-free-classes .free_classes_container {
    width: 26.67rem;
    min-width: 1200px;
    padding-top: 133px;
    padding-bottom: 256px;
    margin: 0 auto
}

@media screen and (max-width: 1279px) {
    .page-free-classes .free_classes_container {
        margin:0
    }

    .page-free-classes .free_classes_container .list_item {
        width: 330px
    }
}

.page-free-classes .free_classes_container .classes_header_title {
    display: flex;
    align-items: center;
    padding-bottom: 24px
}

.page-free-classes .free_classes_container .classes_header_title .title {
    font-size: 24px;
    line-height: 32px;
    font-weight: 400;
    color: #000;
    margin-right: 12px
}

.page-free-classes .free_classes_container .classes_header_title .desc {
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    color: #000
}

.page-free-classes .free_classes_container .class_list_wrapper {
    padding-top: 24px;
    border-top: 1px solid #e4e7ec
}

.page-free-classes .free_classes_container .class_list_wrapper .list {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.page-free-classes .free_classes_container .class_list_wrapper .list .list_item {
    width: 380px;
    background: #f8f9f9;
    border-radius: 12px;
    margin-bottom: 24px;
    overflow: hidden
}

.page-free-classes .free_classes_container .class_list_wrapper .list .list_item:nth-child(3n+2) {
    margin-left: 30px;
    margin-right: 30px
}

.page-free-classes .free_classes_container .class_list_wrapper .list .list_item .content {
    padding: 24px 24px 0
}

.page-free-classes .free_classes_container .class_list_wrapper .list .list_item .content .subject {
    background: #fff;
    border-radius: 8px;
    padding: 6px 10px;
    display: inline-flex;
    align-items: center
}

.page-free-classes .free_classes_container .class_list_wrapper .list .list_item .content .subject .icon_math {
    width: 28px;
    height: 28px;
    margin-right: 6px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAYAAACohjseAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAOJSURBVHgB7ZpBSBRRGMf/bzfYwEhBJCvUpcBDSek1iFzqoDfr0jEvdhWhjlLmMS921IN2q0t100OgCNmtLPISFGooZhkaCS06+3qfw6zrzozOzPd2dmfyB8vMzsxb5r/f977/ezMPOCLaiINO1ryV6dQ2uiRwGRWIuvmNHPAhaWB6NSMWXK6xUz8l0zKJMbXbjmiwIAXG166KgeITNoF1U7I1kcRLtZtG1JCYy+aQ2ciIDetQovA8RS6y4giB1pSZeXn2Ccwl8QBRFbdHV92M7La+5AVS9FS+diMGKFF3CvZNVFHpQnxoP/1GNtHOnkCJVsQIw0AbbROIKcq7a2gbW4EWsRd4DAwajgP3Gp3PbRrA6DLw7S/KCkvgo3NAZ637+eok0PsZZYUlsFq1/rQFzP8xo3mlev95OlZu2H2QokT83kFFwoogQVG8ferw606q61qqVJ/Mhtsv2RGcWAeefz/8ukHVX19cAl63hZu6bIEUPS8RtK6hiI9dQGiwBY6sALc+Av1fvLehVB08j1Bg98G7Z8yPX3pUm4mfwOwmSgo7gnSDQW9yuNksPqWELbAhZX4CtVXF5kkzSgrfBykCIrgPdqiRUM9ZlAwtNjG0CDxbQ2BoPFsq62D3AK82cRCWddx4B+2wI0gmP7kO3xSndKmsQ4vRd9T6bob+r3aRZB3FA3YubIEUPZoSeRmuFULj0ceL9uO6rYMt8GKVGcXOAFEcXbF7KBWbcY1DOS02QTcV9F+n6BenKqWpLuvQMpLhTH/cUlWXdbAFUoHhFganVLWsg9sftdgEzSaGlsDCKVXJOu43gYUWm6CJrNvTNa+4pSrXOspm9E44pSrBsQ62wM5avebslKoc62ALXMqaA25dE1e3VA1qHdrGDH6nS9Rv/UL9fFa9nJ7f8t6GLbAxZVa7MCDroFS9/t77HxraY0NdD4apP/oZFrIEbu54nw869asg0B/lp7+zUpQi13LC+ZkM3cjI8t53soDJX8Gf31i/SUXNTzawBJL/+fFAqpBhv047esMbVWgdG20TxQfiQsIoEpgTmEOMUF19V09e4LaBVzImUVQ6xq0FeXmBuwckhhEDVHrml1XuKzJr18RDtZlGhBESA4WLY21VNGvgppR4imjSt2oGKY/rkub6Gdmdk+gVIhJr2KZzBvp+ZIStUIrDWtIyS5hrSNOoMAxVKbeBhcIVvv8d/wBczRN9Nafc4AAAAABJRU5ErkJggg==) no-repeat;
    background-size: cover
}

.page-free-classes .free_classes_container .class_list_wrapper .list .list_item .content .subject .icon_chinese {
    width: 28px;
    height: 28px;
    margin-right: 6px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAYAAACohjseAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAARESURBVHgB7Zo7TBRBGMe/gWtQNEqBCVdIxIICBQstMJEjUQiVj15bH5WJwRauRUyk8dGClghWBGIiDTQWnkJBcadHIQkUxvg6DQfr/lmWm5nbvd2d3dtjN/ySC/uYO/Y/3zffYzNEB0QbZndDm7mc0u9e1Ydc089aaX+S0Z8tQ9pWmg3M560GlAnUplLH6FBiiDS6T1GC0RP6U0yz6/PfxcscO+IaEu/0wy6KJhkqFHt5kXXCbVguuuJA166GPfYsqM2kWoklvlAc0KiXDbydx2HJgqx+iOKChsBowLkoi7JritQh+puHJeIjkEtrCQqS5otE7XdL56uvjU8NCVZg4jBRwwnxvMbUUcyJvUBnF730UnQ7L5y+ZXzcMnuFgubARaOOs4v+zBEV1ikQjp7S/2Oj+Nubv6maOAv8EFAFh3WM9WyCSVu8Q9UmPBdtk4LNt48UBuEIhPWSfeK13DiFgVolc6TN+JgUfxFtLNqPt7JeUOvaATWBEHRmULz2/oH+4J/Kx9bQekDNRTH7q1PitfZ71mNl632ds56IKqG+BrPjhiVN4LJ8JwFO3qip9YB6NwFx2QlRFARtLBgWgmvKZRrEVVp7+E5Ln/g/ZE/xiL92Cb0eesCms6VrHQ+N3HkuLbZLEIYJqURLvz4pN8VrKAZ8uLT/NLE8IroqrND9vLxARxByQnZngAn0gX+BsMzSaOUxK8+c0wKEWHUtEM2Xdx4JJtFj3dmtFbevLaysByAuqd5GBSMQM8+vQx47y8jfb+62v+/DTf0LPN5JdP6xWNnwmGuypc/+NxBceFAV8eu6qdN+Ah1QF4gIiRRxYbTcQoh8wthGo/LpGLRfZzyrk0R5yeUVragmENbofmHkPRnkOrRBOYuUACHyd2QXRjBCWsC6lr+rEGzc50FYLNlvPKCVFYp647o0Uiq6UemsLxj5kB+/NktlD85jVjpm/jNd0ww2HhO/swXxcHDFnlfGXytx6A4Wb5d3FHhI5D/Un+b5j8/ib8vBhe8T5eir4KbuLGjligDutPK0cquEMcuPdsdo4j05uGAi+HwJsQg2pmuawcZDZeMsEP8QH95ycEfMbn7SOHaDvKaA7J44T1aItgBWDFQgwMPBipjRtbmSy/nBTX60AhOAmpZPIxVwJxDW2mmPAnwD5mQpOzwGG3cCg369YBlcHNyOT/SwfqACg8YquCAQ2QGr9UwoBZvavNmW3VPOjTJYb4qVTfgC7SoXJxQrm/AFqr6jkTt7l21UuAKdKhcnFCqbcIMMZj3LWezvurcIjcnIjpf/ZoWcyAlk+apvuoObya2UFyAkN+E8jmGTngHnottvKC5omoVAjU1TXNC20ubhnkBjb5c2RlFnm43xe0fFKFrYGiYq+W8EydC/zWH+giBwZ59lodgbSUvqlpP3ioIKW5pTrUT1w8SYXvjt131seuTf1oMjY9Pm9skD4sZ/NdRtzU+dnEoAAAAASUVORK5CYII=) no-repeat;
    background-size: cover
}

.page-free-classes .free_classes_container .class_list_wrapper .list .list_item .content .subject .name {
    font-size: 14px;
    line-height: 22px;
    color: #38a7fe
}

.page-free-classes .free_classes_container .class_list_wrapper .list .list_item .content .content_text {
    height: 108px;
    margin-top: 8px
}

.page-free-classes .free_classes_container .class_list_wrapper .list .list_item .content .content_text .subject_title {
    font-size: 20px;
    line-height: 28px;
    color: #262626;
    margin: 8px 0 6px;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.page-free-classes .free_classes_container .class_list_wrapper .list .list_item .content .content_text .view_subject_title {
    color: #8c8c8c
}

.page-free-classes .free_classes_container .class_list_wrapper .list .list_item .content .content_text .open_time {
    font-size: 14px;
    line-height: 22px
}

.page-free-classes .free_classes_container .class_list_wrapper .list .list_item .bottom_button {
    border-top: 1px solid #e4e7ec;
    text-align: center;
    color: #057b9c;
    font-size: 18px;
    line-height: 26px;
    padding: 17px 0;
    cursor: pointer
}

.page-free-classes .free_classes_container .no_data_wrapper {
    text-align: center;
    margin: 75px auto 90px
}

.page-free-classes .free_classes_container .no_data_wrapper .no_data_icon {
    width: 220px;
    height: 183px;
    background: url(data:image/png;base64,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) no-repeat;
    background-size: cover;
    margin: 0 auto
}

.page-free-classes .free_classes_container .no_data_wrapper .no_data_title {
    margin-top: 24px;
    display: block;
    font-size: 18px;
    line-height: 26px;
    color: #000
}

.page-free-classes .free_classes_container .no_data_wrapper .no_data_title .open_leads {
    cursor: pointer;
    color: #3995e5
}

.page-payment {
    background-color: #fff
}

.page-payment .pay-step2-content {
    border-top: 20px solid #e7ecf3;
    border-bottom: 20px solid #e7ecf3;
    padding-bottom: 65px;
    min-height: 600px
}

.page-payment .w980 {
    width: 980px;
    margin: 0 auto
}

.page-payment .title {
    text-align: center;
    font-size: 35px
}

.page-payment .where {
    height: 34px;
    line-height: 34px;
    margin-top: 35px
}

.page-payment .where a,.page-payment .where span {
    color: #aaa;
    height: 34px;
    line-height: 34px;
    display: inline-block;
    width: 112px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHAAAAAiCAMAAACweK2FAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDVFQjk0MTgwRjY4MTFFODk3QkFEMUJDMEUzQTMwN0EiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDVFQjk0MTcwRjY4MTFFODk3QkFEMUJDMEUzQTMwN0EiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1MEQ5MTc3OTBGMTMxMUU4OTdCQUQxQkMwRTNBMzA3QSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1MEQ5MTc3QTBGMTMxMUU4OTdCQUQxQkMwRTNBMzA3QSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ps2QHaIAAABOUExURf///+Xl5f7+/ufn5+jo6Pv7++3t7f39/enp6fHx8evr6/Pz8/j4+O/v7/X19fz8/Pf39/r6+vn5+e7u7vLy8vT09Pb29uzs7Orq6vDw8G5/rncAAADbSURBVHjavJfJEoMwDEPTLJBAgCx04f9/tLdGnilHS6f45DEjPRszPRgq5qfgDqOuHO0ozq7f0EzreFvf9BsGN4+iRMKIaYPi/dRvaH29mVdL+3I3r5aWneyb5iEarw9hxC3hvATfzC6MojJ8s05QXBchGjHjvFW/Y0GkipxoSSAGc0JBanOWi1TKN4XAC7rqIbxxeZo6d2PgOYM3AOPQEJEk5F5AR88x+T9WtQTnoVgcWjrAMWI1EhxTPcExeHwzsI22pEAUbEmBKDqGAtF+ciGawZbsH9KvAAMAajMHIBztG8AAAAAASUVORK5CYII=) no-repeat 0 0;
    text-align: center
}

.page-payment .where a:hover {
    cursor: pointer;
    text-decoration: none
}

.page-payment .where .laster {
    color: #f45
}

.page-payment .where a.homepage {
    height: 34px;
    line-height: 34px;
    display: inline-block;
    width: 52px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAAiCAMAAAAnKQpfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDVFQjk0MTQwRjY4MTFFODk3QkFEMUJDMEUzQTMwN0EiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDI2OENBRkMwRjRGMTFFODk3QkFEMUJDMEUzQTMwN0EiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1MEQ5MTc3OTBGMTMxMUU4OTdCQUQxQkMwRTNBMzA3QSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1MEQ5MTc3QTBGMTMxMUU4OTdCQUQxQkMwRTNBMzA3QSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PiWxKvQAAACoUExURf///6qqquXl5efn5/7+/v39/fz8/O7u7q6urujo6PX19e3t7enp6fT09Ozs7Pf39/Dw8O/v7/n5+erq6vj4+PLy8vv7++Li4vPz8+Pj4/b29vHx8fr6+tTU1LS0tOvr67Kysrm5ube3t76+vq+vr8zMzMjIyOHh4ebm5rq6us/Pz7a2ttXV1cfHx9LS0rW1tdra2s7OztjY2MTExN/f39nZ2cbGxtDQ0BN5YToAAAETSURBVHjavNXJkoIwEAbgjgTCjoA4ozPuOovrrPr+bzaBmrJM6LZMDv4X/kO+A9BJoHNzMjinAzemF3NzBNGjBfIczxzBU26BeFCYIxiWFggmoQV6dlwa/e4I1e2SaMDYN45cp0+gVyaz8FCVpDj6YU3mGarKIYYe2H+mIYaKgLfR2TC2FJgSVQtdGJmYGEEF8RFTM+JtVQkV5e8zxWxmEfoBFeRCqKAIXPRXae+UKygghkJDolk8no+bp0OMH4aOsnwSqBl0DJ1k+cBRWCJjFNVrV7Js6/JGbF4NpfXaF1n2dRkQx4SGioPv+2tZvuRzmmimf20TUkkT8+2exTZHWM8cVeJOx7LNBaBcNRaX2p8AAwDzgAwHTuvxuwAAAABJRU5ErkJggg==) no-repeat 0 0
}

.page-payment .step1 {
    margin-left: 90px
}

.page-payment .step1,.page-payment .step2,.page-payment .step3 {
    width: 184px;
    text-align: center;
    color: #777;
    float: left
}

.page-payment .step1 span,.page-payment .step2 span,.page-payment .step3 span {
    font-size: 26px;
    display: inline-block;
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 50px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    color: #e5e5e5
}

.page-payment .step1 p,.page-payment .step2 p,.page-payment .step3 p {
    font-size: 20px;
    padding: 20px 0
}

.page-payment .buy_step {
    overflow: hidden;
    padding: 15px 0
}

.page-payment .step-grayline {
    background: #dcdcdc
}

.page-payment .step-grayline,.page-payment .step-redline {
    display: block;
    float: left;
    height: 2px;
    line-height: 2px;
    width: 126px;
    margin-top: 24px
}

.page-payment .step-redline {
    background: #e53d4c
}

.page-payment .zhifuchenggong-text {
    width: 830px;
    border: 1px solid #eee;
    position: relative;
    text-align: center;
    padding: 50px 0 40px;
    margin: 0 auto;
    margin-top: 30px;
    border-radius: 15px
}

.page-payment .zhifuchenggong-text1 {
    font-size: 28px;
    line-height: 28px;
    background: #fff;
    position: absolute;
    left: 50%;
    margin-left: -140px;
    top: -14px;
    padding: 0 70px
}

.page-payment .zhifuchenggong-text2 {
    color: #323232;
    font-size: 24px;
    padding: 5px 0
}

.page-payment .zhifuchenggong-text3 {
    color: #777;
    font-size: 18px
}

.page-payment .zhifuchenggong-text4 {
    color: #222;
    font-size: 24px;
    margin-top: 25px
}

.page-payment .zhifuchenggong-text4 span {
    color: #f45
}

.page-payment .text-a1 {
    line-height: 100px;
    text-align: center;
    font-size: 24px;
    color: #222
}

.page-payment .down-soft {
    overflow: hidden;
    width: 830px;
    margin: 0 auto
}

.page-payment .guanzhufuwuhao {
    width: 144px;
    text-align: center;
    border: 1px solid #eee;
    border-radius: 15px;
    padding: 20px 0
}

.page-payment .fuwuhaoimg {
    width: 70px;
    height: 70px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MEY3Q0U3QzExMDFCMTFFODk3QkFEMUJDMEUzQTMwN0EiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MEY3Q0U3QzAxMDFCMTFFODk3QkFEMUJDMEUzQTMwN0EiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowNUVCOTQxQjBGNjgxMUU4OTdCQUQxQkMwRTNBMzA3QSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowNUVCOTQxQzBGNjgxMUU4OTdCQUQxQkMwRTNBMzA3QSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pi1Vl5EAAAMAUExURSsr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) no-repeat 50%;
    background-size: 70px
}

.page-payment .guanzhutext {
    font-size: 20px;
    color: #444;
    margin-top: 15px;
    line-height: 28px
}

.page-payment .down-soft-right-area {
    margin-left: 100px
}

.page-payment .btn-down-red {
    font-size: 20px;
    color: #fff;
    background: #f45;
    text-align: center;
    display: inline-block;
    padding: 15px 115px;
    border-radius: 50px
}

.page-payment .btn-down-red:hover {
    text-decoration: none;
    background: #eb2b3d
}

.page-payment .down-soft-right-area p {
    margin-top: 30px;
    margin-left: 92px;
    font-size: 20px;
    color: #444
}

.page-payment .btn-gr-area {
    padding-bottom: 110px
}

.page-payment .btn-gr-area a {
    font-size: 20px;
    display: inline-block;
    width: 208px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    color: #fff;
    border-radius: 46px
}

.page-payment .btn-gr-area a:hover {
    text-decoration: none
}

.page-payment .zhifuwancheng-area {
    text-align: center
}

.page-payment .zhifuwancheng-area p {
    font-size: 20px;
    padding: 110px 0
}

.page-payment .zhifuwancheng-done {
    background-color: #42ca6f
}

.page-payment .zhifuwancheng-done:hover {
    background: #1bba50
}

.page-payment .zhifuwancheng-err {
    background-color: #f45
}

.page-payment .zhifuwancheng-err:hover {
    background: #eb2b3d
}

.page-payment .buy_step .active span {
    background: #f45;
    color: #fff
}

.page-payment .buy_step .active p {
    color: #f45;
    font-weight: 700
}

.page-payment .pay-step2 h1 {
    text-align: center;
    font-size: 34px;
    margin: 60px 0 40px;
    line-height: 1
}

.page-payment .footer.gray .col-flex span {
    background: #363636
}

.page-payment .footer.gray {
    background-color: #3c3c3c
}

.page-payment .footer.gray .copyright {
    color: #fff
}

.page-payment .mask {
    background: rgba(0,0,0,.5);
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 1000
}

.page-payment .pop-show {
    width: 740px;
    background-color: #fff;
    position: fixed;
    z-index: 1001;
    top: 20%;
    left: 50%;
    margin-left: -370px
}

.page-payment .pop-close {
    width: 36px;
    height: 36px;
    position: absolute;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDFCQjU5ODUxMDQ3MTFFODk3QkFEMUJDMEUzQTMwN0EiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDFCQjU5ODYxMDQ3MTFFODk3QkFEMUJDMEUzQTMwN0EiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMUJCNTk4MzEwNDcxMUU4OTdCQUQxQkMwRTNBMzA3QSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowMUJCNTk4NDEwNDcxMUU4OTdCQUQxQkMwRTNBMzA3QSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ps4YvqYAAAINSURBVHja1JgxTwIxFMfLDQxGYCeKiwMaEscbdDTEyYEPwQcwrA58ARe+BJOsxsBAooMbJhIYHBAMEwtG2OT81/ybNJdTrhWwvuQ39Hp973+vvd67JoIgEIZWAGfgGByAXbDFvjkYgR64Bzfgyci7FBSDJCiDTmBuHY5NxomViJGhErgCe2wvwB1ogkfwDN7Ztw32wRE4BSfAY98LuADXthlKgbr2pBNQBdmYWRW8t8qxyur0HTnmO0c7oEsHC1ADGQMhYTL0saDPLmPEEiRvHGpZKf5CSJiilq1hlKioaVKZeQX5FYpR5OlbZSr1k6C6lpl1iNFFTbQ1FSmopK2Z4hrF6NOn1lQpLEjuEQN21iIGt8AY+BaBfY5tRfTVGHOg9inVUdamKuptGrN/aijK55iAPqLePjV1ZV2Q2oGrMRzHFRV3TFXb0b8EFXjhY8mmZyLK5N4sY0sryAsVNtoremqbbLZ5f0U2GmxcWqyLcEAbMYKxpTVko8/GueViVYFtxQjGltaXjRkbhxavsy7AVoxgbGkzoX2Fc5Z7zFTzMbXcq3LKgSccM49lpyquTMwHtyAN3kia13xDXyr23GMNLFjp2YopEltRKvbIY0EuWHbainkgtqJU7J6TG6Nznw7nPq5Olh/LCrTmpgs050pYJ4t8J3+DnPtRdPJX+k8PG/7VcYyzB1YbPdL7FGAATmv/mPeZuy8AAAAASUVORK5CYII=) no-repeat 0 0;
    right: -36px;
    top: -36px
}

.page-payment .zengsongtiyanke {
    background: #fff;
    padding: 20px 35px 30px
}

.page-payment .zengsongtiyanke-text {
    font-size: 20px;
    text-align: center;
    color: #f45;
    margin-top: 10px
}

.page-payment .zengsongtiyanke-text.hei {
    color: #000;
    margin-top: 16px
}

.page-payment .zengsongtiyanke-img img {
    display: block;
    vertical-align: middle;
    margin: 0 auto
}

.page-payment .payment-img {
    width: 210px;
    height: 210px;
    margin: 6px auto 0
}

.page-order-list {
    background-color: #fff
}

.page-order-list .f32 {
    font-size: 32px;
    color: #000
}

.page-order-list .my-dingdan-list-kaike {
    font-size: 28px;
    color: #b0b0b0
}

.page-order-list .yingfujine {
    font-size: 28px;
    line-height: 32px
}

.page-order-list .my-dingdan-list-right {
    position: absolute;
    right: 40px;
    top: 105px;
    width: 440px
}

.page-order-list .yingfujine .f32 {
    line-height: 1
}

.page-order-list .dingdan-list-icon {
    padding-right: 35px;
    height: 32px;
    line-height: 32px;
    font-size: 28px
}

.page-order-list .ic-green {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAIAAAD9b0jDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NEEwMjc3NDkxMTY1MTFFOEI1MDNGN0JBRkQwM0IwNEMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NEEwMjc3NEExMTY1MTFFOEI1MDNGN0JBRkQwM0IwNEMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0QTAyNzc0NzExNjUxMUU4QjUwM0Y3QkFGRDAzQjA0QyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0QTAyNzc0ODExNjUxMUU4QjUwM0Y3QkFGRDAzQjA0QyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtaoEcMAAALHSURBVHjaYvz//z8DbnD968PrXx48//nu+c83//7/F2cXlGQXVuaSNuZTx6OLBavoz3+/Nrw8vP3Nycc/XmFVIMom4ChkFCRuB2RgyjJiuvTQ+4sTH67+8PsLAyHAwsicJusXLG5PwNCpj9ave3mQgRRgKaBdoxzPwcSG3dCKWzNPf7zOQDqQYBeer1PBxsQK4TIhu5E8E4Hgxc+3Zbemw7lQQ89+ukmqr9HA5c/3lj7bjTD0P8P/hjvzGCgG855uffnrHdTQza+Offv7k4EaYM7jLVBD1748QIZ+OU5xTMF97859//eT6dGPl09+vCbJOCZGpj6NnPk6lRGSzpiyh99dYjr/6TZWnfD0gQkmauTp86oAGc9+vMGUvfvtKdPb3x8xJULEHdYYNKfK+GJKdalnavEoABl1d+YC8x6mgre/PzG9/vUBU4KDmY2bmQPouwRpT2TxdrV0SFECNPHo+8tY/fHl73emv///YUosebZr5Yt9QEaslHuKjA9EcLJmgRm/JpBRf2ceLhMhCZRFhJUfq9ysx5uAZLiEU6Sky8c/X2U4RCG+bru3+Mj7S3iikYuJnUWYjR+XNNBcVkYWYPmWIesPEQGauPftWfxpQ4iVj0WbRxGPiqmP1gFJoLlAEpjrDuN1Izz9smhwywHNfvf7Ex5zgcX+q18fjhBhIhDYCuqBcpS3qCV+deteHiLSREM+VaATQYaGSTgyMjBSJe9nygZA8z4XM0eJYgTlJnqJWgDrRER56iFibgpOg2QDCXahYoUI9JK/VTVVml2EPBOZGZl61LPRS36IxCydMlN+DVJNBOaL2dplwPYAvip60bMdC5/uINJETxHzAoUwYF1NoN4Hgjvfnq56se/guwt//v/FZRwwDiIknAz4VIlqTMABMEec/HDt3vfnwOIRmP2BKnlZuIRZ+YB5xoRPA+hrXBoBAgwAqksSW/sN+kQAAAAASUVORK5CYII=) no-repeat 100% 2px;
    color: #42ca6f
}

.page-order-list .ic-gray {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAIAAAD9b0jDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTJGMUVCMTYxMTVEMTFFOEI1MDNGN0JBRkQwM0IwNEMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTJGMUVCMTcxMTVEMTFFOEI1MDNGN0JBRkQwM0IwNEMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBMkYxRUIxNDExNUQxMUU4QjUwM0Y3QkFGRDAzQjA0QyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBMkYxRUIxNTExNUQxMUU4QjUwM0Y3QkFGRDAzQjA0QyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnQfbasAAAI8SURBVHjapFZLy3FRGOW4ptzv9yQzRooMhJGSif9oaGBAMVIGxFQSE6JE7nIn3vXm6+h7P2fv83lXye609tr7eZ61n72Fj8dDwIHZbDYejxeLxXq93mw2+KJUKtVqtV6vt1gsNpuNa6LwrehwOGy326PRSMANs9ns9/u9Xi9d9Hw+V6vVfr8v4Aer1RqLxVQqFafocrksFAqn00nwP2AYJplMOp3ON6JIXC6Xu9/vgo+QTqfZLDPPP2jl8/mPFQGEuNvt/hItl8uXy4VrAiqOAFOplMlkIugWi8WX6GQyIRc6FAq53W6HwxGNRgk02K7X6/0RbTQa5NBEIhHPJDSbTeSQgben0ymZyvoBhiMzD4cDPM7gR12fTTch7yyQSQbepPLYDfKxMEJnVqsVlXc8Hn8MCNjv98x2u6XyWA5SxidXDKFLsYDnngNqSQEIMuhmVN7tdrterxjM53MqWSqVijUaDU49lVqr1eRyOR+rKhQKMTruYDCgUrvdLk//63Q6xm63U3lCoTAYDIbDYYlEQiVDUIyLQavVko0ViUTQ5DEAs1QqEZhY1ePxfJ99bIG8uMFg+DHgAgISi8Xfoi6Xi8yu1+uoO6LBTUOgyWSyQCDw6vxwdTabFfwOmUzGaDS+mjR8gB78G8VEIvFUfIkC6MG4Zz5TjMfjPp+P84pG4iqVCp+T8wQOJPYIC9EfE51Op9VqkU8aMoaywGr/3gtCQkPBk+L57EE3e3ZS1BdaODN4Q8CPcM/biV8CDAAyrRiSfJy57QAAAABJRU5ErkJggg==) no-repeat 100% 2px;
    color: #999
}

.page-order-list .ic-red {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAIAAAD9b0jDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NEEwMjc3NDUxMTY1MTFFOEI1MDNGN0JBRkQwM0IwNEMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NEEwMjc3NDYxMTY1MTFFOEI1MDNGN0JBRkQwM0IwNEMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0QTAyNzc0MzExNjUxMUU4QjUwM0Y3QkFGRDAzQjA0QyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0QTAyNzc0NDExNjUxMUU4QjUwM0Y3QkFGRDAzQjA0QyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpgE89sAAAIXSURBVHjaYvz//z8DLvDrN8Ox0wxXbjC8ecfw6TPDnz8MXFwMAnwM0hIMthYMCrK49DFiN/Tte4YVGxgOHGP48BGnlerKDGH+DHYWxBm6ciPDolUgZxIDtNUZcpMZlBVwGwo0qLGH4dR5BlJBaTaDmz02Q3/+YsirZrj3ELs2Pl4GQX6Gh09wmpudyBDgCWEyIUQrW3GaCASpMQxz+hjkpHEqmDqf4exFVENXbWK4fB2fB7m5QKS0JD41NZ2QmAAb+uUrw+wlBELt508Q+eMnPjXANDdxFszQucsYqAV2HWR4/ZaJ4e9fhm17GagI9hxiAqXwf/+oaejug0wM5y4zUBc8ec6ELyNiAmBYEQQc7EwMn74QZRwnJzSdEASMjEwMv4nL46/egMjkKGLUMjFwcRJl6IIVDBevMpgZMjSVEWEosHwkBnz7zlDSCIpVSxOG5nKgH/GEOxODuBgJEVXezHDhCoOFMUNpFl5DXe1ILOWaGLbsZrh1D6cCMyNw0Rebw/DiFdXSaWMpOO8nRVLNRGC0W5qADXW0ZpAQo46hhengdAoBwAilHBjrMzhYIRXSwPoWaAklQFSYob0KozrxciY/cGWlGCa2wBMvRhW9/yjDpDlE5XE4MDdiaChlYGHGW+9//MQwYxGwrCVsnJgIQ3w4cuWMt4UCBPcfMRw5CXI4sLWCUQ6B4sTSmMHJhoGJCVMrQIABAFS9sfbNRf26AAAAAElFTkSuQmCC) no-repeat 100% 2px;
    color: #f45
}

.page-order-list .my-dingdan-list {
    position: relative;
    padding: 50px 40px;
    border-bottom: 1px solid #e5e5e5;
    font-size: 20px
}

.page-order-list .my-dingdan-list .order-type {
    width: 60px;
    height: 30px;
    background-color: #f45;
    color: #fff;
    text-align: center;
    border-bottom-right-radius: 15px;
    border-top-right-radius: 15px;
    font-size: 20px
}

.page-order-list .my-dingdan-list .etx-fee {
    font-size: 24px;
    display: flex;
    align-items: center
}

.page-order-list .my-dingdan-list .wenhao {
    font-size: 16px;
    border: 1px solid #000;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 4px;
    position: relative
}

.page-order-list .my-dingdan-list .wenhao:hover>.ExtFeeIntro {
    display: block
}

.page-order-list .my-dingdan-list .ExtFeeIntro {
    display: none;
    position: absolute;
    left: -56px;
    top: 25px;
    border: 1px solid #e4e7ed;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.06);
    font-size: 20px;
    line-height: 28px;
    background: #fff;
    padding: 32px 24px;
    width: 456px;
    height: 223px;
    border-radius: 8px;
    box-sizing: border-box;
    z-index: 2
}

.page-order-list .my-dingdan-list .ExtFeeIntro:before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    border-top: 1px solid #e4e7ed;
    border-left: 1px solid #e4e7ed;
    top: -4px;
    left: 60px;
    background: #fff;
    transform: rotate(45deg)
}

.page-order-list .my-dingdan-list .ExtFeeIntro .ExtFeeIntro-msg2 {
    font-family: PingFangSC-Regular;
    color: #484848;
    margin-top: 8px;
    display: flex;
    justify-content: space-between
}

.page-order-list .my-dingdan-list .ExtFeeIntro .ExtFeeIntro-msg3 {
    margin-top: 20px;
    font-family: PingFangSC-Regular;
    font-size: 16px;
    line-height: 22px;
    color: #767a7e;
    text-align: left
}

.page-order-list .my-dingdan-content {
    padding-bottom: 40px;
    min-height: 600px
}

.page-order-list .protocol-link {
    color: #f45;
    display: block
}

.page-order-list .continue {
    cursor: pointer;
    float: right;
    background: #f45;
    color: #fff;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    padding: 0 10px 0 15px;
    margin-top: 10px;
    font-size: 20px
}

.page-order-list .continue:hover {
    text-decoration: none
}

.page-buy-order {
    background-color: #f0f0f0
}

.page-buy-order .buy-order-content {
    background-color: #fff;
    margin: 20px 0
}

.page-buy-order .buy-order-content .buy-order-container {
    width: 21.33333rem
}

.page-buy-order .buy-order-content .buy-order-container .title {
    text-align: center;
    font-weight: 400;
    font-size: 34px;
    line-height: 1;
    margin: 70px 0 40px
}

.page-buy-order .buy-order-content .buy-order-container .buy-order-info-frame {
    border: 1px solid #eee;
    border-radius: .333333rem;
    margin: 20px 0;
    padding: 10px 0
}

.page-buy-order .buy-order-content .buy-order-container .buy-order-info-frame .left-section {
    border-right: 1px solid #eee;
    width: 3.46666667rem
}

.page-buy-order .buy-order-content .buy-order-container .buy-order-info-frame .right-section {
    flex: auto;
    min-width: 0;
    min-height: 0;
    padding: 0 1.55555556rem
}

.page-buy-order .buy-order-content .buy-order-container .buy-order-info {
    margin-top: 30px
}

.page-buy-order .buy-order-content .buy-order-container .buy-order-info .buy-order-icon {
    display: block;
    width: 36px;
    height: 36px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.page-buy-order .buy-order-content .buy-order-container .buy-order-info .order-info-text {
    font-size: 18px;
    color: #555;
    margin-top: 10px
}

.page-buy-order .buy-order-content .buy-order-container .buy-order-info .order-left-section {
    height: 100%
}

.page-buy-order .buy-order-content .buy-order-container .buy-order-info .first {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTBEOTE3N0UwRjEzMTFFODk3QkFEMUJDMEUzQTMwN0EiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTBEOTE3N0QwRjEzMTFFODk3QkFEMUJDMEUzQTMwN0EiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1MEQ5MTc3OTBGMTMxMUU4OTdCQUQxQkMwRTNBMzA3QSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1MEQ5MTc3QTBGMTMxMUU4OTdCQUQxQkMwRTNBMzA3QSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ph9zrNMAAAFTSURBVHja7Ji9SgNBFEZnZNEi8QFCQF/ARolaW6RRrJQFfQBjm1ZSiZUgtvoEwoII/nRKakGsfALBInVstFnP6EUGZ1NodncSnAun2STznZnMLfbqNE2VqTiOldQk7MIWzEFV5Vuv8ARncALv5mGSJJ8fTvz4ch3uoQl7UAOdMzVZuylZdVvAFjIncw0XsA5d2Y0q4IS6knEONzCVJdSCF9hX5dUBPMNOltA2HKny61iyHaEFePAgZDLnB92hvgeh/qA7NBI1tkKpUHhFf/zdsHJ6WCFd1l8W5b3Df3upg9DIVPTLNtdFt/3YnpAObR+EQtuHtg+XOgi5QmYKMe3BoWrPEGyhR2h4EFpUX+MZR8jMa9oehNqS7Qidwgx0SpQxWbOS7Qi9wRpswBWsQKUAiYqsfQmbsCrZmV1m5kPLcAuH0LPeWvOiJ2vfwZJkfteHAAMAwgpOY6pAOsQAAAAASUVORK5CYII=)
}

.page-buy-order .buy-order-content .buy-order-container .buy-order-info .second {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OENEMTZFOTEwRjEzMTFFODk3QkFEMUJDMEUzQTMwN0EiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OENEMTZFOTAwRjEzMTFFODk3QkFEMUJDMEUzQTMwN0EiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1MEQ5MTc3OTBGMTMxMUU4OTdCQUQxQkMwRTNBMzA3QSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1MEQ5MTc3QTBGMTMxMUU4OTdCQUQxQkMwRTNBMzA3QSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhwEu6UAAAL9SURBVHja3JhtiExRGMdnxhrvFrXylrJWvniJUijZCIW0ytwkJJu0ZaIUSvtBjS9YspEtlNZbRqGkpURJbCss8sFqrXel2Sybssa6/k/9p87ezh0z9547K0/9urc5587933Oet3vDtm2H/iULx2KxoO+xGMwBJeAjuAEeZgaTyWSPyUUBiRgCasAmzdhe0A4O8byHRQJakW8UcwTMA/1lN8BQsALcBAnwyrKs0qAFDQTnufpxcBd0cawTXAWrQRkYBlohalSQgq6ANaD7L/NawQjwCTyBqCJTggaBzeA92O3h+glgJKg1EWXjwDtn5GrmjQGzwSXngEQZVqcep+tA1O8KdQCLzvuTv9Vq5k2lE7tZnMcNqqABfAI7D86Ai6Cc+WUtaNPcUPzphZsarNJXHIQFah46DFaC7eBHDjmqr3KTKYymsy5zv4CFTJD3Xea8FidXbzoZvAUHPW7f4Cxjkpm38L87uX13NOnil7plsmR9PIp5xISYzcRx54LHYJZmfCJ4Y6p0HAfHcpgnfrfT+SOirJwpqN5UYjzNY8Lj9RIcKTh3oylB3+kfkhjH5nMhVsfiNev9Zmrndkt0PmPGLsvxPyrABcljWJ0GP4Ik5JvAbYeDTmPmfgk2umRtseHgALgMTkFM3G8/NIkp4h44B26BXcw348FJBSm218Fn1q0KtiRiVRBTZ6L9kAdJg31MitKQtYBtHK9knZOSsgzUsQrU8GF2gH7yO1zoKGj2K6hbubaL7cZSPn0Ta9cH1qgoG7MSJs/RYL9S+2aC6UH0Qw9Y02TVnrIzDCmNWYrRqCsrHUH11FuZsUVUs4nQzceiyvki5qEUo+eaqVySj5g2+oM4binzScLvEnsVJCG/ii1FI5hhas+9Cmpn6D5n9Q71tqBMQTRuQbwG/b+CwmygCm2/1SIccXwg6A2Tmlisc2oJ3/mszOksrYMpy+zGctCgE1RNIZUF3L4I298qnaA0RVUXcr+cH6zk3X4Jjnv4CmTn8NUiiFUKkxN/BBgAw9q8LrJI8h8AAAAASUVORK5CYII=)
}

.page-buy-order .buy-order-content .buy-order-container .buy-order-info .three {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OENEMTZFOTUwRjEzMTFFODk3QkFEMUJDMEUzQTMwN0EiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OENEMTZFOTQwRjEzMTFFODk3QkFEMUJDMEUzQTMwN0EiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1MEQ5MTc3OTBGMTMxMUU4OTdCQUQxQkMwRTNBMzA3QSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1MEQ5MTc3QTBGMTMxMUU4OTdCQUQxQkMwRTNBMzA3QSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnOFNbcAAAOCSURBVHja7JlZbExhFMdnqrUWL5Lal7ZiiQoiDV76ICKxNKJmKqJC4kWCVngQSzxYE2vDQxNCKqiMLYgXWwgNxTRUvCBasUW0asko2hr/0/xvcjNmuXfu/S4T9yS/3Mlt73fP//vOd75zZrzhcNiTypbmSXFzBbgCXAEpbl6fz2fm/3NACZgKsnivEVwDR8GzKM8Ug5M2+31TfAgEAu3pBh8YAI6DAvAdPAb3gRwiuWA12ABug0WgXvdsAFwHncAvi463cRLvcVJ8RgTMBWfAa1AEzsb4v0KwD7wAC0AV74vID7EGxyyaFfHR7/eX41pqZA/Mo/MVYFAc58UugGyKOMFQU2Wt4Jt8iLcCA8EpIGrLTAy+CvzgnqjmithtnUF7ohW4Kstl0nnN1oI3HOOvpNGRYASYY2Fs2RPDwDiVAmKFUCnj7JaFsWsZp7KCiyPeKRlrsIQaNmSiUJEEsBmbPWRGQAFTlVWr5lh6k3Q6nSvckuD5ruAt2GF2BfqABzYIaAD5Efdkg0+2kEYN7QF5SQ8bBHRnKDq+iZ+DCTaMn68ojSYUcAwMZbxaseEcy/EsdAQcAnu0IzsJ28lrRZRNvBT0k/BKkIUyQJP4gr3SYkaAFF3rwVaKeGnS+b5gDdgSZQ/IO1eA0Vo5EMe6gVdcRVMCxLaxkGtgVmoy6Hxv8A48ARtjJIgxqrOQZhPBU9b8Rk7l2eATy+k8JxoaI+W0HDh7QSXrfekL6ihKQq0/G5xlrNWrWE57/hUBWoUpobEEzIjyd6n5r4CF4K6TLWUiAVncxDKj7zn7tTze0+i4tJFBfk7KkIlk5aZIixsxjvjXDC5hr7SaFVDG0AlxBQ6DL4omcib7Dk+EAC8nbhSFGN7E5+m8pMFMdlnJOF9uMKQOgF4sX/T0BEMw+81mQijIMmISqLE4s+fASn4JkBenL5Zk8NWONHqRzmfb4LzYDWYpyfuXVddCy8Eszny9je+QQ20smMavX5QI6AL2M9ZrFEyUhNB2sMumMv0PAQd1+V6VreO1UoWAEl31qNI28cuxdDsFFOqKN9W2m9ciOwXIKfuZRZhqC7GGKrY4zk+t2UpjxRl0sHyRJDHe4hgZ7Lc7YjHHYQGNbFej1USZPJHbYjwr93PZJZ7WBDwCDx0UUMdmJ9J5iYY7+mYnjsnvA/M7iiX3d2JXgCvAFeAK+K8F/BZgAP4f0E1jqikJAAAAAElFTkSuQmCC)
}

.page-buy-order .buy-order-content .buy-order-container .buy-order-info .fourth {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OENEMTZFOTkwRjEzMTFFODk3QkFEMUJDMEUzQTMwN0EiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OENEMTZFOTgwRjEzMTFFODk3QkFEMUJDMEUzQTMwN0EiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1MEQ5MTc3OTBGMTMxMUU4OTdCQUQxQkMwRTNBMzA3QSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1MEQ5MTc3QTBGMTMxMUU4OTdCQUQxQkMwRTNBMzA3QSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsMHp4EAAAJZSURBVHja7Ji/qxpBEMfnRD3FVHaSQvzRBIJ5amFjaRet/AGRV1hFLS31DxAbtYxaBw780dnZ2lhcfE8CKfwJ8iytIupDuMwed3JRA0m87CXBgS+7rHLzYWaZ3R1GEARQWiKRMOKQQb1DvUa9AHXtK+ozikPVms3ms/JHRgmEMC9x6Pr9/rtwOAwulwtMJpOqNLvdDqbTKXS7XeB5/gGXwgj1dPwDASKKx+NG1LDVagm0rN1uC+jzAcXKHDoFfNrn893FYjGgZdFoFDAbb3D6Xl5TAiUjkQjQNrI1iO9LQD6n00kdSPLpvQRkNJvN1IEkn+wloL/CbkD/HJBejY8cDgfo9XrQ7/dhuVyK1VgzoPV6DaVSCRaLhfYRIpGRYWw2GySTSfB4PPCr5QPPUHWASJpkmGKxCBaLRdtNTfaMWPcxMkqY4XAI6XRaFJlTS9l8PhdHkial1Wo1yOVy4rxarUK9XqcTIbKHFOX/zBiGgdML4B+NkF6vF6G22+13UJlMBiqVCuh0Oshms/SAHA4HjMdjGI1GEAgEjuterxcajQb9TR0MBsWR4zjYbDbaHx2hUAjsdjusVisoFAowGAzE9GlWGA0GA+Tz+WNxLJfL2h+uVqtVLIqpVEp8pbAse90HFa8OQSuTfJ+9Om73oRvQfwf0fG1R+93mg9QROQP6NJvNqAORTojUnjkD4kiLhLZJPrlLQHWe5x87nQ41GOILfY6I759qWLnd7uuPghPb7/cwmUzkhtUjLr1VNqyYH7T0yK3qHvUKZVE5MOSe8gX1EfXhtKX3TYABAFj52/OH4ThGAAAAAElFTkSuQmCC)
}

.page-buy-order .buy-order-content .buy-order-container .buy-order-info .order-info-right .order-info-right-top {
    padding: 27px 0
}

.page-buy-order .buy-order-content .buy-order-container .buy-order-info .order-info-right .order-info-right-top .order-info-right-discount {
    margin-top: 10px;
    text-align: center;
    font-size: 20px
}

.page-buy-order .buy-order-content .buy-order-container .buy-order-info .order-info-right .order-info-right-top .order-info-right-discount .right-discount-icon {
    margin-right: 5px;
    padding: 3px;
    width: 23px;
    height: 14px;
    color: #f45;
    font-size: 16px;
    border: 1px solid #f45;
    border-radius: 2px
}

.page-buy-order .buy-order-content .buy-order-container .buy-order-info .order-info-right .order-info-right-top .coursename {
    display: block;
    text-align: center;
    font-size: 20px;
    height: 24px;
    color: #777;
    line-height: 1
}

.page-buy-order .buy-order-content .buy-order-container .buy-order-info .order-info-right .order-info-right-top .price-info {
    text-align: center;
    margin-top: 10px;
    font-size: 20px;
    color: #222
}

.page-buy-order .buy-order-content .buy-order-container .buy-order-info .order-info-right .order-info-right-top .price {
    font-size: 24px;
    color: #f45
}

.page-buy-order .buy-order-content .buy-order-container .buy-order-info .order-info-right .order-info-right-top .price .price-symbol {
    font-size: 17px
}

.page-buy-order .buy-order-content .buy-order-container .buy-order-info .order-info-right .order-info-right-bottom {
    padding-top: 10px
}

.page-buy-order .buy-order-content .buy-order-container .buy-order-info .order-info-right .order-info-right-bottom .free-glasses {
    display: block;
    height: 125px;
    width: 125px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAH0AAAB9CAMAAAC4XpwXAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODFCMzIyNkYxNDEwMTFFODlCRTFENDhDOUQ5NDlENDciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODFCMzIyNzAxNDEwMTFFODlCRTFENDhDOUQ5NDlENDciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4MUIzMjI2RDE0MTAxMUU4OUJFMUQ0OEM5RDk0OUQ0NyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4MUIzMjI2RTE0MTAxMUU4OUJFMUQ0OEM5RDk0OUQ0NyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PloprbQAAAMAUExUReP6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);
    background-repeat: no-repeat;
    background-size: cover
}

.page-buy-order .buy-order-content .buy-order-container .buy-order-info .order-info-right .order-info-right-bottom .free-info {
    margin-left: 10px
}

.page-buy-order .buy-order-content .buy-order-container .buy-order-info .order-info-right .order-info-right-bottom .free-info .text {
    display: block;
    font-size: 18px;
    width: 8rem;
    color: #222
}

.page-buy-order .buy-order-content .buy-order-container .buy-order-info .class-schedule-right {
    height: 116px
}

.page-buy-order .buy-order-content .buy-order-container .buy-order-info .class-schedule-right .select-class-schedule {
    cursor: pointer
}

.page-buy-order .buy-order-content .buy-order-container .buy-order-info .class-schedule-right .select-class-schedule .text {
    color: #f45;
    font-size: 20px
}

.page-buy-order .buy-order-content .buy-order-container .buy-order-info .class-schedule-right .select-class-schedule .select-class-icon {
    display: inline-block;
    width: 13px;
    height: 14px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAOCAYAAAD0f5bSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTgxMEMwMUMwRjIyMTFFODk3QkFEMUJDMEUzQTMwN0EiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTgxMEMwMUIwRjIyMTFFODk3QkFEMUJDMEUzQTMwN0EiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1MEQ5MTc3OTBGMTMxMUU4OTdCQUQxQkMwRTNBMzA3QSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1MEQ5MTc3QTBGMTMxMUU4OTdCQUQxQkMwRTNBMzA3QSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pq+R7RgAAAC9SURBVHjaYnRxcZnJwMCwHoh3MBAJmIBYC4i3Q7EWsZrYoWwPIL4IxFOBWISQJg4kPgsQZwHxbSCuBGJOXJqwAQEgbgPiG0AcCcSM6JqY8bhEDoiXAfExILZA1sRDhN8toBpBBsixMBAPQE50B+ITxGr6AsT9QNwHxB9AmvjwKP4BxDOggfIaOYgZsSj+A8TzgbgZiB+jS6I77x8QrwTiemhcYQUsSBG4GYhrgPgSIQ+CNB2GKj5BbDACBBgAeJ8e44vh5k0AAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-size: cover;
    margin-left: 14px
}

.page-buy-order .buy-order-content .buy-order-container .buy-order-info .recipient-right .item {
    padding: 15px 1.55555556rem;
    border-bottom: 1px solid #eee
}

.page-buy-order .buy-order-content .buy-order-container .buy-order-info .recipient-right .item .recipient-name .name,.page-buy-order .buy-order-content .buy-order-container .buy-order-info .recipient-right .item .recipient-name .phone,.page-buy-order .buy-order-content .buy-order-container .buy-order-info .recipient-right .item .recipient-phone .name,.page-buy-order .buy-order-content .buy-order-container .buy-order-info .recipient-right .item .recipient-phone .phone {
    display: block;
    font-size: 18px;
    margin-right: 10px;
    color: #777
}

.page-buy-order .buy-order-content .buy-order-container .buy-order-info .recipient-right .item .recipient-name .name-input,.page-buy-order .buy-order-content .buy-order-container .buy-order-info .recipient-right .item .recipient-name .phone-input,.page-buy-order .buy-order-content .buy-order-container .buy-order-info .recipient-right .item .recipient-phone .name-input,.page-buy-order .buy-order-content .buy-order-container .buy-order-info .recipient-right .item .recipient-phone .phone-input {
    border: 0;
    display: block;
    height: 30px;
    line-height: 30px;
    width: 4rem;
    box-sizing: border-box
}

.page-buy-order .buy-order-content .buy-order-container .buy-order-info .recipient-right .item .recipient-name {
    border-right: 1px solid #eee
}

.page-buy-order .buy-order-content .buy-order-container .buy-order-info .recipient-right .item .phone {
    margin-left: 10px
}

.page-buy-order .buy-order-content .buy-order-container .buy-order-info .recipient-right .item .address-text {
    display: block;
    font-size: 18px;
    color: #777
}

.page-buy-order .buy-order-content .buy-order-container .buy-order-info .recipient-right .item .address-select .address-select-item {
    background-color: #fff;
    color: #777;
    margin-left: .4rem;
    min-width: 116px;
    width: 2.8rem;
    font-size: 18px;
    height: 28px;
    line-height: 1
}

.page-buy-order .buy-order-content .buy-order-container .buy-order-info .recipient-right .item .address-detail-input {
    display: block;
    font-size: 18px;
    color: #777;
    height: 60px;
    width: 360px;
    resize: none
}

.page-buy-order .buy-order-content .buy-order-container .buy-order-info .payment-method-right {
    margin: 10px 2.2222222rem
}

.page-buy-order .buy-order-content .buy-order-container .buy-order-info .payment-method-right .pay {
    cursor: pointer;
    text-align: center
}

.page-buy-order .buy-order-content .buy-order-container .buy-order-info .payment-method-right .pay .pay-icon {
    display: block;
    width: 114px;
    height: 114px;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 24px
}

.page-buy-order .buy-order-content .buy-order-container .buy-order-info .payment-method-right .pay .pay-name {
    font-size: 16px
}

.page-buy-order .buy-order-content .buy-order-container .buy-order-info .payment-method-right .pay .ali {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHIAAAByCAIAAAAAvxIqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDI2OENBRjUwRjRGMTFFODk3QkFEMUJDMEUzQTMwN0EiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDI2OENBRjQwRjRGMTFFODk3QkFEMUJDMEUzQTMwN0EiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1MEQ5MTc3OTBGMTMxMUU4OTdCQUQxQkMwRTNBMzA3QSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1MEQ5MTc3QTBGMTMxMUU4OTdCQUQxQkMwRTNBMzA3QSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PphNLrEAABRtSURBVHja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)
}

.page-buy-order .buy-order-content .buy-order-container .buy-order-info .payment-method-right .pay .ali.active {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHIAAAByCAIAAAAAvxIqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTgxMEMwMjQwRjIyMTFFODk3QkFEMUJDMEUzQTMwN0EiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTgxMEMwMjMwRjIyMTFFODk3QkFEMUJDMEUzQTMwN0EiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1MEQ5MTc3OTBGMTMxMUU4OTdCQUQxQkMwRTNBMzA3QSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1MEQ5MTc3QTBGMTMxMUU4OTdCQUQxQkMwRTNBMzA3QSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpnARsgAABcFSURBVHja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)
}

.page-buy-order .buy-order-content .buy-order-container .buy-order-info .payment-method-right .pay .wx {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHIAAAByCAIAAAAAvxIqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTgxMEMwMjAwRjIyMTFFODk3QkFEMUJDMEUzQTMwN0EiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTgxMEMwMUYwRjIyMTFFODk3QkFEMUJDMEUzQTMwN0EiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1MEQ5MTc3OTBGMTMxMUU4OTdCQUQxQkMwRTNBMzA3QSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1MEQ5MTc3QTBGMTMxMUU4OTdCQUQxQkMwRTNBMzA3QSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtzLjTYAABYXSURBVHja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)
}

.page-buy-order .buy-order-content .buy-order-container .buy-order-info .payment-method-right .pay .wx.active {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHIAAAByCAIAAAAAvxIqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDI2OENBRjkwRjRGMTFFODk3QkFEMUJDMEUzQTMwN0EiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDI2OENBRjgwRjRGMTFFODk3QkFEMUJDMEUzQTMwN0EiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1MEQ5MTc3OTBGMTMxMUU4OTdCQUQxQkMwRTNBMzA3QSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1MEQ5MTc3QTBGMTMxMUU4OTdCQUQxQkMwRTNBMzA3QSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PijPvIcAABijSURBVHja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)
}

.page-buy-order .buy-order-content .buy-order-container .go-to-pay {
    display: block;
    margin: 10px auto;
    height: 45px;
    line-height: 45px;
    width: 208px;
    border-radius: 45px;
    background-color: #f45;
    color: #fff;
    font-size: 20px;
    text-align: center
}

.page-buy-order .alipay-container,.page-buy-order .class-schedule-container,.page-buy-order .wxpay-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 13.33333333rem;
    height: 14rem
}

.page-buy-order .alipay-container .alipay-content,.page-buy-order .alipay-container .class-schedule-content,.page-buy-order .alipay-container .wxpay-content,.page-buy-order .class-schedule-container .alipay-content,.page-buy-order .class-schedule-container .class-schedule-content,.page-buy-order .class-schedule-container .wxpay-content,.page-buy-order .wxpay-container .alipay-content,.page-buy-order .wxpay-container .class-schedule-content,.page-buy-order .wxpay-container .wxpay-content {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 10px;
    background-color: #fff
}

.page-buy-order .alipay-container .class-schedule-close,.page-buy-order .alipay-container .wxpay-close,.page-buy-order .class-schedule-container .class-schedule-close,.page-buy-order .class-schedule-container .wxpay-close,.page-buy-order .wxpay-container .class-schedule-close,.page-buy-order .wxpay-container .wxpay-close {
    position: absolute;
    top: -36px;
    right: -36px;
    width: 36px;
    height: 36px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDFCQjU5ODUxMDQ3MTFFODk3QkFEMUJDMEUzQTMwN0EiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDFCQjU5ODYxMDQ3MTFFODk3QkFEMUJDMEUzQTMwN0EiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMUJCNTk4MzEwNDcxMUU4OTdCQUQxQkMwRTNBMzA3QSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowMUJCNTk4NDEwNDcxMUU4OTdCQUQxQkMwRTNBMzA3QSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ps4YvqYAAAINSURBVHja1JgxTwIxFMfLDQxGYCeKiwMaEscbdDTEyYEPwQcwrA58ARe+BJOsxsBAooMbJhIYHBAMEwtG2OT81/ybNJdTrhWwvuQ39Hp973+vvd67JoIgEIZWAGfgGByAXbDFvjkYgR64Bzfgyci7FBSDJCiDTmBuHY5NxomViJGhErgCe2wvwB1ogkfwDN7Ztw32wRE4BSfAY98LuADXthlKgbr2pBNQBdmYWRW8t8qxyur0HTnmO0c7oEsHC1ADGQMhYTL0saDPLmPEEiRvHGpZKf5CSJiilq1hlKioaVKZeQX5FYpR5OlbZSr1k6C6lpl1iNFFTbQ1FSmopK2Z4hrF6NOn1lQpLEjuEQN21iIGt8AY+BaBfY5tRfTVGHOg9inVUdamKuptGrN/aijK55iAPqLePjV1ZV2Q2oGrMRzHFRV3TFXb0b8EFXjhY8mmZyLK5N4sY0sryAsVNtoremqbbLZ5f0U2GmxcWqyLcEAbMYKxpTVko8/GueViVYFtxQjGltaXjRkbhxavsy7AVoxgbGkzoX2Fc5Z7zFTzMbXcq3LKgSccM49lpyquTMwHtyAN3kia13xDXyr23GMNLFjp2YopEltRKvbIY0EuWHbainkgtqJU7J6TG6Nznw7nPq5Olh/LCrTmpgs050pYJ4t8J3+DnPtRdPJX+k8PG/7VcYyzB1YbPdL7FGAATmv/mPeZuy8AAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-size: cover
}

.page-buy-order .alipay-container .class-schedule-td,.page-buy-order .class-schedule-container .class-schedule-td,.page-buy-order .wxpay-container .class-schedule-td {
    position: relative;
    border: 1px solid #eee
}

.page-buy-order .alipay-container .class-schedule-td .td-item,.page-buy-order .class-schedule-container .class-schedule-td .td-item,.page-buy-order .wxpay-container .class-schedule-td .td-item {
    width: 50%;
    height: 1.77777778rem
}

.page-buy-order .alipay-container .class-schedule-td .td-item .td-text,.page-buy-order .class-schedule-container .class-schedule-td .td-item .td-text,.page-buy-order .wxpay-container .class-schedule-td .td-item .td-text {
    display: block;
    font-size: 20px;
    color: #333
}

.page-buy-order .alipay-container .class-schedule-td .td-item .td-text.active,.page-buy-order .class-schedule-container .class-schedule-td .td-item .td-text.active,.page-buy-order .wxpay-container .class-schedule-td .td-item .td-text.active {
    color: #f45
}

.page-buy-order .alipay-container .class-schedule-td .icon,.page-buy-order .class-schedule-container .class-schedule-td .icon,.page-buy-order .wxpay-container .class-schedule-td .icon {
    display: block;
    width: 13px;
    height: 8px;
    margin-left: 10px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAICAMAAAAV+IX9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MEY3Q0U3QjgxMDFCMTFFODk3QkFEMUJDMEUzQTMwN0EiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MEY3Q0U3QjkxMDFCMTFFODk3QkFEMUJDMEUzQTMwN0EiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowNUVCOTQxRDBGNjgxMUU4OTdCQUQxQkMwRTNBMzA3QSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowNUVCOTQxRTBGNjgxMUU4OTdCQUQxQkMwRTNBMzA3QSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvDmuEIAAACBUExURf///zQ0NP39/TU1NWVlZWZmZkRERO/v793d3fLy8kdHR3R0dO7u7vf399XV1YCAgEVFRfX19TY2Nubm5qOjo6ysrGFhYXBwcEFBQUBAQPPz8+Dg4Hd3d3h4eLCwsKenp9LS0vv7+1tbW/r6+tfX16mpqdra2l5eXllZWXx8fMjIyHGx10oAAABUSURBVHjaPIxVDoBAFANf2cXd3Z37HxAWm59mmrQUzvQyVgdxRI/0JlIqDbRCpBrcJtI8Fl+yI/FFuyiskVysxbOYskDGoH9vTo5NpZ9Otu48BRgA3mwDn2/VquEAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-size: cover
}

.page-buy-order .alipay-container .class-schedule-td .icon-arrow-up,.page-buy-order .class-schedule-container .class-schedule-td .icon-arrow-up,.page-buy-order .wxpay-container .class-schedule-td .icon-arrow-up {
    transform: rotate(180deg)
}

.page-buy-order .alipay-container .class-schedule-td .td-line,.page-buy-order .class-schedule-container .class-schedule-td .td-line,.page-buy-order .wxpay-container .class-schedule-td .td-line {
    height: 1.77777778rem;
    width: 1px;
    position: absolute;
    top: 0;
    left: 50%;
    background-color: #eee
}

.page-buy-order .alipay-container .class-schedule-md,.page-buy-order .class-schedule-container .class-schedule-md,.page-buy-order .wxpay-container .class-schedule-md {
    background-color: #fff;
    position: relative;
    flex: auto;
    min-width: 0;
    min-height: 0
}

.page-buy-order .alipay-container .class-schedule-md .md-ul,.page-buy-order .class-schedule-container .class-schedule-md .md-ul,.page-buy-order .wxpay-container .class-schedule-md .md-ul {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-x: hidden;
    overflow-y: scroll
}

.page-buy-order .alipay-container .class-schedule-md .md-item,.page-buy-order .class-schedule-container .class-schedule-md .md-item,.page-buy-order .wxpay-container .class-schedule-md .md-item {
    position: relative;
    box-sizing: border-box;
    border-bottom: 1px solid #eee;
    padding: .44444444rem 4rem .44444444rem .88888889rem;
    color: #333;
    cursor: pointer
}

.page-buy-order .alipay-container .class-schedule-md .md-item .md-item-date,.page-buy-order .class-schedule-container .class-schedule-md .md-item .md-item-date,.page-buy-order .wxpay-container .class-schedule-md .md-item .md-item-date {
    display: block;
    font-size: 24px
}

.page-buy-order .alipay-container .class-schedule-md .md-item .md-item-week-time,.page-buy-order .class-schedule-container .class-schedule-md .md-item .md-item-week-time,.page-buy-order .wxpay-container .class-schedule-md .md-item .md-item-week-time {
    font-size: 20px
}

.page-buy-order .alipay-container .class-schedule-md .md-item .md-item-week-time .time,.page-buy-order .class-schedule-container .class-schedule-md .md-item .md-item-week-time .time,.page-buy-order .wxpay-container .class-schedule-md .md-item .md-item-week-time .time {
    margin-left: 20px;
    color: #f45
}

.page-buy-order .alipay-container .class-schedule-md .md-item .icon-selected,.page-buy-order .alipay-container .class-schedule-md .md-item .no-available,.page-buy-order .class-schedule-container .class-schedule-md .md-item .icon-selected,.page-buy-order .class-schedule-container .class-schedule-md .md-item .no-available,.page-buy-order .wxpay-container .class-schedule-md .md-item .icon-selected,.page-buy-order .wxpay-container .class-schedule-md .md-item .no-available {
    color: #f45;
    font-size: 16px;
    height: 16px;
    line-height: 1;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 1rem;
    margin: auto 0
}

.page-buy-order .alipay-container .class-schedule-md .md-item .icon-selected,.page-buy-order .class-schedule-container .class-schedule-md .md-item .icon-selected,.page-buy-order .wxpay-container .class-schedule-md .md-item .icon-selected {
    width: 30px;
    height: 30px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAIAAAD9b0jDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NEEwMjc3NDkxMTY1MTFFOEI1MDNGN0JBRkQwM0IwNEMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NEEwMjc3NEExMTY1MTFFOEI1MDNGN0JBRkQwM0IwNEMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0QTAyNzc0NzExNjUxMUU4QjUwM0Y3QkFGRDAzQjA0QyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0QTAyNzc0ODExNjUxMUU4QjUwM0Y3QkFGRDAzQjA0QyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtaoEcMAAALHSURBVHjaYvz//z8DbnD968PrXx48//nu+c83//7/F2cXlGQXVuaSNuZTx6OLBavoz3+/Nrw8vP3Nycc/XmFVIMom4ChkFCRuB2RgyjJiuvTQ+4sTH67+8PsLAyHAwsicJusXLG5PwNCpj9ave3mQgRRgKaBdoxzPwcSG3dCKWzNPf7zOQDqQYBeer1PBxsQK4TIhu5E8E4Hgxc+3Zbemw7lQQ89+ukmqr9HA5c/3lj7bjTD0P8P/hjvzGCgG855uffnrHdTQza+Offv7k4EaYM7jLVBD1748QIZ+OU5xTMF97859//eT6dGPl09+vCbJOCZGpj6NnPk6lRGSzpiyh99dYjr/6TZWnfD0gQkmauTp86oAGc9+vMGUvfvtKdPb3x8xJULEHdYYNKfK+GJKdalnavEoABl1d+YC8x6mgre/PzG9/vUBU4KDmY2bmQPouwRpT2TxdrV0SFECNPHo+8tY/fHl73emv///YUosebZr5Yt9QEaslHuKjA9EcLJmgRm/JpBRf2ceLhMhCZRFhJUfq9ysx5uAZLiEU6Sky8c/X2U4RCG+bru3+Mj7S3iikYuJnUWYjR+XNNBcVkYWYPmWIesPEQGauPftWfxpQ4iVj0WbRxGPiqmP1gFJoLlAEpjrDuN1Izz9smhwywHNfvf7Ex5zgcX+q18fjhBhIhDYCuqBcpS3qCV+deteHiLSREM+VaATQYaGSTgyMjBSJe9nygZA8z4XM0eJYgTlJnqJWgDrRER56iFibgpOg2QDCXahYoUI9JK/VTVVml2EPBOZGZl61LPRS36IxCydMlN+DVJNBOaL2dplwPYAvip60bMdC5/uINJETxHzAoUwYF1NoN4Hgjvfnq56se/guwt//v/FZRwwDiIknAz4VIlqTMABMEec/HDt3vfnwOIRmP2BKnlZuIRZ+YB5xoRPA+hrXBoBAgwAqksSW/sN+kQAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-size: cover
}

.page-buy-order .alipay-container .class-schedule-md .fliter-mask,.page-buy-order .class-schedule-container .class-schedule-md .fliter-mask,.page-buy-order .wxpay-container .class-schedule-md .fliter-mask {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,.3)
}

.page-buy-order .alipay-container .class-schedule-md .fliter-mask .filter-container,.page-buy-order .class-schedule-container .class-schedule-md .fliter-mask .filter-container,.page-buy-order .wxpay-container .class-schedule-md .fliter-mask .filter-container {
    position: absolute;
    top: 0;
    width: 100%;
    background-color: #fff;
    padding: 0 10px 20px
}

.page-buy-order .alipay-container .class-schedule-md .fliter-mask .filter-container:after,.page-buy-order .class-schedule-container .class-schedule-md .fliter-mask .filter-container:after,.page-buy-order .wxpay-container .class-schedule-md .fliter-mask .filter-container:after {
    clear: both
}

.page-buy-order .alipay-container .class-schedule-md .fliter-mask .filter-container .filter-item,.page-buy-order .class-schedule-container .class-schedule-md .fliter-mask .filter-container .filter-item,.page-buy-order .wxpay-container .class-schedule-md .fliter-mask .filter-container .filter-item {
    float: left;
    box-sizing: border-box;
    margin: 20px 0 0 20px;
    height: .88888889rem;
    line-height: .88888889rem;
    min-width: 3.33333333rem;
    padding: 0 20px;
    border: 1px solid #d9d9d9;
    border-radius: .88888889rem;
    font-size: .53333333rem;
    color: #333;
    text-align: center
}

.page-buy-order .alipay-container .class-schedule-md .fliter-mask .filter-container .filter-item.active,.page-buy-order .class-schedule-container .class-schedule-md .fliter-mask .filter-container .filter-item.active,.page-buy-order .wxpay-container .class-schedule-md .fliter-mask .filter-container .filter-item.active {
    color: #fff;
    background-color: #f45;
    border-color: #f45
}

.page-buy-order .wxpay-container {
    height: 10rem
}

.page-buy-order .wxpay-container .wxpay-title {
    height: 2rem;
    line-height: 2rem;
    font-size: 26px;
    font-weight: 400;
    color: #333;
    text-align: center
}

.page-buy-order .wxpay-container .wxpay-qrcode {
    height: 6rem;
    line-height: 6rem;
    text-align: center;
    font-size: 0
}

.page-buy-order .wxpay-container .wxpay-qrcode .wxpay-qrcode-image {
    width: 5.73333333rem;
    height: 5.73333333rem;
    vertical-align: middle
}

.page-buy-order .wxpay-container .wxpay-text {
    height: 2rem;
    line-height: 2rem;
    text-align: center;
    font-size: 16px;
    color: #666
}

.page-buy-order .alipay-container {
    height: 9rem
}

.page-buy-order .alipay-container .alipay-title {
    height: 50%
}

.page-buy-order .alipay-container .alipay-title .alipay-text {
    display: block;
    font-size: .44444444rem;
    line-height: 1;
    width: 12.6rem;
    color: #333;
    text-align: center;
    margin-top: 20px
}

.page-buy-order .alipay-container .alipay-btn {
    height: 50%
}

.page-buy-order .alipay-container .alipay-btn .alipay-done,.page-buy-order .alipay-container .alipay-btn .re-alipay {
    font-size: .44444444rem;
    display: block;
    width: 4.22222222rem;
    margin: 0 20px;
    height: 1rem;
    line-height: 1rem;
    text-align: center;
    color: #fff;
    border-radius: 1rem;
    margin-top: -20px
}

.page-buy-order .alipay-container .alipay-btn .alipay-done {
    background-color: #0cc995
}

.page-buy-order .alipay-container .alipay-btn .re-alipay {
    background-color: #f45
}

.page-buy-order .huohua-protocol {
    text-align: center;
    font-size: 16px;
    padding: 20px 0 80px
}

.page-buy-order .huohua-protocol .protocol-link {
    color: #f45
}

.buy-order-step .step {
    margin: 0 1.11111rem
}

.buy-order-step .step .step-number {
    display: block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background-color: #fff;
    border-radius: 100%;
    border: 1px solid #e5e5e5;
    color: #e5e5e5;
    margin: 0 auto 26px;
    font-size: 28px;
    font-weight: 500
}

.buy-order-step .step .step-info {
    display: block;
    text-align: center;
    color: #777;
    font-size: 20px;
    line-height: 1;
    font-weight: 600
}

.buy-order-step .step.active .step-number {
    background-color: #f45;
    border-color: #f45;
    color: #fff
}

.buy-order-step .step.active .step-info {
    color: #f45
}

.buy-order-step .line {
    display: block;
    height: 2px;
    width: 2.8rem;
    background-color: #e5e5e5;
    margin-top: 25px
}

.experience-course {
    box-sizing: border-box;
    background-color: #fff;
    padding-top: 70px
}

.experience-course ul {
    padding: 0 15px;
    list-style: none;
    overflow: hidden
}

.experience-course ul li {
    float: left;
    margin-right: 38px;
    margin-left: 15px
}

.experience-course ul li .top {
    width: 280px;
    height: 206px;
    background-color: #eff3f4;
    position: relative;
    border-radius: 5px
}

.experience-course ul li .top span {
    position: absolute;
    color: #fff;
    right: 0;
    font-size: 14px;
    bottom: 5px;
    background-color: rgba(0,0,0,.5);
    padding: 5px 3px 5px 10px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px
}

.experience-course ul li h4 {
    margin-top: 15px;
    font-weight: 600;
    font-size: 16px
}

.experience-course ul li .bottom {
    margin-top: 60px;
    position: relative
}

.experience-course ul li .bottom div {
    position: absolute;
    left: 0;
    bottom: 0
}

.experience-course ul li .bottom div span:first-child {
    color: red
}

.experience-course ul li .bottom div span:first-child i {
    font-style: normal;
    font-size: 20px
}

.experience-course ul li .bottom .learn {
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: #e94859;
    color: #fff;
    border-radius: 30px;
    text-decoration: none;
    padding: 8px 35px
}

.experience-course ul li .bottom div p {
    display: block;
    border: 1px solid #fff04f;
    background-color: #fff9da;
    padding: 2px 6px;
    color: #afa218;
    font-size: 12px;
    margin-top: 5px
}

.experience-course ul li:last-child {
    margin-right: 0
}

.experience-course .footer {
    text-align: center;
    background-color: #fff;
    font-size: 18px;
    height: 90px;
    line-height: 90px;
    position: relative
}

.experience-course .footer a {
    text-decoration: none;
    color: #333
}

.experience-course .footer a:before {
    position: absolute;
    left: 610px;
    top: 50%;
    margin-top: -10px;
    content: "";
    width: 20px;
    height: 20px;
    border: 1px solid #333;
    color: #333;
    border-radius: 50%
}

.experience-course .footer a:after {
    content: ">";
    margin-left: 10px
}

.page.page-course .growth-table {
    padding-bottom: 30px;
    padding-top: 150px
}

.page.page-course .growth-table table {
    width: 100%;
    table-layout: fixed;
    font-size: 18px;
    border-collapse: initial;
    border-spacing: 2px;
    text-align: center
}

.page.page-course .growth-table table tfoot tr th {
    background-color: #dee3eb;
    color: #666;
    text-align: center;
    height: 60px
}

.page.page-course .growth-table table tfoot tr th span {
    font-size: 13px
}

.page.page-course .growth-table table tfoot .left {
    border-left: 7px solid #fff
}

.page.page-course .growth-table table tfoot .right {
    border-right: 7px solid #fff
}

.page.page-course .growth-table table tbody {
    color: #fff
}

.page.page-course .growth-table table tbody tr th {
    position: relative;
    color: #fff;
    border-right: 7px solid #fff;
    text-align: center
}

.page.page-course .growth-table table tbody tr th:after {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    position: absolute;
    right: -15px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1
}

.page.page-course .growth-table table tbody tr td {
    height: 60px
}

.page.page-course .growth-table table tbody .circle1:after,.page.page-course .growth-table table tbody .L21:after,.page.page-course .growth-table table tbody .L41:after {
    background-color: #f9c02f
}

.page.page-course .growth-table table tbody .circle2:after,.page.page-course .growth-table table tbody .L42:after {
    background-color: #78deff
}

.page.page-course .growth-table table tbody .circle3:after {
    background-color: #ab8eff
}

.page.page-course .growth-table table tbody .L43:after {
    background-color: #ab8eff;
    top: 95px
}

.page.page-course .growth-table table tbody .circle4:after {
    background-color: #ff6e70;
    top: 30px
}

.page.page-course .growth-table table tbody .circle4:before {
    content: "";
    display: block;
    width: 485px;
    height: 305px;
    background: url(data:image/png;base64,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) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: -515px;
    top: -351px
}

@media (max-width: 976px) {
    .page.page-course .growth-table table tbody .circle4:before {
        right:-362px;
        top: -311px;
        width: 339px;
        height: 263px
    }
}

.page.page-course .growth-table table tbody .L44:after {
    background-color: #ff6e70;
    top: 60px
}

.page.page-course .growth-table table tbody .L44:before {
    content: "";
    display: block;
    width: 485px;
    height: 305px;
    background: url(data:image/png;base64,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) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: -515px;
    top: -351px
}

@media (max-width: 1096px) {
    .page.page-course .growth-table table tbody .L44:before {
        right:-500px;
        top: -380px
    }
}

@media (max-width: 976px) {
    .page.page-course .growth-table table tbody .L44:before {
        right:-362px;
        top: -311px;
        width: 339px;
        height: 263px
    }
}

.page.page-course .growth-table table tbody .left {
    border-left: 7px solid #fff
}

.page.page-course .growth-table table tbody .yellow {
    background-color: #f9c02f
}

.page.page-course .growth-table table tbody .blue {
    background-color: #78deff
}

.page.page-course .growth-table table tbody .purple {
    background-color: #ab8eff
}

.page.page-course .growth-table table tbody .red {
    background-color: #ff6e70
}

.page.page-course .growth-table table tbody .white {
    background-color: #fff
}

.page-buy-order .buy-order-info-frame .surplus-icon {
    padding: 20px 0
}

.page-buy-order .buy-order-info-frame .surplus-icon .surplus {
    width: 33px!important;
    height: 31px!important;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAfCAYAAABplKSyAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAC4jAAAuIwF4pT92AAACm0lEQVRYw+3XT6gVVRwH8M9970KGRaR4b8oNpEWLmgYicUQIH0WRLapNRAim+YeIxCAq3bmq4EH0vyiwyIpC2hQYZBH9M44h2OHkQqWNXnnvkuSiLKqnLWZeTLcrZeXV4H03M/Ob35/v+Z7zm3OmoQ9Fni3GOJbgOD7AUyGmT50mijxbho24DufjCzwUYtpd92v0BS3CJ9XjW5iLGzALL+O+ENPxv1H8AjyLlfgJ7+M73IGTuDbEtGfaf6Qv/snKqQgxrQ4x3YLLKkKr8VmRZ/P+gkAbn1cE3sDCENOtIaZVWFoN/ImBShR5tgBdPBNi2jAg+WY8goSxENPRAT7z8BGuwMMhpvEBPi9hLeaHmCb6lZhTXQ8NGmGI6VHciww7KsnryS/Ee7gSawcRqPBNX70/kDiAY1h3KslDTM/jQSzG60WejVQERvEmrsHGENPWU0zVAqzHURycto9O33Qne1OddusI1mBFp93qddqtfd3J3ol6ou5kb1en3boEK3Bed7L3YafdGsddeDrEtGVA8Wan3VqJ7ehUSn31pzVRC7gNz2E+JpSLcic+DjF9P520so3hxWp0O7E8xDRVm55luAm3o4UjuCfE9G69ZqPIs1m4G5fX7LOrwItqtl+xF19X09bCnbX3r1UyX4yrkNeVVrbodvxYs+3H1kaRZzuw3NnDO03ciLeVbTNMNLANNzeVkh0OMR0btgRFnn2L5si/zvQf4Jwg0cQvuLrIs7Eh124oO/LnJl7ABuU3/2zg8QYUeXYIP+CxIRbfhNkhpkublWEKEyGmV4bFoMizVVjIObIwZ0jMkJghMUPif0XipAGH3jOMUZyg3MphH64v8mybch8502iiUP4s/U7ifryqPD2P/qO0p4cpfIkH4Dd5MMQ+iBIikgAAAABJRU5ErkJggg==)
}

.page-buy-order .buy-order-info-frame .surplus-text {
    margin: 0!important;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.page-buy-order .buy-order-info-frame .surplus-text .text {
    font-size: 20px
}

.page-buy-order .buy-order-info-frame .surplus-text .text span {
    color: red;
    font-size: 24px
}

.page.page-order-list .com-header-inner {
    background-color: #f45
}

.page.page-order-list .order-list {
    padding-top: 80px
}

.page.page-order-list .order-list .mask {
    background: rgba(0,0,0,.5);
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 1000
}

.page.page-order-list .order-list .mask .alipay-container {
    width: 100%;
    height: 100%
}

.page.page-order-list .order-list .mask .alipay-container .alipay-content {
    height: 300px;
    width: 600px;
    position: fixed;
    left: 50%;
    top: 20%;
    margin-left: -300px;
    background-color: #fff
}

.page.page-order-list .order-list .mask .alipay-container .alipay-content .alipay-title .alipay-text {
    display: block;
    font-size: .4rem;
    line-height: 1;
    width: 12.6rem;
    color: #333;
    text-align: center;
    margin-top: 70px
}

.page.page-order-list .order-list .mask .alipay-container .alipay-content .alipay-btn {
    height: 50%;
    margin-top: 50px
}

.page.page-order-list .order-list .mask .alipay-container .alipay-content .alipay-btn .alipay-done,.page.page-order-list .order-list .mask .alipay-container .alipay-content .alipay-btn .re-alipay {
    font-size: .4rem;
    display: block;
    width: 4.2rem;
    margin: 0 20px;
    height: 1rem;
    line-height: 1rem;
    text-align: center;
    color: #fff;
    border-radius: 1rem;
    margin-top: -20px
}

.page.page-order-list .order-list .mask .alipay-container .alipay-content .alipay-btn .alipay-done {
    background-color: #0cc995
}

.page.page-order-list .order-list .mask .alipay-container .alipay-content .alipay-btn .re-alipay {
    background-color: #f45
}

.page.page-order-list .order-list .pop-show {
    width: 680px;
    background-color: #fff;
    position: fixed;
    z-index: 1001;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.page.page-order-list .order-list .pop-close {
    width: 36px;
    height: 36px;
    position: absolute;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDFCQjU5ODUxMDQ3MTFFODk3QkFEMUJDMEUzQTMwN0EiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDFCQjU5ODYxMDQ3MTFFODk3QkFEMUJDMEUzQTMwN0EiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMUJCNTk4MzEwNDcxMUU4OTdCQUQxQkMwRTNBMzA3QSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowMUJCNTk4NDEwNDcxMUU4OTdCQUQxQkMwRTNBMzA3QSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ps4YvqYAAAINSURBVHja1JgxTwIxFMfLDQxGYCeKiwMaEscbdDTEyYEPwQcwrA58ARe+BJOsxsBAooMbJhIYHBAMEwtG2OT81/ybNJdTrhWwvuQ39Hp973+vvd67JoIgEIZWAGfgGByAXbDFvjkYgR64Bzfgyci7FBSDJCiDTmBuHY5NxomViJGhErgCe2wvwB1ogkfwDN7Ztw32wRE4BSfAY98LuADXthlKgbr2pBNQBdmYWRW8t8qxyur0HTnmO0c7oEsHC1ADGQMhYTL0saDPLmPEEiRvHGpZKf5CSJiilq1hlKioaVKZeQX5FYpR5OlbZSr1k6C6lpl1iNFFTbQ1FSmopK2Z4hrF6NOn1lQpLEjuEQN21iIGt8AY+BaBfY5tRfTVGHOg9inVUdamKuptGrN/aijK55iAPqLePjV1ZV2Q2oGrMRzHFRV3TFXb0b8EFXjhY8mmZyLK5N4sY0sryAsVNtoremqbbLZ5f0U2GmxcWqyLcEAbMYKxpTVko8/GueViVYFtxQjGltaXjRkbhxavsy7AVoxgbGkzoX2Fc5Z7zFTzMbXcq3LKgSccM49lpyquTMwHtyAN3kia13xDXyr23GMNLFjp2YopEltRKvbIY0EuWHbainkgtqJU7J6TG6Nznw7nPq5Olh/LCrTmpgs050pYJ4t8J3+DnPtRdPJX+k8PG/7VcYyzB1YbPdL7FGAATmv/mPeZuy8AAAAASUVORK5CYII=) no-repeat 0 0;
    right: -36px;
    top: -36px;
    cursor: pointer
}

.page.page-order-list .order-list .weixinzhifu {
    border-radius: 5px;
    background: #fff;
    padding: 0 0 40px
}

.page.page-order-list .order-list .weixinzhifu img {
    width: 200px;
    height: 200px;
    display: block;
    margin: 30px auto
}

.page.page-order-list .order-list .weixinzhifu p {
    text-align: center
}

.page.page-order-list .order-list .weixinzhifu-title {
    color: #333;
    font-size: 26px;
    text-align: center;
    border-bottom: 1px solid #eee;
    padding: 20px 30px
}

.page.page-order-list .order-list .weixinzhifu-text {
    width: 208px;
    height: 45px;
    font-size: 20px;
    margin: 30px auto 0;
    text-align: center;
    color: #fff;
    background-color: #f45;
    border-radius: 22.5px;
    display: block;
    cursor: pointer;
    outline: none
}

.page.page-order-list .order-list .weixinzhifu-img {
    text-align: center;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 0 20px;
    flex-direction: column
}

.page.page-order-list .order-list .weixinzhifu-img .pay-item {
    width: 640px;
    height: 104px;
    padding: 0 20px;
    margin-top: 20px;
    cursor: pointer;
    display: flex;
    align-items: center;
    box-sizing: border-box
}

.page.page-order-list .order-list .weixinzhifu-img .pay-item .border-container {
    width: 100%;
    height: 100%;
    border-bottom: 1px solid #dde0e6;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.page.page-order-list .order-list .weixinzhifu-img .pay-item .item-price {
    display: none;
    font-family: PingFangSC-Medium;
    font-size: 20px;
    color: #484848
}

.page.page-order-list .order-list .weixinzhifu-img .pay-item .item-price .point {
    color: #f45
}

.page.page-order-list .order-list .weixinzhifu-img .pay-item .item-price .ext-fee {
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #9fa4b0;
    line-height: 24px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 25px
}

.page.page-order-list .order-list .weixinzhifu-img .pay-item .item-price .ext-fee .wenhao {
    font-size: 16px;
    border: 1px solid #9fa4b0;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 4px
}

.page.page-order-list .order-list .weixinzhifu-img .pay-item .item-price .ext-fee .ExtFeeIntro {
    position: absolute;
    right: -359px;
    top: 28px;
    border: 1px solid #e4e7ed;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.06);
    font-size: 20px;
    line-height: 28px;
    background: #fff;
    padding: 32px 24px;
    width: 456px;
    height: 223px;
    border-radius: 8px;
    box-sizing: border-box
}

.page.page-order-list .order-list .weixinzhifu-img .pay-item .item-price .ext-fee .ExtFeeIntro:before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    border-top: 1px solid #e4e7ed;
    border-left: 1px solid #e4e7ed;
    top: -4px;
    left: 60px;
    background: #fff;
    transform: rotate(45deg)
}

.page.page-order-list .order-list .weixinzhifu-img .pay-item .item-price .ext-fee .ExtFeeIntro .ExtFeeIntro-msg2 {
    font-family: PingFangSC-Regular;
    color: #484848;
    margin-top: 8px;
    display: flex;
    justify-content: space-between
}

.page.page-order-list .order-list .weixinzhifu-img .pay-item .item-price .ext-fee .ExtFeeIntro .ExtFeeIntro-msg3 {
    margin-top: 20px;
    font-family: PingFangSC-Regular;
    font-size: 16px;
    line-height: 22px;
    color: #767a7e;
    text-align: left
}

.page.page-order-list .order-list .weixinzhifu-img .pay-item .item-wrapper {
    display: flex;
    align-items: center;
    flex: 1
}

.page.page-order-list .order-list .weixinzhifu-img .pay-item .item-wrapper .icon-wrapper {
    flex-basis: 25px;
    margin-right: 22px
}

.page.page-order-list .order-list .weixinzhifu-img .pay-item .item-wrapper .icon-wrapper .circle {
    display: block;
    width: 24px;
    height: 24px;
    border: 1px solid #dde0e6;
    border-radius: 50%;
    box-sizing: border-box
}

.page.page-order-list .order-list .weixinzhifu-img .pay-item .item-wrapper .icon-wrapper .iconchenggong-icon {
    font-size: 24px;
    color: #f45;
    display: none
}

.page.page-order-list .order-list .weixinzhifu-img .pay-item .item-wrapper .checked {
    display: none;
    position: absolute;
    width: 45px;
    height: 30px;
    right: 0;
    bottom: 0;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTgwOTkyNDQxNjExIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDE1MzUgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjE5MDkiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNzEuOTUzMTI1IiBoZWlnaHQ9IjQ4Ij48ZGVmcz48c3R5bGUgdHlwZT0idGV4dC9jc3MiPjwvc3R5bGU+PC9kZWZzPjxwYXRoIGQ9Ik0xNTM1LjI1MDM2NiAwdjEwMjRIMGwxNTYuMjY4Njk3LTIzNC41MTg0ODlhODUuMjkxODU0IDg1LjI5MTg1NCAwIDAgMCAxNC4zMTUwMS00Ny4yOTU5MDZWMzQxLjE2NzQxNEMxNzAuNTgzNzA3IDE1Mi43NDU0MTcgMzIzLjMyOTEyNCAwIDUxMS43NDk2MjIgMEgxNTM1LjI1MDM2NnpNNDU0Ljg4ODM4NyA0ODAuNDI1NDE3Yy0xNS44NTQ3NTggMTUuNzA2MzMxLTE2LjQwNzk4OCA0MS4xNTE5MDYtMS4yNTAzOSA1Ny41Mjk5MUw3MDkuMjI4Njk3IDgxNC4xMjc5NzdjMTUuOTk3MTg5IDE3LjI4NjU1OSA0Mi45Nzk1MTQgMTguMzMwMDUgNjAuMjY2MDczIDIuMzMyODYgMC4zNTM4MjctMC4zMjY4NCAwLjcwMTY1Ny0wLjY1OTY3OCAxLjA0MzQ5MS0xLjAwMDAxMUwxMzM2LjIzNzU0IDI1NS4xNDY5MTdjMTUuNTUzNDA2LTE1LjQwNDk3OCAxNS42NzMzNDctNDAuNDk5NzI1IDAuMjY4MzY5LTU2LjA1MTYzMWwtMC4yNjgzNjktMC4yNjk4NjljLTE2LjEwMDYzOC0xNS45NDYyMTQtNDEuNzA2NjM1LTE2Ljk4MjIwOC01OS4wNDExNzEtMi4zODY4MzRMNzY1LjQ3MzczNCA2MjcuMjYzNzE5Yy0xNS4zNDA1MSAxMi45MTQ2OTQtMzcuNjA2MTM4IDEzLjM5NzQ1OC01My40OTIzODEgMS4xNjA0MzNMNTE1LjAxOTUyNiA0NzYuNjg3NzQyYy0xOC4xNTMxMzYtMTMuOTg1MTcxLTQzLjg1MDU4OS0xMi4zODY5NTItNjAuMTMxMTM5IDMuNzM5MTc1eiIgZmlsbD0iI0ZGNkU3OCIgcC1pZD0iMTkxMCI+PC9wYXRoPjwvc3ZnPg==);
    background-size: contain
}

.page.page-order-list .order-list .weixinzhifu-img .pay-item.active {
    width: 638px;
    border: 1px solid #f0f1f3;
    box-shadow: 0 2px 12px 0 #f0f1f3;
    border-radius: 8px;
    box-sizing: border-box
}

.page.page-order-list .order-list .weixinzhifu-img .pay-item.active .border-container {
    border: none
}

.page.page-order-list .order-list .weixinzhifu-img .pay-item.active .item-price {
    display: block
}

.page.page-order-list .order-list .weixinzhifu-img .pay-item.active .item-wrapper .icon-wrapper .circle {
    display: none
}

.page.page-order-list .order-list .weixinzhifu-img .pay-item.active .item-wrapper .icon-wrapper .iconchenggong-icon {
    display: block
}

.page.page-order-list .order-list .weixinzhifu-img .pay-item .pay-icon {
    display: block;
    width: 40px;
    height: 40px;
    background-size: cover;
    background-repeat: no-repeat
}

.page.page-order-list .order-list .weixinzhifu-img .pay-item .pay-name {
    font-family: PingFangSC-Medium;
    font-size: 20px;
    color: #484848;
    margin-left: 10px
}

.page.page-order-list .order-list .weixinzhifu-img .pay-item .ali {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNDRweCIgaGVpZ2h0PSI0NHB4IiB2aWV3Qm94PSIwIDAgNDQgNDQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU3LjEgKDgzMDg4KSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT5tZHBpL+aUr+S7mOWuneWkh+S7vSAyPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IuaUr+S7mOWuneWkh+S7vS0yIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0i5pSv5LuY5a6dIj4KICAgICAgICAgICAgPHJlY3QgaWQ9IuefqeW9oiIgeD0iMCIgeT0iMCIgd2lkdGg9IjQ0IiBoZWlnaHQ9IjQ0Ij48L3JlY3Q+CiAgICAgICAgICAgIDxnIGlkPSJ6aGlmdWJhbyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMi4wMDAwMDAsIDIuMDAwMDAwKSIgZmlsbD0iIzAyQTlGMSIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0zOS44ODQzNDQ0LDI3LjE1ODQ0NTcgTDI3LjA2OTgwMTksMjIuODQ5MjEzNiBDMjcuMDY5ODAxOSwyMi44NDkyMTM2IDI4LjA1NDYzNjQsMjEuMzc1MDUxMSAyOS4xMDU4NTE3LDE4LjQ4NDgzNDYgQzMwLjE1NzIyMDIsMTUuNTk0NDEzOCAzMC4zMDc4MDIzLDE0LjAwNzI1MDggMzAuMzA3ODAyMywxNC4wMDcyNTA4IEwyMi4wMTI1NjEzLDEzLjkzODg3ODcgTDIyLjAxMjU2MTMsMTEuMTA1NTk2NCBMMzIuMDU4NDY2MSwxMS4wMzQ3NzMzIEwzMi4wNTg0NjYxLDkuMDMxNzYwNjIgTDIyLjAxMDU2OTksOS4wMzE3NjA2MiBMMjIuMDEwNTY5OSw0LjQ3MjQyNjQ3IEwxNy4wOTAzMjg4LDQuNDcyNDI2NDcgTDE3LjA5MDMyODgsOS4wMzE5NjQ4NyBMNy43MTcxNjcwOCw5LjAzMTk2NDg3IEw3LjcxNzE2NzA4LDExLjAzNDk3NzUgTDE3LjA5MDMyODgsMTAuOTY4MzkyNiBMMTcuMDkwMzI4OCwxNC4wMDcyNTA4IEw5LjU3MTk0NjQ5LDE0LjAwNzI1MDggTDkuNTcxOTQ2NDksMTUuNTk0MjA5NiBMMjUuMDQ3MDI4MiwxNS41OTQyMDk2IEMyNS4wNDcwMjgyLDE1LjU5NDIwOTYgMjQuODc2NjM0LDE2Ljg4MjE0ODcgMjQuMjgzMzk0NiwxOC40ODQ2MzAzIEMyMy42OTAzMDg0LDIwLjA4Njk1ODcgMjMuMDc5MzUwNSwyMS40OTAyNDcxIDIzLjA3OTM1MDUsMjEuNDkwMjQ3MSBDMjMuMDc5MzUwNSwyMS40OTAyNDcxIDE1LjgxMzIxNDksMTguOTQ3MTUwNyAxMS45ODQzMjM5LDE4Ljk0NzE1MDcgQzguMTU1NDMzMDEsMTguOTQ3MTUwNyAzLjQ5ODcyMzQ1LDIwLjQ4NTI5NDEgMy4wNDcyMzI0MywyNC45NDk0OTk2IEMyLjU5Nzg4NjAzLDI5LjQxMTQ1ODMgNS4yMTY0MDExNCwzMS44MjgzODAzIDguOTA1NDg0MDcsMzIuNzE4MDM1MSBDMTIuNTk1MDI2NiwzMy42MTIyODU1IDE2LjAwMTE3NDQsMzIuNzA5MjAxNCAxOC45NjY3NTg2LDMxLjI1NzMwMTkgQzIxLjkzMjgwMjMsMjkuODA3NTk4IDI0Ljg0MzAzNTEsMjYuNTExOTQ4NSAyNC44NDMwMzUxLDI2LjUxMTk0ODUgTDM5Ljc3Nzk4MiwzMy43NjQ4NTkxIEMzOS4xNjg3MDkyLDM3LjMwMzQ2MiAzNi4wOTgwOTAzLDM5Ljg4NzkxODcgMzIuNTA3NDA0LDM5Ljg4NDM0ODEgTDcuNDIyODk2MjQsMzkuODg0MzQ4MSBDMy4zNTI1MzI2OCwzOS44ODgzMjcyIDAuMDQ5OTM4NzI1NSwzNi41OTE3MDc1IDAuMDQ2MTU2ODg2LDMyLjUyMTQ5NzEgTDAuMDQ2MTU2ODg2LDcuNDIzMTAwNDkgQzAuMDQyMzgxNTM1OSwzLjM1MjQzMDU2IDMuMzM5MzA3NiwwLjA0OTc4NTUzOTIgNy40MDk1NjkwNCwwLjA0NjE1Njk3MjkgTDMyLjUwNzU1NzIsMC4wNDYxNTY5NzI5IEMzNi41Nzc5MjA4LDAuMDQyNDMyNTk4IDM5Ljg4MDcxOSwzLjMzOTE1NDQxIDM5Ljg4NDM0NDQsNy40MDk0NjY5MSBMMzkuODg0MzQ0NCwyNy4xNTg0NDU3IEwzOS44ODQzNDQ0LDI3LjE1ODQ0NTcgWiBNMjEuMjA3ODczOCwyNC42NjE3NjQ3IEMyMS4yMDc4NzM4LDI0LjY2MTc2NDcgMTYuNTQ1ODAyNywzMC41NDcyODM1IDExLjA1MjY5NjEsMzAuNTQ3MjgzNSBDNS41NTcyNDA2LDMwLjU0NzI4MzUgNC40MDM0OTI2NSwyNy43NTA3NjU5IDQuNDAzNDkyNjUsMjUuNzM5NTMyMyBDNC40MDM0OTI2NSwyMy43MzA3NDk2IDUuNTQ1OTA0ODIsMjEuNTQ1MDg3OCAxMC4yMjE2NjA1LDIxLjIyOTA2NDUgQzE0Ljg5NDgxMjEsMjAuOTEzNTAwOCAyMS4yMTAyMjI2LDI0LjY2MTc2NDcgMjEuMjEwMjIyNiwyNC42NjE3NjQ3IEwyMS4yMDc4MjI3LDI0LjY2MTc2NDcgTDIxLjIwNzg3MzgsMjQuNjYxNzY0NyBaIiBpZD0i5b2i54q2Ij48L3BhdGg+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==)
}

.page.page-order-list .order-list .weixinzhifu-img .pay-item .wx {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNDRweCIgaGVpZ2h0PSI0NHB4IiB2aWV3Qm94PSIwIDAgNDQgNDQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU3LjEgKDgzMDg4KSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT5tZHBpL+W+ruS/oeaUr+S7mOWkh+S7vTwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSLlvq7kv6HmlK/ku5jlpIfku70iIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSLlvq7kv6HmlK/ku5giPgogICAgICAgICAgICA8cmVjdCBpZD0i55+p5b2iIiB4PSIwIiB5PSIwIiB3aWR0aD0iNDQiIGhlaWdodD0iNDQiPjwvcmVjdD4KICAgICAgICAgICAgPGcgaWQ9IndlaXhpbnpoaWZ1IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyLjAwMDAwMCwgNC41MDAwMDApIiBmaWxsPSIjMDlCQzA0IiBmaWxsLXJ1bGU9Im5vbnplcm8iPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTE0LjU0MTgyMjYsMjEuOTg2NjY5MyBDMTQuMzU4MzkyNiwyMi4wNzkzNzU4IDE0LjE3MDU2NTEsMjIuMTIzNjIyMSAxMy45NDI1NTI0LDIyLjEyMzYyMjEgQzEzLjQzMjYzNDcsMjIuMTIzNjIyMSAxMy4wMTY3MDEsMjEuODQ5NzE2NCAxMi43ODQwNTY5LDIxLjQzODg1NzggTDEyLjY5MDIxMzMsMjEuMjU3OTM5NiBMOS4wMzYzMDI0LDEzLjM5NjAwMjggQzguOTkxNTc5MzQsMTMuMzAzMjk2MiA4Ljk5MTU3OTM0LDEzLjIxNTAzNzcgOC45OTE1NzkzNCwxMy4xMjIzMzEyIEM4Ljk5MTU3OTM0LDEyLjc1NTcxODkgOS4yNjg4OTk3LDEyLjQ4MTgxMzIgOS42NDAxMTA0LDEyLjQ4MTgxMzIgQzkuNzc4ODE3MzcsMTIuNDgxODEzMiA5LjkxNzQzMDc2LDEyLjUyNjAxMjcgMTAuMDU2MTM3NywxMi42MTg3MTkyIEwxNC4zNTgzOTI2LDE1LjYzNTQyNzggQzE0LjY4MDQzNiwxNS44MTYzNDYxIDE1LjA1MTY5MzUsMTUuOTUzMzQ1NyAxNS40Njc0ODY5LDE1Ljk1MzM0NTcgQzE1LjcwMDA4NDIsMTUuOTUzMzQ1NyAxNS45MjgyODQxLDE1LjkwOTA5OTQgMTYuMTYwODgxNCwxNS44MTYzNDYxIEwzNi4zMzU2MSw2Ljk1MjAwNzk3IEMzMi43MjY0Njg5LDIuNzQ3MjUwOTEgMjYuNzYwMTk4NCwwLjAwNDQ0ODA0MTUyIDIwLjAwMjU3MywwLjAwNDQ0ODA0MTUyIEM4Ljk5MTU3OTM0LDAuMDA0NDQ4MDQxNTIgMC4wMTU1NzgyMTg2LDcuMzYyODE5NzIgMC4wMTU1NzgyMTg2LDE2LjQ1MjU1NjUgQzAuMDE1NTc4MjE4NiwyMS4zODYwNDMyIDIuNjk5MDA4MjMsMjUuODY0NDcxOSA2LjkwNzU1OTg4LDI4Ljg4MTE4MDQgQzcuMjI5NDE2MTcsMjkuMTEwODM5OCA3LjQ2MjAxMzQ3LDI5LjUyMTY5ODQgNy40NjIwMTM0NywyOS45MzIzMjI5IEM3LjQ2MjAxMzQ3LDMwLjA2OTI3NTcgNy40MTcyNDM2NCwzMC4yMDYyMjg2IDcuMzY4MTY5OTEsMzAuMzQzMTgxNSBDNy4wNDYyNjY4NCwzMS41NzU0Mjk0IDYuNDg3MjI4NjcsMzMuNTg5NTAyNiA2LjQ4NzIyODY3LDMzLjY3Nzk0ODQgQzYuNDQyNDEyMDUsMzMuODE0NjY3MiA2LjM5MzA1NzYzLDMzLjk5NTg2NjMgNi4zOTMwNTc2MywzNC4xODEyNzk0IEM2LjM5MzA1NzYzLDM0LjU0Nzg5MTcgNi42NzA0MjQ3OCwzNC44MjE3OTc0IDcuMDQxNjgyMjYsMzQuODIxNzk3NCBDNy4xODAyOTU2NiwzNC44MjE3OTc0IDcuMzE5MDAyNjIsMzQuNzc3NTk3OSA3LjQxMjg5Mjk2LDM0LjY4NDg0NDYgTDExLjc1OTkxNzcsMzIuMTcxNzQ3OSBDMTIuMDgyMDA3OSwzMS45OTA1NDg3IDEyLjQ1MzIxODYsMzEuODUzNjQyNyAxMi44MjQ0NzYsMzEuODUzNjQyNyBDMTMuMDA3NjcyMiwzMS44NTM2NDI3IDEzLjI0MDMxNjIsMzEuODk3ODQyMiAxMy40MjM3NDYzLDMxLjk0NjM0OTMgQzE1LjQ1ODU1MTYsMzIuNTM4MzYwMiAxNy42ODE0MTg0LDMyLjg2MDc3MyAxOS45NDg4MjExLDMyLjg2MDc3MyBDMzAuOTU5ODYxNSwzMi44NjA3NzMgMzkuOTM1NzIyMywyNS41MDI0MDEzIDM5LjkzNTcyMjMsMTYuNDEyNjY0NSBDMzkuOTM1NzIyMywxMy42Njk4NjE3IDM5LjEwMzk0ODQsMTEuMDY4MzE5MiAzNy42NjgzNjY0LDguNzgwNjIxMjUgTDE0LjY4MDQzNiwyMS44OTM5MTU5IEwxNC41NDE4MjI2LDIxLjk4NjYyMjQgTDE0LjU0MTgyMjYsMjEuOTg2NjY5MyBaIiBpZD0i6Lev5b6EIj48L3BhdGg+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==)
}

.page.page-order-list .order-list .weixinzhifu-img .pay-item .paypal {
    background-image: url(https://pkm-01.huohuacdn.com/v1/online/peppa-web-pc/web/static/aeac55b3eee43e33da2e663404e516d5.svg)
}

.page.page-order-list .order-list .weixinzhifu-img .pay-item .ku {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGwAAABsCAMAAAC4uKf/AAAC9FBMVEUAAAAAAAAAAgABAAAJBQAAAAAAAAADAAADAAABAAAEAAACAAADAAAFAAAEAAAEAAADAAAEAAAEAAD+/v4EAAADAAADAAAEAAAFAQADAAAEAAAEAAAEAAADAAADAAAFAAAEAAAFAAADAAADAAAFAQADAAADAAACAAAFAAABAAADAAAEAAAGAQAEAAAEAAAEAAAEAAADAAAAAAADAAAEAAAEAAAEAAAEAAADAAAEAAAEAAAEAAAEAAAEAAADAAAEAAAEAAADAAAEAAADAAADAAADAAADAAAEAAADAAAEAAACAAADAAAEAAAEAAAEAAAEAAAEAQEDAADw8PAEAAAEAAD///8EAAD6/f3bmhP///8wHgH6+vqzs7P////////fjBD///8lGQPy8vLOzc0UEhL///////////84ODjsphPf3t7////uqBJjY2N/Vwqmpqb////koBP////////0qhT///////9GQ0P/thSllpYEAQH///8DAAD0mhcAAAAHBQX19fX3nBf1mxf6+vorKSn8/Pz4+PgSCgHk5OT5nhcKCAjo6OiGhYVMS0vwmBcREBAODQ0LCgoiFQMGAwEMBgDy8vJmZWUxMDAUFBTs7OwbGhqfZQ81IQQtHAQaEALw8PDd3d3a2trU1NTPz8/FxcV9fHxzcnFsa2tHRkZBQEDh4ODKysrDw8PAwMC8u7uhn5+XlpZVVFRDQkIjIiIfHh7fjhXDexKubhBwRgqxr6+trKyoqKimpqaioqKcm5uUk5OBgYFgYGBdXFw8Ozs1NDTsmiHslRbnkhbymBTYiRSzcRGLWA13SgpmQQlaOAhOMQc8JQXX19e9vb65uLizsrLpwYV4d3d2dHR1dHRpZ2fmqlLnpEA5NzclJCTikBW3dBGkZw+eYw9eOwju7e328uz28uvt5tzv3cTq1bbo0rDVxKuPjY23mW/fr2dmV0KkeDo2MCciICDqkxbQhRbNghTMgRTKgBQeGRS5dhOTXg6AUQxELQf23JJAAAAAenRSTlMACAQLBgIPeugRQTtSHvlE8dcb/vuUd+5eWSr1nTUxE1UgPphvZGE4IxbcxWyqpIJ+Txjq09HJkHL94L9pRybMp+O8r6BnS7eyjC8trZuIhfNKA8C06rMgGqmD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)
}

.page.page-order-list .order-list .com-loading-content {
    padding: 3rem;
    font-size: 1rem
}

.page.page-order-list .paypal-btn-wrapper {
    position: relative;
    width: 208px;
    height: 45px;
    margin: 30px auto 0;
    overflow: hidden
}

.page.page-order-list .paypal-btn-wrapper .paypal-button-container {
    display: flex;
    height: 45px;
    z-index: 1;
    overflow: hidden
}

.pages .page-landing .landing-banner {
    position: relative;
    width: 100%;
    height: 640px;
    overflow: hidden;
    z-index: 1;
    margin-top: 0!important;
    background: url("https://asset.txqn.huohua.cn/assets/a467de32-309f-4a0c-9352-33bc291ec688.png") no-repeat;
    background-color: #e83743!important;
    background-size: 1196px 572.5px;
    background-position: bottom
}

.pages .page-landing .landing-banner .container {
    position: relative
}

.pages .page-landing .landing-banner .container .banner-text {
    position: absolute;
    left: 0;
    top: 120px;
    width: 820px;
    height: 107px;
    background: url("https://asset.txqn.huohua.cn/assets/b9ec7dba-dbc8-4626-b9c5-c757a01efd7a.png") no-repeat;
    background-size: cover
}

.pages .page-landing .landing-banner .container .bannerText {
    position: absolute;
    top: 150px;
    left: 52px;
    color: #fff
}

.pages .page-landing .landing-banner .container .bannerText .sign {
    width: 200px;
    height: 41px
}

.pages .page-landing .landing-banner .container .bannerText .p1 {
    font-size: 40px;
    text-align: center
}

.pages .page-landing .landing-banner .container .bannerText .p1 span {
    font-size: 56px
}

.pages .page-landing .landing-banner .container .bannerText .sets {
    display: flex;
    justify-content: space-between
}

.pages .page-landing .landing-banner .container .bannerText .sets .sets-a {
    margin-left: 70px
}

.pages .page-landing .landing-banner .container .bannerText .sets .b {
    font-size: 24px;
    text-align: center
}

.pages .page-landing .landing-banner .container .bannerText .sets .feature {
    font-size: 12px
}

.pages .page-landing .landing-bannerE {
    position: relative;
    width: 100%;
    height: 580px;
    overflow: hidden;
    background-color: red;
    z-index: 1;
    margin-top: 0!important;
    background: url("https://static.huohua.cn//image/huohua/www/landing/landing-bannerList1.png");
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.pages .page-landing .landing-bannerE .container {
    height: 26.67rem;
    position: relative
}

.pages .page-landing .landing-bannerE .container .bannerText {
    position: absolute;
    top: 150px;
    left: 52px;
    color: #fff
}

.pages .page-landing .landing-bannerE .container .bannerText .p1 {
    font-size: 40px;
    text-align: center
}

.pages .page-landing .landing-bannerE .container .bannerText .p1 span {
    font-size: 56px
}

.pages .page-landing .landing-bannerE .container .bannerText .sets {
    display: flex;
    justify-content: space-between
}

.pages .page-landing .landing-bannerE .container .bannerText .sets .a {
    width: 127px;
    height: 51px;
    line-height: 55px;
    text-align: center;
    font-size: 22px;
    font-weight: bolder;
    color: #8d8b00;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAH8AAAAzCAYAAAC+J9cEAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAC4jAAAuIwF4pT92AAACAklEQVR42u3czUpbURSG4XcvRQdK7agDi3YsCNYO6j20hT2udFzbK9ILEBwf6E10UqoInaootS0UClFrS8/pID+GRMFIkhWzvgfCMYOYlbx7mzjZiTFWlcUDYBF40rgudNx/BHwDjoCDxrX9dpAsn3u/jkFJ3gPcVVUWE8A8N8ddAB724al+0LEg2u8ny9+934u7Gtn4t9i188Ck95zABXBIfTG0X5s/nyTLf72HvI5L/CHu2lHwD/jK1YJoLorWIkmWax6DDST+Pdq1o+In3R8rrUWSLJ8O4kl7jn+LXbsIzA397Rtvv7nmyyhXi+Q4Wf7T6y/tiq9dey+VwCnd/7G0PmaS5V+dD2rFr8piCngHvAaWgVnvVyR9UwP2gR1gq/lXIgFUZfEY+AA89Z5SBu4z8CpZPkmNHf8RhY9kF1gzYAOFj2YFeGvAuvck4mLdgGfeU4iLVQOmvKcQF9PmPYH4UfzAFD8wxQ9M8QNT/MAUPzDFD0zxA1P8wBQ/MMUPTPEDU/zAFD8wxQ9M8QNT/MAUPzDFD0zxA1P8wBQ/MMUPTPEDU/zAFD8wxQ9M8QNT/MAUPzADej6/TcZCzYBP3lOIi32jfjabxLOTqrKYpn4U24r3NDI0e8BzS5YvgZfUD+eT8bcLvEiWLzuPX30PvAGWgBnvKaVvzoAvwDaw2Tx+9T/QCYO/u3pFJgAAAABJRU5ErkJggg==) no-repeat;
    background-size: 100% 100%;
    margin-left: 10px
}

.pages .page-landing .landing-bannerE .container .bannerText .sets .sets-a {
    margin-right: 10px
}

.pages .page-landing .landing-bannerE .container .bannerText .sets .b {
    font-size: 24px;
    text-align: center
}

.pages .page-landing .landing-bannerE .container .bannerText .sets .c {
    font-size: 12px
}

.page.page-landing .landing-pattern {
    margin-top: .235rem
}

.page.page-landing .landing-pattern .container {
    padding-top: 1.78rem;
    padding-bottom: 1.647rem
}

.page.page-landing .landing-pattern .container .pattern-headline {
    margin: 0 auto 40px;
    text-align: center;
    height: 1rem;
    border-bottom: 1px solid red
}

.page.page-landing .landing-pattern .container .pattern-headline h2 {
    margin: 0 auto;
    text-align: center;
    height: 1.835rem;
    line-height: 1.835rem;
    font-size: 40px;
    width: 480px;
    font-weight: 700;
    background-color: #fff;
    position: relative
}

.page.page-landing .landing-pattern .container .pattern-headline h2:before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #f45;
    position: absolute;
    top: 53%;
    left: 0;
    transform: translateY(-50%)
}

.page.page-landing .landing-pattern .container .pattern-headline h2:after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #f45;
    position: absolute;
    top: 53%;
    left: 100%;
    transform: translateY(-50%)
}

.page.page-landing .landing-pattern .container .pattern-guidance {
    width: 14.82rem;
    height: 4.7rem;
    margin: 0 auto;
    padding-top: .847rem;
    position: relative
}

.page.page-landing .landing-pattern .container .pattern-guidance:after {
    content: "";
    position: absolute;
    width: .3rem;
    height: .3rem;
    border-radius: 50%;
    background-color: #ffcf55;
    left: 3.2rem;
    top: 1.8rem
}

.page.page-landing .landing-pattern .container .pattern-guidance:before {
    content: "";
    position: absolute;
    width: .3rem;
    height: .3rem;
    border-radius: 50%;
    background-color: #ffcf55;
    left: 3.2rem;
    top: 2.5rem
}

.page.page-landing .landing-pattern .container .pattern-guidance .guidance-project {
    float: left;
    width: 2.94rem;
    height: 2.94rem;
    border-radius: 50%;
    color: #fff;
    background-color: #ffcf55;
    padding-top: .847rem
}

.page.page-landing .landing-pattern .container .pattern-guidance .guidance-project p {
    width: 100%;
    font-size: 20px;
    text-align: center
}

@media screen and (max-width: 976px) {
    .page.page-landing .landing-pattern .container .pattern-guidance .guidance-project p {
        font-size:16px
    }
}

.page.page-landing .landing-pattern .container .pattern-guidance .guidance-list {
    float: left;
    height: 2.94rem;
    width: 10.823rem;
    margin-left: .8rem;
    background: url(data:image/png;base64,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) no-repeat;
    background-size: 100% 100%
}

.page.page-landing .landing-pattern .container .pattern-guidance .guidance-list p {
    float: left;
    color: #fff;
    line-height: 2.94rem;
    font-size: 20px
}

.page.page-landing .landing-pattern .container .pattern-guidance .guidance-list p:first-child {
    margin-left: .823rem
}

@media screen and (max-width: 976px) {
    .page.page-landing .landing-pattern .container .pattern-guidance .guidance-list p:first-child {
        margin-left:.5rem;
        font-size: 16px
    }
}

.page.page-landing .landing-pattern .container .pattern-guidance .guidance-list p:nth-child(2) {
    margin-left: 2rem
}

@media screen and (max-width: 1096px) {
    .page.page-landing .landing-pattern .container .pattern-guidance .guidance-list p:nth-child(2) {
        margin-left:1.5rem
    }
}

@media screen and (max-width: 976px) {
    .page.page-landing .landing-pattern .container .pattern-guidance .guidance-list p:nth-child(2) {
        margin-left:1.6rem;
        font-size: 16px
    }
}

.page.page-landing .landing-pattern .container .pattern-guidance .guidance-list p:nth-child(3) {
    margin-left: 1.4rem
}

@media screen and (max-width: 976px) {
    .page.page-landing .landing-pattern .container .pattern-guidance .guidance-list p:nth-child(3) {
        margin-left:1.4rem;
        font-size: 16px
    }
}

.page.page-landing .landing-pattern .container .pattern-body {
    width: 100%;
    padding-top: .776rem
}

.page.page-landing .landing-pattern .container .pattern-body .img-list {
    position: relative;
    width: 100%;
    height: 5.18rem;
    margin-bottom: 2.3rem
}

.page.page-landing .landing-pattern .container .pattern-body .img-list .img-text {
    width: 95%;
    height: 100%;
    position: relative;
    overflow: hidden;
    background-color: #f4f6f9;
    padding-top: 1.3rem
}

.page.page-landing .landing-pattern .container .pattern-body .img-list1 .img-text {
    margin-left: 1rem
}

.page.page-landing .landing-pattern .container .pattern-body .img-list1 .img-text:after {
    content: "";
    position: absolute;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background-color: #d6dce6;
    right: -.4rem;
    bottom: -.4rem
}

.page.page-landing .landing-pattern .container .pattern-body .img-list1 .img-text p {
    margin-left: 52%
}

.page.page-landing .landing-pattern .container .pattern-body .img-list1 .img-text .p1 {
    color: #7e7f7f;
    font-size: 25px
}

@media screen and (max-width: 976px) {
    .page.page-landing .landing-pattern .container .pattern-body .img-list1 .img-text .p1 {
        font-size:18px
    }
}

.page.page-landing .landing-pattern .container .pattern-body .img-list1 .img-text .p2 {
    color: #999;
    font-size: 18px;
    margin-top: .47rem
}

@media screen and (max-width: 976px) {
    .page.page-landing .landing-pattern .container .pattern-body .img-list1 .img-text .p2 {
        font-size:14px
    }
}

.page.page-landing .landing-pattern .container .pattern-body .img-list1 .img-text .p2 strong {
    color: #333
}

.page.page-landing .landing-pattern .container .pattern-body .img-list1 .img-item {
    width: 10rem;
    height: 5.65rem;
    background: url("https://static.huohua.cn/image/huohua/www/landing/landing-list1.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: -.8rem;
    left: 1.5rem;
    z-index: 33
}

.page.page-landing .landing-pattern .container .pattern-body .img-list2 .img-text {
    margin-right: 1rem
}

.page.page-landing .landing-pattern .container .pattern-body .img-list2 .img-text:after {
    content: "";
    position: absolute;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background-color: #d6dce6;
    left: -.4rem;
    bottom: -.4rem
}

.page.page-landing .landing-pattern .container .pattern-body .img-list2 .img-text p {
    margin-right: 52%;
    text-align: right
}

.page.page-landing .landing-pattern .container .pattern-body .img-list2 .img-text .p1 {
    color: #7e7f7f;
    font-size: 25px
}

@media screen and (max-width: 976px) {
    .page.page-landing .landing-pattern .container .pattern-body .img-list2 .img-text .p1 {
        font-size:18px
    }
}

.page.page-landing .landing-pattern .container .pattern-body .img-list2 .img-text .p2 {
    color: #999;
    font-size: 18px;
    margin-top: .47rem
}

@media screen and (max-width: 976px) {
    .page.page-landing .landing-pattern .container .pattern-body .img-list2 .img-text .p2 {
        font-size:14px
    }
}

.page.page-landing .landing-pattern .container .pattern-body .img-list2 .img-text .p2 strong {
    color: #333
}

.page.page-landing .landing-pattern .container .pattern-body .img-list2 .img-item {
    width: 10rem;
    height: 5.65rem;
    background: url("https://static.huohua.cn/image/huohua/www/index/main-list4.jpg") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: -.8rem;
    right: 1.6rem;
    z-index: 33
}

.page.page-landing .landing-pattern .container .pattern-body .img-list3 .img-text {
    margin-left: 1rem
}

.page.page-landing .landing-pattern .container .pattern-body .img-list3 .img-text:after {
    content: "";
    position: absolute;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background-color: #d6dce6;
    right: -.4rem;
    bottom: -.4rem
}

.page.page-landing .landing-pattern .container .pattern-body .img-list3 .img-text p {
    margin-left: 52%
}

.page.page-landing .landing-pattern .container .pattern-body .img-list3 .img-text .p1 {
    color: #7e7f7f;
    font-size: 25px
}

@media screen and (max-width: 976px) {
    .page.page-landing .landing-pattern .container .pattern-body .img-list3 .img-text .p1 {
        font-size:18px
    }
}

.page.page-landing .landing-pattern .container .pattern-body .img-list3 .img-text .p2 {
    color: #999;
    font-size: 18px;
    margin-top: .47rem
}

@media screen and (max-width: 976px) {
    .page.page-landing .landing-pattern .container .pattern-body .img-list3 .img-text .p2 {
        font-size:14px
    }
}

.page.page-landing .landing-pattern .container .pattern-body .img-list3 .img-text .p2 strong {
    color: #333
}

.page.page-landing .landing-pattern .container .pattern-body .img-list3 .img-item {
    width: 10rem;
    height: 5.65rem;
    background: url("https://static.huohua.cn/image/huohua/www/landing/landing-list2.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: -.8rem;
    left: 1.5rem;
    z-index: 33
}

.page.page-landing .landing-pattern .container .pattern-body .img-list4 .img-text {
    margin-right: 1rem;
    padding-top: 1.3rem
}

.page.page-landing .landing-pattern .container .pattern-body .img-list4 .img-text:after {
    content: "";
    position: absolute;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background-color: #d6dce6;
    left: -.4rem;
    bottom: -.4rem
}

.page.page-landing .landing-pattern .container .pattern-body .img-list4 .img-text p {
    margin-right: 48%;
    text-align: right
}

.page.page-landing .landing-pattern .container .pattern-body .img-list4 .img-text .p1 {
    color: #7e7f7f;
    font-size: 25px
}

@media screen and (max-width: 976px) {
    .page.page-landing .landing-pattern .container .pattern-body .img-list4 .img-text .p1 {
        font-size:18px
    }
}

.page.page-landing .landing-pattern .container .pattern-body .img-list4 .img-text .p2 {
    color: #999;
    font-size: 18px;
    margin-top: .47rem
}

@media screen and (max-width: 976px) {
    .page.page-landing .landing-pattern .container .pattern-body .img-list4 .img-text .p2 {
        font-size:14px
    }
}

.page.page-landing .landing-pattern .container .pattern-body .img-list4 .img-text .p2 strong {
    color: #333
}

.page.page-landing .landing-pattern .container .pattern-body .img-list4 .img-item {
    width: 10rem;
    height: 5.65rem;
    background: url("https://static.huohua.cn/image/huohua/www/index/main-list1.jpg") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: -.8rem;
    right: 1.6rem;
    z-index: 33
}

.page.page-landing .landing-pattern .container .pattern-subhead {
    margin: 0 auto 40px;
    text-align: center;
    height: 1rem;
    border-bottom: 1px solid red
}

.page.page-landing .landing-pattern .container .pattern-subhead h2 {
    margin: 0 auto;
    text-align: center;
    height: 1.835rem;
    line-height: 1.835rem;
    font-size: 40px;
    background-color: #fff;
    position: relative
}

.page.page-landing .landing-pattern .container .pattern-all {
    width: 100%;
    height: 7.88rem;
    display: flex;
    justify-content: space-between;
    margin-bottom: 70px
}

.page.page-landing .landing-pattern .container .pattern-all .all-list {
    width: 32%;
    height: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 3% 3% 0 0
}

.page.page-landing .landing-pattern .container .pattern-all .all-list:before {
    content: "";
    position: absolute;
    left: -27px;
    right: -27px;
    bottom: 44%;
    top: 0;
    border-radius: 0 0 58% 58%
}

.page.page-landing .landing-pattern .container .pattern-all .all-list p {
    color: #fff;
    width: 100%;
    text-align: center;
    font-size: 16px
}

@media screen and (max-width: 976px) {
    .page.page-landing .landing-pattern .container .pattern-all .all-list p {
        font-size:14px
    }
}

.page.page-landing .landing-pattern .container .pattern-all .all-list p:first-child {
    font-size: 22px;
    line-height: 1.3rem;
    margin-top: 4.5rem
}

@media screen and (max-width: 976px) {
    .page.page-landing .landing-pattern .container .pattern-all .all-list p:first-child {
        font-size:16px
    }
}

.page.page-landing .landing-pattern .container .pattern-all .all-list1 {
    background-color: #7ecced
}

.page.page-landing .landing-pattern .container .pattern-all .all-list1:before {
    background: url("https://static.huohua.cn/image/huohua/www/index/main-list5.jpg") no-repeat;
    background-size: 94% 110%;
    background-position: 10% 10%
}

.page.page-landing .landing-pattern .container .pattern-all .all-list2 {
    background-color: #ffd45c
}

.page.page-landing .landing-pattern .container .pattern-all .all-list2:before {
    background: url("https://static.huohua.cn/image/huohua/www/index/main-list2.jpg") no-repeat;
    background-size: 100%
}

.page.page-landing .landing-pattern .container .pattern-all .all-list3 {
    background-color: #a8dd43;
    background-size: 100% 100%
}

.page.page-landing .landing-pattern .container .pattern-all .all-list3:before {
    background: url("https://static.huohua.cn/image/huohua/www/landing/landing-list3.png") no-repeat;
    background-size: 100% 100%
}

.page.page-landing .landing-teaching {
    margin-top: .235rem;
    margin-bottom: .3rem
}

.page.page-landing .landing-teaching .container {
    padding-top: 1.2rem;
    padding-bottom: 1.647rem
}

.page.page-landing .landing-teaching .container .teaching-headline {
    margin: 0 auto 40px;
    text-align: center;
    height: 1rem;
    border-bottom: 1px solid red
}

.page.page-landing .landing-teaching .container .teaching-headline h2 {
    margin: 0 auto;
    text-align: center;
    height: 1.835rem;
    line-height: 1.835rem;
    font-size: 40px;
    width: 480px;
    font-weight: 700;
    background-color: #fff;
    position: relative
}

.page.page-landing .landing-teaching .container .teaching-headline h2:before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #f45;
    position: absolute;
    top: 53%;
    left: 0;
    transform: translateY(-50%)
}

.page.page-landing .landing-teaching .container .teaching-headline h2:after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #f45;
    position: absolute;
    top: 53%;
    left: 100%;
    transform: translateY(-50%)
}

.page.page-landing .landing-teaching .container .teaching-text {
    width: 100%;
    text-align: center;
    font-size: 14px;
    line-height: .65rem;
    margin: .5rem auto;
    color: #999
}

.page.page-landing .landing-teaching .container .teaching-text span {
    color: #f45
}

.page.page-landing .landing-teaching .container .teaching-imglist {
    width: 100%;
    display: flex;
    overflow: hidden;
    justify-content: space-between
}

.page.page-landing .landing-teaching .container .teaching-imglist div {
    width: 49.3%;
    height: 6.59rem;
    float: left
}

.page.page-landing .landing-teaching .container .teaching-imglist div:first-child {
    background: url(https://pkm-01.huohuacdn.com/v1/online/peppa-web-pc/web/static/676715bc5e513105c0702fb42736e763.png) no-repeat;
    background-size: 100% 100%
}

.page.page-landing .landing-teaching .container .teaching-imglist div:nth-child(2) {
    background: url("https://static.huohua.cn/image/huohua/www/index/main-list3.jpg") no-repeat;
    background-size: 100% 100%
}

.page.page-landing .landing-teaching .container .teaching-imglist div img {
    width: 100%;
    height: 100%
}

.page.page-landing .landing-teaching .container .teaching-six {
    height: 1.835rem;
    line-height: 1.835rem;
    margin: 0 auto;
    width: 11.27rem;
    text-align: center;
    font-size: 40px;
    position: relative
}

.page.page-landing .landing-teaching .container .teaching-text2 {
    width: 100%;
    text-align: center;
    line-height: 1.65rem;
    font-size: 20px;
    color: #999
}

.page.page-landing .landing-teaching .container .teaching-step {
    width: 100%;
    margin-bottom: .3rem
}

.page.page-landing .landing-teaching .container .teaching-step ul {
    background: url(https://pkm-01.huohuacdn.com/v1/online/peppa-web-pc/web/static/47674e2027189027a0966d4e3f738dd4.png) no-repeat;
    background-size: 100% 100%;
    height: 2.59rem;
    width: 20.95rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    padding: 0 .9rem
}

@media screen and (max-width: 968px) {
    .page.page-landing .landing-teaching .container .teaching-step ul {
        padding-right:.7rem
    }
}

.page.page-landing .landing-teaching .container .teaching-step ul li {
    font-size: 18px;
    float: left;
    line-height: 2.59rem
}

.page.page-landing .landing-teaching .container .teaching-step ul li:first-child {
    color: #f24656
}

.page.page-landing .landing-teaching .container .teaching-step ul li:nth-child(2) {
    color: #12afaf
}

.page.page-landing .landing-teaching .container .teaching-step ul li:nth-child(3) {
    color: #f2b319
}

.page.page-landing .landing-teaching .container .teaching-step ul li:nth-child(4) {
    color: #e87d2d
}

.page.page-landing .landing-teaching .container .teaching-step ul li:nth-child(5) {
    color: #3dc9f4
}

.page.page-landing .landing-teaching .container .teaching-step ul li:nth-child(6) {
    color: #314156
}

.page.page-landing .landing-teaching .container .teaching-three {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: .94rem;
    margin-bottom: .5rem
}

.page.page-landing .landing-teaching .container .teaching-three div {
    width: 6.76rem;
    height: 5.3rem;
    background-color: #ecf0f5
}

.page.page-landing .landing-teaching .container .teaching-three div .three {
    display: block;
    width: 100%;
    height: 3.83rem;
    background: url("https://static.huohua.cn/image/huohua/www/landing/landing-list4.png") no-repeat;
    background-size: 100% 100%
}

.page.page-landing .landing-teaching .container .teaching-three div .three1 {
    display: block;
    width: 100%;
    height: 3.83rem;
    background: url("https://static.huohua.cn/image/huohua/www/index/main-list6.jpg") no-repeat;
    background-size: 100% 100%
}

.page.page-landing .landing-teaching .container .teaching-three div .three2 {
    display: block;
    width: 100%;
    height: 3.83rem;
    background: url("https://static.huohua.cn/image/huohua/www/index/teacheaching-therr5.png") no-repeat;
    background-size: 100% 100%
}

.page.page-landing .landing-teaching .container .teaching-three div p {
    color: #666;
    font-size: 20px;
    width: 100%;
    text-align: center;
    line-height: 1.41rem
}

.page.page-landing .landing-teaching .container .teaching-team {
    height: 1.835rem;
    line-height: 1.835rem;
    margin: 0 auto;
    width: 780px;
    text-align: center;
    font-size: 40px;
    position: relative
}

.page.page-landing .landing-teaching .container .teaching-end {
    width: 100%;
    position: relative;
    display: flex;
    margin-top: .4rem;
    margin-bottom: 70px;
    justify-content: space-around
}

.page.page-landing .landing-teaching .container .teaching-end .end {
    height: 8rem;
    position: relative;
    width: 10.6rem;
    border: 3px solid #e7ecf3;
    border-radius: 2%
}

.page.page-landing .landing-teaching .container .teaching-end .end i {
    display: block;
    background: url(data:image/png;base64,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) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 40%;
    top: -1rem;
    width: 2rem;
    height: 2rem
}

.page.page-landing .landing-teaching .container .teaching-end .end .p1 {
    font-size: 25px;
    color: #ffcf55;
    width: 100%;
    text-align: center;
    margin-top: 1.41rem
}

.page.page-landing .landing-teaching .container .teaching-end .end .p4 {
    width: 100%;
    line-height: 1.88rem;
    background-color: #ffcf55;
    color: #fff;
    font-size: 20px;
    text-align: center;
    position: absolute;
    bottom: 0;
    border-radius: 0 0 2% 2%
}

.page.page-landing .landing-teaching .container .teaching-end .end .p4 strong {
    font-size: 25px
}

.page.page-landing .landing-teaching .container .teaching-end .end .p2 {
    margin-top: 1rem;
    width: 100%;
    text-align: center;
    font-size: 16px
}

.page.page-landing .landing-teaching .container .teaching-end .end .p2 p {
    line-height: .8rem
}

.page.page-landing .landing-teaching .container .teaching-end .end .p2 span {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAJCAYAAADpeqZqAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAAAkklEQVQY05XPsQnCYBRF4S8xveAADiCYAdJJwBFs7MTG2gFEHEJnUNAJgo1kgH8EB9AJgjYJpImYUz24nMu7kQ6KMkywwCHP0qqdxboZYId7UYZxO4iKMpw7pCHm9f3COs/SWyN9/M8R26SHABuM4p7SCasElz82vetNV4i6KosyTBHwwDLP0meT/Xqvwh6ztgBfdxYhkl1IDUEAAAAASUVORK5CYII=) no-repeat;
    background-size: 100% 100%;
    margin: 0 .2rem
}

.page.page-landing .landing-teaching .container .teaching-end .end2 {
    height: 8rem;
    position: relative;
    width: 10.6rem;
    border: 3px solid #e7ecf3;
    border-radius: 2%
}

.page.page-landing .landing-teaching .container .teaching-end .end2 i {
    display: block;
    background: url(data:image/png;base64,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) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 40%;
    top: -1rem;
    width: 2rem;
    height: 2rem
}

.page.page-landing .landing-teaching .container .teaching-end .end2 .p1 {
    font-size: 25px;
    color: #78deff;
    width: 100%;
    text-align: center;
    margin-top: 1.41rem
}

.page.page-landing .landing-teaching .container .teaching-end .end2 .p4 {
    width: 100%;
    line-height: 1.88rem;
    background-color: #78deff;
    color: #fff;
    font-size: 20px;
    text-align: center;
    position: absolute;
    bottom: 0;
    border-radius: 0 0 2% 2%
}

.page.page-landing .landing-teaching .container .teaching-end .end2 .p4 strong {
    font-size: 25px
}

.page.page-landing .landing-teaching .container .teaching-end .end2 .p2 {
    margin-top: .6rem;
    width: 100%;
    text-align: center;
    font-size: 16px
}

.page.page-landing .landing-teaching .container .teaching-end .end2 .p2 p {
    line-height: .8rem
}

.page.page-landing .landing-teaching .container .teaching-end .end2 .p2 span {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAJCAYAAADpeqZqAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAAAkklEQVQY05XPsQnCYBRF4S8xveAADiCYAdJJwBFs7MTG2gFEHEJnUNAJgo1kgH8EB9AJgjYJpImYUz24nMu7kQ6KMkywwCHP0qqdxboZYId7UYZxO4iKMpw7pCHm9f3COs/SWyN9/M8R26SHABuM4p7SCasElz82vetNV4i6KosyTBHwwDLP0meT/Xqvwh6ztgBfdxYhkl1IDUEAAAAASUVORK5CYII=) no-repeat;
    background-size: 100% 100%;
    margin: 0 .2rem
}

.flinks {
    background-color: #575757;
    color: #ccc;
    padding: 20px 0
}

.flinks span {
    color: #eee;
    margin-right: 5px
}

.flinks a {
    color: #ccc;
    padding: 0 5px;
    line-height: 1
}

.page.page-landing .landing-footer {
    background: #3c3c3c!important;
    overflow: hidden;
    margin-top: 0!important;
    zoom:1;color: #fff;
    z-index: 3
}

.page.page-landing .landing-footer .row {
    margin: 50px 0 55px;
    height: 42px;
    line-height: 42px;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.page.page-landing .landing-footer .col a {
    margin: 0 15px;
    color: #fff;
    font-size: 16px;
    font-weight: 400
}

@media screen and (max-width: 976px) {
    .page.page-landing .landing-footer .col a {
        font-size:12px
    }
}

.page.page-landing .landing-footer .col-flex {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start
}

.page.page-landing .landing-footer .col-flex p {
    height: 32px;
    line-height: 32px;
    background: #363636;
    padding: 0 20px;
    border-radius: 30px;
    font-size: 14px;
    float: right
}

.page.page-landing .landing-footer .col-flex p:not(:first-of-type) {
    margin-top: 2px
}

@media screen and (max-width: 976px) {
    .page.page-landing .landing-footer .col-flex p {
        font-size:12px
    }
}

.page.page-landing .landing-footer .company-info,.page.page-landing .landing-footer .copyright {
    padding-top: 15px;
    font-size: 12px;
    text-align: center;
    padding-bottom: 50px
}

.page.page-landing .landing-footer a.beian {
    color: #fff;
    margin-left: 50px
}

@media only screen and (min-device-width: 768px) and (max-device-width:1024px) and (orientation:portrait) {
    .landing-footer .col a {
        margin:0 10px;
        font-size: 12px
    }

    .landing-footer .col-flex p,.landing-footer .copyright {
        font-size: 12px
    }

    .landing-footer .row {
        margin: 30px 0
    }
}

.page.page-landing .landing-table .container {
    padding-bottom: 70px;
    padding-top: 50px
}

.page.page-landing .landing-table .container .section-title {
    margin: 0 auto 40px;
    text-align: center;
    height: 1rem;
    border-bottom: 1px solid red
}

.page.page-landing .landing-table .container .section-title h2 {
    margin: 0 auto;
    text-align: center;
    height: 1.835rem;
    line-height: 1.835rem;
    font-size: 40px;
    width: 480px;
    font-weight: 700;
    background-color: #fff;
    position: relative
}

.page.page-landing .landing-table .container .section-title h2:before {
    left: 0
}

.page.page-landing .landing-table .container .section-title h2:after,.page.page-landing .landing-table .container .section-title h2:before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #f45;
    position: absolute;
    top: 53%;
    transform: translateY(-50%)
}

.page.page-landing .landing-table .container .section-title h2:after {
    left: 100%
}

.page.page-landing .landing-table .container .section-descr {
    font-size: 20px;
    color: #999;
    margin-bottom: 45px;
    text-align: center
}

.page.page-landing .landing-table .container .section-descr .light-yellow {
    display: inline-block;
    line-height: 32px;
    color: #666;
    background-color: #feffc3
}

.page.page-landing .landing-table .container .section-descr .light-pink {
    display: inline-block;
    line-height: 32px;
    color: #666;
    background-color: #ffdfe2
}

.page.page-landing .landing-table .container .table-hader {
    width: 100%;
    height: 280px;
    display: flex;
    text-align: center;
    justify-content: space-between;
    align-items: flex-end
}

.page.page-landing .landing-table .container .table-hader .hader-a {
    width: 153px;
    height: 80px;
    color: #000;
    font-size: 13px;
    line-height: 80px;
    background-color: #ecf0f4
}

@media screen and (max-width: 1096px) {
    .page.page-landing .landing-table .container .table-hader .hader-a {
        width:136.8px
    }
}

@media screen and (max-width: 976px) {
    .page.page-landing .landing-table .container .table-hader .hader-a {
        width:109.6px
    }
}

.page.page-landing .landing-table .container .table-hader .hader-all {
    flex-grow: 1;
    height: 100%;
    display: flex;
    justify-content: space-around;
    align-items: flex-end
}

.page.page-landing .landing-table .container .table-hader .hader-all p {
    text-align: center;
    width: 16.67%;
    color: #fff;
    background-color: #a5cf28;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    font-size: 30px
}

.page.page-landing .landing-table .container .table-hader .hader-all p span {
    display: block;
    font-size: 16px
}

.page.page-landing .landing-table .container .table-hader .hader-all p:first-child {
    height: 80px;
    background-color: #ffcf55
}

.page.page-landing .landing-table .container .table-hader .hader-all p:nth-child(2) {
    height: 120px;
    background-color: #78deff
}

.page.page-landing .landing-table .container .table-hader .hader-all p:nth-child(3) {
    height: 160px;
    background-color: #a5cf28
}

.page.page-landing .landing-table .container .table-hader .hader-all p:nth-child(4) {
    height: 200px;
    background-color: #4fc4cf
}

.page.page-landing .landing-table .container .table-hader .hader-all p:nth-child(5) {
    height: 240px;
    background-color: #ab8eff
}

.page.page-landing .landing-table .container .table-hader .hader-all p:nth-child(6) {
    height: 280px;
    background-color: #ff6e70
}

.page.page-landing .landing-table .container table {
    width: 100%;
    table-layout: fixed;
    font-size: 13px;
    border-collapse: initial;
    border-spacing: 0 2px;
    text-align: center
}

.page.page-landing .landing-table .container table tbody {
    color: #fff
}

.page.page-landing .landing-table .container table tbody tr th {
    position: relative;
    color: #000;
    text-align: center
}

.page.page-landing .landing-table .container table tbody tr td {
    height: 120px;
    color: #000;
    font-size: 13px
}

.page.page-landing .landing-table .container table tbody .a {
    background-color: #ecf0f4
}

.page.page-landing .landing-table .container table tbody .b {
    background-color: #fff9e9;
    font-weight: 400
}

.page.page-landing .landing-table .container table tbody .c {
    background-color: #edfbff
}

.page.page-landing .landing-table .container table tbody .d {
    background-color: #f4f9e6
}

.page.page-landing .landing-table .container table tbody .e {
    background-color: #e9f8f9
}

.page.page-landing .landing-table .container table tbody .f {
    background-color: #f2eeff
}

.page.page-landing .landing-table .container table tbody .g {
    background-color: #ffecec
}

.page.page-landing .landing-table .container table tbody .w {
    background-color: #fff
}

.page.page-landing .landing-table .container .table-bottom {
    width: 100%;
    height: 60px;
    display: flex;
    justify-content: space-between;
    background-color: #f5f9fd;
    margin-bottom: 80px
}

.page.page-landing .landing-table .container .table-bottom p {
    text-align: center;
    font-size: 20px;
    line-height: 60px
}

.page.page-landing .landing-table .container .table-bottom .a {
    width: 153px;
    background-color: #ecf0f4;
    font-size: 13px
}

@media screen and (max-width: 1096px) {
    .page.page-landing .landing-table .container .table-bottom .a {
        width:136.8px
    }
}

@media screen and (max-width: 976px) {
    .page.page-landing .landing-table .container .table-bottom .a {
        width:109.6px
    }
}

.page.page-landing .landing-table .container .table-bottom div {
    display: flex;
    justify-content: space-around;
    flex-grow: 1
}

.page.page-landing .landing-table .container .table-bottom div p:first-child {
    color: #ab8eff
}

.page.page-landing .landing-table .container .table-bottom div p:nth-child(2) {
    color: #4fc4cf
}

.page.page-landing .landing-table .container .table-bottom div p:nth-child(3) {
    color: #ffb22c
}

.page.page-landing .landing-table .container .table-bottom div p:nth-child(4) {
    color: #a5cf28
}

.pages .page-landing .landing-from .fromText {
    background-color: hsla(0,0%,100%,.8);
    width: 365px;
    border-radius: 10px;
    position: absolute;
    top: 300px;
    left: 60px;
    padding-top: 30px
}

.pages .page-landing .landing-from .fromText .text {
    width: 100%;
    font-size: 18px;
    margin-bottom: 25px
}

.pages .page-landing .landing-from .fromText .text p {
    width: 100%;
    text-align: center;
    font-weight: 700
}

.pages .page-landing .landing-from .fromText .text p span {
    color: #f45
}

.pages .page-landing .landing-from .fromText .text p em {
    font-style: normal;
    font-size: 22px;
    color: #f45;
    font-weight: bolder
}

.pages .page-landing .landing-from .fromText .autha {
    width: 80%;
    height: 44px;
    border-radius: 22px;
    margin: 0 auto;
    text-align: center;
    background-color: #fff;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px
}

.pages .page-landing .landing-from .fromText .autha span {
    margin-right: 10px;
    display: block;
    border-radius: 20px;
    width: 95px;
    cursor: pointer;
    line-height: 30px;
    position: relative;
    overflow: hidden
}

.pages .page-landing .landing-from .fromText .autha input {
    flex-grow: 1;
    height: 100%;
    padding-left: 20px
}

.pages .page-landing .landing-from .fromText .autha .disabled {
    pointer-events: none
}

.pages .page-landing .landing-from .fromText .auth {
    width: 80%;
    height: 44px;
    border-radius: 22px;
    margin: 0 auto;
    text-align: center;
    background-color: #fff;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px
}

.pages .page-landing .landing-from .fromText .auth input {
    flex-grow: 1;
    height: 100%;
    padding-left: 20px
}

.pages .page-landing .landing-from .fromText button {
    display: block;
    text-align: center;
    font-size: 20px;
    width: 80%;
    height: 44px;
    line-height: 44px;
    border-radius: 22px;
    margin: 0 auto;
    color: #fff;
    background-color: #f45;
    margin-bottom: 15px;
    outline: none
}

.pages .page-landing .landing-from .fromText .c {
    text-align: center;
    color: #999;
    font-size: 13px;
    margin-bottom: 30px;
    position: relative
}

.pages .page-landing .landing-from .fromText .c:before {
    content: "";
    display: inline-block;
    margin-right: 4px;
    width: 12px;
    height: 14px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAOCAYAAAAbvf3sAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAC4jAAAuIwF4pT92AAABGklEQVQoz3WQsUpDQRBFz3sGSQqb4MgIJs38QNIELNNbiD9gbWGhhYUBCwsLCxEk+AX2Fn5AwEIQK/utFLJxxVaIEG1GWB/PhYW599xhdragckxlDbhyuR9iest5YSrbQBPoAptAGzh3fgR8AA/AC/BZmEoALoAp8Bhieq1M3AAGwDpwgKlMap7VN5VejT9p1JiXwMLr3RDTQc4blXAT6IaYdlzfmspyiGle2wDMgVVTWXHdBr7+nRBiWpjKCLhxaxRi+s4zJdCqNN37Dguv89MqgZmpDCqgBJYq+w2AWQkcAmNT6WT82e9vuAOMPQum0jOVJ1MZ1nzz0FkfoMiAAtfAO3Di9ikgwF6IafqnIWvcAo5dnoWY7nL+A7LRUK3pBMegAAAAAElFTkSuQmCC) no-repeat;
    background-size: 100% 100%;
    vertical-align: middle
}

.pages .page-landing .landing-country-code-from .fromText {
    background-color: hsla(0,0%,100%,.8);
    width: 365px;
    border-radius: 10px;
    position: absolute;
    top: 260px;
    padding-top: 30px
}

.pages .page-landing .landing-country-code-from .fromText .text {
    width: 100%;
    font-size: 18px
}

.pages .page-landing .landing-country-code-from .fromText .text p {
    width: 100%;
    text-align: center;
    font-weight: 700
}

.pages .page-landing .landing-country-code-from .fromText .text p span {
    color: #f45
}

.pages .page-landing .landing-country-code-from .fromText .text p em {
    font-style: normal;
    font-size: 22px;
    color: #f45;
    font-weight: bolder
}

.pages .page-landing .landing-country-code-from .fromText .age-tip {
    height: 20px
}

.pages .page-landing .landing-country-code-from .fromText .autha {
    width: 80%;
    height: 44px;
    border-radius: 22px;
    margin: 0 auto;
    text-align: center;
    background-color: #fff;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    padding-left: 16px
}

.pages .page-landing .landing-country-code-from .fromText .autha .area-code {
    display: inline-flex;
    font-family: PingFangSC-Medium;
    font-size: 16px;
    color: #484848;
    vertical-align: bottom;
    position: relative;
    padding-right: 5px;
    border-right: 1px solid #f0f0f0;
    align-items: center;
    height: 20px
}

.pages .page-landing .landing-country-code-from .fromText .autha .area-code .xiala {
    font-size: 20px;
    padding-left: 10px
}

.pages .page-landing .landing-country-code-from .fromText .autha input {
    flex-grow: 1;
    height: 100%;
    padding-left: 10px
}

.pages .page-landing .landing-country-code-from .fromText .autha .disabled {
    pointer-events: none
}

.pages .page-landing .landing-country-code-from .fromText .auth {
    width: 80%;
    height: 44px;
    border-radius: 22px;
    margin: 0 auto;
    text-align: center;
    background-color: #fff;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    line-height: 56px!important
}

.pages .page-landing .landing-country-code-from .fromText .auth input {
    width: 61%;
    flex-grow: 1;
    height: 100%;
    padding-left: 20px
}

.pages .page-landing .landing-country-code-from .fromText .auth span {
    margin-right: 10px;
    display: block;
    border-radius: 20px;
    width: 104px;
    cursor: pointer;
    line-height: 30px;
    position: relative;
    overflow: hidden
}

.pages .page-landing .landing-country-code-from .fromText button {
    display: block;
    text-align: center;
    font-size: 20px;
    width: 80%;
    height: 44px;
    line-height: 44px;
    border-radius: 22px;
    margin: 0 auto;
    color: #fff;
    background-color: #f45;
    margin-bottom: 15px;
    outline: none
}

.pages .page-landing .landing-country-code-from .fromText .c {
    text-align: center;
    color: #999;
    font-size: 13px;
    margin-bottom: 30px;
    position: relative
}

.pages .page-landing .landing-country-code-from .fromText .c:before {
    content: "";
    display: inline-block;
    margin-right: 4px;
    width: 12px;
    height: 14px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAOCAYAAAAbvf3sAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAC4jAAAuIwF4pT92AAABGklEQVQoz3WQsUpDQRBFz3sGSQqb4MgIJs38QNIELNNbiD9gbWGhhYUBCwsLCxEk+AX2Fn5AwEIQK/utFLJxxVaIEG1GWB/PhYW599xhdragckxlDbhyuR9iest5YSrbQBPoAptAGzh3fgR8AA/AC/BZmEoALoAp8Bhieq1M3AAGwDpwgKlMap7VN5VejT9p1JiXwMLr3RDTQc4blXAT6IaYdlzfmspyiGle2wDMgVVTWXHdBr7+nRBiWpjKCLhxaxRi+s4zJdCqNN37Dguv89MqgZmpDCqgBJYq+w2AWQkcAmNT6WT82e9vuAOMPQum0jOVJ1MZ1nzz0FkfoMiAAtfAO3Di9ikgwF6IafqnIWvcAo5dnoWY7nL+A7LRUK3pBMegAAAAAElFTkSuQmCC) no-repeat;
    background-size: 100% 100%;
    vertical-align: middle
}

.pages .page-landing .landing-country-code-from .fromText .abroad {
    color: #9fa4b0;
    font-weight: 400
}

.pages .page-landing .landing-country-code-from .fromText .abroad:before {
    background-image: url(https://asset.txqn.huohua.cn/image/1c93efd5-21c6-47a1-938f-d75d3134ec68.png)
}

.pages .page-landing .landing-country-code-from .fromText .charge-tip {
    position: absolute;
    width: 365px;
    text-align: left;
    line-height: 30px;
    font-size: 13px;
    font-weight: 400;
    color: #9fa4b0;
    margin-top: 40px;
    margin-left: 100px
}

.pages .page-landing .landing-country-code-from .fromText .charge-tip2 {
    position: absolute;
    width: 385px;
    text-align: left;
    line-height: 30px;
    font-size: 13px;
    font-weight: 400;
    color: #9fa4b0;
    margin-top: 20px;
    margin-left: 100px
}

.pages .page-landing .landing-fromE {
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5)!important;
    position: fixed;
    top: 0;
    left: 0;
    margin-top: 0!important;
    z-index: 999
}

.pages .page-landing .landing-fromE .fromText {
    background-color: #fff;
    width: 365px;
    border-radius: 10px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    left: 0;
    margin: auto;
    padding-top: 30px
}

.pages .page-landing .landing-fromE .fromText i {
    display: block;
    width: 36px;
    height: 36px;
    cursor: pointer;
    position: absolute;
    top: -33px;
    right: -37px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAlCAYAAAAuqZsAAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUNEMDcwMjM1OEJEMTFFOEFFNEI4QkI5MDVCMUE3OEYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUNEMDcwMjQ1OEJEMTFFOEFFNEI4QkI5MDVCMUE3OEYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxQ0QwNzAyMTU4QkQxMUU4QUU0QjhCQjkwNUIxQTc4RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxQ0QwNzAyMjU4QkQxMUU4QUU0QjhCQjkwNUIxQTc4RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgpBpgAAAAIUSURBVHja1Jg/TwIxGIeBGAYDuhPFhQENCeMNOpqLkwMfgg9gWB34Ai58CSZdjYHBRAc3TDQ6OOCfMLFg1E3qj+TXyws54NpDqU2eENrr+z60R6/XpFIq4WJZsexXAgdgF2yDTbDKti/wCh7ANTgHd8YZRiMWkTSogo4yLx32TUfNl4w4lRVwArb4fQiuQAvcgifwwbYMKIAy2Ad7IMW2Z3AETuOOWBY0xS/vgzrIGYx0jn36Ik6Tsaf2mxVwA9wz0BA0wLqB0CTrjDFkzHvmMBIbdXgRo+THEJrEF6P3Mk1u2vTpkXoDxQVKaYqMrUcuG0WsKUbqN6SkXF/cczPFKuKe8n9RSk6rvucq08RGa0yXFzVCgrRBD3gWAh77tkPaGszZleucvKAqpjDs39dj+8BQzmMfxRhh/1Y9pdUwMb2i1yMkiCoXtU9dPCHGxEps+J6zeJrImVybY25Fl0CsxsrLBY2Czehe8vqaFDtj5bHFfTOZ2EYqwdyKLoHYIysPLW9qLWArlWBuRZdA7JOVOxbLgBSxlUowt6JLIKZL3nKNGogYA8u1Li9iBPsk50pKbIf1Js+keOACrIF3ssY6zzBWRrposVd+FmJI+cRWriBdtNgDP8sxpG6IrVx5zMX1BdbZR5KzD3Gntz3zNoqtZW0Und1aO/0y4vTrm7MvvE4fESz9UOXfHkM5f3D350edPwIMAOjvpwN572t/AAAAAElFTkSuQmCC) no-repeat;
    background-size: 100% 100%
}

.pages .page-landing .landing-fromE .fromText .text {
    width: 100%;
    font-size: 18px;
    margin-bottom: 25px
}

.pages .page-landing .landing-fromE .fromText .text p {
    width: 100%;
    text-align: center;
    font-weight: 700
}

.pages .page-landing .landing-fromE .fromText .text p span {
    color: #f45
}

.pages .page-landing .landing-fromE .fromText .text p em {
    font-style: normal;
    font-size: 22px;
    color: #f45;
    font-weight: bolder
}

.pages .page-landing .landing-fromE .fromText .autha {
    width: 80%;
    height: 44px;
    border-radius: 22px;
    border: 1px solid #e1e1e1;
    margin: 0 auto;
    text-align: center;
    background-color: #fff;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
    padding-left: 20px
}

.pages .page-landing .landing-fromE .fromText .autha span {
    color: #f45;
    margin-right: 10px;
    display: block;
    background-color: #fff5f6;
    border-radius: 20px;
    width: 95px;
    cursor: pointer;
    line-height: 30px;
    font-size: 14px
}

.pages .page-landing .landing-fromE .fromText .autha input {
    flex-grow: 1;
    height: 100%;
    padding-left: 10px
}

.pages .page-landing .landing-fromE .fromText .autha .disabled {
    pointer-events: none
}

.pages .page-landing .landing-fromE .fromText .autha .area-code {
    line-height: 36px;
    font-family: PingFangSC-Medium;
    font-size: 16px;
    color: #484848;
    padding-right: 28px;
    position: relative
}

.pages .page-landing .landing-fromE .fromText .autha .area-code .xiala {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 20px;
    background: none!important
}

.pages .page-landing .landing-fromE .fromText .autha .area-code:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 8px;
    right: 0;
    width: 1px;
    height: 20px;
    background: #f0f0f0
}

.pages .page-landing .landing-fromE .fromText .auth {
    width: 80%;
    height: 44px;
    border-radius: 22px;
    border: 1px solid #e1e1e1;
    margin: 0 auto;
    text-align: center;
    background-color: #fff;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    line-height: 56px!important
}

.pages .page-landing .landing-fromE .fromText .auth span {
    color: #f45;
    margin-right: 10px;
    display: block;
    background-color: #fff5f6;
    border-radius: 20px;
    width: 104px;
    cursor: pointer;
    line-height: 30px;
    font-size: 14px
}

.pages .page-landing .landing-fromE .fromText .auth input {
    flex-grow: 1;
    height: 100%;
    padding-left: 20px
}

.pages .page-landing .landing-fromE .fromText button {
    display: block;
    text-align: center;
    font-size: 20px;
    width: 80%;
    height: 44px;
    line-height: 44px;
    border-radius: 22px;
    margin: 0 auto;
    color: #fff;
    background-color: #f45;
    margin-bottom: 15px;
    outline: none
}

.pages .page-landing .landing-fromE .fromText .c {
    text-align: center;
    color: #999;
    font-size: 13px;
    margin-bottom: 30px;
    position: relative
}

.pages .page-landing .landing-fromE .fromText .c:before {
    content: "";
    display: inline-block;
    margin-right: 4px;
    width: 12px;
    height: 14px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAOCAYAAAAbvf3sAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAC4jAAAuIwF4pT92AAABGklEQVQoz3WQsUpDQRBFz3sGSQqb4MgIJs38QNIELNNbiD9gbWGhhYUBCwsLCxEk+AX2Fn5AwEIQK/utFLJxxVaIEG1GWB/PhYW599xhdragckxlDbhyuR9iest5YSrbQBPoAptAGzh3fgR8AA/AC/BZmEoALoAp8Bhieq1M3AAGwDpwgKlMap7VN5VejT9p1JiXwMLr3RDTQc4blXAT6IaYdlzfmspyiGle2wDMgVVTWXHdBr7+nRBiWpjKCLhxaxRi+s4zJdCqNN37Dguv89MqgZmpDCqgBJYq+w2AWQkcAmNT6WT82e9vuAOMPQum0jOVJ1MZ1nzz0FkfoMiAAtfAO3Di9ikgwF6IafqnIWvcAo5dnoWY7nL+A7LRUK3pBMegAAAAAElFTkSuQmCC) no-repeat;
    background-size: 100% 100%;
    vertical-align: middle
}

.pages .page-landing .landing-bottomfrom {
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 120;
    background-color: rgba(0,0,0,.6)!important
}

.pages .page-landing .landing-bottomfrom .fromText {
    height: 70px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 26.67rem;
    margin: 0 auto
}

.pages .page-landing .landing-bottomfrom .fromText .text {
    font-size: 22px;
    color: #fff
}

.pages .page-landing .landing-bottomfrom .fromText .text p {
    text-align: center;
    font-weight: 700
}

.pages .page-landing .landing-bottomfrom .fromText .text p span {
    color: #fff14f
}

.pages .page-landing .landing-bottomfrom .fromText .text p em {
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    color: #fff14f
}

.pages .page-landing .landing-bottomfrom .fromText .autha {
    height: 46px;
    border-radius: 23px;
    width: 320px;
    text-align: center;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 17px
}

.pages .page-landing .landing-bottomfrom .fromText .autha span {
    color: #fff;
    width: 120px;
    display: block;
    height: 100%;
    cursor: pointer;
    line-height: 46px
}

.pages .page-landing .landing-bottomfrom .fromText .autha input {
    flex-grow: 1;
    height: 100%;
    padding-left: 20px
}

.pages .page-landing .landing-bottomfrom .fromText .auth {
    height: 46px;
    width: 200px;
    border-radius: 23px;
    text-align: center;
    background-color: #fff;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 17px
}

.pages .page-landing .landing-bottomfrom .fromText .auth input {
    flex-grow: 1;
    height: 100%;
    padding-left: 20px
}

.pages .page-landing .landing-bottomfrom .fromText button {
    display: block;
    width: 150px;
    text-align: center;
    font-size: 17px;
    height: 46px;
    line-height: 46px;
    border-radius: 23px;
    color: #fff;
    background-color: #f45;
    outline: none
}

.pages .page-landing .landing-bottomfrom-h .autha {
    background-color: #fff;
    padding-left: 16px
}

.pages .page-landing .landing-bottomfrom-h .autha input {
    border: none;
    padding-left: 10px!important
}

.pages .page-landing .landing-bottomfrom-h .autha .area-code {
    display: inline-flex;
    font-family: PingFangSC-Medium;
    font-size: 16px;
    color: #484848;
    position: relative;
    padding-right: 5px;
    border-right: 1px solid #f0f0f0;
    align-items: center;
    height: 20px
}

.pages .page-landing .landing-bottomfrom-h .autha .area-code .xiala {
    font-size: 20px;
    padding-left: 10px
}

.landing-wrapper {
    position: fixed;
    z-index: 9999;
    right: 0;
    bottom: 100px;
    color: #fff;
    font-size: 18px;
    line-height: 22px;
    text-align: center
}

.landing-wrapper .landing-list {
    display: flex;
    flex-direction: column;
    align-items: flex-end
}

.landing-wrapper .landing-list .icon-wrapper {
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0,0,0,.05);
    border-radius: 50%;
    margin: 0 10px;
    flex-shrink: 0
}

.landing-wrapper .landing-list .helper-online,.landing-wrapper .landing-list .helper-phone,.landing-wrapper .landing-list .helper-trail {
    height: 80px;
    margin-bottom: 10px;
    padding-right: 10px;
    border-radius: 40px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    display: flex;
    align-items: center;
    cursor: pointer
}

.landing-wrapper .landing-list .helper-online p,.landing-wrapper .landing-list .helper-phone p,.landing-wrapper .landing-list .helper-trail p {
    width: 2em;
    flex-shrink: 0
}

.landing-wrapper .landing-list .helper-online,.landing-wrapper .landing-list .helper-phone {
    width: 109px;
    height: 60px
}

.landing-wrapper .landing-list .helper-online .icon-wrapper,.landing-wrapper .landing-list .helper-phone .icon-wrapper {
    width: 44px;
    height: 44px
}

.landing-wrapper .landing-list .helper-trail {
    width: 162px;
    background-color: #fe5a69;
    box-shadow: 2px 4px 0 1px #e14b59
}

.landing-wrapper .landing-list .helper-online {
    background-color: #7ecced;
    box-shadow: 2px 4px 0 1px #55bce0
}

.landing-wrapper .landing-list .helper-phone {
    background-color: #a8dd43;
    box-shadow: 2px 4px 0 1px #9dcc1b;
    position: relative;
    transition: width .25s ease-out
}

.landing-wrapper .landing-list .helper-phone .phone-number {
    width: 11em;
    position: absolute;
    left: 80px
}

.landing-wrapper .landing-list .helper-phone:hover {
    width: 253px
}

.landing-wrapper .landing-list .icon {
    display: inline-block
}

.icon.icon-gift {
    background: url(data:image/png;base64,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);
    width: 33px;
    height: 32px;
    background-size: cover
}

.icon.icon-msg {
    background: url(data:image/png;base64,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);
    width: 24px;
    height: 23px;
    background-size: cover
}

.icon.icon-phone {
    background: url(data:image/png;base64,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);
    width: 22px;
    height: 24px;
    background-size: cover
}

@media (max-width: 1024px) {
    .helper-wrapper .helper-list {
        font-size:14px
    }
}

.page.page-landing+.helper-wrapper {
    display: none
}

.page.page-landing .landing {
    width: 100%;
    background-color: #fff;
    margin-top: 10px
}

.page.page-landing .landing .container {
    width: 26.67rem;
    margin: 0 auto
}

.page.page-landing .landing .container .btn {
    width: 540px;
    height: 80px;
    border-radius: 40px;
    display: block;
    background-color: #f45;
    color: #fff;
    font-size: 30px;
    line-height: 80px;
    text-align: center;
    margin: 0 auto;
    outline: none
}

.pages .landing-bannerC {
    width: 100%;
    height: 640px;
    background: url("https://asset.txqn.huohua.cn/assets/69eedecf-b45d-4238-a155-aec737babf02.png") no-repeat;
    background-size: cover;
    background-position: 50%;
    position: relative
}

.pages .landing-bannerC .landing-bannerC-logo {
    width: 136px;
    height: 40px;
    position: absolute;
    left: 19.1%;
    top: 20px
}

.pages .landing-bannerC .landing-bannerC-title {
    width: 762px;
    height: 136px;
    position: absolute;
    left: 19.1%;
    top: 100px
}

.pages .landing-bannerC .bannerModel {
    width: 460px;
    position: absolute;
    left: 19.1%;
    top: 272px;
    background: #fff;
    border: 4px solid #ffb60e;
    border-radius: 32px;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    padding-bottom: 21px
}

.pages .landing-bannerC .bannerModel .bannerModelFooter {
    width: 100%;
    height: 22px;
    margin-top: 13px;
    display: flex;
    align-items: center;
    justify-content: center
}

.pages .landing-bannerC .bannerModel .bannerModelFooter img {
    width: 14px;
    height: 14px
}

.pages .landing-bannerC .bannerModel .bannerModelFooter span {
    font-size: 14px;
    color: #9fa4b0;
    letter-spacing: 0;
    text-align: center;
    margin-left: 8px
}

.pages .landing-bannerC .bannerModel .charge-tip {
    position: absolute;
    bottom: -48px;
    color: #9fa4b0;
    font-size: 14px;
    line-height: 48px
}

.pages .landing-bannerC .bannerModel .bannerModelBtn {
    width: 396px;
    height: 64px;
    margin-top: 20px;
    background-image: linear-gradient(180deg,#ff5f45,#e83743);
    border-radius: 16px;
    text-align: center;
    line-height: 64px;
    font-size: 28px;
    color: #fff;
    letter-spacing: 0;
    font-weight: 700;
    cursor: pointer
}

.pages .landing-bannerC .bannerModel .bannerModelTip {
    position: absolute;
    top: 38px;
    font-size: 13px;
    color: #9fa4b0;
    line-height: 46px
}

.pages .landing-bannerC .bannerModel .bannerModelInputBox1 {
    width: 396px;
    height: 64px;
    background: #fff;
    border: 2px solid #ffcf70;
    border-radius: 16px;
    display: flex;
    align-items: center;
    font-size: 24px;
    margin-top: 64px
}

.pages .landing-bannerC .bannerModel .bannerModelInputBox1 div {
    width: 92px;
    height: 20px;
    text-align: center;
    border-right: 2px solid #ffcf70;
    line-height: 20px
}

.pages .landing-bannerC .bannerModel .bannerModelInputBox1 input {
    width: 250px;
    height: 80%;
    outline: none;
    border: 0;
    margin-left: 20px;
    color: #484848;
    background-color: transparent;
    font-weight: 700
}

.pages .landing-bannerC .bannerModel .bannerModelInputBox1 input::-webkit-input-placeholder {
    font-weight: 100
}

.pages .landing-bannerC .bannerModel .bannerModelInputBox1 input::-moz-input-placeholder {
    font-weight: 100
}

.pages .landing-bannerC .bannerModel .bannerModelInputBox1 input::-ms-input-placeholder {
    font-weight: 100
}

.pages .landing-bannerC .bannerModel .bannerModelInputBox2 {
    width: 396px;
    height: 64px;
    background: #fff;
    border: 2px solid #ffcf70;
    border-radius: 16px;
    display: flex;
    align-items: center;
    margin-top: 12px;
    font-size: 24px
}

.pages .landing-bannerC .bannerModel .bannerModelInputBox2 div {
    width: 160px;
    height: 100%;
    background: #ffcf70;
    text-align: center;
    line-height: 64px;
    color: #484848;
    border-top-right-radius: 13px;
    border-bottom-right-radius: 13px;
    flex-shrink: 0;
    cursor: pointer
}

.pages .landing-bannerC .bannerModel .bannerModelInputBox2 input {
    width: 211px;
    height: 80%;
    outline: none;
    border: 0;
    margin-left: 20px;
    color: #484848;
    background-color: transparent;
    font-weight: 700
}

.pages .landing-bannerC .bannerModel .bannerModelInputBox2 input::-webkit-input-placeholder {
    font-weight: 100
}

.pages .landing-bannerC .bannerModel .bannerModelInputBox2 input::-moz-input-placeholder {
    font-weight: 100
}

.pages .landing-bannerC .bannerModel .bannerModelInputBox2 input::-ms-input-placeholder {
    font-weight: 100
}

.pages .landing-bannerC .inputPlaceOnf input::-webkit-input-placeholder {
    font-weight: 100;
    color: #d9d9d8
}

.pages .landing-bannerC .inputPlaceOnf input::-moz-input-placeholder {
    font-weight: 100;
    color: #d9d9d8
}

.pages .landing-bannerC .inputPlaceOnf input::-ms-input-placeholder {
    font-weight: 100;
    color: #d9d9d8
}

.pages .landing-bannerC .bannerModelTitle {
    width: 368px;
    height: 64px;
    position: absolute;
    left: 21.5%;
    top: 264px;
    z-index: 2
}

.pages .page-landing-c .landingCStep1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    background: #fff;
    box-sizing: border-box;
    padding-bottom: 80px
}

.pages .page-landing-c .landingCStep1 .landingCStep1-title {
    width: 1100px;
    height: 228px
}

.pages .page-landing-c .landingCStep1 .landingCStep1-contrast {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center
}

.pages .page-landing-c .landingCStep1 .landingCStep1-contrast .contrastTitle {
    font-size: 40px;
    color: #333;
    letter-spacing: 2px;
    text-align: center;
    line-height: 60px;
    font-weight: 700
}

.pages .page-landing-c .landingCStep1 .landingCStep1-contrast .contrastTitle span {
    color: #1785ff
}

.pages .page-landing-c .landingCStep1 .landingCStep1-contrast .contrastContent {
    width: 1200px;
    height: 400px;
    background: url(https://asset.txqn.huohua.cn/assets/3063f573-2c10-4766-8c76-46186c09ff39.png) no-repeat;
    background-size: cover;
    background-position: 50%;
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    padding-left: 80px;
    padding-right: 80px
}

.pages .page-landing-c .landingCStep1 .landingCStep1-contrast .contrastContent .contrastContentLeft {
    margin-top: 80px
}

.pages .page-landing-c .landingCStep1 .landingCStep1-contrast .contrastContent .contrastContentLeft p {
    font-size: 28px;
    color: #655dbd;
    margin-top: 20px
}

.pages .page-landing-c .landingCStep1 .landingCStep1-contrast .contrastContent .contrastContentLeft span {
    font-size: 28px;
    color: #787a7c;
    margin-left: 20px
}

.pages .page-landing-c .landingCStep1 .landingCStep1-contrast .contrastContent .contrastContentRight {
    margin-top: 124px;
    text-align: right
}

.pages .page-landing-c .landingCStep1 .landingCStep1-contrast .contrastContent .contrastContentRight p {
    margin-top: 20px;
    font-size: 28px;
    color: #333
}

.pages .page-landing-c .landingCStep1 .landingCStep1-contrast .contrastContent .contrastContentRight span {
    font-weight: 700;
    font-size: 28px;
    color: #ff5e28;
    margin-left: 20px
}

.pages .page-landing-c .landingCStep1 .enumContent {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 80px
}

.pages .page-landing-c .landingCStep1 .enumContent .enumTitle {
    font-size: 40px;
    color: #333;
    letter-spacing: 2px;
    font-weight: 700
}

.pages .page-landing-c .landingCStep1 .enumContent .enumDesc {
    margin-top: 4px;
    font-size: 24px;
    color: #787a7c;
    letter-spacing: 0;
    text-align: center
}

.pages .page-landing-c .landingCStep1 .enumContent .enumContentList {
    width: 1200px;
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    padding-top: 40px
}

.pages .page-landing-c .landingCStep1 .enumContent .enumContentList .enumContentItem {
    width: 30%;
    display: flex;
    flex-direction: column;
    align-items: center
}

.pages .page-landing-c .landingCStep1 .enumContent .enumContentList .enumContentItem img {
    width: 388px;
    height: 248px
}

.pages .page-landing-c .landingCStep1 .enumContent .enumContentList .enumContentItem span {
    font-weight: 700;
    font-size: 28px;
    color: #ff5e28;
    letter-spacing: 0;
    margin-top: 20px
}

.pages .page-landing-c .landingCStep1 .enumContent .enumContentList .enumContentItem p {
    font-size: 22px;
    color: #787a7c;
    letter-spacing: 0;
    line-height: 32px;
    margin-top: 9px;
    text-align: center
}

.pages .page-landing-c .landingCStep1 .appointmentBtn {
    width: 480px;
    height: 88px;
    background-image: linear-gradient(180deg,#ff5f45,#e83743);
    border-radius: 40px;
    font-size: 40px;
    color: #fff;
    letter-spacing: 0;
    text-align: center;
    line-height: 88px;
    margin-top: 80px;
    cursor: pointer;
    font-weight: 700
}

.pages .page-landing-c .landingCStep2 {
    background: #fafbfd;
    box-sizing: border-box;
    padding-top: 78px;
    padding-bottom: 80px;
    display: flex;
    flex-direction: column;
    align-items: center
}

.pages .page-landing-c .landingCStep2 .landingCStep2Title {
    font-size: 40px;
    color: #333;
    letter-spacing: 2px;
    text-align: center;
    line-height: 60px;
    font-weight: 700
}

.pages .page-landing-c .landingCStep2 .landingCStep2Title span {
    color: #1785ff
}

.pages .page-landing-c .landingCStep2 .landingCStep2Desc {
    font-size: 24px;
    color: #787a7c;
    letter-spacing: 0;
    text-align: center;
    line-height: 32px;
    margin-top: 2px
}

.pages .page-landing-c .landingCStep2 .landingCStep2Desc span {
    color: #ff5e28;
    font-weight: 700
}

.pages .page-landing-c .landingCStep2 .landingCStep2Content {
    width: 1200px;
    height: 158px;
    display: flex;
    margin-top: 40px
}

.pages .page-landing-c .landingCStep2 .landingCStep2Content .landingCStep2ContentB {
    width: 139px;
    height: 100%
}

.pages .page-landing-c .landingCStep2 .landingCStep2Content .landingCStep2ContentT {
    width: 1052px;
    height: 100%;
    background: url(https://asset.txqn.huohua.cn/assets/761cb678-f988-4528-9cf3-4d52f4f4aa94.png) no-repeat;
    background-size: cover;
    background-position: 50%;
    display: flex;
    align-items: flex-end;
    box-sizing: border-box;
    padding-bottom: 24px
}

.pages .page-landing-c .landingCStep2 .landingCStep2Content .landingCStep2ContentT span {
    font-weight: 700;
    display: block;
    width: 33.33%;
    font-size: 28px;
    color: #fff;
    letter-spacing: 0;
    text-align: center;
    line-height: 40px
}

.pages .page-landing-c .landingCStep2 .landingCStep2List {
    width: 1200px
}

.pages .page-landing-c .landingCStep2 .landingCStep2List .landingCStep2Item {
    width: 100%;
    min-height: 72px;
    display: flex
}

.pages .page-landing-c .landingCStep2 .landingCStep2List .landingCStep2Item .landingCStep2ItemE {
    background: #edf0fb;
    width: 136px;
    font-size: 22px;
    color: #333;
    letter-spacing: 0;
    text-align: center;
    line-height: 72px;
    margin-top: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px
}

.pages .page-landing-c .landingCStep2 .landingCStep2List .landingCStep2Item .landingCStep2ItemB {
    width: 348px;
    background: #6cd3ed;
    border-radius: 4px;
    font-size: 22px;
    color: #fff;
    letter-spacing: 0;
    text-align: left;
    line-height: 32px;
    padding: 20px 16px;
    margin-left: 4px;
    margin-top: 4px
}

.pages .page-landing-c .landingCStep2 .landingCStep2List .landingCStep2Item .landingCStep2ItemG {
    width: 348px;
    background: #afcf4b;
    border-radius: 4px;
    font-size: 22px;
    color: #fff;
    letter-spacing: 0;
    text-align: left;
    line-height: 32px;
    padding: 20px 16px;
    margin-left: 4px;
    margin-top: 4px
}

.pages .page-landing-c .landingCStep2 .landingCStep2List .landingCStep2Item .landingCStep2ItemY {
    width: 348px;
    background: #ffb500;
    border-radius: 4px;
    font-size: 22px;
    color: #fff;
    letter-spacing: 0;
    text-align: left;
    line-height: 32px;
    padding: 20px 16px;
    margin-left: 4px;
    margin-top: 4px
}

.pages .page-landing-c .landingCStep2 .appointmentBtn {
    width: 480px;
    height: 88px;
    background-image: linear-gradient(180deg,#ff5f45,#e83743);
    border-radius: 40px;
    font-size: 40px;
    color: #fff;
    letter-spacing: 0;
    text-align: center;
    line-height: 88px;
    margin-top: 80px;
    cursor: pointer;
    font-weight: 700
}

.pages .page-landing-c .landingCStep3 {
    background: #fff;
    box-sizing: border-box;
    padding-top: 78px;
    padding-bottom: 80px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.pages .page-landing-c .landingCStep3 .landingCStep3Title {
    font-size: 40px;
    color: #333;
    letter-spacing: 2px;
    text-align: center;
    line-height: 60px;
    font-weight: 700
}

.pages .page-landing-c .landingCStep3 .landingCStep3Title span {
    color: #1785ff
}

.pages .page-landing-c .landingCStep3 .landingCStep3Content {
    width: 1200px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.pages .page-landing-c .landingCStep3 .landingCStep3Content .landingCStep3Item {
    width: 388px;
    height: 402px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 50px
}

.pages .page-landing-c .landingCStep3 .landingCStep3Content .landingCStep3Item span {
    font-size: 28px;
    color: #ff5e28;
    letter-spacing: 0;
    margin-top: 250px;
    font-weight: 700
}

.pages .page-landing-c .landingCStep3 .landingCStep3Content .landingCStep3Item p {
    font-size: 22px;
    color: #787a7c;
    letter-spacing: 0
}

.pages .page-landing-c .landingCStep3 .appointmentBtn {
    width: 480px;
    height: 88px;
    background-image: linear-gradient(180deg,#ff5f45,#e83743);
    border-radius: 40px;
    font-size: 40px;
    color: #fff;
    letter-spacing: 0;
    text-align: center;
    line-height: 88px;
    margin-top: 80px;
    cursor: pointer;
    font-weight: 700
}

.pages .page-landing-c .landingCStep4 {
    background: #fafbfd;
    box-sizing: border-box;
    padding-top: 78px;
    padding-bottom: 80px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.pages .page-landing-c .landingCStep4 .landingCStep4Title {
    font-size: 40px;
    color: #333;
    letter-spacing: 2px;
    text-align: center;
    line-height: 60px;
    font-weight: 700
}

.pages .page-landing-c .landingCStep4 .landingCStep4Title span {
    color: #1785ff
}

.pages .page-landing-c .landingCStep4 .landingCStep4Content {
    width: 1200px;
    height: 602px;
    display: flex;
    margin-top: 40px
}

.pages .page-landing-c .landingCStep4 .landingCStep4Content .beforeClass {
    width: 306px;
    height: 100%
}

.pages .page-landing-c .landingCStep4 .landingCStep4Content .inClass {
    width: 254px;
    height: 100%
}

.pages .page-landing-c .landingCStep4 .landingCStep4Content .afterClass {
    width: 628px;
    height: 100%
}

.pages .page-landing-c .landingCStep4 .appointmentBtn {
    width: 480px;
    height: 88px;
    background-image: linear-gradient(180deg,#ff5f45,#e83743);
    border-radius: 40px;
    font-size: 40px;
    color: #fff;
    letter-spacing: 0;
    text-align: center;
    line-height: 88px;
    margin-top: 80px;
    cursor: pointer;
    font-weight: 700
}

.pages .page-landing-c .landingCStep5 {
    background: #fff;
    box-sizing: border-box;
    padding-top: 78px;
    padding-bottom: 80px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.pages .page-landing-c .landingCStep5 .landingCStep5Title {
    font-size: 40px;
    color: #333;
    letter-spacing: 2px;
    text-align: center;
    line-height: 60px;
    font-weight: 700
}

.pages .page-landing-c .landingCStep5 .landingCStep5Title span {
    color: #1785ff
}

.pages .page-landing-c .landingCStep5 .landingCStep5Content {
    width: 1200px;
    display: flex;
    flex-wrap: wrap
}

.pages .page-landing-c .landingCStep5 .landingCStep5Content .landingCStep5UItem {
    width: 33.33%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 40px
}

.pages .page-landing-c .landingCStep5 .landingCStep5Content .landingCStep5UItem img {
    width: 140px;
    height: 140px
}

.pages .page-landing-c .landingCStep5 .landingCStep5Content .landingCStep5UItem span {
    font-size: 28px;
    color: #ff5e28;
    font-weight: 700
}

.pages .page-landing-c .landingCStep5 .landingCStep5Content .landingCStep5UItem p {
    font-size: 22px;
    color: #787a7c
}

.pages .page-landing-c .landingCStep5 .appointmentBtn {
    width: 480px;
    height: 88px;
    background-image: linear-gradient(180deg,#ff5f45,#e83743);
    border-radius: 40px;
    font-size: 40px;
    color: #fff;
    letter-spacing: 0;
    text-align: center;
    line-height: 88px;
    margin-top: 80px;
    cursor: pointer;
    font-weight: 700
}

.pages .page-landing-c .landingCStep6 {
    background: #fafbfd;
    box-sizing: border-box;
    padding-top: 78px;
    padding-bottom: 80px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.pages .page-landing-c .landingCStep6 .landingCStep6Content {
    width: 1120px;
    height: 466px;
    background: url(https://asset.txqn.huohua.cn/assets/5dd8ceab-ecca-4dda-a821-41a494847c08.png) no-repeat;
    background-size: cover;
    background-position: 50%;
    box-sizing: border-box;
    padding-top: 144px;
    display: flex;
    flex-direction: column;
    align-items: center
}

.pages .page-landing-c .landingCStep6 .landingCStep6Content .landingCStep6Title {
    font-size: 28px;
    color: #9fa4b0
}

.pages .page-landing-c .landingCStep6 .landingCStep6Content .landingCStep6List {
    width: 808px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 40px
}

.pages .page-landing-c .landingCStep6 .landingCStep6Content .landingCStep6List .landingCStep6Item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.pages .page-landing-c .landingCStep6 .landingCStep6Content .landingCStep6List .landingCStep6Item img {
    width: 88px;
    height: 88px
}

.pages .page-landing-c .landingCStep6 .landingCStep6Content .landingCStep6List .landingCStep6Item span {
    margin-top: 8px;
    font-size: 24px;
    color: #ff5e28;
    font-weight: 700
}

.pages .page-landing-c .landingCStep6 .landingCStep6Content .landingCStep6Desc {
    width: 808px;
    box-sizing: border-box;
    padding-left: 40px;
    margin-top: 20px
}

.pages .page-landing-c .landingCStep6 .landingCStep6Content .landingCStep6Desc ul {
    list-style: circle!important;
    font-size: 20px;
    color: #9fa4b0;
    letter-spacing: 0
}

.pages .page-landing-c .landingCStep6 .landingCStep6Content .landingCStep6Desc li {
    list-style: circle!important
}

.pages .page-landing-c .landingCStep6 .landingCStep6Content .landingCStep6Desc span {
    font-weight: 700
}

.pages .page-landing-c .landingCStep6 .landingCStep6Content .landingCStep6Supplement {
    margin-top: 20px;
    width: 804px;
    font-size: 20px;
    color: #9fa4b0;
    box-sizing: border-box;
    padding-left: 38px
}

.pages .page-landing-c .landingCStep7 {
    background: #fff;
    box-sizing: border-box;
    padding-top: 78px;
    padding-bottom: 80px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.pages .page-landing-c .landingCStep7 .landingCStep7Title {
    font-size: 40px;
    color: #333;
    letter-spacing: 2px;
    text-align: center;
    line-height: 60px;
    font-weight: 700
}

.pages .page-landing-c .landingCStep7 .landingCStep7Title span {
    color: #1785ff
}

.pages .page-landing-c .landingCStep7 img {
    margin-top: 30px;
    width: 1120px;
    height: 537px
}

.AIClassSpecialBox {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center
}

.AIClassSpecialBox .AIClassTabBarList {
    width: 648px;
    height: 80px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between
}

.AIClassSpecialBox .AIClassTabBarList .AIClassTabBarItem {
    width: 200px;
    height: 100%;
    background: #dcdee0;
    border-radius: 40px;
    font-size: 32px;
    color: #484848;
    line-height: 80px;
    text-align: center;
    font-weight: 700;
    cursor: pointer
}

.AIClassSpecialBox .AIClassTabBarList .AIClassTabBarActive .tabBarItemActiveMath {
    background: #2ab1ff;
    color: #fff
}

.AIClassSpecialBox .AIClassTabBarList .AIClassTabBarActive .tabBarItemActiveEnglish {
    background: #ff9736;
    color: #fff
}

.AIClassSpecialBox .AIClassTabBarList .AIClassTabBarActive .tabBarItemActiveChinese {
    background: #1ac37a;
    color: #fff
}

.AIClassSpecialBox .AIClassSpecialContent {
    width: 1200px;
    margin-top: 40px;
    box-sizing: border-box;
    padding-bottom: 120px
}

.AIClassSpecialBox .AIClassSpecialContent .AIClassSpecialMath {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.AIClassSpecialBox .AIClassSpecialContent .AIClassSpecialMath .AIClassSpecialMathItem {
    position: relative;
    width: 580px;
    height: 440px;
    display: flex;
    flex-direction: column;
    border-radius: 24px 24px 24px 24px;
    box-shadow: 0 2px 20px 0 rgba(0,0,0,.08);
    margin-top: 40px;
    cursor: pointer
}

.AIClassSpecialBox .AIClassSpecialContent .AIClassSpecialMath .AIClassSpecialMathItem img {
    z-index: 1;
    width: 100%;
    height: 340px
}

.AIClassSpecialBox .AIClassSpecialContent .AIClassSpecialMath .AIClassSpecialMathItem .MathItemDesc {
    z-index: 1;
    width: 100%;
    height: 100px;
    font-size: 32px;
    color: #222;
    text-align: center;
    line-height: 100px;
    background: #fff;
    border-radius: 0 0 24px 24px;
    font-weight: 700
}

.AIClassSpecialBox .AIClassSpecialContent .AIClassSpecialMath .AIClassSpecialMathItem .hoverCopy {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #00a2ff;
    z-index: 2;
    opacity: .95;
    border-radius: 24px
}

.AIClassSpecialBox .AIClassSpecialContent .AIClassSpecialMath .AIClassSpecialMathItem .hoverCopy .title {
    font-family: PingFangSC-Semibold;
    font-size: 36px;
    color: #fff;
    line-height: 48px;
    margin: 80px auto auto 60px
}

.AIClassSpecialBox .AIClassSpecialContent .AIClassSpecialMath .AIClassSpecialMathItem .hoverCopy ul {
    margin-left: 90px
}

.AIClassSpecialBox .AIClassSpecialContent .AIClassSpecialMath .AIClassSpecialMathItem .hoverCopy ul li {
    list-style: circle;
    margin-top: 20px;
    font-family: PingFangSC-Regular;
    font-size: 30px;
    color: #fff;
    letter-spacing: 0;
    line-height: 40px
}

.AIClassSpecialBox .AIClassSpecialContent .AIClassSpecialMath .AIClassSpecialMathItem .hoverCopy ul li:first-child {
    margin-top: 15px
}

.AIClassSpecialBox .AIClassSpecialContent .AIClassSpecialMath .AIClassSpecialMathItem:hover .hoverCopy {
    display: block
}

.AIClassSpecialBox .AIClassSpecialContent .AIClassSpecialEnglish {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 20px
}

.AIClassSpecialBox .AIClassSpecialContent .AIClassSpecialEnglish p {
    width: 950px;
    font-size: 24px;
    color: #666;
    letter-spacing: 0;
    text-align: center;
    margin-bottom: 70px
}

.AIClassSpecialBox .AIClassSpecialContent .AIClassSpecialEnglish img {
    width: 1000px;
    height: 670px
}

.AIClassSpecialBox .AIClassSpecialContent .mathItemImg {
    width: 1200px;
    height: 1202px
}

.AIClassSpecialBox .AIClassSpecialContent .englishItemImg {
    width: 1200px;
    height: 796px
}

.AIClassSpecialBox .AIClassSpecialContent .chineseItemImg {
    width: 1200px;
    height: 756px
}

.ChineseCarouselxxx {
    position: relative
}

.ChineseCarouselxxx .cclIcon {
    cursor: pointer;
    position: absolute
}

.ChineseCarouselxxx .rightIcon {
    right: -100px;
    top: 50%
}

.ChineseCarouselxxx .leftIcon {
    left: -100px;
    top: 50%
}

.ChineseCarouselxxx .title {
    margin-top: 20px;
    text-align: center
}

.ChineseCarouselxxx .title :first-child {
    font-family: PingFangSC-Semibold;
    font-size: 32px;
    color: #222;
    text-align: center;
    line-height: 44px
}

.ChineseCarouselxxx .title :nth-child(2) {
    font-family: PingFangSC-Regular;
    font-size: 24px;
    color: #666;
    letter-spacing: 0;
    text-align: center;
    line-height: 36px
}

.ChineseCarouselxxx .cclImg {
    margin-top: 40px
}

.ChineseCarouselxxx .cclImgS {
    margin-top: 209px
}

.page.page-download .container {
    overflow: hidden
}

.page.page-download .container .H {
    font-size: 45px;
    width: 500px;
    margin: 40px auto;
    position: relative;
    text-align: center
}

.page.page-download .container .H:after {
    left: 100%
}

.page.page-download .container .H:after,.page.page-download .container .H:before {
    content: "";
    background-color: red;
    width: 100%;
    display: block;
    height: 1px;
    position: absolute;
    top: 50%
}

.page.page-download .container .H:before {
    right: 100%
}

.page.page-download .container .teacher-nav {
    width: 100%;
    padding: 0 60px;
    display: flex;
    justify-content: space-around;
    font-size: 17px;
    margin-bottom: 50px
}

.page.page-download .container .teacher-nav .nav-a {
    width: 350px;
    height: 90px;
    border-radius: 45px;
    border: 1px solid #f45;
    text-align: center;
    color: #f45;
    display: flex;
    align-items: center;
    justify-content: center
}

.page.page-download .container .teacher-nav .nav-a:before {
    content: "";
    display: block;
    width: 55px;
    height: 54px;
    background: url(https://pkm-01.huohuacdn.com/v1/online/peppa-web-pc/web/static/f1aeca1659053fd123ec9035fb4bb6a5.png) no-repeat;
    margin-right: 20px
}

@media screen and (max-width: 976px) {
    .page.page-download .container .teacher-nav .nav-a {
        width:300px;
        height: 70px
    }
}

.page.page-download .container .teacher-nav .nav-b {
    width: 350px;
    height: 90px;
    border-radius: 45px;
    border: 1px solid #f45;
    text-align: center;
    color: #f45;
    display: flex;
    align-items: center;
    justify-content: center
}

.page.page-download .container .teacher-nav .nav-b:before {
    content: "";
    display: block;
    width: 55px;
    height: 54px;
    background: url(https://pkm-01.huohuacdn.com/v1/online/peppa-web-pc/web/static/1ade62f37d3f47bf641d925e71a72337.png) no-repeat;
    margin-right: 20px
}

@media screen and (max-width: 976px) {
    .page.page-download .container .teacher-nav .nav-b {
        width:300px;
        height: 70px
    }
}

.page.page-download .container .teacher-img {
    background-image: url(data:image/png;base64,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);
    width: 689px;
    height: 485px;
    padding: 22px 38px 22px 56px;
    clear: both;
    margin: 0 auto 80px
}

.classroom-btns {
    margin-bottom: 30px;
    text-align: center
}

.classroom-btns .btn-item {
    display: inline-block;
    margin: 10px 0;
    width: 350px;
    height: 90px;
    border-radius: 45px;
    border: 1px solid #f45;
    text-align: center;
    color: #f45
}

.classroom-btns .btn-item:before {
    content: "";
    float: left;
    width: 55px;
    height: 54px;
    background: url(https://pkm-01.huohuacdn.com/v1/online/peppa-web-pc/web/static/f1aeca1659053fd123ec9035fb4bb6a5.png) no-repeat;
    margin-left: 40px
}

@media screen and (max-width: 976px) {
    .classroom-btns .btn-item {
        width:300px;
        height: 70px
    }
}

.classroom-btns .btn-item .btn-text {
    float: right;
    margin: 20px
}

@media screen and (max-width: 976px) {
    .classroom-btns .btn-item .btn-text {
        margin:15px
    }
}

.classroom-btns .btn-new-item {
    background-color: #1890ff;
    border: 1px solid #1890ff;
    color: #fff;
    border-radius: 4px;
    padding: 5px;
    margin: 10px;
    font-weight: 700;
    display: inline-block;
    width: 320px
}

.classroom-btns .btn-new-item.download {
    background-color: #fff;
    border: 1px solid #ccc;
    color: #555
}

.classroom-btns .btn-new-item.disable {
    background-color: #ccc;
    border: 1px solid #ccc;
    color: #555
}

.page.page-download {
    width: 100%;
    background-color: #fff;
    margin-top: 10px
}

.page.page-download .container {
    width: 26.67rem;
    margin: 0 auto
}

.appointment-succsess {
    text-align: center
}

.appointment-succsess .order {
    width: 16px;
    height: 16px;
    margin-right: 8px;
    vertical-align: middle;
    display: inline-block;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAIAAAD9b0jDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NEEwMjc3NDkxMTY1MTFFOEI1MDNGN0JBRkQwM0IwNEMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NEEwMjc3NEExMTY1MTFFOEI1MDNGN0JBRkQwM0IwNEMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0QTAyNzc0NzExNjUxMUU4QjUwM0Y3QkFGRDAzQjA0QyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0QTAyNzc0ODExNjUxMUU4QjUwM0Y3QkFGRDAzQjA0QyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtaoEcMAAALHSURBVHjaYvz//z8DbnD968PrXx48//nu+c83//7/F2cXlGQXVuaSNuZTx6OLBavoz3+/Nrw8vP3Nycc/XmFVIMom4ChkFCRuB2RgyjJiuvTQ+4sTH67+8PsLAyHAwsicJusXLG5PwNCpj9ave3mQgRRgKaBdoxzPwcSG3dCKWzNPf7zOQDqQYBeer1PBxsQK4TIhu5E8E4Hgxc+3Zbemw7lQQ89+ukmqr9HA5c/3lj7bjTD0P8P/hjvzGCgG855uffnrHdTQza+Offv7k4EaYM7jLVBD1748QIZ+OU5xTMF97859//eT6dGPl09+vCbJOCZGpj6NnPk6lRGSzpiyh99dYjr/6TZWnfD0gQkmauTp86oAGc9+vMGUvfvtKdPb3x8xJULEHdYYNKfK+GJKdalnavEoABl1d+YC8x6mgre/PzG9/vUBU4KDmY2bmQPouwRpT2TxdrV0SFECNPHo+8tY/fHl73emv///YUosebZr5Yt9QEaslHuKjA9EcLJmgRm/JpBRf2ceLhMhCZRFhJUfq9ysx5uAZLiEU6Sky8c/X2U4RCG+bru3+Mj7S3iikYuJnUWYjR+XNNBcVkYWYPmWIesPEQGauPftWfxpQ4iVj0WbRxGPiqmP1gFJoLlAEpjrDuN1Izz9smhwywHNfvf7Ex5zgcX+q18fjhBhIhDYCuqBcpS3qCV+deteHiLSREM+VaATQYaGSTgyMjBSJe9nygZA8z4XM0eJYgTlJnqJWgDrRER56iFibgpOg2QDCXahYoUI9JK/VTVVml2EPBOZGZl61LPRS36IxCydMlN+DVJNBOaL2dplwPYAvip60bMdC5/uINJETxHzAoUwYF1NoN4Hgjvfnq56se/guwt//v/FZRwwDiIknAz4VIlqTMABMEec/HDt3vfnwOIRmP2BKnlZuIRZ+YB5xoRPA+hrXBoBAgwAqksSW/sN+kQAAAAASUVORK5CYII=) no-repeat;
    background-size: cover
}

.appointment-succsess p {
    line-height: 33px
}

.appointment-succsess p:first-child {
    font-size: 16px
}

.appointment-succsess p:not(:first-child) {
    font-size: 16px;
    line-height: 20px
}

.appointment-succsess p.sao,.appointment-succsess p.time {
    font-size: 14px;
    line-height: 30px
}

.appointment-succsess p.sao {
    padding-bottom: 14px
}

.appointment-succsess img {
    width: 120px;
    height: 120px
}

.appointment-succsess .explain h2 {
    font-size: 16px;
    font-weight: 400;
    border-top: 1px dashed #ddd;
    margin: 0 30px;
    padding-top: 14px
}

.appointment-succsess .explain p {
    font-size: 14px;
    text-align: left;
    margin: 10px 30px
}

.appointment-succsess .explain p:nth-child(2) {
    text-align: center
}

.appointment-succsess .explain p:last-child {
    text-align: center;
    margin: 0
}

.appointment-succsess .explain p:nth-last-child(2) {
    margin-top: 30px;
    margin-bottom: 0;
    text-align: center
}

.appointment-succsess .explain div {
    font-size: 14px;
    background: #fe5a69;
    width: 100px;
    margin-left: 30px;
    border-radius: 100px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    color: #fff
}

.lian {
    margin-top: 114px;
    padding-top: 111px;
    font-size: 16px
}

.bookingTime {
    padding-bottom: 20px;
    padding-top: 40px
}

.bookingTime p {
    font-size: 16px;
    text-align: center
}

.bookingTime .bookingTimeRow {
    margin-top: 20px;
    padding-bottom: 20px
}

.bookingTime .bookingTimeRow .bookingTimeRow-tittle {
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
    text-indent: 55px;
    font-size: 16px
}

.bookingTime .bookingTimeRow .bookingTimeRow-tips {
    font-size: 12px;
    color: #999;
    letter-spacing: 0;
    text-align: left;
    text-indent: 55px;
    margin-top: -6px
}

.bookingTime .bookingTimeRow .bookingTimeRow-buttongroup {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 440px;
    margin: auto
}

.bookingTime .bookingTimeRow .bookingTimeRow-buttongroup .bookingTimeRow-button {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 50px;
    padding: 0 25px;
    margin-top: 10px;
    margin-left: 15px;
    border: 1px solid #ddd;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    font-size: 12px;
    letter-spacing: 1px;
    text-align: center;
    color: #ddd;
    cursor: pointer
}

.bookingTime .bookingTimeRow .bookingTimeRow-buttongroup .bookingTimeRow-button p {
    height: 14px;
    font-size: 12px;
    color: #999
}

.bookingTime .bookingTimeRow .bookingTimeRow-buttongroup .bookingTimeRow-button.active {
    background: #fe5a69
}

.bookingTime .bookingTimeRow .bookingTimeRow-buttongroup .bookingTimeRow-button.active p {
    color: #fff
}

.bookingTime .bookingTimeRow .bookingTimeRow-buttongroup .bookingTimeRow-button.ban {
    background: #ddd;
    color: #fff;
    box-shadow: 0,0,0,0
}

.bookingTime .bookingTimeRow .bookingTimeRow-buttongroup .bookingTimeRow-button.ban:after {
    content: "\5DF2\6EE1";
    width: 80px;
    height: 30px;
    position: absolute;
    top: -32px;
    right: -54px;
    background: red;
    font-size: 12px;
    color: #fff;
    line-height: 45px;
    transform-origin: left top;
    transform: rotate(45deg)
}

.bookingTime .bookingTimeRow .bookingTimeRow-buttongroup .bookingTimeRow-button .coursename {
    line-height: 1.1
}

.bookingTime .bookingTime-select {
    font-size: 14px;
    color: #999;
    text-align: center;
    cursor: pointer
}

.bookingTime .bookingTime-select i {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-left: 5px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAYAAACMRWrdAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDAgNzkuMTYwNDUxLCAyMDE3LzA1LzA2LTAxOjA4OjIxICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+LUNEtwAAAqFJREFUaIHdmj9rFEEYh58TY29CEOwOidcFq4CCaKWd30Ahgi9p1WAEG8sYNa3cWyiYj2BjLyJnQBSsFC0VQdTKIjYWw8QYbu523/m35Fcd+87OzMNzO+zOLhzQ9NqeMBwO/c954C3wHrjY9HwRaTskAL1eu6keMo0Cc8AL4DhwAXhs7CdbLGCLwDYw2HNsGXiaZEaJYgG7A/THHL9Mh8xZwK4DrwO1zpizgH0BzgKjQL0T5qyLxw4OrrPmrGAAf+iwuRgw+GduO1BfBh5FjmFKLBg4c+eBD4H6CrCeYJxWSQEG8Bs4DXwM1NeAh4nGapRUYAA/cH/LT4H6DQqaSwkG8A1YYoI5VS1iLjUYNDCnqtnN5QCDDpjLBQaVzeUEg4rmcoNBJXMlwKCCuVJgUNhcSTAoaK40GCJSxFxxMAARaWLuXswYVcDgP3OfA01uqepNa//VwGDX3Bnge6DJA1Vds/RdFQx24RaBd4Em66p6v22/1cEAROQr8HNCk8GE2thUB1PVGVUd4Z7Cx2VLRC617bcqmKoewW2VLwWaPBGRK5a+D5tnFRlVnWEy1JaIXLX2X8WYqh4FXpLBlE9xY6o6C7wCTgaaRJnyKW3sGG73OAQVbcqnJNgs7po6EagnMeVTCsybWgjUk5nyKQE2zdQwpSmf3GDTTG2IyEqOgXOCTTO1KSKmG9wmyQXWxJT5kaRJcoBVNeWTGmwBeENFUz4p7zz6uNuk+UB9E/c6qUhSGRvg3mqGoDaAIqZ8UoD1cdfUXKBe1JRPLFjnTPnEgE0zdZcKpnysi8cAt1CEoFYp/M55fyzGTjHZ1G0qQ4HN2DPC11R1Uz4WY9dw33bsTydM+VjAnuO2pnf2HFsFovbaU8e6Ko6Ac8Av3LcbnTF14PMXxmS+WrsYMRMAAAAASUVORK5CYII=) no-repeat 50%;
    background-size: cover;
    vertical-align: middle
}

.bookingTime .bookingTime-sumbmit {
    width: 380px;
    height: 50px;
    background: #ddd;
    text-align: center;
    line-height: 50px;
    color: #fff;
    margin: 20px auto 0;
    border-radius: 4px
}

.bookingTime .bookingTime-sumbmit.active {
    background: #fe5a69;
    color: #fff
}

.info-process {
    display: flex;
    justify-content: space-between;
    margin: 0
}

.info-process .text {
    font-size: 12px;
    color: #000;
    margin-right: 16px
}

.info-process .strip {
    flex: 0.6;
    height: 4px;
    background-color: #efefef;
    border-radius: 2px;
    overflow: hidden;
    margin-top: 7px
}

.info-process .strip .red {
    display: block;
    height: 100%;
    width: 50px;
    background: linear-gradient(90deg,#ff8057,#ff3548);
    border-radius: 2px
}

.info-process .time {
    font-size: 12px;
    color: #999;
    margin-left: 16px
}

.babyInformation .appointment-succsess {
    text-align: center;
    padding: 40px 0 0
}

.babyInformation .appointment-succsess .order {
    width: 23px;
    height: 23px;
    margin-right: 8px;
    vertical-align: middle;
    display: inline-block;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAIAAAD9b0jDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NEEwMjc3NDkxMTY1MTFFOEI1MDNGN0JBRkQwM0IwNEMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NEEwMjc3NEExMTY1MTFFOEI1MDNGN0JBRkQwM0IwNEMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0QTAyNzc0NzExNjUxMUU4QjUwM0Y3QkFGRDAzQjA0QyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0QTAyNzc0ODExNjUxMUU4QjUwM0Y3QkFGRDAzQjA0QyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtaoEcMAAALHSURBVHjaYvz//z8DbnD968PrXx48//nu+c83//7/F2cXlGQXVuaSNuZTx6OLBavoz3+/Nrw8vP3Nycc/XmFVIMom4ChkFCRuB2RgyjJiuvTQ+4sTH67+8PsLAyHAwsicJusXLG5PwNCpj9ave3mQgRRgKaBdoxzPwcSG3dCKWzNPf7zOQDqQYBeer1PBxsQK4TIhu5E8E4Hgxc+3Zbemw7lQQ89+ukmqr9HA5c/3lj7bjTD0P8P/hjvzGCgG855uffnrHdTQza+Offv7k4EaYM7jLVBD1748QIZ+OU5xTMF97859//eT6dGPl09+vCbJOCZGpj6NnPk6lRGSzpiyh99dYjr/6TZWnfD0gQkmauTp86oAGc9+vMGUvfvtKdPb3x8xJULEHdYYNKfK+GJKdalnavEoABl1d+YC8x6mgre/PzG9/vUBU4KDmY2bmQPouwRpT2TxdrV0SFECNPHo+8tY/fHl73emv///YUosebZr5Yt9QEaslHuKjA9EcLJmgRm/JpBRf2ceLhMhCZRFhJUfq9ysx5uAZLiEU6Sky8c/X2U4RCG+bru3+Mj7S3iikYuJnUWYjR+XNNBcVkYWYPmWIesPEQGauPftWfxpQ4iVj0WbRxGPiqmP1gFJoLlAEpjrDuN1Izz9smhwywHNfvf7Ex5zgcX+q18fjhBhIhDYCuqBcpS3qCV+deteHiLSREM+VaATQYaGSTgyMjBSJe9nygZA8z4XM0eJYgTlJnqJWgDrRER56iFibgpOg2QDCXahYoUI9JK/VTVVml2EPBOZGZl61LPRS36IxCydMlN+DVJNBOaL2dplwPYAvip60bMdC5/uINJETxHzAoUwYF1NoN4Hgjvfnq56se/guwt//v/FZRwwDiIknAz4VIlqTMABMEec/HDt3vfnwOIRmP2BKnlZuIRZ+YB5xoRPA+hrXBoBAgwAqksSW/sN+kQAAAAASUVORK5CYII=) no-repeat;
    background-size: cover
}

.babyInformation .appointment-succsess p {
    line-height: 13px
}

.babyInformation .appointment-succsess p.keep {
    padding-top: 0;
    font-size: 16px
}

.babyInformation .appointment-succsess p.two {
    font-size: 12px;
    color: #999
}

.babyInformation .appointment-succsess p:first-child {
    padding-top: 0;
    font-size: 16px
}

.babyInformation .appointment-succsess p:nth-child(2) {
    padding-top: 10px;
    font-size: 12px;
    color: #999;
    padding-bottom: 20px
}

.babyInformation .babyInformation-form {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 50px;
    margin-top: 20px
}

.babyInformation .babyInformation-form .form-row {
    width: 80%
}

.babyInformation .babyInformation-form .form-row p {
    font-size: 16px
}

.babyInformation .babyInformation-form .form-row .submit {
    width: 100%;
    height: 50px;
    background: #ddd;
    text-align: center;
    margin-top: 30px;
    color: #fff;
    line-height: 50px;
    vertical-align: middle;
    border-radius: 4px
}

.babyInformation .babyInformation-form .form-row .submit.active {
    background: #f45;
    color: #fff
}

.babyInformation .babyInformation-form .rc-calendar-picker {
    width: 80%
}

.babyInformation .babyInformation-form .rc-calendar-picker .rc-calendar,.babyInformation .babyInformation-form .rc-calendar-picker .rc-calendar .rc-calendar-panel {
    width: 100%
}

.babyInformation .babyInformation-form .input {
    width: 100%;
    height: 40px;
    margin: 10px 0;
    border: none;
    outline: none;
    display: inline-block;
    box-shadow: 0 0 5px 2px rgba(0,0,0,.1);
    font-size: 14px;
    text-indent: 10px;
    text-align: left
}

.page_loading_wrapper {
    height: 100vh;
    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0
}

.page_loading_wrapper .loading_icon {
    position: relative;
    width: 50px;
    height: 50px;
    border: 2px solid #0f0f0f;
    border-top-color: rgba(0,0,0,.2);
    border-right-color: rgba(0,0,0,.2);
    border-bottom-color: rgba(0,0,0,.2);
    border-radius: 100%;
    animation: circle infinite .75s linear
}

@keyframes circle {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.page-aiclass {
    background-color: #fff!important;
    margin: 0 auto
}

.page-aiclass .com-header {
    position: absolute
}

.page-aiclass .com-header.active {
    position: fixed!important
}

.page-aiclass .aiCoverArea {
    background-image: url("https://asset.txqn.huohua.cn/assets/072f0688-44c4-4748-b707-ccad02ff04b7.png");
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    height: 640px;
    padding-top: 80px;
    display: flex;
    justify-content: center;
    align-items: center
}

.page-aiclass .aiCoverArea .aiCoverAreaText {
    width: 1200px
}

.page-aiclass .aiCoverArea .aiCoverAreaText img {
    width: 456px;
    height: 164px
}

.page-aiclass .aiAdvantageBox {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.page-aiclass .aiAdvantageBox .aiAdvantage {
    width: 1200px;
    height: 683px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    padding-top: 120px;
    padding-bottom: 120px
}

.page-aiclass .aiAdvantageBox .aiAdvantage .aiAdvantageTitle {
    font-size: 48px;
    color: #222;
    font-weight: 700
}

.page-aiclass .aiAdvantageBox .aiAdvantage .aiAdvantageContent {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    margin-top: 80px
}

.page-aiclass .aiAdvantageBox .aiAdvantage .aiAdvantageContent .aiAdvantageItem {
    width: 370px;
    height: 296px;
    background: #fff;
    box-shadow: 0 -2px 20px 0 rgba(0,0,0,.12);
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    font-size: 24px;
    color: #222
}

.page-aiclass .aiAdvantageBox .aiAdvantage .aiAdvantageContent .aiAdvantageItem img {
    width: 100%;
    height: 216px
}

.page-aiclass .aiAdvantageBox .aiAdvantage .aiAdvantageContent .aiAdvantageItem div {
    width: 100%;
    height: 80px;
    background: #fff;
    text-align: center;
    line-height: 80px;
    border-radius: 0 0 16px 16px
}

.page-aiclass .moreInterestingBox {
    width: 100%;
    background: #f9fafc;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative
}

.page-aiclass .moreInterestingBox .moreInteresting {
    width: 1200px;
    height: 2064px;
    box-sizing: border-box;
    padding-top: 80px;
    padding-bottom: 120px;
    display: flex;
    flex-direction: column;
    align-items: center
}

.page-aiclass .moreInterestingBox .moreInteresting .moreInterestingTitle {
    font-size: 48px;
    color: #222;
    font-weight: 700
}

.page-aiclass .moreInterestingBox .moreInteresting .moreInterestingDesc {
    margin-top: 20px;
    font-size: 24px;
    color: #666;
    letter-spacing: 0
}

.page-aiclass .moreInterestingBox .moreInteresting img {
    width: 1200px;
    height: 1660px;
    margin-top: 80px
}

.page-aiclass .moreInterestingBox .starLeft {
    width: 114px;
    height: 114px;
    position: absolute;
    left: 9.4%;
    top: 1317px
}

.page-aiclass .moreInterestingBox .starRight {
    width: 114px;
    height: 114px;
    position: absolute;
    right: 10.2%;
    top: 1766px
}

.page-aiclass .completeSetBox {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.page-aiclass .completeSetBox .completeSet {
    width: 1200px;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    padding-top: 80px;
    padding-bottom: 133px
}

.page-aiclass .completeSetBox .completeSet .completeSetTitle {
    font-size: 48px;
    color: #222;
    font-weight: 700
}

.page-aiclass .completeSetBox .completeSet .completeSetR {
    font-size: 24px;
    color: #ff5330;
    margin-top: 8px
}

.page-aiclass .completeSetBox .completeSet .completeSetDesc {
    font-size: 24px;
    color: #666;
    margin-top: 20px
}

.page-aiclass .completeSetBox .completeSet img {
    width: 1010px;
    height: 560px;
    margin-top: 80px
}

.page-aiclass .completeSetBox .completeSet ul {
    margin-top: 70px;
    font-size: 24px;
    color: #666
}

.page-aiclass .completeSetBox .completeSet li {
    list-style-type: circle;
    margin-top: 10px
}

.page-aiclass .aiClassDscArea {
    padding-bottom: 120px
}

.page-aiclass .aiClassDscArea .commonSubTitle {
    width: 950px;
    margin: auto
}

.page-aiclass .aiClassDscArea .classFeature {
    width: 1200px;
    position: relative;
    margin: auto;
    height: 220px;
    top: -60px;
    background: #fff;
    border: 1px solid #eaeaea;
    box-shadow: 0 4px 20px 4px rgba(0,0,0,.05);
    border-radius: 24px;
    padding: 60px 62px;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: center
}

.page-aiclass .aiClassDscArea .classFeature .classFeatureItem {
    display: flex;
    flex-direction: row;
    position: relative;
    padding-right: 40px
}

.page-aiclass .aiClassDscArea .classFeature .classFeatureItem:after {
    content: "";
    height: 60px;
    width: 1px;
    background-color: hsla(0,0%,85%,.5);
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

.page-aiclass .aiClassDscArea .classFeature .classFeatureItem:last-child {
    padding-right: 0
}

.page-aiclass .aiClassDscArea .classFeature .classFeatureItem:last-child:after {
    content: none
}

.page-aiclass .aiClassDscArea .classFeature .classFeatureItem .itemMarkImg {
    background: url("https://asset.txqn.huohua.cn/assets/8df9d477-ec0c-47fd-9e62-f0e23f0bb836.png") no-repeat;
    background-size: auto;
    width: 100px;
    height: 100px;
    margin: 0 2px 0 30px
}

.page-aiclass .aiClassDscArea .classFeature .classFeatureItem .itemMarkImg.leftItem {
    background-position: -10px -10px;
    margin-left: 0
}

.page-aiclass .aiClassDscArea .classFeature .classFeatureItem .itemMarkImg.middleItem {
    background-position: -130px -10px
}

.page-aiclass .aiClassDscArea .classFeature .classFeatureItem .itemMarkImg.rightItem {
    background-position: -250px -10px
}

.page-aiclass .aiClassDscArea .classFeature .classFeatureItem .itemText {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.page-aiclass .aiClassDscArea .classFeature .classFeatureItem .itemText .mainText {
    font-family: PingFangSC-Semibold;
    font-size: 32px;
    color: #222
}

.page-aiclass .aiClassDscArea .classFeature .classFeatureItem .itemText .subText {
    font-family: PingFangSC-Regular;
    font-size: 24px;
    color: #666
}

.page-aiclass .aiClassDscArea .aiClassBanner {
    width: 1200px;
    margin: 40px auto 0;
    height: 640px
}

.page-aiclass .aiClassDscArea .aiClassBanner .slick-list {
    height: 100%;
    position: relative;
    border-radius: 24px
}

.page-aiclass .aiClassDscArea .aiClassBanner .slick-list .slick-track {
    height: 100%
}

.page-aiclass .aiClassDscArea .aiClassBanner .slick-list .slick-track .bannerItemArea {
    height: 100%;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: 50%
}

.page-aiclass .aiClassDscArea .aiClassBanner .aiBannerDots {
    display: flex!important;
    justify-content: space-between;
    position: relative;
    top: -40px
}

.page-aiclass .aiClassDscArea .aiClassBanner .aiBannerDots>li {
    cursor: pointer;
    margin-right: 24px
}

.page-aiclass .aiClassDscArea .aiClassBanner .aiBannerDots>li .aiClassBannerDotsItem {
    width: 12px;
    height: 12px;
    opacity: .4;
    background: #fff;
    border-radius: 50%
}

.page-aiclass .aiClassDscArea .aiClassBanner .aiBannerDots>li:last-child {
    margin-right: 0
}

.page-aiclass .aiClassDscArea .aiClassBanner .aiBannerDots>li.slick-active>.aiClassBannerDotsItem {
    opacity: 1
}

.page-aiclass .aiClassDscArea .aiClassBanner .aiClassBannerBtn {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 160px;
    height: 200px;
    background-color: rgba(74,74,74,.2);
    z-index: 99;
    top: 0;
    bottom: 0;
    margin: auto;
    cursor: pointer
}

.page-aiclass .aiClassDscArea .aiClassBanner .aiClassBannerBtn>.iconfont {
    font-size: 24px;
    color: #fff
}

.page-aiclass .aiClassDscArea .aiClassBanner .aiClassBannerBtn.preBtn {
    left: 0;
    border-radius: 0 20px 20px 0
}

.page-aiclass .aiClassDscArea .aiClassBanner .aiClassBannerBtn.preBtn .icon-arrow-down {
    transform: rotate(90deg)
}

.page-aiclass .aiClassDscArea .aiClassBanner .aiClassBannerBtn.nextBtn {
    right: 0;
    border-radius: 20px 0 0 20px
}

.page-aiclass .aiClassDscArea .aiClassBanner .aiClassBannerBtn.nextBtn .icon-arrow-down {
    transform: rotate(-90deg)
}

.page-aiclass .aiClassStudyFeatureArea {
    padding: 80px 0;
    background-color: #f9fafc
}

.page-aiclass .aiClassStudyFeatureArea .studyFeatureList {
    width: 1200px;
    margin: 0 auto
}

.page-aiclass .aiClassStudyFeatureArea .studyFeatureList .studyFeatureItem {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 80px;
    list-style: none
}

.page-aiclass .aiClassStudyFeatureArea .studyFeatureList .studyFeatureItem .studyFeatureImg {
    width: 690px;
    height: 460px;
    background-size: auto;
    background-repeat: no-repeat;
    background-position: 50%
}

.page-aiclass .aiClassStudyFeatureArea .studyFeatureList .studyFeatureItem:nth-child(odd) {
    flex-direction: row
}

.page-aiclass .aiClassStudyFeatureArea .studyFeatureList .studyFeatureItem:nth-child(odd) .studyFeatureImg {
    margin-right: 24px
}

.page-aiclass .aiClassStudyFeatureArea .studyFeatureList .studyFeatureItem:nth-child(2n) {
    flex-direction: row-reverse
}

.page-aiclass .aiClassStudyFeatureArea .studyFeatureList .studyFeatureItem:nth-child(2n) .studyTextList {
    text-align: right
}

.page-aiclass .aiClassStudyFeatureArea .studyFeatureList .studyFeatureItem:nth-child(2n) .studyFeatureImg {
    margin-left: 24px
}

.page-aiclass .aiClassStudyFeatureArea .studyTextList {
    display: flex;
    flex-direction: column
}

.page-aiclass .aiClassStudyFeatureArea .studyTextList .mainDscText {
    font-family: PingFangSC-Semibold;
    font-size: 32px;
    color: #222;
    padding-bottom: 16px
}

.page-aiclass .aiClassStudyFeatureArea .studyTextList .subDscText {
    font-family: PingFangSC-Regular;
    font-size: 24px;
    color: #666
}

.page-aiclass .aiClassTeacherIntroduce {
    padding-top: 80px
}

.page-aiclass .aiClassTeacherIntroduce .teacherIntroduceArea {
    width: 1200px;
    margin: auto
}

.page-aiclass .aiClassTeacherIntroduce .teacherIntroduceArea .commonTeacherImg {
    position: relative;
    width: 100%;
    height: 800px;
    background-size: auto;
    background-repeat: no-repeat;
    background-position: 50%
}

.page-aiclass .aiClassTeacherIntroduce .teacherIntroduceArea .commonTeacherImg .commonTeacherMsgArea {
    position: absolute
}

.page-aiclass .aiClassTeacherIntroduce .teacherIntroduceArea .commonTeacherImg .commonTeacherMsgArea .titleTag {
    height: 6px;
    width: 32px;
    background-color: #fff
}

.page-aiclass .aiClassTeacherIntroduce .teacherIntroduceArea .commonTeacherImg .commonTeacherMsgArea .titleText {
    margin-top: 30px;
    font-family: PingFangSC-Semibold;
    font-size: 32px;
    color: #fff
}

.page-aiclass .aiClassTeacherIntroduce .teacherIntroduceArea .commonTeacherImg .commonTeacherMsgArea .teacherMsg {
    margin-top: 10px;
    font-family: PingFangSC-Regular;
    font-size: 24px;
    color: #fff
}

.page-aiclass .aiClassTeacherIntroduce .teacherIntroduceArea .commonTeacherImg.classTeacerArea {
    margin-top: 80px
}

.page-aiclass .aiClassTeacherIntroduce .teacherIntroduceArea .commonTeacherImg.classTeacerArea .classTeacherMsgArea {
    bottom: 108px;
    left: 170px
}

.page-aiclass .aiClassTeacherIntroduce .teacherIntroduceArea .commonTeacherImg.tutorTeacherArea .tutorTeacherMsgArea {
    bottom: 108px;
    right: 170px
}

.page-aiclass .aiClassScience {
    box-sizing: border-box;
    padding: 80px 0 120px;
    background: #f9fafc
}

.page-aiclass .aiClassScience .aiClassScienceBox {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center
}

.page-aiclass .aiClassScience .aiClassScienceBox span {
    font-size: 24px;
    color: #666;
    letter-spacing: 0
}

.page-aiclass .aiClassScience .aiClassScienceBox .aiClassScienceContent {
    margin-top: 80px
}

.page-aiclass .aiClassScience .aiClassScienceBox .aiClassScienceDesc {
    font-size: 24px;
    color: #9f9f9f;
    letter-spacing: 0;
    text-align: center;
    margin-top: 60px
}

.page-aiclass .aiClassSystem {
    background: #fff;
    padding: 80px 0 120px
}

.page-aiclass .aiClassSystem .aiClassSystemContentBox {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.page-aiclass .aiClassSystem .aiClassSystemContentBox img {
    width: 1200px;
    height: 796px
}

.page-aiclass .aiClassSystem .commonMainTitle {
    padding-bottom: 40px
}

.page-aiclass .aiClassSystem .aiClassSystemDetail {
    width: 1200px;
    margin: auto
}

.page-aiclass .aiClassSystem .aiClassSystemDetail .aiClassSystemBanner {
    width: 100%;
    height: auto;
    padding-top: 80px;
    box-sizing: content-box;
    position: relative
}

.page-aiclass .aiClassSystem .aiClassSystemDetail .aiClassSystemBanner .slick-list {
    height: 100%;
    position: relative;
    border-radius: 24px;
    overflow: hidden
}

.page-aiclass .aiClassSystem .aiClassSystemDetail .aiClassSystemBanner .slick-list .slick-track {
    height: 100%
}

.page-aiclass .aiClassSystem .aiClassSystemDetail .aiClassSystemBanner .slick-list .slick-track .bannerItemArea {
    position: relative
}

.page-aiclass .aiClassSystem .aiClassSystemDetail .aiClassSystemBanner .slick-list .slick-track .bannerItemArea .subImg {
    position: absolute;
    top: 16px;
    right: 6px;
    width: 144px;
    height: 90px
}

.page-aiclass .aiClassSystem .aiClassSystemDetail .aiClassSystemBanner .slick-list .slick-track .bannerItemArea .mainImg {
    height: 1040px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%
}

.page-aiclass .aiClassSystem .aiClassSystemDetail .aiClassSystemBanner .slick-list .slick-track .bannerItemArea .mainEnglishImg {
    height: 763px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: 50%
}

.page-aiclass .aiClassSystem .aiClassSystemDetail .aiClassSystemBanner .aiBannerDots {
    position: absolute;
    top: 0;
    width: 100%;
    display: flex!important;
    align-items: center;
    justify-content: center
}

.page-aiclass .aiClassSystem .aiClassSystemDetail .aiClassSystemBanner .aiBannerDots .aiClassBannerDotsItem {
    width: 200px;
    height: 80px;
    background: #e9ebee;
    border-radius: 40px;
    font-family: PingFangSC-Semibold;
    font-size: 32px;
    color: #484848;
    text-align: center;
    line-height: 80px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.page-aiclass .aiClassSystem .aiClassSystemDetail .aiClassSystemBanner .aiBannerDots .aiClassBannerDotsItem:hover {
    background: #dcdee0
}

.page-aiclass .aiClassSystem .aiClassSystemDetail .aiClassSystemBanner .aiBannerDots li:first-child {
    margin-right: 24px
}

.page-aiclass .aiClassSystem .aiClassSystemDetail .aiClassSystemBanner .aiBannerDots li.slick-active .aiClassBannerDotsItem {
    color: #fff
}

.page-aiclass .aiClassSystem .aiClassSystemDetail .aiClassSystemBanner .aiBannerDots li.slick-active .aiClassBannerDotsItem.mathSystemItem,.page-aiclass .aiClassSystem .aiClassSystemDetail .aiClassSystemBanner .aiBannerDots li.slick-active .aiClassBannerDotsItem.mathSystemItem:hover {
    background: #2ab1ff
}

.page-aiclass .aiClassSystem .aiClassSystemDetail .aiClassSystemBanner .aiBannerDots li.slick-active .aiClassBannerDotsItem.englishSystemItem,.page-aiclass .aiClassSystem .aiClassSystemDetail .aiClassSystemBanner .aiBannerDots li.slick-active .aiClassBannerDotsItem.englishSystemItem:hover {
    background: #ffa624
}

.page-aiclass .aiClassSystem .aiClassSystemDetail .aiClassSystemBanner .aiBannerDots li.slick-active .aiClassBannerDotsItem.chineseSystemItem,.page-aiclass .aiClassSystem .aiClassSystemDetail .aiClassSystemBanner .aiBannerDots li.slick-active .aiClassBannerDotsItem.chineseSystemItem:hover {
    background: #1ac37a
}

.page-aiclass .aiClassStudyTool {
    padding: 80px 0 120px
}

.page-aiclass .aiClassStudyTool .commonSubTitle {
    margin-bottom: 40px
}

.page-aiclass .aiClassStudyTool .studyToolDetail {
    width: 1200px;
    margin: auto
}

.page-aiclass .aiClassStudyTool .studyToolDetail .aiClassToolBanner {
    width: 100%;
    height: 682px;
    padding-top: 160px;
    box-sizing: content-box;
    position: relative
}

.page-aiclass .aiClassStudyTool .studyToolDetail .aiClassToolBanner .slick-list {
    height: 100%;
    position: relative;
    border-radius: 24px;
    overflow: hidden
}

.page-aiclass .aiClassStudyTool .studyToolDetail .aiClassToolBanner .slick-list .slick-track {
    height: 100%
}

.page-aiclass .aiClassStudyTool .studyToolDetail .aiClassToolBanner .slick-list .slick-track .bannerItemArea {
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%
}

.page-aiclass .aiClassStudyTool .studyToolDetail .aiClassToolBanner .aiBannerDots {
    position: absolute;
    top: 0;
    width: 100%;
    display: flex!important;
    align-items: center;
    justify-content: center
}

.page-aiclass .aiClassStudyTool .studyToolDetail .aiClassToolBanner .aiBannerDots .aiClassBannerDotsItem {
    width: 200px;
    height: 80px;
    background: #e9ebee;
    border-radius: 40px;
    font-family: PingFangSC-Semibold;
    font-size: 32px;
    color: #484848;
    text-align: center;
    line-height: 80px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.page-aiclass .aiClassStudyTool .studyToolDetail .aiClassToolBanner .aiBannerDots .aiClassBannerDotsItem:hover {
    background: #dcdee0
}

.page-aiclass .aiClassStudyTool .studyToolDetail .aiClassToolBanner .aiBannerDots li:first-child {
    margin-right: 24px
}

.page-aiclass .aiClassStudyTool .studyToolDetail .aiClassToolBanner .aiBannerDots li.slick-active .aiClassBannerDotsItem {
    color: #fff
}

.page-aiclass .aiClassStudyTool .studyToolDetail .aiClassToolBanner .aiBannerDots li.slick-active .aiClassBannerDotsItem.mathToolItem,.page-aiclass .aiClassStudyTool .studyToolDetail .aiClassToolBanner .aiBannerDots li.slick-active .aiClassBannerDotsItem.mathToolItem:hover {
    background: #2ab1ff
}

.page-aiclass .aiClassStudyTool .studyToolDetail .aiClassToolBanner .aiBannerDots li.slick-active .aiClassBannerDotsItem.englishToolItem,.page-aiclass .aiClassStudyTool .studyToolDetail .aiClassToolBanner .aiBannerDots li.slick-active .aiClassBannerDotsItem.englishToolItem:hover {
    background: #ffa624
}

.page-aiclass .aiClassPreferential {
    padding: 80px 0 120px;
    background-color: #fff
}

.page-aiclass .aiClassPreferential .aiClassList {
    margin-top: 60px;
    display: flex;
    align-items: center;
    justify-content: center
}

.page-aiclass .aiClassPreferential .aiClassList .aiClassItem {
    width: 528px;
    border: 1px solid #eaeaea;
    border-radius: 24px 24px 24px 24px;
    box-shadow: 0 10px 20px 2px rgba(0,0,0,.03)
}

.page-aiclass .aiClassPreferential .aiClassList .aiClassItem .top {
    width: 100%;
    border-radius: 24px 24px 0 0;
    height: 206px;
    background-size: auto;
    background-repeat: no-repeat;
    background-position: 50%
}

.page-aiclass .aiClassPreferential .aiClassList .aiClassItem .top .classMsg {
    padding: 60px 0 0 36px;
    border-radius: 24px 24px 0 0;
    display: flex;
    flex-direction: column
}

.page-aiclass .aiClassPreferential .aiClassList .aiClassItem .top .classMsg .goodsName {
    font-family: PingFangSC-Semibold;
    font-size: 32px;
    color: #fff
}

.page-aiclass .aiClassPreferential .aiClassList .aiClassItem .top .classMsg .goodsDsc {
    font-family: PingFangSC-Regular;
    font-size: 24px;
    color: #fff
}

.page-aiclass .aiClassPreferential .aiClassList .aiClassItem .bottom {
    border-radius: 0 0 24px 24px;
    background-color: #fff;
    padding: 48px 36px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0 0 20px 2px rgba(0,0,0,.03)
}

.page-aiclass .aiClassPreferential .aiClassList .aiClassItem .bottom .priceMsg {
    display: flex;
    color: #ff6e3d;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.page-aiclass .aiClassPreferential .aiClassList .aiClassItem .bottom .priceMsg .price .iconfont {
    font-size: 36px
}

.page-aiclass .aiClassPreferential .aiClassList .aiClassItem .bottom .priceMsg .price .iconshuzi-3 {
    font-size: 26px
}

.page-aiclass .aiClassPreferential .aiClassList .aiClassItem .bottom .priceMsg .price .dots {
    font-weight: 700;
    font-size: 34px
}

.page-aiclass .aiClassPreferential .aiClassList .aiClassItem .bottom .priceMsg .classCount {
    position: relative;
    font-family: PingFangSC-Semibold;
    font-size: 18px;
    bottom: 6px;
    align-self: flex-end
}

.page-aiclass .aiClassPreferential .aiClassList .aiClassItem .bottom .priceMsg .classCount .iconshuzi-13 {
    font-size: 18px
}

.page-aiclass .aiClassPreferential .aiClassList .aiClassItem .bottom .priceMsg .classCount .tag {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 146px;
    height: 40px;
    position: absolute;
    background: url("https://asset.txqn.huohua.cn/assets/46738bdb-e62b-4199-a2d4-cee83f3b5b92.png") no-repeat;
    top: -44px;
    font-family: PingFangSC-Regular;
    font-size: 24px
}

.page-aiclass .aiClassPreferential .aiClassList .aiClassItem .bottom .buyButton {
    width: 152px;
    height: 56px;
    background: #ff6e3d;
    border-radius: 28px;
    font-family: PingFangSC-Semibold;
    font-size: 24px;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: pointer
}

.page-aiclass .aiClassPreferential .aiClassList .aiClassItem .bottom .buyButton .buyUrlCodeArea {
    position: absolute;
    top: 66px;
    width: 180px;
    padding-top: 20px;
    border-radius: 24px;
    background-color: #fff;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-shadow: 0 4px 20px 4px rgba(0,0,0,.1);
    display: none;
    cursor: default
}

.page-aiclass .aiClassPreferential .aiClassList .aiClassItem .bottom .buyButton .buyUrlCodeArea .buyUrlCodeMsg {
    width: 120px;
    height: 120px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%
}

.page-aiclass .aiClassPreferential .aiClassList .aiClassItem .bottom .buyButton .buyUrlCodeArea .buyTipsText {
    padding-bottom: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    font-family: PingFangSC-Regular;
    font-size: 20px;
    color: #666
}

.page-aiclass .aiClassPreferential .aiClassList .aiClassItem .bottom .buyButton.englishBuyButton:hover .buyUrlCodeArea,.page-aiclass .aiClassPreferential .aiClassList .aiClassItem .bottom .buyButton.mathBuyButton:hover .buyUrlCodeArea {
    display: flex
}

.page-aiclass .aiClassPreferential .aiClassList .aiClassItem.math {
    margin-right: 24px
}

.page-aiclass .aiClassPreferential .aiClassList .aiClassItem.math .top {
    background-image: url("https://asset.txqn.huohua.cn/assets/b7c5edc7-6c0a-42b3-8e6d-b6bfb3027e2c.png")
}

.page-aiclass .aiClassPreferential .aiClassList .aiClassItem.math .bottom .buyUrlCodeMsg {
    background-image: url("https://asset.txqn.huohua.cn/assets/b2838273-7578-4770-b61f-1b28deecf359.png")
}

.page-aiclass .aiClassPreferential .aiClassList .aiClassItem.english .top {
    background-image: url("https://asset.txqn.huohua.cn/assets/273a2af7-7c1e-43c2-9731-2aa501dc8497.png")
}

.page-aiclass .aiClassPreferential .aiClassList .aiClassItem.english .bottom .buyUrlCodeMsg {
    background-image: url("https://asset.txqn.huohua.cn/assets/ec9fa48e-ff09-429f-9cf4-95faf4716a36.png")
}

.page-aiclass .howStudy {
    padding: 80px 0 120px
}

.page-aiclass .howStudy .studyProcess {
    width: 1200px;
    height: 254px;
    margin: 80px auto 0;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 50%;
    background-image: url("https://asset.txqn.huohua.cn/assets/studyProcess")
}

.page-aiclass .haveClassWay {
    padding: 80px 0 120px;
    background-color: #f9fafc
}

.page-aiclass .haveClassWay .downloadArea {
    margin-top: 16px;
    display: flex;
    align-items: center;
    justify-content: center
}

.page-aiclass .haveClassWay .downloadArea .donwloadLine {
    font-family: PingFangSC-Regular;
    font-size: 24px;
    color: #2ab1ff;
    display: flex;
    align-items: center
}

.page-aiclass .haveClassWay .downloadArea .donwloadLine .iconxiala-icon {
    display: block;
    width: 24px;
    height: 24px;
    transform: rotate(270deg);
    font-family: PingFangSC-Regular;
    font-size: 24px;
    color: #00a2ff
}

.page-aiclass .haveClassWay .haveClassWayList {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    width: 1200px;
    margin: 40px auto 0
}

.page-aiclass .haveClassWay .haveClassWayList .haveClassWayItem {
    display: flex;
    flex-direction: column
}

.page-aiclass .haveClassWay .haveClassWayList .haveClassWayItem .deviceImg {
    width: 268px;
    height: 360px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: auto 100%
}

.page-aiclass .haveClassWay .haveClassWayList .haveClassWayItem .deviceImg.phoneImg {
    background-image: url("https://asset.txqn.huohua.cn/image/ba47865f-9f8d-445a-adc7-79602d031deb.png")
}

.page-aiclass .haveClassWay .haveClassWayList .haveClassWayItem .deviceImg.padImg {
    background-image: url("https://asset.txqn.huohua.cn/image/7ab0e112-eb5f-4ab6-b88a-abcf7e4ef5be.png")
}

.page-aiclass .haveClassWay .haveClassWayList .haveClassWayItem .deviceMsg {
    padding-top: 40px;
    text-align: center;
    font-family: PingFangSC-Regular;
    font-size: 24px;
    color: #666;
    line-height: 36px
}

.page-aiclass .haveClassWay .haveClassWayList .haveClassWayItem.phoneItem {
    margin-right: 280px
}

.page-aiclass .FAQ {
    padding: 80px 0 120px
}

.page-aiclass .FAQ .faqList {
    width: 1200px;
    margin: 48px auto 0
}

.page-aiclass .FAQ .faqList .faqItem {
    list-style: none;
    display: flex;
    align-items: center;
    margin-top: 32px
}

.page-aiclass .FAQ .faqList .faqItem:before {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #00a2ff;
    margin-right: 20px
}

.page-aiclass .FAQ .faqList .faqItem .faqItemTitle {
    font-family: PingFangSC-Medium;
    font-size: 24px;
    color: #484848;
    padding-right: 40px
}

.page-aiclass .FAQ .faqList .faqItem .faqItemDsc {
    font-family: PingFangSC-Regular;
    font-size: 24px;
    color: #484848
}

.teaching-aids {
    width: 100%
}

.teaching-aids img {
    border-radius: 8px
}

.teaching-aids .teaching-aids-top {
    width: 100%
}

.teaching-aids .teaching-aids-bottom {
    width: 100%;
    margin-top: 24px;
    display: flex
}

.teaching-aids .teaching-aids-bottom .aids-item {
    flex: 1;
    margin-right: 24px
}

.teaching-aids .teaching-aids-bottom .aids-item img {
    width: 100%
}

.teaching-aids .teaching-aids-bottom .aids-item:last-child {
    margin: 0
}

.structure-table {
    background-color: #fff
}

.structure-table .table-hader {
    width: 100%;
    display: flex;
    text-align: center;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: .08rem
}

.structure-table .table-hader .hader-age {
    width: 3.73rem;
    line-height: 3.11rem;
    height: 3.11rem;
    background: #f6fbff;
    border-top-left-radius: .22rem;
    border-top-right-radius: .22rem;
    font-weight: 700;
    font-family: PingFangSC-Medium;
    font-size: .44rem;
    color: #484848
}

.structure-table .table-hader .hader-all {
    flex-grow: 1;
    height: 100%;
    display: flex;
    justify-content: space-around;
    align-items: flex-end
}

.structure-table .table-hader .hader-all .titleArea {
    font-family: PingFangSC-Medium;
    text-align: center;
    flex: 1;
    border-radius: .22rem .22rem 0 0;
    font-size: .4rem;
    margin-left: .08rem;
    padding: .44rem 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.structure-table .table-hader .hader-all .titleArea>.topText {
    font-family: PingFangSC-Medium;
    font-size: .62rem;
    color: #fff;
    line-height: .97rem
}

.structure-table .table-hader .hader-all .titleArea>.bottomText {
    font-family: PingFangSC-Medium;
    font-size: .44rem;
    color: #fff;
    line-height: .71rem
}

.structure-table .table-hader .hader-all .titleArea:first-child {
    height: 3.11rem;
    background-color: #ffd937
}

.structure-table .table-hader .hader-all .titleArea:nth-child(2) {
    height: 3.55rem;
    background-color: #ffca3a
}

.structure-table .table-hader .hader-all .titleArea:nth-child(3) {
    height: 4rem;
    background-color: #ffb53e
}

.structure-table .table-hader .hader-all .titleArea:nth-child(4) {
    height: 4.44rem;
    background-color: #ffa241
}

.structure-table .table-hader .hader-all .titleArea:nth-child(5) {
    height: 4.88rem;
    background-color: #ff9145
}

.structure-table .table-hader .hader-all .titleArea:nth-child(6) {
    height: 5.33rem;
    background-color: #ff8249
}

.structure-table .table-body-item {
    width: 100%;
    display: flex;
    margin-bottom: .08rem
}

.structure-table .table-body-item:last-child {
    border-bottom-left-radius: .22rem;
    border-bottom-right-radius: .22rem;
    overflow: hidden
}

.structure-table .table-body-item .item-title {
    width: 3.73rem;
    text-align: center;
    background: #f6fbff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-weight: 700;
    font-family: PingFangSC-Medium;
    font-size: .44rem;
    color: #484848
}

.structure-table .table-body-item .item-title.special-item {
    height: 3.37rem
}

.structure-table .table-body-item .item-content {
    flex: 1;
    background: #f4f8fb;
    box-sizing: border-box;
    height: 1.95rem;
    margin-left: .08rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-family: PingFangSC-Regular;
    font-size: .44rem;
    color: #484848;
    text-align: center
}

.structure-table .table-body-item .item-content.special-content {
    height: 3.37rem
}

.structure-table .table-body-item .item-content.fullItemContent {
    display: flex;
    flex-direction: row
}

.structure-table .table-body-item .item-content.fullItemContent>.fullItem {
    margin-right: .44rem
}

.table-bottom {
    width: 100%;
    height: 1.55rem;
    margin: 0 auto;
    color: #484848;
    font-size: .31rem;
    display: flex;
    justify-content: space-between
}

.table-bottom p {
    text-align: center;
    line-height: 1.55rem
}

.table-bottom .table-bottom-title {
    width: 2.44rem;
    height: 1.55rem;
    background-color: #f3ede9;
    font-size: .31rem;
    margin-right: .08rem;
    border-bottom-left-radius: .22rem;
    font-weight: 700
}

.table-bottom div {
    display: flex;
    justify-content: space-around;
    flex-grow: 1;
    background-color: #ededed;
    border-bottom-right-radius: .22rem
}

.commonStepTitleArea {
    display: flex;
    flex-direction: column;
    width: 1200px;
    margin: auto;
    text-align: center
}

.commonStepTitleArea .commonMainTitle {
    font-family: PingFangSC-Semibold;
    font-size: 48px;
    color: #222;
    padding-bottom: 40px
}

.commonStepTitleArea .commonSubTitle {
    font-family: PingFangSC-Regular;
    font-size: 24px;
    color: #666
}

.chinses-page {
    width: 100%;
    height: auto;
    background: #fff;
    max-width: unset
}

.chinses-page .chinese-banner {
    height: 500px;
    width: 100%;
    background-color: #3ebda0
}

.chinses-page .chinese-banner .banner-content {
    width: 26.67rem;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    background: url(https://hf-mix.sparkeducdn.com/huohua/peppa-parent/assets/image/2023-12-19/3a064852-c3a5-454e-f305-980a0d58340e.png) 100% 0 no-repeat;
    background-size: cover;
    background-position: 50%
}

.chinses-page .chinese-banner .banner-content .banner-title {
    margin: 0;
    margin-top: 160px;
    height: 48px;
    font-family: PingFangSC-Regular;
    font-size: 32px;
    color: #fff;
    letter-spacing: 0;
    line-height: 48px
}

.chinses-page .chinese-banner .banner-content .huohua-chinese {
    width: 550px;
    height: 100px;
    margin-top: 8px;
    background: url(https://asset.txqn.huohua.cn/assets/aaefccbe-d7a9-4326-a819-1d015eaa09e7.png) 50%/100% no-repeat
}

.chinses-page .chinese-banner .banner-content .banner-tips {
    font-family: PingFangSC-Semibold;
    font-size: 48px;
    color: #fff;
    letter-spacing: 0;
    line-height: 67px;
    margin-top: 20px
}

.chinses-page .chinese-banner .banner-content .class-peculiarity {
    display: flex
}

.chinses-page .chinese-banner .banner-content .class-peculiarity .peculiarity-item {
    background: #f5e9c1;
    width: 136px;
    height: 40px;
    font-family: PingFangSC-Light;
    font-size: 24px;
    color: #f45;
    letter-spacing: 0;
    text-align: center;
    line-height: 40px;
    position: relative;
    margin-right: 8px
}

.chinses-page .chinese-banner .banner-content .class-peculiarity .peculiarity-item:after,.chinses-page .chinese-banner .banner-content .class-peculiarity .peculiarity-item:before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #db2a31;
    position: absolute;
    top: -4px;
    left: -4px
}

.chinses-page .chinese-banner .banner-content .class-peculiarity .peculiarity-item:after {
    top: 36px
}

.chinses-page .chinese-banner .banner-content .class-peculiarity .peculiarity-item .mask-point:after,.chinses-page .chinese-banner .banner-content .class-peculiarity .peculiarity-item .mask-point:before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #db2a31;
    position: absolute;
    top: -4px;
    right: -4px
}

.chinses-page .chinese-banner .banner-content .class-peculiarity .peculiarity-item .mask-point:after {
    top: 36px
}

.chinses-page .chinese-banner .banner-content .class-peculiarity .peculiarity-item:nth-child(3) .mask-point:after,.chinses-page .chinese-banner .banner-content .class-peculiarity .peculiarity-item:nth-child(3) .mask-point:before {
    background: #df353a
}

.chinses-page .section-wrapper {
    width: 26.67rem;
    margin: 0 auto
}

.chinses-page .section-wrapper .section-nav {
    width: 100%;
    margin-top: 40px
}

.chinses-page .section-wrapper .section-nav .nav {
    white-space: nowrap;
    display: flex;
    justify-content: space-around
}

.chinses-page .section-wrapper .section-nav .nav .course-list {
    width: 160px
}

.chinses-page .section-wrapper .section-nav .nav .course-list .nav-item {
    width: 100%;
    height: 90px;
    display: block;
    margin: 0 auto;
    text-decoration: none;
    transition: all .3s ease-out;
    text-align: center;
    position: relative;
    font-family: PingFangSC-Regular;
    font-size: 24px;
    color: #484848;
    letter-spacing: 0
}

.chinses-page .section-wrapper .section-nav .nav .course-list .nav-item:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 6px;
    border-radius: 6px;
    background-color: #c2c2c2
}

.chinses-page .section-wrapper .section-nav .nav .course-list .nav-item:not(.disable).active {
    width: 90%;
    color: #fff;
    border-radius: 6px
}

@media screen and (max-width: 960px) {
    .chinses-page .section-wrapper .section-nav .nav .course-list .nav-item:not(.disable).active {
        width:80%
    }
}

.chinses-page .section-wrapper .section-nav .nav .course-list .nav-item:not(.disable).active:after {
    display: none
}

.chinses-page .section-wrapper .section-nav .nav .course-list .nav-item:not(.disable).L0.active,.chinses-page .section-wrapper .section-nav .nav .course-list .nav-item:not(.disable).L0:after {
    background-color: #ffd937
}

.chinses-page .section-wrapper .section-nav .nav .course-list .nav-item:not(.disable).L1.active,.chinses-page .section-wrapper .section-nav .nav .course-list .nav-item:not(.disable).L1:after {
    background-color: #ffca3a
}

.chinses-page .section-wrapper .section-nav .nav .course-list .nav-item:not(.disable).L2.active,.chinses-page .section-wrapper .section-nav .nav .course-list .nav-item:not(.disable).L2:after {
    background-color: #ffb53e
}

.chinses-page .section-wrapper .section-nav .nav .course-list .nav-item:not(.disable).L3.active,.chinses-page .section-wrapper .section-nav .nav .course-list .nav-item:not(.disable).L3:after,.chinses-page .section-wrapper .section-nav .nav .course-list .nav-item:not(.disable).swkcqmk.active,.chinses-page .section-wrapper .section-nav .nav .course-list .nav-item:not(.disable).swkcqmk:after {
    background-color: #ffa241
}

.chinses-page .section-wrapper .section-nav .nav .course-list .nav-item:not(.disable).L4.active,.chinses-page .section-wrapper .section-nav .nav .course-list .nav-item:not(.disable).L4:after {
    background-color: #ff9145
}

.chinses-page .section-wrapper .section-nav .nav .course-list .nav-item:not(.disable).L5.active,.chinses-page .section-wrapper .section-nav .nav .course-list .nav-item:not(.disable).L5:after {
    background-color: #ff8249
}

.chinses-page .section-wrapper .section-nav .nav .course-list .nav-item:not(.disable).L6.active,.chinses-page .section-wrapper .section-nav .nav .course-list .nav-item:not(.disable).L6:after,.chinses-page .section-wrapper .section-nav .nav .course-list .nav-item:not(.disable).L7.active,.chinses-page .section-wrapper .section-nav .nav .course-list .nav-item:not(.disable).L7:after {
    background-color: #ff7322
}

.chinses-page .section-wrapper .section-nav .nav .course-list .nav-item span {
    display: block
}

.chinses-page .section-wrapper .section-nav .nav .course-list .nav-item .course-name {
    height: 90px;
    line-height: 90px;
    text-align: center
}

.chinses-page .section-wrapper .section-nav .nav .course-list .nav-item .course-text {
    font-size: 18px;
    line-height: 40px
}

.chinses-page .section-wrapper .section-nav .nav .course-list .disable {
    color: #c5cad5;
    cursor: not-allowed
}

.chinses-page .section-wrapper .section-nav .nav .course-list .disable:after {
    background-color: #e3e5ed
}

.class-info {
    width: 100%;
    margin-top: 80px
}

.class-info .info-tips {
    margin-top: 40px;
    font-family: PingFangSC-Regular;
    font-size: 36px;
    color: #484848;
    letter-spacing: 0;
    text-align: center;
    line-height: 48px;
    font-weight: 100
}

.class-info .distinction-table {
    padding-top: 40px;
    position: relative
}

.class-info .distinction-table .vs-icon {
    width: 90px;
    height: 116px;
    background: url(https://asset.txqn.huohua.cn/image/401791f5-6da8-4514-a76d-1dedf81a900e.png) 50% no-repeat;
    background-size: contain;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 4px;
    z-index: 10
}

.class-info .distinction-table table {
    width: 100%;
    height: 332px;
    border-radius: 16px;
    overflow: hidden
}

.class-info .distinction-table table tr {
    width: 100%;
    height: 80px;
    border-radius: 4px
}

.class-info .distinction-table table tr th {
    width: 50%;
    height: 80px;
    font-family: PingFangSC-Regular;
    font-size: 24px;
    color: #484848;
    letter-spacing: 0;
    text-align: center;
    line-height: 80px
}

.class-info .distinction-table table tr th:first-child {
    background: #fff6ee;
    border-radius: 4px 0 0 4px
}

.class-info .distinction-table table tr th:last-child {
    background: #f5f6ff;
    border-radius: 0 4px 4px 0
}

.class-info .distinction-table table thead tr th {
    font-family: PingFangSC-Semibold;
    font-size: 32px;
    color: #fff
}

.class-info .distinction-table table thead tr th:first-child {
    background: #ffb60e;
    transform: skewX(45deg) translateX(-38px);
    border-radius: 8px;
    position: relative
}

.class-info .distinction-table table thead tr th:first-child:after {
    content: ""
}

.class-info .distinction-table table thead tr th:first-child span {
    display: block;
    transform: skewX(-45deg) translateX(38px)
}

.class-info .distinction-table table thead tr th:last-child {
    overflow: hidden;
    background: #819bf3;
    transform: skewX(-45deg) translateX(38px);
    border-radius: 8px
}

.class-info .distinction-table table thead tr th:last-child span {
    display: block;
    transform: skewX(45deg) translateX(-38px)
}

.class-info .distinction-table table tbody tr {
    border-top: 4px solid #fff
}

.class-info .distinction-table table tbody tr th:first-child {
    position: relative
}

.class-info .distinction-table table tbody tr th:first-child:after {
    content: attr(content);
    width: 150px;
    height: 42px;
    font-family: PingFangSC-Semibold;
    font-size: 20px;
    color: #fff;
    letter-spacing: 0;
    text-align: center;
    line-height: 42px;
    background: url(https://asset.txqn.huohua.cn/image/2dec5ad2-5efe-416c-b82c-4f98d1a0ca35.png) 50% no-repeat;
    background-size: contain;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(50%,-50%)
}

.level-capacity {
    width: 100%;
    margin-top: 80px
}

.level-capacity .level-title {
    font-family: PingFangSC-Regular;
    font-size: 36px;
    color: #484848;
    letter-spacing: 0;
    text-align: center;
    line-height: 48px;
    font-weight: 100
}

.level-capacity .capacity-list {
    margin-top: 30px;
    width: 100%;
    display: flex;
    justify-content: space-around
}

.level-capacity .capacity-list .capacity-item {
    width: 312px;
    height: 340px;
    position: relative;
    overflow: hidden;
    background: url(https://asset.txqn.huohua.cn/image/39678b51-4c48-4616-8785-3fec3a8229de.png) 50% no-repeat;
    background-size: contain;
    padding: 60px 30px
}

.level-capacity .capacity-list .capacity-item:not(:first-child) {
    margin-left: -12px
}

.level-capacity .capacity-list .capacity-item .capacity-tips {
    height: 44px;
    font-family: PingFangSC-Semibold;
    font-size: 32px;
    color: #ff6e78;
    letter-spacing: 0;
    text-align: center;
    line-height: 44px
}

.level-capacity .capacity-list .capacity-item .capacity-wrapper {
    margin-top: 31px
}

.level-capacity .capacity-list .capacity-item .capacity-wrapper .capacity-content {
    font-family: PingFangSC-Regular;
    font-size: 24px;
    color: #484848;
    letter-spacing: 0;
    text-align: center;
    line-height: 32px
}

.teach-content {
    width: 100%;
    margin-top: 160px;
    background: #fefdfc
}

.teach-content .teach-detail {
    margin-top: 40px;
    border-radius: 16px;
    overflow: hidden
}

.teach-content .teach-detail tbody tr th {
    border-radius: 4px;
    height: 88px;
    padding: 0 40px
}

.teach-content .teach-detail tbody tr th:first-child {
    width: 240px;
    border-right: 4px solid #fff;
    font-family: PingFangSC-Semibold;
    font-size: 24px;
    color: #fff;
    letter-spacing: 0;
    text-align: center;
    line-height: 88px
}

.teach-content .teach-detail tbody tr th:last-child {
    width: 956px;
    font-family: PingFangSC-Regular;
    font-size: 24px;
    color: #484848;
    letter-spacing: 0;
    line-height: 32px
}

.teach-content .teach-detail tbody tr:not(:first-child) {
    border-top: 4px solid #fff
}

.teach-content .teach-detail tbody tr:nth-child(2n) th:first-child {
    background: #819bf3
}

.teach-content .teach-detail tbody tr:nth-child(2n) th:last-child {
    background: #f5f6ff
}

.teach-content .teach-detail tbody tr:nth-child(2n-1) th:first-child {
    background: #ffb60e
}

.teach-content .teach-detail tbody tr:nth-child(2n-1) th:last-child {
    background: #fff6ee
}

.teach-content .teach-detail tbody tr .teach-detail-th {
    padding: 30px
}

.teach-content .teach-detail tbody tr .teach-detail-th .teach-detail-title {
    font-family: PingFangSC-Semibold;
    font-size: 24px;
    color: #484848;
    letter-spacing: 0;
    line-height: 32px
}

.teach-content .teach-detail tbody tr .teach-detail-th .teach-detail-desc {
    font-family: PingFangSC-Regular;
    font-size: 24px;
    color: #484848;
    letter-spacing: 0;
    line-height: 32px
}

.teach-content .teach-detail tbody tr .teach-detail-th .teach-detail-wrap+.teach-detail-wrap {
    margin-top: 20px
}

.course-system2 {
    margin-top: 160px
}

.course-system2 .system-title {
    height: 134px;
    font-family: PingFangSC-Semibold;
    font-size: 48px;
    color: #484848;
    text-align: center;
    line-height: 134px;
    background: url(https://asset.txqn.huohua.cn/image/1d5e669d-f5cb-4ac6-a1f1-a987f836c734.png) 50% no-repeat;
    background-size: cover
}

.course-system2 .system-table {
    margin-top: 40px
}

.course-system2 .system-table tbody tr th {
    width: 120px;
    border-radius: 4px
}

.course-system2 .system-table tbody tr th:first-child {
    width: 84px
}

.course-system2 .system-table tbody tr th:not(:last-child) {
    border-right: 4px solid #fff
}

.course-system2 .system-table tbody tr:first-child th {
    height: 240px
}

.course-system2 .system-table tbody tr:first-child th .box-wrapper>.box-content {
    height: 100%;
    border-radius: 16px 16px 4px 4px
}

.course-system2 .system-table tbody tr:first-child th .box-wrapper>.box-content p {
    width: 100%;
    box-sizing: border-box;
    padding: 20px 25px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center
}

.course-system2 .system-table tbody tr:first-child th:first-child .box-wrapper>.box-content {
    height: 100%;
    border-radius: 16px 16px 4px 4px
}

.course-system2 .system-table tbody tr:first-child th:first-child .box-wrapper>.box-content p {
    justify-content: flex-end;
    align-items: center
}

.course-system2 .system-table tbody tr:first-child th:not(:first-child) .box-wrapper {
    overflow: hidden
}

.course-system2 .system-table tbody tr:first-child th:not(:first-child) .box-wrapper .box-content {
    height: 110%;
    margin-top: 5px;
    transform: skewY(-5deg)
}

.course-system2 .system-table tbody tr:first-child th:not(:first-child) .box-wrapper .box-content p {
    height: calc(100%-12px);
    transform: skewY(5deg);
    display: flex;
    align-items: center;
    justify-content: center
}

.course-system2 .system-table tbody tr:first-child th:not(:first-child) .box-wrapper .box-content p span {
    color: #fff;
    letter-spacing: 0;
    text-align: center;
    font-family: PingFangSC-Semibold;
    line-height: 28px
}

.course-system2 .system-table tbody tr:first-child th:not(:first-child) .box-wrapper .box-content p span:first-child {
    font-size: 24px
}

.course-system2 .system-table tbody tr:first-child th:not(:first-child) .box-wrapper .box-content p span:last-child {
    font-size: 20px
}

.course-system2 .system-table tbody tr:first-child th:first-child .box-wrapper {
    margin-top: 90px;
    height: 150px
}

.course-system2 .system-table tbody tr:first-child th:first-child .box-wrapper .box-content {
    background: #fff6ee
}

.course-system2 .system-table tbody tr:first-child th:first-child .box-wrapper .box-content p {
    height: 100%;
    font-family: PingFangSC-Medium;
    font-size: 20px;
    color: #484848;
    letter-spacing: 0;
    text-align: center;
    padding: 20px 10px
}

.course-system2 .system-table tbody tr:first-child th:nth-child(2) .box-wrapper {
    margin-top: 80px;
    height: 160px
}

.course-system2 .system-table tbody tr:first-child th:nth-child(2) .box-wrapper .box-content {
    background: #ffd937
}

.course-system2 .system-table tbody tr:first-child th:nth-child(3) .box-wrapper {
    margin-top: 70px;
    height: 170px
}

.course-system2 .system-table tbody tr:first-child th:nth-child(3) .box-wrapper .box-content {
    background: #ffca3a
}

.course-system2 .system-table tbody tr:first-child th:nth-child(4) .box-wrapper {
    margin-top: 60px;
    height: 180px
}

.course-system2 .system-table tbody tr:first-child th:nth-child(4) .box-wrapper .box-content {
    background: #ffb53e
}

.course-system2 .system-table tbody tr:first-child th:nth-child(5) .box-wrapper {
    margin-top: 50px;
    height: 190px
}

.course-system2 .system-table tbody tr:first-child th:nth-child(5) .box-wrapper .box-content {
    background: #ffa241
}

.course-system2 .system-table tbody tr:first-child th:nth-child(6) .box-wrapper {
    margin-top: 40px;
    height: 200px
}

.course-system2 .system-table tbody tr:first-child th:nth-child(6) .box-wrapper .box-content {
    background: #ff9145
}

.course-system2 .system-table tbody tr:first-child th:nth-child(7) .box-wrapper {
    margin-top: 30px;
    height: 210px
}

.course-system2 .system-table tbody tr:first-child th:nth-child(7) .box-wrapper .box-content {
    background: #ff8249
}

.course-system2 .system-table tbody tr:first-child th:nth-child(8) .box-wrapper {
    margin-top: 20px;
    height: 220px
}

.course-system2 .system-table tbody tr:first-child th:nth-child(8) .box-wrapper .box-content {
    background: #ff6f4c
}

.course-system2 .system-table tbody tr:first-child th:nth-child(9) .box-wrapper {
    margin-top: 10px;
    height: 230px
}

.course-system2 .system-table tbody tr:first-child th:nth-child(9) .box-wrapper .box-content {
    background: #ff5e50
}

.course-system2 .system-table tbody tr:first-child th:nth-child(10) .box-wrapper {
    height: 240px
}

.course-system2 .system-table tbody tr:first-child th:nth-child(10) .box-wrapper .box-content {
    background: #ff4355
}

.course-system2 .system-table tbody tr:not(:first-child) {
    border-top: 4px solid #fff
}

.course-system2 .system-table tbody tr:not(:first-child) th {
    font-size: 14px;
    color: #484848;
    letter-spacing: 0;
    text-align: left;
    line-height: 20px;
    background: #f8f8ff;
    padding: 28px 10px;
    vertical-align: text-top
}

.course-system2 .system-table tbody tr:not(:first-child) th:first-child {
    font-family: PingFangSC-Medium;
    background: #fff6ee;
    vertical-align: middle;
    text-align: center
}

.course-system2 .system-table tbody tr:not(:first-child) th .tips-info,.course-system2 .system-table tbody tr:not(:first-child) th .tips-title {
    font-size: 14px;
    color: #819bf3;
    letter-spacing: 0;
    line-height: 20px;
    text-align: left
}

.course-system2 .system-table tbody tr:not(:first-child) th .tips-info {
    color: #1e1e1e
}

.course-system2 .system-table tbody tr:last-child th:first-child {
    border-radius: 4px 4px 4px 16px
}

.course-system2 .system-table tbody tr:last-child th:last-child {
    border-radius: 4px 4px 16px 4px
}

.closed-cycle {
    margin-top: 128px;
    padding-bottom: 160px
}

.closed-cycle .cycle-content {
    margin-top: 72px;
    height: 520px;
    position: relative
}

.closed-cycle .cycle-content .top-tips {
    height: 56px;
    position: relative;
    font-family: PingFangSC-Semibold;
    font-size: 32px;
    color: #fff;
    letter-spacing: 0;
    text-align: center;
    line-height: 56px
}

.closed-cycle .cycle-content .top-tips:after,.closed-cycle .cycle-content .top-tips:before {
    content: "";
    width: 8px;
    height: 28px;
    background: #fff;
    transform: skewX(20deg);
    position: absolute;
    right: 0;
    top: 0
}

.closed-cycle .cycle-content .top-tips:after {
    top: 50%;
    transform: skewX(-20deg)
}

.closed-cycle .cycle-content .connect-line {
    height: 20px;
    width: 166px;
    border: 2px solid #ffc38f;
    border-bottom: none;
    border-radius: 8px 8px 0 0;
    margin-left: 61px;
    margin-top: 52px;
    position: relative
}

.closed-cycle .cycle-content .connect-line:before {
    content: "";
    width: 32px;
    height: 40px;
    background: url(https://asset.txqn.huohua.cn/image/d54fd6dd-61ca-415d-8b82-9faea3cbff8c.png) 50% no-repeat;
    background-size: contain;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -62px
}

.closed-cycle .cycle-content .connect-line:after {
    content: "";
    width: 2px;
    height: 25px;
    background: #ffc38f;
    position: absolute;
    left: 50%;
    top: -25px;
    transform: translateX(-50%)
}

.closed-cycle .cycle-content .course-item {
    width: 124px;
    height: 391px;
    background: url(https://asset.txqn.huohua.cn/image/311eab03-118d-481c-85ee-c8ed119d4139.png) 50% no-repeat;
    background-size: contain;
    box-sizing: border-box;
    padding: 37px 30px;
    display: flex;
    justify-content: space-between
}

.closed-cycle .cycle-content .course-item .course-name {
    width: 24px;
    height: 100%;
    font-family: PingFangSC-Semibold;
    font-size: 24px;
    color: #ffa241;
    letter-spacing: 0;
    text-align: center;
    line-height: 32px
}

.closed-cycle .cycle-content .course-item .course-name .placeholder {
    display: inline-block;
    height: 24px;
    width: 24px
}

.closed-cycle .cycle-content .course-item .course-content {
    width: 24px;
    height: 100%;
    font-family: PingFangSC-Regular;
    font-size: 24px;
    color: #484848;
    letter-spacing: 0;
    text-align: center;
    line-height: 32px
}

.closed-cycle .cycle-content .course-before {
    width: 308px;
    height: 520px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3
}

.closed-cycle .cycle-content .course-before .top-tips {
    background: #ffca3a;
    text-indent: -20px;
    border-radius: 16px 18px 18px 16px
}

.closed-cycle .cycle-content .course-before .course-wrapper {
    display: flex
}

.closed-cycle .cycle-content .course-before .course-wrapper .course-item:nth-child(2) {
    margin-left: 40px
}

.closed-cycle .cycle-content .course-in {
    height: 520px;
    width: 274px;
    position: absolute;
    top: 0;
    left: 302px;
    z-index: 2
}

.closed-cycle .cycle-content .course-in .top-tips {
    background: #ffb53e;
    border-radius: 0 18px 18px 0
}

.closed-cycle .cycle-content .course-in .course-item {
    margin: 0 auto;
    margin-top: 72px;
    position: relative
}

.closed-cycle .cycle-content .course-in .course-item .course-name {
    color: #ff6e3d
}

.closed-cycle .cycle-content .course-in .course-item:before {
    content: "";
    width: 32px;
    height: 40px;
    background: url(https://asset.txqn.huohua.cn/image/d54fd6dd-61ca-415d-8b82-9faea3cbff8c.png) 50% no-repeat;
    background-size: contain;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -78px
}

.closed-cycle .cycle-content .course-in .course-item:after {
    content: "";
    width: 2px;
    height: 42px;
    background: #ffc38f;
    position: absolute;
    left: 50%;
    top: -42px;
    transform: translateX(-50%)
}

.closed-cycle .cycle-content .course-after {
    height: 520px;
    width: 628px;
    position: absolute;
    top: 0;
    left: 571px;
    z-index: 1
}

.closed-cycle .cycle-content .course-after .top-tips {
    background: #ff9145;
    border-radius: 0 18px 18px 0;
    text-indent: -14px
}

.closed-cycle .cycle-content .course-after .connect-line {
    width: 494px
}

.closed-cycle .cycle-content .course-after .connect-line .in-line {
    width: 166px;
    height: 20px;
    margin: 0 auto;
    border-radius: 8px 8px 0 0;
    border: 2px solid #ffc38f;
    border-bottom: none;
    margin-top: -2px
}

.closed-cycle .cycle-content .course-after .course-wrapper {
    display: flex;
    justify-content: left
}

.closed-cycle .cycle-content .course-after .course-wrapper .course-item .course-name {
    color: #f45
}

.closed-cycle .cycle-content .course-after .course-wrapper .course-item:not(:first-child) {
    margin-left: 40px
}

.about-course .course-detail {
    width: 800px;
    height: 88px;
    margin: 0 auto;
    margin-top: 40px;
    font-family: PingFangSC-Regular;
    font-size: 32px;
    color: #484848;
    letter-spacing: 0;
    text-align: center;
    line-height: 44px
}

.about-course .course-time {
    margin-top: 60px;
    display: flex;
    justify-content: space-around
}

.about-course .course-time li {
    width: 100px;
    height: 40px;
    flex-shrink: 0;
    position: relative;
    cursor: pointer;
    font-weight: 700;
    font-size: 24px;
    color: #484848;
    letter-spacing: 0;
    text-align: center;
    line-height: 32px
}

.about-course .course-time li.active {
    color: #ff6e78;
    font-weight: 700;
    position: relative
}

.about-course .course-time li.active:before {
    content: "";
    width: 40px;
    height: 4px;
    border-radius: 4px;
    background: #ff6e78;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%)
}

.about-course .course-box {
    width: 100%;
    padding-bottom: 120px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.about-course .course-box .course-item {
    margin-top: 40px;
    width: 580px;
    min-height: 340px;
    background: #fff;
    border: 1px solid #eceff6;
    box-shadow: 0 -2px 24px 0 rgba(0,0,0,.05);
    border-radius: 16px
}

.about-course .course-box .course-item .phase-name {
    height: 80px;
    font-family: PingFangSC-Semibold;
    font-size: 32px;
    color: #fff;
    line-height: 80px;
    text-align: center;
    background: #ffb53e;
    border-radius: 16px 16px 0 0
}

.about-course .course-box .course-item .phase-detail {
    width: 100%;
    min-height: 260px;
    padding: 40px;
    display: flex
}

.about-course .course-box .course-item .phase-detail .phase-content {
    width: 50%;
    height: 100%;
    position: relative;
    padding-top: 40px
}

.about-course .course-box .course-item .phase-detail .phase-content:before {
    content: "";
    width: 32px;
    height: 4px;
    background: #ffa416;
    border-radius: 4px;
    position: absolute;
    top: 0;
    left: 0
}

.about-course .course-box .course-item .phase-detail .phase-content:first-child:after {
    content: "";
    width: 1px;
    height: 120px;
    background: rgba(0,0,0,.1);
    position: absolute;
    right: 0;
    top: 40px
}

.about-course .course-box .course-item .phase-detail .phase-content p {
    font-family: PingFangSC-Regular;
    font-size: 24px;
    color: #484848;
    line-height: 32px
}

.about-course .course-box .course-item .phase-detail .phase-content:nth-child(2) {
    margin-left: 40px
}

.section-title {
    display: flex;
    justify-content: center;
    height: 64px
}

.section-title h3 {
    font-family: PingFangSC-Semibold;
    font-size: 48px;
    color: #484848;
    text-align: center;
    line-height: 64px;
    position: relative
}

.section-title h3:after,.section-title h3:before {
    content: "";
    width: 32px;
    height: 4px;
    background: #787a7c;
    border-radius: 4px;
    position: absolute;
    top: 30px;
    left: -52px
}

.section-title h3:after {
    left: 100%;
    transform: translateX(20px)
}

.course-title,.outline-content .course-title {
    background: url(https://asset.txqn.huohua.cn/image/06610c02-3b8b-4a8d-a066-71a627ce57e2.png) 50% no-repeat;
    background-size: cover;
    height: 134px;
    font-family: PingFangSC-Semibold;
    font-size: 48px;
    color: #484848;
    text-align: center;
    line-height: 134px
}

.outline-content .titleul {
    height: 124px
}

.outline-content .titleul li {
    width: 100px;
    text-align: center;
    display: inline-block;
    transition: all .1s ease-in;
    cursor: pointer;
    position: relative
}

.outline-content .titleul li img {
    position: absolute;
    width: 30px;
    height: 8px;
    bottom: 60px;
    left: 32px;
    display: none
}

.outline-content .titleul li.normal {
    font-size: 28px;
    color: #000;
    line-height: 185px
}

.outline-content .titleul li.selected {
    font-size: 36px;
    color: #ed787a;
    line-height: 170px;
    transition: none
}

.outline-content .titleul li.selected img {
    bottom: 49px;
    display: block
}

.outline-content .titleul li.disabled {
    cursor: not-allowed;
    color: #ddd
}

.outline-content .titletextcontent {
    border-radius: 20px;
    margin-bottom: 50px;
    display: flex;
    justify-content: space-between
}

.outline-content .titletextcontent .wrap {
    margin-top: 20px;
    width: 580px
}

.outline-content .titletextcontent .titlecontent {
    font-family: PingFangSC-Semibold;
    font-size: 28px;
    color: #fff;
    letter-spacing: 0;
    text-align: center;
    background: #819bf3;
    line-height: 72px;
    height: 72px;
    border-radius: 25px 25px 0 0
}

.outline-content .titletextcontent .content-bottom {
    display: flex;
    background: #f8f8ff;
    border-radius: 0 0 25px 25px
}

.outline-content .titletextcontent .content-bottom .textcontainer {
    margin-left: 16px
}

.outline-content .titletextcontent .content-bottom .textcontent {
    font-family: PingFangSC-Regular;
    letter-spacing: 0;
    line-height: 32px;
    font-size: 20px;
    margin-top: 40px
}

.outline-content .titletextcontent .content-bottom .textcontent .classtext {
    color: #787a7c;
    margin-right: 20px
}

.outline-content .titletextcontent .content-bottom .textcontent .title {
    color: #ff9700;
    margin-right: 20px
}

.outline-content .titletextcontent .content-bottom .textcontent .text {
    color: #333;
    font-size: 20px
}

.outline-content .titletextcontent .content-bottom .circle {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 2px solid #f6c596
}

.outline-content .titletextcontent .content-bottom .shu {
    height: 62px;
    border-left: 2px solid #f6c596;
    position: relative;
    left: 4px
}

.outline-content .titletextcontent .content-bottom .picture {
    position: relative;
    background: #f8f8ff;
    margin: 51px 0 51px 80px
}

.outline-content .topic-warp {
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden;
    margin-bottom: 50px
}

.outline-content .topic-warp .topic-content {
    width: 864px;
    min-width: 864px;
    margin-top: 20px;
    transition: all .4s linear
}

.outline-content .topic-warp .topic-content:not(:last-child) {
    margin-right: 48px
}

.outline-content .topic-warp .topic-content .topic-header {
    background: #819bf3;
    font-family: PingFangSC-Semibold;
    font-size: 28px;
    color: #fff;
    letter-spacing: 0;
    text-align: center;
    height: 72px;
    line-height: 72px;
    border-radius: 25px 25px 0 0
}

.outline-content .topic-warp .topic-content .topic-bottom {
    background: #f8f8fe;
    border-radius: 0 0 25px 25px
}

.outline-content .topic-warp .topic-content .topic-bottom .topic-bottom-courses {
    padding: 20px 0;
    display: flex
}

.outline-content .topic-warp .topic-content .topic-bottom .topic-bottom-courses .topic-bottom-course {
    font-family: PingFangSC-Regular;
    font-size: 20px;
    color: #787a7c;
    letter-spacing: 0;
    line-height: 28px;
    flex: 1;
    text-align: center
}

.outline-content .topic-warp .topic-content .topic-bottom .line {
    margin: 0 140px;
    margin-top: -10px;
    display: flex;
    justify-content: space-between;
    border-bottom: 2px solid #ffb60e
}

.outline-content .topic-warp .topic-content .topic-bottom .line .circle {
    width: 10px;
    height: 10px;
    line-height: 10px;
    background: #f8f8ff;
    border: 2px solid #ffb60e;
    border-radius: 50%;
    z-index: 2;
    position: relative;
    top: 6px
}

.outline-content .topic-warp .topic-content .topic-bottom .topic-bottom-titles {
    padding: 12px 0 8px;
    display: flex
}

.outline-content .topic-warp .topic-content .topic-bottom .topic-bottom-titles .topic-bottom-title {
    font-family: PingFangSC-Semibold;
    font-size: 20px;
    color: #ff9700;
    letter-spacing: 0;
    line-height: 28px;
    flex: 1;
    text-align: center
}

.outline-content .topic-warp .topic-content .topic-bottom .topic-bottom-contents {
    padding-bottom: 28px;
    display: flex
}

.outline-content .topic-warp .topic-content .topic-bottom .topic-bottom-contents .topic-bottom-content {
    font-family: PingFangSC-Regular;
    font-size: 20px;
    color: #333;
    line-height: 32px;
    flex: 1;
    text-align: center
}

.outline-content .heng {
    margin-top: -.51562498px;
    height: 2px;
    background: #ff6e78
}

.english-page {
    width: 100%
}

.english-page .english-banner {
    width: 100%;
    height: 640px;
    background: url(https://asset.txqn.huohua.cn/assets/90424c4d-4871-4773-a845-e8021838fb1e.png) no-repeat;
    background-size: cover;
    background-position: 50%
}

.english-page .english-banner .english-content {
    width: 26.67rem;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    display: flex;
    flex-wrap: nowrap;
    box-sizing: border-box
}

.english-page .english-banner .english-content .banner-text-box {
    width: 26.67rem;
    margin-top: 205px;
    display: flex;
    flex-direction: column
}

.english-page .english-banner .english-content .banner-text-box .english-title {
    width: 400px;
    height: 128px;
    background: url(https://asset.txqn.huohua.cn/assets/e2db6b04-694f-4fab-9eb8-e3547f42c78b.png) no-repeat;
    background-size: 100% 100%
}

.english-page .english-banner .english-content .banner-text-box .appointBtn {
    margin-top: 20px;
    background: #fff;
    border-radius: 32px;
    font-family: PingFangSC-Regular;
    font-size: 24px;
    color: #ff8000;
    letter-spacing: .12px;
    width: 200px;
    height: 64px;
    text-align: center;
    line-height: 64px;
    cursor: pointer
}

.english-page .english-banner .english-content .banner-text-box .appointBtn:hover {
    box-shadow: 0 10px 10px 0 rgba(255,128,0,.7)
}

.english-module {
    overflow: auto;
    font-size: 100px;
    text-align: center;
    font-family: PingFang SC;
    width: 1100px;
    margin: 0 auto;
    padding-bottom: 100px
}

.english-module .header {
    font-family: PingFangSC-Semibold;
    font-size: 48px;
    color: #4a4a4a;
    letter-spacing: .22px;
    text-align: center;
    line-height: 48px;
    font-weight: 600;
    margin-top: 98px
}

.english-module .list-item-box {
    margin: 24px 0 40px
}

.english-module .list-left {
    text-align: left
}

.english-module .list-item {
    font-family: PingFangSC-Regular;
    font-size: 24px;
    color: #999;
    letter-spacing: 0;
    font-weight: 400
}

.english-module .image {
    width: 1100px
}

.english-module .second {
    position: relative;
    height: 138px;
    margin: 100px 0 18px
}

.english-module .second .s-image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 130px;
    height: 90px
}

.english-module .second .second-text {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    height: 48px;
    font-size: 36px
}

.english-module .sanTilte {
    font-family: PingFangSC-Light;
    font-size: 18px;
    color: #999;
    letter-spacing: 0;
    font-weight: 200;
    text-align: left;
    margin-bottom: 80px
}

.english-module .english-footer {
    width: 1100px;
    height: 133px;
    border-radius: 12px;
    display: flex;
    text-align: left
}

.english-module .english-footer .footer-header {
    padding: 24px 36px 30px 50px;
    font-size: 56px;
    color: #fff
}

.english-module .english-footer .footer-list {
    padding: 36px 0;
    font-family: PingFangSC-Medium;
    line-height: 30px;
    font-size: 20px;
    color: #fff
}

.english-module .reveal {
    display: flex;
    margin-top: 90px;
    flex-direction: row;
    justify-content: space-around;
    font-family: PingFangSC-Regular;
    font-size: 24px;
    color: #4a4a4a;
    letter-spacing: .32px;
    text-align: center
}

.english-module .reveal img {
    height: 130px;
    margin-bottom: 40px
}

.english-teacher-module {
    box-sizing: border-box;
    padding: 140px 0 155px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    min-width: 1100px
}

.english-teacher-module img {
    display: block;
    width: 276px;
    height: 341px
}

.english-teacher-module .english-teacher-info {
    margin-left: 55px;
    margin-top: 15px
}

.english-teacher-module .english-teacher-info .english-teacher-title {
    font-family: PingFangSC-Semibold;
    font-size: 48px;
    color: #4a4a4a;
    letter-spacing: .29px;
    line-height: 48px;
    font-weight: 600;
    text-align: left
}

.english-teacher-module .english-teacher-info .english-teacher-title:first-child {
    margin-top: 10px
}

.english-teacher-module .english-teacher-info .english-teacher-desc {
    font-family: PingFangSC-Regular;
    font-size: 24px;
    color: #999;
    letter-spacing: .32px;
    line-height: 36px;
    font-weight: 400;
    text-align: left;
    width: 682px;
    word-wrap: break-word;
    margin-top: 20px
}

.english-teacher-module .english-teacher-info .english-teacher-placeholder {
    margin-top: 30px;
    margin-bottom: 30px;
    background: #d8d8d8
}

.organization-page {
    width: 100%;
    height: auto;
    background: #fff;
    max-width: unset
}

@keyframes scaledraw {
    0% {
        transform: scale(1.3)
    }

    to {
        transform: scale(1)
    }
}

.organization-page .organization-page-img-paved {
    display: block;
    width: 100%
}

.organization-page .organization-page-tab,.organization-page .organization-page-tab .organization-page-tab-item {
    background-color: #ab9df9;
    display: flex;
    justify-content: center;
    align-items: center
}

.organization-page .organization-page-tab .organization-page-tab-item {
    box-sizing: border-box;
    width: 33.3%;
    padding: 16px 0;
    cursor: pointer
}

.organization-page .organization-page-tab .organization-page-tab-item .organization-page-tab-item-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%
}

.organization-page .organization-page-tab .organization-page-tab-item .organization-page-tab-item-content .organization-page-tab-item-content-icon {
    width: 25px
}

.organization-page .organization-page-tab .organization-page-tab-item .organization-page-tab-item-content .organization-page-tab-item-content-title {
    font-size: 25px;
    color: #fff;
    font-weight: 700
}

.organization-page .organization-page-tab .organization-page-tab-item-active {
    box-sizing: border-box;
    background-color: #9483ef;
    border-bottom: 8px solid #ffd161;
    box-shadow: inset 0 0 12px 0 #8773ef,inset 0 0 12px 0 #8773ef,inset 0 0 0 0 #8773ef,inset 0 0 12px 0 #8773ef
}

.organization-page .organization-banner {
    position: relative;
    height: 100vh;
    width: 100%;
    overflow: hidden;
    background-color: #8b84d7
}

.organization-page .organization-banner .organization-banner-img {
    width: auto;
    min-width: 100vw;
    height: 100%;
    -webkit-animation-name: scaledraw;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-duration: 4s
}

.organization-page .organization-banner .banner-content {
    position: absolute;
    bottom: 100px;
    right: 30px
}

.organization-page .organization-main-title-container {
    margin: 60px 0;
    text-align: center
}

.organization-page .organization-main-title-container h1 {
    margin: 0;
    padding-bottom: 4px;
    font-family: PingFangSC-Semibold;
    font-size: 48px;
    color: #333;
    letter-spacing: 0;
    line-height: 68px
}

.organization-page .organization-main-title-container h1 span {
    color: #8b84d7
}

.organization-page .organization-main-title-container p {
    font-family: PingFangSC-Regular;
    font-size: 24px;
    color: #333;
    letter-spacing: 0;
    line-height: 32px
}

.organization-page .organization-table {
    background-color: #fff
}

.organization-page .organization-table .container {
    width: 26.67rem;
    margin: 0 auto;
    padding-bottom: 60px
}

.organization-page .organization-table .container h2 {
    padding-bottom: 8px;
    font-family: PingFangSC-Semibold;
    font-size: 32px;
    color: #484848;
    text-align: center;
    line-height: 44px
}

.organization-page .organization-table .container h2 span {
    color: #ffa416
}

.organization-page .organization-table .container .section-descr {
    margin-bottom: 20px;
    font-family: PingFangSC-Regular;
    font-size: 24px;
    color: #9fa4b0;
    letter-spacing: 0;
    text-align: center;
    line-height: 36px
}

.organization-page .organization-table .container .table-hader {
    width: 100%;
    display: flex;
    text-align: center;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 4px
}

.organization-page .organization-table .container .table-hader .hader-age {
    width: 84px;
    height: 110px;
    font-size: 14px;
    color: #484848;
    line-height: 110px;
    background: #fff6ee;
    border-radius: 16px 16px 0 0;
    font-weight: 700
}

.organization-page .organization-table .container .table-hader .hader-all {
    flex-grow: 1;
    width: calc(100% - 110px);
    height: 200px;
    display: flex;
    justify-content: space-around;
    align-items: flex-end
}

.organization-page .organization-table .container .table-hader .hader-all .header-item {
    flex: 1;
    height: 100%;
    border-radius: 4px;
    border-left: 4px solid #fff
}

.organization-page .organization-table .container .table-hader .hader-all .header-item .box-wrapper {
    overflow: hidden
}

.organization-page .organization-table .container .table-hader .hader-all .header-item .box-wrapper .box-content {
    height: 110%;
    margin-top: 5px;
    transform: skewY(-5deg);
    border-radius: 16px 16px 4px 4px
}

.organization-page .organization-table .container .table-hader .hader-all .header-item .box-wrapper .box-content p {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: calc(100% - 12px);
    transform: skewY(5deg);
    background-color: transparent
}

.organization-page .organization-table .container .table-hader .hader-all .header-item .box-wrapper .box-content p span {
    display: inline-block;
    margin-bottom: 32px;
    color: #fff;
    font-size: 24px;
    letter-spacing: 0;
    text-align: center;
    font-family: PingFangSC-Semibold;
    line-height: 28px
}

.organization-page .organization-table .container .table-hader .hader-all .header-item:first-child .box-wrapper {
    margin-top: 80px;
    height: 120px
}

.organization-page .organization-table .container .table-hader .hader-all .header-item:first-child .box-wrapper .box-content {
    background: #ffca3a
}

.organization-page .organization-table .container .table-hader .hader-all .header-item:nth-child(2) .box-wrapper {
    margin-top: 70px;
    height: 130px
}

.organization-page .organization-table .container .table-hader .hader-all .header-item:nth-child(2) .box-wrapper .box-content {
    background: #ffb53e
}

.organization-page .organization-table .container .table-hader .hader-all .header-item:nth-child(3) .box-wrapper {
    margin-top: 60px;
    height: 140px
}

.organization-page .organization-table .container .table-hader .hader-all .header-item:nth-child(3) .box-wrapper .box-content {
    background: #ffa241
}

.organization-page .organization-table .container .table-hader .hader-all .header-item:nth-child(4) .box-wrapper {
    margin-top: 50px;
    height: 150px
}

.organization-page .organization-table .container .table-hader .hader-all .header-item:nth-child(4) .box-wrapper .box-content {
    background: #ff9145
}

.organization-page .organization-table .container .table-hader .hader-all .header-item:nth-child(5) .box-wrapper {
    margin-top: 40px;
    height: 160px
}

.organization-page .organization-table .container .table-hader .hader-all .header-item:nth-child(5) .box-wrapper .box-content {
    background: #ff9145
}

.organization-page .organization-table .container .table-hader .hader-all .header-item:nth-child(6) .box-wrapper {
    margin-top: 30px;
    height: 170px
}

.organization-page .organization-table .container .table-hader .hader-all .header-item:nth-child(6) .box-wrapper .box-content {
    background: #ff9145
}

.organization-page .organization-table .container .table-hader .hader-all .header-item:nth-child(7) .box-wrapper {
    margin-top: 20px;
    height: 180px
}

.organization-page .organization-table .container .table-hader .hader-all .header-item:nth-child(7) .box-wrapper .box-content {
    background: #f8f8ff
}

.organization-page .organization-table .container .table-hader .hader-all .header-item:nth-child(7) .box-wrapper .box-content p span {
    color: #9fa4b0
}

.organization-page .organization-table .container .table-hader .hader-all .header-item:nth-child(8) .box-wrapper {
    margin-top: 10px;
    height: 190px
}

.organization-page .organization-table .container .table-hader .hader-all .header-item:nth-child(8) .box-wrapper .box-content {
    background: #f8f8ff
}

.organization-page .organization-table .container .table-hader .hader-all .header-item:nth-child(8) .box-wrapper .box-content p span {
    color: #9fa4b0
}

.organization-page .organization-table .container .table-hader .hader-all .header-item:nth-child(9) .box-wrapper {
    height: 200px
}

.organization-page .organization-table .container .table-hader .hader-all .header-item:nth-child(9) .box-wrapper .box-content {
    background: #f8f8ff
}

.organization-page .organization-table .container .table-hader .hader-all .header-item:nth-child(9) .box-wrapper .box-content p span {
    color: #9fa4b0
}

.organization-page .organization-table ul {
    width: 100%;
    height: 60px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 4px
}

.organization-page .organization-table ul .table-title {
    width: 84px;
    height: 100%;
    color: #484848;
    font-size: 14px;
    text-align: center;
    background: #fff6ee;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-weight: 700;
    border-radius: 4px
}

.organization-page .organization-table ul .table-title span {
    cursor: pointer
}

.organization-page .organization-table ul .table-title span:last-child {
    color: #288fd2;
    font-size: 14px;
    font-weight: 400
}

.organization-page .organization-table ul li {
    flex-grow: 1;
    text-align: center;
    background: #f8f8ff;
    color: #484848;
    width: 106px;
    height: 60px;
    font-size: 14px;
    font-weight: 400;
    white-space: pre-wrap;
    margin-left: 4px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 4px
}

.organization-page .organization-table ul li:nth-child(8),.organization-page .organization-table ul li:nth-child(9),.organization-page .organization-table ul li:nth-child(10) {
    color: #9fa4b0
}

.organization-page .organization-table ul .knowledge {
    padding: 8px
}

.organization-page .organization-table ul .knowledge p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.organization-page .organization-table ul .active-know p {
    overflow: initial;
    height: 100%;
    -webkit-line-clamp: 100;
    text-align: center;
    line-height: 20px
}

.organization-page .organization-table ul.active {
    height: 312px
}

.organization-page .organization-table ul.active .table-title {
    height: 100%;
    padding: 32px 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.organization-page .organization-table ul.active li {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 18px 4px
}

.organization-page .organization-table .knowledge-table-title {
    height: 76px
}

.organization-page .organization-table .knowledge-table-title li {
    height: 100%
}

.organization-page .organization-table .table-bottom {
    width: 100%;
    height: 60px;
    margin: 0 auto;
    color: #7a7a7a;
    font-size: 14px;
    display: flex;
    justify-content: space-between
}

.organization-page .organization-table .table-bottom p {
    text-align: center;
    line-height: 70px
}

.organization-page .organization-table .table-bottom .table-bottom-title {
    width: 84px;
    height: 60px;
    color: #484848;
    font-size: 14px;
    margin-right: 4px;
    background: #fff6ee;
    border-radius: 4px 4px 4px 16px;
    font-weight: 700
}

.organization-page .organization-table .table-bottom div {
    display: flex;
    justify-content: space-around;
    flex-grow: 1;
    color: #484848;
    background: #f8f8ff;
    border-bottom-right-radius: 16px
}

.organization-page .organization-pattern {
    background-color: #fff
}

.organization-page .organization-pattern .container {
    width: 26.67rem;
    margin: 0 auto;
    padding-bottom: 60px
}

.organization-page .organization-pattern .container h2 {
    padding-bottom: 8px;
    font-family: PingFangSC-Semibold;
    font-size: 32px;
    color: #484848;
    text-align: center;
    line-height: 44px
}

.organization-page .organization-pattern .container h2 span {
    color: #ffa416
}

.organization-page .organization-pattern .container .section-descr {
    margin-bottom: 20px;
    font-family: PingFangSC-Regular;
    font-size: 24px;
    color: #9fa4b0;
    letter-spacing: 0;
    text-align: center;
    line-height: 36px
}

.organization-page .organization-pattern .container .pattern-content {
    height: 364px;
    display: flex
}

.organization-page .organization-pattern .container .pattern-content .content-left {
    width: 33%;
    height: 364px;
    margin-right: 4px
}

.organization-page .organization-pattern .container .pattern-content .content-left .left-list {
    height: 88px;
    margin-bottom: 4px;
    position: relative;
    color: #fff;
    font-size: 18px;
    text-align: center;
    border-radius: 4px
}

.organization-page .organization-pattern .container .pattern-content .content-left .left-list p {
    padding-top: 30px
}

.organization-page .organization-pattern .container .pattern-content .content-left .left-list p span {
    font-size: 24px;
    font-weight: 700
}

.organization-page .organization-pattern .container .pattern-content .content-left .left-list:after {
    content: "";
    width: 20px;
    height: 20px;
    border: 4px solid #fff;
    border-radius: 8px;
    display: inline-block;
    position: absolute;
    left: 50%;
    margin-left: -10px;
    bottom: -9px;
    z-index: 1;
    transform: rotate(45deg)
}

.organization-page .organization-pattern .container .pattern-content .content-left .left-list:before {
    content: "";
    width: 0;
    height: 0;
    border: 26px solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    margin-left: -22px;
    bottom: 0;
    z-index: 2
}

.organization-page .organization-pattern .container .pattern-content .content-left .left-list:first-child {
    background: #ffca3a;
    border-top-left-radius: 16px
}

.organization-page .organization-pattern .container .pattern-content .content-left .left-list:first-child:after {
    background: #ffca3a
}

.organization-page .organization-pattern .container .pattern-content .content-left .left-list:first-child:before {
    border-color: transparent transparent #ffca3a
}

.organization-page .organization-pattern .container .pattern-content .content-left .left-list:nth-child(2),.organization-page .organization-pattern .container .pattern-content .content-left .left-list:nth-child(2):after {
    background-color: #ffb53e
}

.organization-page .organization-pattern .container .pattern-content .content-left .left-list:nth-child(2):before {
    border-color: transparent transparent #ffb53e
}

.organization-page .organization-pattern .container .pattern-content .content-left .left-list:nth-child(3),.organization-page .organization-pattern .container .pattern-content .content-left .left-list:nth-child(3):after {
    background-color: #ffa241
}

.organization-page .organization-pattern .container .pattern-content .content-left .left-list:nth-child(3):before {
    border-color: transparent transparent #ffa241
}

.organization-page .organization-pattern .container .pattern-content .content-left .left-list:nth-child(4) {
    background-color: #ff9145;
    border-bottom-left-radius: 16px
}

.organization-page .organization-pattern .container .pattern-content .content-left .left-list:nth-child(4):after,.organization-page .organization-pattern .container .pattern-content .content-left .left-list:nth-child(4):before {
    display: none
}

.organization-page .organization-pattern .container .pattern-content .content-right {
    width: 66.48%;
    height: 364px
}

.organization-page .organization-pattern .container .pattern-content .content-right .right-stage {
    display: flex;
    align-items: flex-end;
    overflow: hidden;
    padding-bottom: 4px
}

.organization-page .organization-pattern .container .pattern-content .content-right .right-stage li {
    height: 88px;
    line-height: 88px;
    flex: 1;
    margin-right: 4px;
    border-radius: 4px;
    text-align: center;
    font-size: 18px;
    font-family: PingFangSC-Semibold;
    color: #333;
    letter-spacing: 0;
    background: #e6e6ff
}

.organization-page .organization-pattern .container .pattern-content .content-right .right-stage li:first-child {
    background: #f8f8ff
}

.organization-page .organization-pattern .container .pattern-content .content-right .right-stage li:last-child {
    margin-right: 0;
    border-radius: 4px 16px 4px 4px
}

.organization-page .organization-pattern .container .pattern-content .content-right .right-list {
    height: 88px;
    margin-bottom: 4px;
    background: #f8f8ff;
    border-radius: 4px;
    padding: 0 44px 0 30px;
    font-family: PingFangSC-Regular;
    font-size: 18px;
    color: #484848;
    letter-spacing: 0;
    text-align: center;
    line-height: 88px;
    display: flex;
    justify-content: space-between
}

@media only screen and (max-width: 960px) {
    .organization-page .organization-pattern .container .pattern-content .content-right .right-list {
        font-size:16px;
        overflow: hidden
    }
}

.organization-page .organization-pattern .container .pattern-content .content-right .right-list:last-child {
    border-bottom-right-radius: 16px
}

.organization-page .organization-pattern .container .pattern-content .content-right .right-list span {
    white-space: nowrap
}

.organization-page .organization-pattern .container .pattern-content .content-right .right-list i {
    margin-top: 38px;
    display: block;
    width: 18px;
    height: 12px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAYCAYAAACSuF9OAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAJKADAAQAAAABAAAAGAAAAABO37Z7AAABfklEQVRIDe2WsUoDQRCG/9mESyKSKIIW8RWsbQwiiiFwhSAWeQE7C0HsfYEUSecr2FiEhBRCIGidxtpCA4kipohEAnfjroncHVwOxFxui2xxzP6zzHzMzC4HLFZwBSjY/X8vNzbWYX9d/ERKGiXae+sGRQ0fqJ5pgnl3DEEdxMmkw357GpSY5piZzrzjxOIsLG5xY9V0NK8VPhAQ86RkXoZl3XItfebRJ5t5APnlVZBlrq+UmU88wOHPUC3NfkQurYpUoiiHfaC0qCrk4oGJ4ajFd2tZJepQoTEc4REitU1y4guw7Wt5NTfd2JHYJK6I65lnLWBUBQgPOsyQqxk0EhDiFEQvLjVCk5saDTU9QSS3NGkZtWHEc5TvfeoAJB9GI0f77x01K9ECkaigkD/6faUVUFx9IliWzHlOhX4FuPGknweQLTM6nSAayJtdpPxH1UMy2TgH/byz0Aj3Thj5gxYjObz+MOpc+BXipWPQ8BIMG0aiRAevPQdwYf29At9tnWRSuKyLBAAAAABJRU5ErkJggg==) no-repeat;
    background-size: contain
}

.organization-page .jigou-section-list {
    width: 100%;
    padding: 60px 0;
    overflow: hidden
}

.organization-page .jigou-section-list .layer {
    width: 26.67rem;
    margin: 0 auto
}

.organization-page .jigou-section-list .layer img {
    display: inline-block;
    width: 100%
}

.organization-page .gray {
    background-color: #f9fafc
}

.organization-page .jigou-section-promise {
    width: 100%;
    padding: 60px 0
}

.organization-page .jigou-section-promise .jigou-layer {
    width: 26.67rem;
    margin: 0 auto
}

.organization-page .jigou-section-promise .jigou-layer img {
    display: inline-block;
    width: 100%
}

.organization-page .jigou-section-promise .jigou-layer .mid {
    margin: 20px 0
}

.organization-page .jigouClassStudyFeatureArea {
    width: 100%;
    text-align: center;
    background-color: #f9fafc;
    padding: 60px 0
}

.organization-page .jigouClassStudyFeatureArea .jigou-layer {
    width: 26.67rem;
    margin: 0 auto
}

.organization-page .jigouClassStudyFeatureArea .jigou-layer img {
    display: inline-block;
    width: 100%
}

.organization-page .jigouClassStudyFeatureArea .jigou-layer .mid {
    margin-top: 60px
}

.organization-page .organization-video {
    margin-top: 100px;
    text-align: center
}

.organization-page .organization-video .organization-video-container {
    position: relative;
    background-color: #ab9df9;
    background-image: url(https://img.txqn.huohua.cn/beetleImg/20225954976351716e2-0abb-4db4-addd-28271fbbdd5b.png);
    background-repeat: no-repeat;
    background-size: 100%;
    padding: 200px 200px 160px
}

.organization-page .organization-video .organization-video-container .organization-video-container-title {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 200px
}

.organization-page .organization-video .organization-video-container .organization-video-container-title img {
    display: block;
    position: absolute;
    width: 30%;
    margin: 0 auto;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%)
}

.organization-page .organization-video .organization-video-container .video-style {
    overflow: hidden;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    border: 20px solid #ffdb83
}

.organization-page .organization-video .organization-video-container .video-style video {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: fill;
    object-fit: fill
}

.organization-page .organization-video .organization-video-container .video-style video:focus {
    outline: none
}

.organization-page .organization-main-title {
    margin-bottom: 20px;
    font-family: PingFangSC-Regular;
    font-size: 48px;
    color: #333;
    letter-spacing: 6px;
    text-align: center;
    line-height: 56px
}

.organization-page .organization-main-subtitle {
    margin-bottom: 20px;
    font-family: PingFangSC-Regular;
    font-size: 24px;
    color: #333;
    letter-spacing: 0;
    text-align: center;
    line-height: 36px
}

.organization-page .cooperation-type-change-enter {
    opacity: .01
}

.organization-page .cooperation-type-change-enter-active {
    opacity: 1;
    transition: all .3s ease-in-out
}

.organization-page .success {
    background-color: #ab9df9;
    background-image: url("https://hf.huohuacdn.com/huohua/beetle/2023-07-26/59157ad3-9a99-41c2-efb0-41f1780aa6b4.png");
    background-repeat: no-repeat;
    background-position: 2.07777778rem 1.25555556rem
}

.organization-page .org-card {
    width: 8.33333333rem;
    height: 10.95555556rem;
    border-radius: .77777778rem;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0 .11111111rem .65555556rem hsla(0,0%,76%,.44);
    flex: 0 0 auto
}

.organization-page .org-card .img-top {
    height: 5.55555556rem;
    width: 100%
}

.organization-page .org-card .title {
    font-size: .55555556rem;
    font-weight: 700;
    color: #fff;
    line-height: 1.02222222rem;
    position: absolute;
    top: -1.51111111rem
}

.organization-page .org-card .content {
    position: relative;
    height: 5.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .5rem;
    font-weight: 400;
    color: #7c7c7c;
    line-height: .88888889rem;
    flex-direction: column;
    flex-wrap: nowrap
}

.organization-page .org-card .content p {
    flex-shrink: 0
}

.organization-page .org-introduce {
    display: flex;
    width: 100%
}

.organization-page .org-introduce .mr {
    margin-right: .5em
}

.organization-page .org-introduce .nowrap {
    white-space: nowrap
}

.organization-page .org-introduce.space {
    margin: 1.11111111rem 0
}

.organization-page .org-introduce.purple {
    border-radius: .66666667rem;
    padding-left: .26666667rem;
    background: linear-gradient(90deg,#ab9df9,hsla(0,0%,100%,0))
}

.organization-page .org-introduce.orange {
    border-radius: .66666667rem;
    padding-left: .26666667rem;
    background: linear-gradient(90deg,#ab9df9,hsla(0,0%,100%,0));
    background: linear-gradient(270deg,#ffdb83,hsla(0,0%,100%,0))
}

.organization-page .org-introduce.left {
    text-align: left;
    justify-content: flex-start;
    gap: 100px
}

.organization-page .org-introduce.left .org-introduce-text {
    align-items: flex-start;
    max-width: 14.33333333rem
}

.organization-page .org-introduce.right {
    flex-direction: row-reverse;
    justify-content: space-between
}

.organization-page .org-introduce.right .org-introduce-text {
    align-items: flex-start;
    max-width: 14.33333333rem
}

.organization-page .org-introduce.center {
    flex-direction: column-reverse;
    gap: 1.2rem
}

.organization-page .org-introduce .img-container {
    flex-shrink: 0;
    align-self: center
}

.organization-page .org-introduce .img-container.right {
    align-self: flex-end
}

.organization-page .org-introduce-text {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .55555556rem;
    flex-direction: column
}

.organization-page .org-introduce-desc {
    font-size: .5rem;
    font-weight: 400;
    color: #7c7c7c
}

.organization-page .org-section {
    padding-bottom: 2.07777778rem
}

.organization-page .org-section .content {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.organization-page .org-kinder-introduce {
    width: 28.33333333rem
}

.organization-page .org-kinder-light {
    background: url(https://hf.huohuacdn.com/huohua/beetle/2023-07-26/8154a9c3-fe60-42b2-dfac-f6b2518b02dd.png);
    background-repeat: no-repeat;
    width: 100%;
    text-align: center;
    background-position: 1.11111111rem;
    padding-top: 1.66666667rem;
    margin-top: -1.66666667rem
}

.organization-page .org-kinder-light img {
    width: 27.37777778rem
}

.organization-page .org-kinder-support {
    margin-top: -.84444444rem;
    width: 27.63333333rem;
    display: flex;
    flex-direction: column;
    align-items: flex-end
}

.organization-page .org-kinder-support .order {
    color: #ac9ef9;
    font-weight: 700
}

.organization-page .org-kinder-support .line {
    margin: -1.48888889rem 0;
    transform: translateX(-5.34888889rem)
}

.organization-page .org-kinder-support .second .org-introduce-text {
    margin-left: 2.44444444rem;
    margin-right: 0
}

.organization-page .org-kinder-support .item {
    z-index: 10
}

.organization-page .org-kinder-support .item .org-introduce-text {
    margin-right: 2.44444444rem
}

.organization-page .section-org {
    position: relative
}

.organization-page .section-org .section-org-container {
    padding: 0 .11111111rem;
    background-image: url(https://img.txqn.huohua.cn/beetleImg/202257341654deb1f7f-fee6-4b0c-8b03-b3d7a0839aff.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: 50%
}

.organization-page .section-org .section-org-container .section-org-container-item {
    padding: 2.01111111rem 1.03333333rem 1.75555556rem;
    background-color: #faf9ff;
    width: 29.45555556rem;
    height: 26.71111111rem;
    border-radius: 0 0 .77777778rem .77777778rem
}

.organization-page .section-org .partner {
    width: 64%;
    position: relative
}

.organization-page .section-org .partner .text {
    top: 13.4%;
    left: 5.59%;
    width: 10.02222222rem;
    position: absolute;
    z-index: 10;
    font-size: .5rem;
    color: #7c7c7c
}

.organization-page .section-org .partner .text strong {
    font-size: .55555556rem;
    color: #585858;
    font-weight: 700
}

.organization-page .section-org .partner .img {
    width: 100%
}

.organization-page .section-org .section-current {
    position: relative
}

.organization-page .section-org .section-current .org-section-title {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%
}

.organization-page .section-org .section-current .desc {
    color: #fff
}

.organization-page .section-org .card-list {
    display: flex;
    align-items: flex-end;
    gap: 1.18888889rem
}

.organization-page .section-org .card-list .middle {
    margin-bottom: 1.66666667rem
}

.organization-page .org-title {
    text-align: center;
    padding: 2.08888889rem 0;
    line-height: 1
}

.organization-page .org-title.desc {
    padding-bottom: 1.66666667rem
}

.organization-page .org-title.purple .icon {
    background: linear-gradient(270deg,#b1a4f9,hsla(0,0%,100%,0))
}

.organization-page .org-title.orange .icon {
    background: linear-gradient(270deg,#ffd672,hsla(0,0%,100%,0))
}

.organization-page .org-title.orange .title {
    color: #fff
}

.organization-page .org-title-container {
    display: inline-flex;
    align-items: center;
    justify-self: center;
    gap: .82222222rem
}

.organization-page .org-title .title {
    font-size: 1.06666667rem;
    font-weight: 700;
    color: #000;
    margin: 0
}

.organization-page .org-title .icon {
    width: 2.57777778rem;
    height: .26666667rem;
    border-radius: 0 .32222222rem .32222222rem 0
}

.organization-page .org-title .icon.right {
    transform: rotateY(180deg)
}

.organization-page .org-title .desc {
    font-size: .5rem;
    color: #7c7c7c;
    text-align: center;
    margin-top: .95555556rem;
    line-height: 1.6
}

.organization-page .org-title .desc .strong,.organization-page .org-title .desc strong {
    font-weight: 700;
    color: #585858;
    font-size: .55555556rem
}

.organization-page .org-underline {
    font-size: .55555556rem;
    font-weight: 700;
    color: #000;
    display: inline-block;
    position: relative
}

.organization-page .org-underline:after {
    content: "";
    height: .17777778rem;
    background: #ffdb83;
    border-radius: .13333333rem;
    display: block;
    margin-top: -.4em
}

.organization-page .org-video {
    border: .48888889rem solid #ffdb83;
    border-bottom-width: .44444444rem;
    border-top-width: .44444444rem;
    width: 58%;
    position: relative
}

.organization-page .org-video .org-video-poster {
    position: absolute;
    cursor: pointer;
    z-index: 10
}

.organization-page .org-video .org-video-poster,.organization-page .org-video video {
    display: block;
    width: 100%
}

.agreement-privacy {
    width: 100%;
    background: #fff;
    color: #484848;
    line-height: 1.6
}

.agreement-privacy .content {
    padding: 0 .44rem
}

.agreement-privacy .title {
    font-family: PingFangSC-Semibold;
    font-size: .35rem;
    color: #484848;
    text-align: center;
    height: 1.2rem;
    line-height: 1.2rem;
    border-bottom: 1px solid #f0f0f0
}

.agreement-privacy .underline {
    position: relative
}

.agreement-privacy .underline:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    background: #e2e2e2;
    left: 0;
    bottom: 0;
    transform: scaleY(.5)
}

.agreement-privacy .page-title {
    padding: 8px 0 40px;
    text-align: center;
    color: #484848;
    font-weight: 700;
    font-size: 52px
}

.agreement-privacy h1 {
    font-family: PingFangSC-Semibold;
    font-size: 16px;
    color: #484848;
    margin: 20px 0 8px
}

.agreement-privacy .agreement-text-item {
    width: 100%;
    word-break: break-all;
    margin-bottom: 20px;
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #484848
}

.agreement-privacy .agreement-children,.agreement-privacy .agreement-privacy,.agreement-privacy .agreement-register {
    padding: 0 60px 60px
}

.agreement-privacy .agreement-children {
    padding-top: 60px
}

.agreement-privacy .agreement-children .agreement-text-item {
    display: flex
}

.agreement-privacy .agreement-children .agreement-text-item:before {
    content: "";
    width: 10px;
    height: 10px;
    border: 2px solid #484848;
    border-radius: 50%;
    margin-right: 20px;
    margin-top: 12px;
    flex-shrink: 0
}

.agreement-privacy .agreement-children .agreement-text-item-none:before {
    content: none
}

.rc-dialog-protocal {
    width: 55%!important
}

.rc-dialog-protocal .rc-dialog-content {
    height: 65%!important;
    position: relative;
    width: 100%
}

.rc-dialog-protocal .rc-dialog-content .rc-dialog-close-x {
    top: -60px;
    right: -60px
}

.rc-dialog-protocal .rc-dialog-content .rc-dialog-body {
    overflow-y: scroll;
    border-radius: 12px
}

.programming-page {
    height: auto;
    background: #fff
}

.programming-banner {
    width: 100%;
    min-height: 500px;
    background-color: #3592ed
}

.programming-banner .programming-content {
    width: 26.67rem;
    height: 500px;
    background: url(https://hf-mix.sparkeducdn.com/huohua/peppa-parent/assets/image/2023-12-19/467f92ca-b9da-4757-9ef4-e1a3947947af.png) no-repeat;
    background-size: cover;
    background-position: 50%;
    margin: 0 auto;
    overflow: hidden;
    display: flex;
    flex-wrap: nowrap;
    box-sizing: border-box
}

.programming-titleContent {
    width: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    padding-top: 80px;
    padding-bottom: 120px
}

.programming-titleContent .programming-titleContent-title {
    font-size: 48px;
    color: #222;
    text-align: center;
    font-weight: 700
}

.programming-titleContent .programming-titleContent-desc {
    margin-top: 20px;
    font-size: 24px;
    color: #666;
    letter-spacing: 0;
    text-align: center;
    line-height: 36px
}

.programming-titleContent .programming-titleContent-content {
    width: 26.67rem;
    margin-top: 80px;
    display: flex;
    justify-content: center;
    align-items: center
}

.programming-titleContent .programming-titleContent-content .modelBox {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.programming-titleContent .programming-titleContent-content .modelBox .modelItem {
    width: 30%;
    height: 468px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: rgba(66,129,255,.06);
    border-radius: 40px;
    box-sizing: border-box;
    padding-top: 61px
}

.programming-titleContent .programming-titleContent-content .modelBox .modelItem img {
    width: 200px;
    height: 200px
}

.programming-titleContent .programming-titleContent-content .modelBox .modelItem span {
    margin-top: 20px;
    font-size: 32px;
    color: #222;
    font-weight: 700
}

.programming-titleContent .programming-titleContent-content .modelBox .modelItem .modelDescBox {
    margin-top: 10px;
    font-size: 18px;
    color: #222;
    letter-spacing: 0;
    text-align: center;
    line-height: 36px
}

.programming-titleContent .programming-titleContent-content .video-style {
    overflow: hidden;
    width: 100%;
    height: 675px;
    border-radius: 24px
}

.programming-titleContent .programming-titleContent-content .video-style video {
    width: 100%;
    height: 100%;
    -o-object-fit: fill;
    object-fit: fill
}

.programming-titleContent .programming-titleContent-content .video-style video:focus {
    outline: none
}

.programming-step {
    width: 100%;
    overflow: hidden;
    background: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    padding-top: 80px
}

.programming-step img {
    width: 1200px;
    margin-top: 80px
}

.programming-step .programming-titleContent-title {
    font-size: 48px;
    color: #222;
    text-align: center;
    font-weight: 700
}

.programming-step .programming-titleContent-desc {
    margin-top: 20px;
    font-size: 24px;
    color: #666;
    letter-spacing: 0;
    text-align: center;
    line-height: 36px
}

.programming-step .programming-step-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap
}

.programming-step .programming-step-content .sampleImg {
    width: 740px
}

.programming-step .programming-step-content .sampleContent {
    width: 417px;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center
}

.programming-step .programming-step-content .sampleContent .sampleTop {
    width: 100%;
    position: relative
}

.programming-step .programming-step-content .sampleContent .sampleTop img {
    position: absolute;
    width: 207px;
    height: 154px
}

.programming-step .programming-step-content .sampleContent .sampleTop div {
    position: absolute;
    top: 118px;
    font-size: 40px;
    white-space: nowrap;
    color: #4281ff;
    font-weight: 500
}

.programming-step .programming-step-content .sampleContent .descBox {
    margin-top: 200px;
    width: 100%
}

.programming-step .programming-step-content .sampleContent .descBox p {
    font-size: 30px;
    color: #666;
    letter-spacing: 0;
    line-height: 50px;
    white-space: nowrap
}

.programming-downLoad {
    width: 100%;
    overflow: hidden;
    background: #fff;
    box-sizing: border-box;
    padding-top: 120px;
    padding-bottom: 190px;
    display: flex;
    flex-direction: column;
    align-items: center
}

.programming-downLoad .programming-downLoad-title {
    font-weight: 700;
    width: 100%;
    font-size: 48px;
    color: #222;
    text-align: center
}

.programming-downLoad .programming-downLoad-content {
    width: 70%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-top: 120px
}

.programming-downLoad .programming-downLoad-content .sampleImg {
    width: 740px
}

.programming-downLoad .programming-downLoad-content .sampleItemBox {
    height: 303px
}

.programming-downLoad .programming-downLoad-content .sampleItemBox,.programming-downLoad .programming-downLoad-content .sampleItemBox .sampleItemTop {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center
}

.programming-downLoad .programming-downLoad-content .sampleItemBox .sampleItemTop span {
    font-size: 24px;
    color: #666;
    letter-spacing: 0;
    margin-top: 20px
}

.programming-downLoad .programming-downLoad-content .sampleItemBox .sampleItemDownBtn {
    width: 320px;
    height: 88px;
    background: url(https://asset.txqn.huohua.cn/assets/7cc47c86-e52c-4055-92c6-16348a26605f.png) no-repeat;
    color: #fff;
    font-size: 32px;
    margin-top: 2px;
    text-align: center;
    line-height: 80px;
    background-size: 100% 100%;
    background-position: 50%;
    cursor: pointer
}

.programming-downLoad .programming-downLoad-content .sampleItemBox .sampleItemDownBtn:hover {
    background: url(https://asset.txqn.huohua.cn/assets/5ad3c9c2-ab09-4b18-9cd1-1962816975e6.png) no-repeat;
    background-size: 100% 100%;
    background-position: 50%
}

.programming-video {
    background: #ccc;
    margin-top: 80px;
    border-radius: 20px;
    overflow: hidden;
    font-size: 0;
    position: relative
}

.programming-video .programming-video-poster {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    cursor: pointer;
    z-index: 10
}

.programming-video .programming-video-poster img {
    margin: 0
}

.programming-video video {
    width: 1200px;
    height: 675px
}

.oversea-agreement {
    max-width: 1280px;
    width: 100%;
    box-sizing: border-box;
    background-color: #fff;
    margin: 0 auto;
    padding: 0 20px
}

.oversea-agreement h1 {
    text-align: center;
    color: #f45
}

.oversea-agreement h2 {
    font-size: 18px;
    color: #f45;
    margin: 30px 0 20px
}

.oversea-agreement p {
    width: 100%;
    word-break: break-all;
    margin-bottom: 20px;
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #484848;
    text-align: justify
}

.oversea-agreement p .text-left {
    margin-right: 200px
}

.oversea-agreement p.contract-text {
    padding: 0 40px;
    display: flex;
    justify-content: space-between
}

.oversea-agreement p.contract-text span {
    min-width: 8rem
}

.oversea-agreement p.indent-2 {
    text-indent: 2em
}

.oversea-agreement .border {
    border: 1px solid #333;
    padding: 20px
}

.oversea-agreement ol li {
    width: 100%;
    word-break: break-all;
    margin-bottom: 20px;
    font-size: 16px;
    font-family: PingFangSC-Regular;
    box-sizing: border-box;
    list-style: auto
}

.oversea-en {
    word-break: break-word
}

.oversea-en ol li,.oversea-en p {
    text-align: left;
    word-break: break-word
}

@media only screen and (min-width: 768px) {
    .oversea-agreement {
        padding:0 40px
    }
}

.page-chess {
    font-family: Alibaba PuHuiTi
}

.page-chess .chess-title {
    margin: 0;
    padding: 0;
    font-size: 48px;
    font-weight: 700;
    line-height: 66px;
    color: #372222
}

.page-chess .chess-desc,.page-chess .chess-title {
    font-family: Alibaba PuHuiTi;
    letter-spacing: 0;
    text-align: center
}

.page-chess .chess-desc {
    padding-top: 16px;
    font-size: 20px;
    font-weight: 400;
    line-height: 27px;
    color: #564141;
    opacity: .7
}

.page-chess .page-chess-banner {
    height: 500px;
    background-color: #402722
}

.page-chess .page-chess-banner .chess-banner-container {
    margin: 0 auto;
    width: 26.67rem;
    height: 500px;
    background: url("https://hf-mix.sparkeducdn.com/huohua/peppa-parent/20250424100356065993/2025-04-24/assets/images/7af13600-e964-4c10-881d-0286734ae0bf.png") 100% 0 no-repeat;
    background-size: cover;
    background-position: 50%
}

.page-chess .page-chess-banner .chess-banner-title {
    font-family: Alibaba PuHuiTi;
    font-size: 48px;
    font-weight: 700;
    line-height: 66px;
    color: #fff
}

.page-chess .page-chess-banner .chess-banner-desc {
    padding-top: 16px;
    font-family: Alibaba PuHuiTi;
    font-size: 20px;
    font-weight: 400;
    line-height: 27px;
    color: #fff;
    opacity: .7
}

.page-chess .page-chess-banner img {
    margin-top: 100px;
    width: 120px;
    height: 120px;
    border-radius: 16px
}

.page-chess .chess-learn-power {
    padding: 80px 0 100px;
    text-align: center
}

.page-chess .chess-learn-power>img {
    width: 1089px;
    margin-top: 68px
}

.page-chess .chess-live-class {
    padding-top: 80px;
    height: 630px;
    text-align: center;
    background: linear-gradient(180deg,#fff8e6,rgba(255,248,230,0));
    margin-bottom: 460px
}

.page-chess .chess-live-class>img {
    width: 1201px;
    margin-top: 40px
}

.page-chess .four-gif-container {
    padding-top: 120px
}

.page-chess .four-gif-container .four-gif-content {
    padding-top: 60px;
    display: grid;
    grid-row-gap: 40px;
    grid-column-gap: 30px;
    grid-template-columns: 585px 585px;
    grid-template-rows: 409px 409px;
    justify-content: center
}

.page-chess .four-gif-container .four-gif-content .four-gif-item {
    width: 585px;
    display: inline-grid
}

.page-chess .four-gif-container .four-gif-content .four-gif-item img {
    width: 585px;
    height: 365px;
    border-radius: 24px
}

.page-chess .four-gif-container .four-gif-content .four-gif-item p {
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    text-align: center;
    color: #564141;
    margin-top: 16px
}

.page-chess .chess-game-system {
    padding-top: 100px;
    padding-bottom: 100px;
    margin-top: 120px;
    background: #fff8e6
}

.page-chess .chess-game-system .game-system-container {
    padding-top: 40px;
    display: flex;
    justify-content: center
}

.page-chess .chess-game-system .game-system-container>div {
    width: 380px
}

.page-chess .chess-game-system .game-system-container>div:nth-child(2) {
    margin: 0 18px
}

.page-chess .chess-game-system .game-system-container img {
    width: 388px;
    height: 240px
}

.page-chess .chess-game-system .game-system-container .game-name {
    padding: 16px 0 8px;
    font-family: Alibaba PuHuiTi;
    font-size: 24px;
    font-weight: 500;
    line-height: 33px;
    text-align: center;
    color: #372222
}

.page-chess .chess-game-system .game-system-container .game-desc {
    margin-left: 34px;
    width: 320px;
    font-family: Alibaba PuHuiTi;
    font-size: 20px;
    font-weight: 400;
    line-height: 27px;
    color: #564141;
    opacity: .7
}

.page-chess .chess-teachers {
    padding-top: 100px;
    display: flex;
    flex-direction: column;
    align-items: center
}

.page-chess .chess-teachers .teacher-consultant>p {
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 24px
}

.page-chess .chess-teachers .teacher-consultant .taidou-content {
    display: grid;
    grid-template-columns: 332px 200px 200px 200px 200px;
    grid-template-rows: 336px 336px;
    grid-column-gap: 18px;
    grid-row-gap: 24px
}

.page-chess .chess-teachers .teacher-consultant .taidou-content img {
    width: 100%
}

.page-chess .chess-teachers .teacher-consultant .taidou-content .taidou-item {
    background-color: #fff8e6;
    border-radius: 16px;
    background-image: url(https://hf-mix.sparkeducdn.com/huohua/peppa-parent/assets/image/2024-04-03/bb4938bc-1ca8-4cba-e2e8-33399b0d00ee.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    align-items: center
}

.page-chess .chess-teachers .teacher-consultant .taidou-content .taidou-item .name {
    height: 28px;
    padding: 4px 10px;
    border-radius: 6px;
    background-color: #ffebce;
    margin-bottom: 24px
}

.page-chess .chess-teachers .teacher-consultant .taidou-content .taidou-item>img {
    width: 120px;
    height: 120px;
    margin-top: 32px;
    margin-bottom: 16px
}

.page-chess .chess-teachers .teacher-consultant .taidou-content .taidou-item .label-item {
    margin-bottom: 8px;
    color: #564141;
    font-size: 14px
}

.page-chess .chess-teachers .teachers-list {
    width: 1198px
}

.page-chess .chess-teachers .teachers-list>p {
    margin-top: 40px;
    margin-bottom: 24px;
    text-align: center;
    font-size: 20px;
    color: #564141
}

.page-chess .chess-teachers .teachers-list .daoshi-content img {
    width: 1198px
}

.page-chess .chess-teach-method {
    padding-top: 120px;
    padding-bottom: 100px;
    display: flex;
    flex-direction: column;
    align-items: center
}

.page-chess .chess-teach-method img:first-of-type {
    margin-top: 40px;
    width: 833px;
    margin-bottom: 7px;
    display: block
}

.page-chess .chess-teach-method img:nth-of-type(2) {
    width: 740px;
    display: block
}

.re-dialog-video {
    width: 900px
}

.re-dialog-video .rc-dialog-content {
    border-radius: 0;
    background-color: transparent
}

.re-dialog-video video {
    width: 900px;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover
}

.page-weiqi .weiqi-title {
    font-family: Alibaba PuHuiTi;
    font-size: 48px;
    font-weight: 500;
    line-height: 66px;
    text-align: center;
    color: #000
}

.page-weiqi .weiqi-desc {
    display: flex;
    justify-content: center;
    padding-top: 16px;
    font-family: Alibaba PuHuiTi;
    font-size: 20px;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: 0;
    text-align: left;
    color: #000;
    opacity: .7
}

.page-weiqi .page-weiqi-banner {
    height: 500px;
    background-color: #ffc635;
    width: 100%
}

.page-weiqi .page-weiqi-banner .weiqi-banner-container {
    height: 500px;
    width: 26.67rem;
    background: url("https://hf-mix.sparkeducdn.com/huohua/peppa-parent/20250423181839479149/2025-04-23/assets/images/9924c048-2bd4-4984-8028-eeb81f0559b9.png") 100% 0 no-repeat;
    background-size: cover;
    background-position: 50%;
    margin: 0 auto
}

.page-weiqi .page-weiqi-banner .weiqi-banner-title {
    font-family: Alibaba PuHuiTi;
    font-size: 48px;
    font-weight: 700;
    line-height: 66px;
    color: #623b0e
}

.page-weiqi .page-weiqi-banner .weiqi-banner-desc {
    padding-top: 16px;
    font-family: Alibaba PuHuiTi;
    font-size: 20px;
    font-weight: 400;
    line-height: 27px;
    color: #623b0e
}

.page-weiqi .page-weiqi-banner img {
    margin-top: 100px;
    width: 120px;
    height: 120px;
    border-radius: 16px
}

.page-weiqi .weiqi-donghua {
    padding-top: 80px
}

.page-weiqi .weiqi-donghua .weiqi-video {
    position: relative;
    margin-top: 46px;
    display: flex;
    justify-content: center;
    height: 498px
}

.page-weiqi .weiqi-donghua .weiqi-video .weiqi-video-poster {
    position: absolute;
    display: inline-block;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 102px;
    height: 102px;
    border-radius: 100%;
    background-color: rgba(0,0,0,.5);
    cursor: pointer;
    z-index: 10
}

.page-weiqi .weiqi-donghua .weiqi-video .weiqi-video-poster img {
    margin: 25px 0 0 39px;
    width: 38px;
    height: 52px
}

.page-weiqi .weiqi-donghua .weiqi-video video {
    width: 900px;
    height: 498px;
    border-radius: 28px;
    -o-object-fit: cover;
    object-fit: cover
}

.page-weiqi .weiqi-courseLight {
    padding-top: 100px;
    display: flex;
    flex-direction: column;
    align-items: center
}

.page-weiqi .weiqi-courseLight .courseLight-content {
    padding-top: 20px;
    display: flex;
    flex-wrap: wrap;
    width: 26.67rem
}

.page-weiqi .weiqi-courseLight .courseLight-content>div {
    position: relative;
    margin-top: 20px;
    padding: 89px 0 0 32px;
    width: 584px;
    height: 303px;
    background: url(https://hf.huohuacdn.com/huohua/peppa-api/online/avatar/20238330666fd787d61-99f9-4986-ad6d-1bd0311ae944.png) no-repeat;
    background-size: cover
}

.page-weiqi .weiqi-courseLight .courseLight-content>div:nth-child(2n) {
    margin-left: 32px
}

.page-weiqi .weiqi-courseLight .courseLight-content .courseLight-img1 {
    position: absolute;
    top: 58px;
    right: 123px;
    width: 162px;
    height: 242px;
    z-index: 10
}

.page-weiqi .weiqi-courseLight .courseLight-content .courseLight-img2 {
    position: absolute;
    top: 65px;
    right: 0;
    width: 209px;
    height: 235px
}

.page-weiqi .weiqi-courseLight .courseLight-content .courseLight-img3 {
    position: absolute;
    top: 58px;
    right: 43px;
    width: 268px;
    height: 188px
}

.page-weiqi .weiqi-courseLight .courseLight-content .courseLight-img4 {
    position: absolute;
    top: 68px;
    right: 31px;
    width: 285px;
    height: 200px
}

.page-weiqi .weiqi-courseLight .courseLight-content .courseLight-img5 {
    position: absolute;
    top: 68px;
    right: 43px;
    width: 268px;
    height: 168px
}

.page-weiqi .weiqi-courseLight .courseLight-title {
    font-family: Alibaba PuHuiTi;
    font-size: 24px;
    font-weight: 500;
    line-height: 33px;
    letter-spacing: 0;
    text-align: left;
    color: #ff8a1e
}

.page-weiqi .weiqi-courseLight .courseLight-desc {
    padding-top: 16px;
    font-family: Alibaba PuHuiTi;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0;
    text-align: left;
    color: #ffa451
}

.page-weiqi .weiqi-teachSystem {
    padding-top: 100px;
    display: flex;
    flex-direction: column;
    align-items: center
}

.page-weiqi .weiqi-teachSystem .teachSystem-tips {
    padding-top: 16px;
    font-family: Alibaba PuHuiTi;
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: 0;
    text-align: left;
    color: #000;
    opacity: .5
}

.page-weiqi .weiqi-teachSystem .teachSystem-container {
    padding-top: 28px;
    width: 1046px;
    overflow: hidden
}

.page-weiqi .weiqi-teachSystem .teachSystem-head {
    display: flex;
    align-items: center;
    padding: 0 9px;
    height: 86px;
    font-family: Alibaba PuHuiTi;
    font-size: 20px;
    font-weight: 400;
    line-height: 27px;
    text-align: center;
    color: #fff;
    background-image: url("https://hf.huohuacdn.com/huohua/peppa-api/online/avatar/202384192000b3e8f9b-5aec-49ab-86d6-0b15ae12b042.png");
    background-size: cover
}

.page-weiqi .weiqi-teachSystem .teachSystem-head div {
    flex: 1;
    opacity: .5;
    cursor: pointer;
    animation: all ease-in .3s
}

.page-weiqi .weiqi-teachSystem .teachSystem-head div:hover {
    font-weight: 500;
    opacity: 1
}

.page-weiqi .weiqi-teachSystem .teachSystem-head .active {
    position: relative;
    font-weight: 500;
    opacity: 1
}

.page-weiqi .weiqi-teachSystem .teachSystem-head .active:before {
    content: "";
    position: absolute;
    width: 32px;
    height: 4px;
    background: #fff;
    border-radius: 4px;
    bottom: -11px;
    left: 50%;
    transform: translateX(-50%)
}

.page-weiqi .weiqi-teachSystem .teachSystem-item {
    display: inline-flex;
    justify-content: space-between;
    padding: 32px 76px 0 74px;
    width: 1046px;
    height: 423px;
    background-image: url("https://hf.huohuacdn.com/huohua/peppa-api/online/avatar/20238425450a674d589-c18b-4aad-bbcc-d86d373b61f0.png");
    background-size: cover
}

.page-weiqi .weiqi-teachSystem .teachSystem-item img {
    margin-top: 8px;
    width: 372px;
    height: 329px
}

.page-weiqi .weiqi-teachSystem .teachSystem-item .teachSystem-name {
    padding-bottom: 8px;
    font-family: Alibaba PuHuiTi;
    font-size: 32px;
    font-weight: 500;
    line-height: 44px;
    color: #cb6438
}

.page-weiqi .weiqi-teachSystem .teachSystem-item .teachSystem-label {
    position: relative;
    padding-left: 11px;
    margin-top: 24px;
    font-family: Alibaba PuHuiTi;
    font-size: 20px;
    font-weight: 500;
    line-height: 27px;
    color: #000
}

.page-weiqi .weiqi-teachSystem .teachSystem-item .teachSystem-label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 5.5px;
    width: 4px;
    height: 16px;
    border-radius: 90px;
    background-color: #eb865e
}

.page-weiqi .weiqi-teachSystem .teachSystem-item .teachSystem-desc {
    max-width: 434px;
    padding-top: 8px;
    font-family: Alibaba PuHuiTi;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    opacity: .7
}

.page-weiqi .weiqi-teachMethod {
    padding-top: 100px
}

.page-weiqi .weiqi-teachMethod .teachMethod-container {
    display: flex;
    justify-content: center;
    padding-top: 40px
}

.page-weiqi .weiqi-teachMethod .teachMethod-container>div {
    width: 236px;
    height: 325.54px;
    padding: 83px 41px 0 40px;
    font-family: Alibaba PuHuiTi;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    text-align: center;
    color: #000;
    background-image: url("https://hf.huohuacdn.com/huohua/peppa-api/online/avatar/2023841756868ec6764-2331-4178-99d9-eba61e10805e.png");
    background-size: cover
}

.page-weiqi .weiqi-teachMethod .teachMethod-container>div:nth-child(-n+3) {
    margin-right: 40px
}

.page-weiqi .weiqi-teachMethod .teachMethod-container .teachMethod-name {
    padding-bottom: 24px;
    font-family: Alibaba PuHuiTi;
    font-size: 24px;
    font-weight: 500;
    line-height: 33px
}

.page-weiqi .weiqi-teachMethod .teachMethod-container .teachMethod-desc {
    padding-top: 24px;
    opacity: .7
}

.page-weiqi .weiqi-teachMethod .teachMethod-container .teachMethod-line {
    margin-left: 50px;
    width: 55px;
    height: 2px;
    background: #f1a38a
}

.page-weiqi .weiqi-fivePower {
    padding-top: 100px;
    padding-bottom: 218px
}

.page-weiqi .weiqi-fivePower .fivePower-item {
    position: relative;
    padding-top: 28px;
    width: 294px;
    height: 144px;
    font-family: Alibaba PuHuiTi;
    font-size: 24px;
    font-weight: 500;
    line-height: 33px;
    text-align: center;
    color: #000;
    background-image: url("https://hf.huohuacdn.com/huohua/peppa-api/online/avatar/20238448734fd8f5e1f-1950-4659-8bce-8e1bc1c76ace.png");
    background-size: cover;
    z-index: 1
}

.page-weiqi .weiqi-fivePower .fivePower-item>div:last-child {
    padding-top: 10px;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    opacity: .7
}

.page-weiqi .weiqi-fivePower .fivePower-item2 {
    width: 354px;
    height: 144px;
    background-image: url("https://hf.huohuacdn.com/huohua/peppa-api/online/avatar/20238435488d6111b0e-a3ae-4273-a91d-891452afdcb7.png")
}

.page-weiqi .weiqi-fivePower .fivePower-container {
    position: relative;
    margin-top: 41px
}

.page-weiqi .weiqi-fivePower .fivePower-container>div {
    display: flex;
    justify-content: center
}

.page-weiqi .weiqi-fivePower .fivePower-container>div:nth-child(3) {
    padding-top: 100px
}

.page-weiqi .weiqi-fivePower .fivePower-content1 {
    padding-top: 64px
}

.page-weiqi .weiqi-fivePower .fivePower-content1>div:first-child {
    margin-right: 292px
}

.page-weiqi .weiqi-fivePower .fivePower-content2 {
    padding-top: 120px
}

.page-weiqi .weiqi-fivePower .fivePower-content2>div:first-child {
    margin-right: 532px
}

.page-weiqi .weiqi-fivePower .fivePower-bg1 {
    position: absolute;
    top: 177px;
    left: 50%;
    width: 294;
    height: 309px;
    transform: translate(-50%);
    z-index: 10
}

.page-weiqi .weiqi-fivePower .fivePower-bg2 {
    position: absolute;
    width: 664px;
    height: 664px;
    top: 0;
    left: 50%;
    transform: translate(-50%);
    z-index: 0
}

.page_eloquence {
    background-color: #fff;
    font-family: Alibaba PuHuiTi;
    width: 100%
}

.page_eloquence .page_eloquence_banner {
    width: unset;
    background-color: #ff8a44;
    overflow: hidden
}

.page_eloquence .page_eloquence_banner .eloquence_banner_container {
    width: 100%;
    margin: 0 auto;
    height: 500px;
    display: flex;
    align-items: center
}

.page_eloquence .page_eloquence_banner .eloquence_banner_container .banner_content {
    width: 26.67rem;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    box-sizing: border-box;
    background: url("https://hf-mix.sparkeducdn.com/huohua/peppa-parent/assets/image/2023-12-19/e797ee4c-2b26-4611-e8db-12a074ce1dc6.png") 100% 0 no-repeat;
    background-size: cover;
    background-position: 50%;
    position: relative
}

.page_eloquence .page_eloquence_banner .eloquence_banner_container .banner_content .title {
    color: #fff;
    font-family: Alibaba PuHuiTi;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: normal
}

.page_eloquence .page_eloquence_banner .eloquence_banner_container .banner_content .desc {
    margin: 16px 0 36px;
    color: #fff;
    font-family: Alibaba PuHuiTi;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    opacity: .7
}

.page_eloquence .page_eloquence_banner .eloquence_banner_container .banner_content .tag_wrapper {
    display: flex;
    align-items: center
}

.page_eloquence .page_eloquence_banner .eloquence_banner_container .banner_content .tag_wrapper .tag_item {
    display: block;
    border-radius: 8px;
    background: #6545dd;
    padding: 4px 16px;
    box-sizing: border-box;
    color: #fff731;
    font-family: Alibaba PuHuiTi;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.page_eloquence .page_eloquence_banner .eloquence_banner_container .banner_content .tag_wrapper .tag_item:nth-child(2) {
    margin: 0 16px
}

.page_eloquence .page_eloquence_banner .eloquence_banner_container .banner_content .free_leads {
    padding: 0 53px;
    margin-top: 20px;
    background-image: url(https://hf-mix.sparkeducdn.com/huohua/peppa-parent/assets/image/2023-12-21/bbee39c8-dea2-4748-93d2-8478c38ee244.png);
    background-size: 100%;
    background-repeat: no-repeat;
    display: block;
    width: 150px!important;
    height: 50px!important;
    background-color: transparent;
    border: none;
    position: absolute;
    top: 320px;
    left: 134px
}

.page_eloquence .why_eloquence {
    padding-top: 100px;
    background-color: #fff
}

.page_eloquence .why_eloquence .why_title {
    color: #000;
    font-family: Alibaba PuHuiTi;
    font-size: 48px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-align: center
}

.page_eloquence .why_eloquence .why_content {
    width: 1040px;
    margin: 0 auto;
    display: flex;
    justify-content: center
}

.page_eloquence .why_eloquence .why_content .img_wrapper {
    position: relative
}

.page_eloquence .why_eloquence .why_content .img_wrapper .img {
    width: 468px;
    height: 390px;
    overflow: hidden
}

.page_eloquence .why_eloquence .why_content .img_wrapper div {
    width: 272px;
    height: 72px;
    position: absolute;
    color: rgba(0,0,0,.7);
    font-family: Alibaba PuHuiTi;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 30px
}

.page_eloquence .why_eloquence .why_content .img_wrapper .left1 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARAAAABICAYAAAA+oKo7AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAVsSURBVHgB7d1fWlNHGMfxdyaB9jK9VwkrMK6g4VJpq6wAugJkBcIKwBUYVuC/WnpHdgBdAQFcQC5r/sx0Zg7RkEQy5yRBOOf7eR4fUQeFi/n5zjtz5ii5RfbsbUWWlqvSV3VRsuJ+VEXZWvKH7mMACSUtNyfa7oO2+/nU/TgX3T9VD39vyh2iZMFCaOiftkTLc/crHxYVATAD1RRrD6XfaarVjZb8QAsJkJHQqAuABUnCRD1ab8gPMNcACcFR/nlbxLwUKg3g9oQlj25I77/D26xK5hIgBAdwR1wFiXr4dE9uwcwBYi8/uoaofkMTFLhDfJB01Y5affZOFihzgISqo/TTK7eL8lIA3E1WHUj/y55b1rRlATIFiD07qsqSOabqAO6BUI101hbRG9GSUliylM0J4QHcE36ulpdP7MWHFzJnqQLEXv7jGqX6WGiUAvdNRVTprT3/e64th+gAsZdHr0T6BwLg/tJ2P5nL8xHVA0kqD8IDyA3jdmhWns08p6cGSFg3udJHAOSMWZv12ZobAyTstviGKT0PII/a0us8mWV35rs9kOTJWUPDFMgv/3T8cZjrGX2/ieoPibFVC+Sbn+N+rmc0cQlD3wMommz9kMkViC7tC4DiUPpNlqXMWICEPWKWLkCx+Dmvy6kPmV1bwvCMC1BofldmNc2Dd9crkLJsEh5AYVXSViHXA0SZLQFQXFpvp+mFfA0Qe/Fpi+oDKDxXhSxtxQ7+VoEotSkAoPXz2KGhiXp1ZP1MAMDrdX6JaaYmFUjJ1AUABiKXMUmAsHwBMCxyGXPVA+HlTwCG2VrMbowOd5wCwHUuPJar0wZpMaomADBKT1+ZuCWMrQoAjJmeDVp06bEAwCilq9OGuArEcOMYgHFaHk8fohQBAiATzfMvACaKyIbUr7YEgAECBEBmBAiAzFwTVVoCAKMisoEKBMBkViIe57fqVABgjI0IENM/FwAYZey/04a4JYxqCQCMmZ4NWkqqKQAwStup7Q0t3U5LRKJfJAOgGGLelauTi1NppAIYZpsxo5JtXGPeCwAMWHUYM+wqQLoNAYCBfqcZMywEyNUyJuoTAOSdbbpMaMWM/HYSlWUMAC9y+eINBUhYxrAbAxSZkpZ6tN6IHf41QMIyxpjXAqC4rImuPrzrD9OZ3oFQhQDF5J++7fUaaT7lWoBQhQAF5qqP2ObpgBr7O/zr7JaWT7grFSgQ3/t4sL4qKY3dBxKqEGv+FADFYfo7ksHEC4WSM/AsZYBiMK/Voz/eSQbfv5Gs19vlukMg55LG6a5kpG76Q3t2VJWyOZHwpm4AOdOWXudJ2sbpsBvvRFWrT1uuvNkQAPlj7N4s4eFNvVQ59EOUzdRgAXCHldS223WtygyibmVXD347cHG1JwDywx/VWFo+niVEVJrB9vNfL8WqfQGQJ22XBGvqwXrqi8VSvRcmVCK2vyEcdwfypOKqkRP7+WhTUkpVgQyE3Zklc8xpVSBv9K56+DS6XZEpQLxw5L1c3nX/4LYAyA8lDel2dpKLxqYNnZG9+PBCdGmfagTIEX/ArNtZm7bNO3OADNjLj7ui9CZBAuTJzUuauQWIl5xc7W0RJMCta4uRQ7ctsuI+rst8T4+fSq+zMakamWuADLMXn1yQWNfVVXUBsCC2KUa/F/OlMdyzsJ8/1aTv5p62v7pZXpvPf+jj1cjCAmQgVCUlUydMgLlwIWFPJ4XGTZJ52HVBomqi9WP3O1U3H2uSlu+NGNkb3Ju68AAZ5XoldTGlWvgGtHXfiCu1lKqw5AGGDJ6Et275YOQ8vOi65KqNbqcVGxoxQqViTSWZk/2KlPSKWB8u/mtQ1auvwS+HRpdEpyJm539cD9ZRkZ+6YgAAAABJRU5ErkJggg==);
    background-size: 100% 100%;
    top: 48px;
    left: -181px
}

.page_eloquence .why_eloquence .why_content .img_wrapper .left2 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARAAAABICAYAAAA+oKo7AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAWPSURBVHgB7d1vThtHGMfx36yJE6lS5Si0Ul5lc4I4Jyi8TGibcILQExBOEDhB6AlKTkD+NE3fwQ1CT5DlVaSGCL9MjL3TmfWaGmPw7tomsPv9SEEQ1gEizY9nnpmdNbpA2x9so/6dQlPTgvvwjoxCKzWTT1qFAtBjFLm3LeP+uLGx597f78ba++UHs6tLxGjGfGhc/14r7is9sjYJi4YAFGaMdm2sF+0j7S7fNpG+oZkEyFBoLAjATPTDZGnebOkbmGqA+OC40dBqHOupqDSAixQFgba+fNGLi6xKphIgBAdwaSRB8uCm2dAFmDhA3nyyC+4b/sO9GwrAZREZq7WH8+alZqhwgCR9joae2V7VAeAScgN882ugjeWbpqUZKBQg7z7aMK5rR1QdwFUQtdtanEVvJFBOfsriwuO9CA/gqgjrbsy+PrCPNWW5AuTvQ7vq+h2+8qBRClwtjZrR9l+f7VRbDpkD5N2hfdaNtSkAV5aVnvuxrCnJ1APxlQfhAZSHG/hrD2+Zicf02ADx8yZf+ghAqcSxFie9t+bcAElXW3zDlJ4HUD4ttzpzf5LVmTN7IH6fR7pUS3gA5dRwqzM724e28Bg/M0D8JjGxVAuUXXg9VuGm6sgpDH0PoFqK9kNGViAuPJ4LQGX4+9mKTGVOBUi6RhwKQJWEc53897WdmMJwjwtQaa12oLt5brw7WYHc0BMRHkBVNfJWIScCxDVSVgSgslwvZDVPL+Q4QN4e2BVRfQBV17jWyV5IHAeICZLpC4CKC2p6lPXapImaNk8/CAAc10y9maWZmlQg8TUevQDgf1mnMUmAMH0BMCjrNCYJEB7+BGCQf4pkltWYwJ9xKgA4qVE/Gr8qG5j+w60BYIA142cmgbsoFAAMyZINQS3QPQHAkCDDxtIgtpw4BmAEM7648D0QAgRAIX4ZNxQAnBaOuyD3oy0BoI8AAVAYAQKgMB8gkQDgtGjcBVQgAM4y/nZ+Y7QnABhibYYA6cbaFwAMsdI/464JjKUHAuC0LNngA2RXADDEVSBj2xtB+1qSMpkfJAOgGrI8KzfwB6fSSAUwyGacmfQOVe7qlQAgZaQXWa5LAuRoTlsCgFS7lqMCSacxmV4AoNz89MVlQpTl2uOdqExjAHhZpy/ptT3+CPd6nDydjgOGgOqKlm6Zu1kvPq5A/DQmjvW7AFSWy4DM1Yd34ma6zpw2xZ4QoKqiTs4FlRMBQhUCVJevPrI2T/vM8F+kvZD34qxUoEpy9T76Tp0HklYhvwlAZXSt1lTAyAOF/B742DKVAarAj/Vf581LFXDmiWSdmtbFcYdA2UXpWC/EnPfJd4c2jHv9EPaGAOXTage6n7dxOujcM1EfuH/YBciyAJSOjbUxSXh4Yw9V9v0Qq2INFgCXlwm0uv3RhppAplPZf75lNl0lsiEAZRLW69qZJERMnov//Gyfuhc8F4AyaamrxaUfTe6DxXI9F8ZXIm69eFlsdwfKpKGa3rtFkyfKKVcF0peuzuyI3apAqQSB1t3iSeZ2RaEA8fyW97mu1gOjVQEoky23vLvmd6WPu7BwgPS9PrCPaybpi4QCUBZRu63F5dvnL/NOHCB9bz7ZdVf++DlUKAClMG5KM7UA8XxvpNPRCkECXLiWbHIY0B03qhc03d3je64aWR5VjUw1QAa9PbArVnpiej8MgBnwByC7PuSrr4G2BnsWb/+1TVPTgvv8T26UNzWFX+ijqpGZBUhfsmLTdT8IYQJMQ8uFwt6o0DiPH4dHXTWNVdO99p41Ct3gbyq/yFU6G0vzZst/MPMAGeZ6JQu1QE33nxC6ULnnvoOG6ZVboQD0Rclbmzw1ct/98o1sV7v+UbRZQyMLX6nEbgz6MdmN1XDhcsemY9F9zTC9rKHTU6K9ONbaf06+x/3+wq/xAAAAAElFTkSuQmCC);
    background-size: 100% 100%;
    top: 160px;
    left: -241px
}

.page_eloquence .why_eloquence .why_content .img_wrapper .left3 {
    padding-right: 46px;
    width: 284px;
    background-image: url(data:image/png;base64,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);
    background-size: 100% 100%;
    top: 272px;
    left: -284px
}

.page_eloquence .why_eloquence .why_content .img_wrapper .left4 {
    padding: 0 38px 0 37px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARAAAABICAYAAAA+oKo7AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAVZSURBVHgB7d1PUhtHFMfx1y1sZ0l22Xl8AqNysrZYJtixOYFhmZXxCQwnMJwAOAHYDuXs0C5VSapETpDhBmwjpG53z4zwIITUM5L4M/P9VAmDaNVUuWp+vH7dM6PkBtnOwaKcP4ykoVqyII/FSOTeXcp+HQmAgdi9zkTUmWg5kZ6ciumfqJ9etmWG7J8HkTxoLIlqLIqYSLR+7I7pvhf3slE2LPv50ifb7rWlZM6S0DCP1tx/wqssLBYFwBRUW4zdF91tq+ZqHPKJi6B4sPA894c7kuJiFzTrqpkG2VwCZCg0WgJgTtIwUc9W9vLv2r+OlpJKX8vz7Byc9g+3q4bMjkhv24XW2cXRZYaS4JDv3roDbQiVBnCTYnc6H7qz0J93r2Wm55+frpyvj6p2ZhIgBAdQSWdJn6P5Yvu6AQsyJfv355aI3k0aMACqInavVRceJ+MGla5A0qrj0Xv33YYAqBDXoJXzjXyv4zqlAsR2vkSu4jgWll6BijFuyvJyM3R0QwpKpixafHj8IACqwlcbv43rd4xSqAKxnT9co7Rf6AAA7jwfHsuquXJS9IM6dKCbtrwnPIDKiaVkeHhBFQiVB1BJsUh3OXQ36ygTA8R2Pr12rZIDAVAtfbWqfvzlUKYwNkCy1ZaOsDkMqCLX++g2p6lAru2BpPs8kqVawgOoJnduPzxOz/VyxjRR/SYx9nkAFRdl53opI6cw9h/X92jQ9wDqwywPLtEvYnQF0mh8EAA1onfLTGWuBEi634OpC1AzkZiFwte1XZrCcI0LUGt+VeZJyEV0A8MVyBshPIC6WixahQwFiFkTAPWl9dsivZCLALGdozWh+gDqzlUhD9ZCB+cqEPVGAEDrV6FDkyZq1jz9TwAg0f0+pJmaVSCmJQAwEDiNyQKE6QuAnMBpTBYgPPwJQJ5dClmN0eljGQDgEn+lbjRpkBatlgQAhpnJMxOdewI3AORMzgZXgTSeCgAMUzqaNMRVIIY7jgG4SsnE4sIFiCJAAJTil3EjAYCrokkDgh8sBQDDCBAApREgAErzARILAFwVTxpABQLgOgGX8ytV6qncAKrOBgRIv38qADDM2H8nDfEbyWIBgCsmZ4O/GrctADBM24ntDVeBdGMJaJYAqJeQZ+Xq9MapNFIB5Nl2yKh0GdeYjwIAA0bthwxLA0Sf7wkADOhuO2iY/5JNY4I+AKDqbNtlQhwy8ttOVKYxALzA6Yv3LUDSaQyrMUC9xerZyl7o4IsASaYxxuwIgBozwdWHd/liOt3bFqoQoK5ikd5egfGXA4QqBKgzsx/aPB1Qw2+kj7N72BHulQrUSayaK0+koCv3A0mXdM26AKiR/jspYeQNhZI98ExlgJowO6r566GUcP0dyXRvU7jdIVB1sWucbkpJatwvbedL5NLJ90N4+BRQPa5d0W0WbZzmjb0nqmr+HLsAWRUAFdRfnyY8vIk3VU7vCWBLNVgA3FX2Xdm+R17QXdlV88W2q0S2BEAFmK30nJ6eKjLYdn7fcB/5IADuKV95zCY8vEIBkhy+8+m1SGNXaKwC94nf37UacpvCIgoHiJetzhwLu1WB+yB2qy3L0zZMRyn1ZLp0dabbZLMZcNf5c3S6pdpxSlUgedmUxvdFIgFwV8T+kpRZT1mGTR0gA7bzedMVNG+EIAFu01ladfS20+va5mtmAeKlvZHeGkEC3LgbDY6BmQZInu0crbmvLkhUSwDMiW2L0R9F/793k8ExMLcAGchWbFqECTATLiTsyW2GRt7cA2SY65W0xDSWRNvI/fRUkv0kyu8piQTAQJz9658aeSpGxe6caftH0d52aOR9BSf7ppaN8IpIAAAAAElFTkSuQmCC);
    background-size: 100% 100%;
    top: 384px;
    left: -241px
}

.page_eloquence .why_eloquence .why_content .img_wrapper .right1 {
    padding: 0 45px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARAAAABICAYAAAA+oKo7AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAATcSURBVHgB7d3vUdtIGMfxn2QK4Co4pQJgSN47FSQdQCogVBCoAFIBpgJyFUT3mmTwVXCiA+51YvmelVaJsB2zkm0C0vczszH+k9iTGf149ll5FekJmd7cbOvbt0SDwVBbW38qzxN7eNc/nQhAJbNxV4w4Huv791s7XsbRq1epHlGk36wIjTw/tP+ENyrDYlsAVpHaMXVpx1Qa7e1l2qDfEiAzoTEUgE0pwiTa3x9pAx41QIrgkI5svBeVBvCYMhsjG5frrEoeJUAIDuDJyGyMLEROtQYbD5Dp9bVriF6IJijwlGSaTI6jly8/aQUbCxBfdXxQWXUAeJrObZxaRXKnFjYSIBYeid18FlUH8BxkNl636Y3EWrNiyiLdiPAAnovExo394n+rhtYaIPYBjqzf4SoPGqXA8+KO2avp16+NWg5rCxALD9fvOBeA5yuOz/yxHGQtPZCi8iA8gO7I8+Nof//BY3rlAPHzpisB6BrXWE2XvWClAPGrLa5hSs8D6B63tLu3bHWmdYD48zxYbQG6LVMZIgvPE1mlieoaLYkAdFmi8lhfqFUFMv3y5a0GA/oeQH8s7Ie0q0AGgzMB6JML37a4p3GA+DXiRAD6JLGl3bmTzBpNYfiOC9BrrpH6ot5QbVqBHIjwAPpqe7YKaRoghwLQX3F8VO+FBAeI/aVDUX0AfVfuZ+w1qUAOBADlZuiFoCaqb57+KwAo/eGaqaEVyFAAUPHTmNAAYfoC4Cc/jQmdwkwFAD8V54Q8WIH4PU4BoM4t5SYPT2HieFcAMCvPhyE9kEQAMC+oAtkRAMyKoiSkAmG7QgDzomiHAAHQGj0QAG0la70yHYB+IUAAtEaAAGgtJEAyAcC8jAoEQFsBX+ePorEAYF5AgEwmtwKAWXn+Dz0QAG1lId+FSQUAs+J4HFqB3AkAaty1cuOAF7nwoJEKoC51f4Qt4+b5XwKASp5fupuwAInjkQCg4nujQQHipzGpAMCywDIhcz+En4nKNAaA46cvTtBlHRx/QV13dTo2GAL6K7Pq40V1J7gCKaYxef5RAPrssn6n2Zfp4vhcnBMC9FVmY1R/oFGAUIUAvXZZNU8rwT2Qiu+F3Ii9UoE+udf7qDTeD8Qv6b4TgD45XvRgqw2F3DnwTGWA3vhox/ynRU+035Esjk/EV/2BrstsnPzqycY9kDrrhyQq+yGcGwJ0j2tX7M02TutW2hO1+IcnE/ohQDe9WxYezpZW4CuQMwHomuNf9T3qWlcgFh67dvNZLOcCXXNq4XEe8sJWPZBaeND7ALrlODQ8nMYViIXHgQgPoGtcw/R1k/BwGlUgFh4ftGRJB8CzlKkMj0wNBQWIP33dNUsPBaBL3AmhJ/4M88YeDBDf77gSzVKgSzKVy7SpVrC0B2LhcSRWWoAucZXGqcoTxFKtaGEF4s/vuLAx1Pq4D+7Wlf+z8UaEEvCY3PHnpivnbacri9wLEN/rcFXHe62+ylJuxJznf7sdnO1Dj2fe69Bu3IrOUAA2JS32M47j0TqDo/IjQKbX10NtbbmqI1FzmcqLT7kLcafu59COrq92hiJMgHUoLwS3wdCoi3xwuOXZoeY/SPXm2Y/7eX5rH6y6P26z9LOMBcrQ3mPX3iOxuzsqKyE3EgGoZP62/MWd55m/Vku26dCo+x/fVngRWDFKHAAAAABJRU5ErkJggg==);
    background-size: 100% 100%;
    top: 48px;
    right: -183px
}

.page_eloquence .why_eloquence .why_content .img_wrapper .right2 {
    padding: 0 30px 0 58px;
    background-image: url(data:image/png;base64,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);
    background-size: 100% 100%;
    top: 160px;
    right: -243px
}

.page_eloquence .why_eloquence .why_content .img_wrapper .right3 {
    padding: 0 37px 0 45px;
    width: 284px;
    background-image: url(data:image/png;base64,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);
    background-size: 100% 100%;
    top: 272px;
    right: -284px
}

.page_eloquence .why_eloquence .why_content .img_wrapper .right4 {
    padding: 0 37px 0 48px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARAAAABICAYAAAA+oKo7AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAVBSURBVHgB7d1bchNHFMbxr8eYZ2cFEa8JAVS5PIsVBFaAvYLgFQArwF4BsIKQFaA8J1USlzxH3oGesT3N6WbGloXs6RlJvsz8f1Uw8thgi6o+nHO6p9uNPvqBnF5KeqCzpnZ/Gl95TYp7k9zrINy369jb9be7bqwVGY381uGmehvS4Jb0fe7UO/m5fHwNIHA2Jn0cn9NMGh9JB2FM/vqTG+oSufLF6JPftssz+9VTfePwhvJc7729iY1jjft9N0n5gyFo5Jvatn+E3/U1WGwJwDKGufQmO9QwdRw25eZvWEby3O4+07JczFrGFhX/PrY3NJupzAWNgQCsSwwmP991r7UGbtFNG+A9bepPfVvWLCOURMPMyiF7Q9si0wAuz9f/0F/rs96sMitxF31yZdkIgOuhCCT9H90LrYCr+oIiG3kn0cQEWsMCybHT7i8/uLdaQmUACULPQhvaU6YnAtAmezrUCytrpmogKYCUKGmAFgplzWc9bNIbqRVAgtEHm+7N9EoA2mSqXDv9e/VKmtoBJLCS5kHRF2EmBWgRmyHdtSnfvdSvz9SApTpjq5v69nIiAK1hAeHl6D+f3KZolIGUmKEB2ik1E2mUgZRC08W+0b4AtErMRMJzchVWkYGMRC8EaKNpaFVcNDvTOAOJa0Nu00gFWiyO8TjWz9G8hNnUMx6xB1oujPHN89d+NSph/v3gH21k8WE7AF3g9bC/YK+RRhnIxkbcgAhAV2R6taiUqR1A4hwxpQvQLTbm81t6On+73rMwYdYlNE4JIEAXhVmZO7MP3tXLQG7rCcED6Kyt+SykbgmzLQCdlTn9MdsLSQ4gcdNlsg+g6+J+xuUHdTIQNhMCoGIz9Ch1R7KwmOR/AUBwqO9CMzUtA9nk6AUAp8oyJrWEoXwBcKIsY9JKmE/eCwBOxTUhlRnIPwl7AgDonC1rbfQqA4jN+67ydDoALZFLg+oeCGs/ACyWlIHcFwDMcSkBROw4BmABZ8lFdQBxBBAAi9EDAdCMTythAGAhAgiAxgggABpLaaJOBADzLDaQgQBoxqv6cX6XaywA+FZ1ADmWDgQAc3LpPT0QAE1V90CyQw0FAHMyr3FKE3WisHkIAMwIZ+VWBpDiFCoaqQBmDcNvSdO41iz5SwBQsJjwJlyTAoj1QV4LAAplbzQpgBRlzFAAYLHAYsIkvEheiUoZAyAoy5cg6ViHIB6o+/V0OjYYArpr0r/r7pQfJGcgoYzJvfYFoLv8afYR1HqYLjvSnlgTAnTVREdnJ1RqBRCyEKDDLPsom6el5B5IqeiFjOxlTwC64kzvo1R7P5A4peu1IwDdkWt30e1GGwqFNfCUMkBn7PfvubeLPtF4RzJrqD6XeNQfaLmJDuNYX6h2D2SW9UN6RT+EtSFA+0wtePTnG6ezltoTNf7FXo8FoH1y7VwUPIKlN1UO/RC77ApAm+ye1/eYtZJd2W16Z88ykRcCcPPZWI5jOsFSPZB5o0/+qV1eCsBNtZsaPIKVBpBg9ME/srzmlWisAjdJWN/1uGhJJFt5AAmK2Zl3YrUqcBOEqdqHVQ3TRdZyMl38QWz6h8VmwLW3XzVVe5G1ZCCzipIm9EV6AnBdhCUYO3VLlnlrDyCl0Uf/3L7bExFIgKsUeh37OtJesVXpUi4tgASxN3JL2wQS4NKtNHCULjWAzLIp3227hEAyEIB1GYb9jMPJCqsMHKUrCyClYsZmIIIJsArxILh1Bo1ZVx5A5lmvZJA7Pci8lThO9xXWkzj75Sl5gBPlofd5PDXywMbMpDirZbLuoDHrC0PMm/3zegGZAAAAAElFTkSuQmCC);
    background-size: 100% 100%;
    top: 384px;
    right: -243px
}

.page_eloquence .focus_ability {
    padding-top: 166px;
    background-color: #fff
}

.page_eloquence .focus_ability .focus_ability_wrapper {
    width: 1028px;
    text-align: center;
    margin: 0 auto
}

.page_eloquence .focus_ability .focus_ability_title {
    color: #000;
    font-family: Alibaba PuHuiTi;
    font-size: 48px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.page_eloquence .focus_ability .focus_ability_content {
    margin-top: 30px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.page_eloquence .focus_ability .focus_ability_content .item_list {
    width: 316px;
    height: 313px;
    text-align: center
}

.page_eloquence .focus_ability .focus_ability_content .item_list .item_img {
    width: 316px;
    height: 214px;
    overflow: hidden
}

.page_eloquence .focus_ability .focus_ability_content .item_list .item_title {
    margin: 27px auto 12px;
    color: #000;
    font-family: Alibaba PuHuiTi;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-align: center
}

.page_eloquence .focus_ability .focus_ability_content .item_list .item_desc {
    width: 240px;
    height: 44px;
    margin: 0 auto;
    color: #000;
    text-align: center;
    font-family: Alibaba PuHuiTi;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    opacity: .5
}

.page_eloquence .focus_knowledge {
    padding-top: 100px;
    width: 1098px;
    margin: 0 auto;
    background-color: #fff
}

.page_eloquence .focus_knowledge .focus_knowledge_title {
    text-align: center;
    color: #000;
    font-family: Alibaba PuHuiTi;
    font-size: 48px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.page_eloquence .focus_knowledge .focus_knowledge_content {
    margin-top: 71px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.page_eloquence .focus_knowledge .focus_knowledge_content .item {
    width: 529px;
    border-radius: 16px
}

.page_eloquence .focus_knowledge .focus_knowledge_content .item .item_all {
    background-color: #9563ff;
    border-radius: 16px 16px 0 0;
    position: relative;
    width: 100%;
    height: 198px;
    padding: 60px 40px
}

.page_eloquence .focus_knowledge .focus_knowledge_content .item .item_all .item_title {
    margin-bottom: 8px;
    color: #fff;
    font-family: Alibaba PuHuiTi;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: normal
}

.page_eloquence .focus_knowledge .focus_knowledge_content .item .item_all .item_tag {
    display: flex;
    align-items: center
}

.page_eloquence .focus_knowledge .focus_knowledge_content .item .item_all .item_tag .item_tag_v {
    width: 76px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-family: Alibaba PuHuiTi;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-radius: 8px;
    background: #864dff;
    margin-right: 12px
}

.page_eloquence .focus_knowledge .focus_knowledge_content .item .item_all .item_tag .item_tag_v:last-child {
    margin-right: 0
}

.page_eloquence .focus_knowledge .focus_knowledge_content .item .item_all .item_tag .item_tag_v_1 {
    background: #1782ff
}

.page_eloquence .focus_knowledge .focus_knowledge_content .item .item_all .item_img_1 {
    width: 228px;
    height: 226px;
    position: absolute;
    right: 32px;
    top: -36px
}

.page_eloquence .focus_knowledge .focus_knowledge_content .item .item_all .item_img_2 {
    width: 223px;
    height: 223px;
    position: absolute;
    right: 27px;
    top: -33px
}

.page_eloquence .focus_knowledge .focus_knowledge_content .item .item_all_2 {
    background-color: #4a9dff
}

.page_eloquence .focus_knowledge .focus_knowledge_content .item .item_bottom {
    width: 100%;
    height: 101px;
    background: #f4efff;
    box-sizing: border-box;
    padding: 24px 38px 29px 40px;
    color: #000;
    font-family: Alibaba PuHuiTi;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    opacity: .67;
    border-radius: 0 0 16px 16px
}

.page_eloquence .focus_knowledge .focus_knowledge_content .item .item_bottom_2 {
    padding: 24px 48px 29px 30px;
    background: #edf5ff
}

.page_eloquence .harvest_module {
    background: #fff;
    margin: 100px auto
}

.page_eloquence .harvest_module .harvest_module_title {
    text-align: center;
    color: #000;
    font-family: Alibaba PuHuiTi;
    font-size: 48px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 40px
}

.page_eloquence .harvest_module .harvest_module_content {
    background: #9a4bff;
    width: 1369px;
    height: 463px;
    margin: 0 auto;
    border-radius: 16px;
    padding: 48px 40px 33px;
    box-sizing: border-box;
    position: relative
}

.page_eloquence .harvest_module .harvest_module_content .trophy {
    position: absolute;
    top: -56px;
    right: 305px;
    width: 155px;
    height: 155px
}

.page_eloquence .harvest_module .harvest_module_content .harvest_module_title {
    text-align: left;
    color: #fff;
    font-family: Alibaba PuHuiTi;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-left: 169px
}

.page_eloquence .harvest_module .harvest_module_content .get_list {
    margin-top: 75px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.page_eloquence .harvest_module .harvest_module_content .get_list .get_list_item {
    width: 241px;
    height: 274px
}

.page_eloquence .harvest_module .harvest_module_content .get_list .get_list_item .list_item_top {
    width: 241px;
    height: 149px;
    background: #ffb74a;
    border-radius: 8px 8px 0 0;
    position: relative;
    display: flex;
    justify-content: center
}

.page_eloquence .harvest_module .harvest_module_content .get_list .get_list_item .list_item_top .list_item_img1 {
    width: 144px;
    height: 144px;
    overflow: hidden;
    position: absolute;
    top: -24px
}

.page_eloquence .harvest_module .harvest_module_content .get_list .get_list_item .list_item_top .list_item_img2 {
    width: 138px;
    height: 144px;
    overflow: hidden;
    position: absolute;
    top: -24px
}

.page_eloquence .harvest_module .harvest_module_content .get_list .get_list_item .list_item_top .list_item_img3 {
    width: 134px;
    height: 138px;
    overflow: hidden;
    position: absolute;
    top: -21px
}

.page_eloquence .harvest_module .harvest_module_content .get_list .get_list_item .list_item_top .list_item_img4 {
    width: 156px;
    height: 139px;
    overflow: hidden;
    position: absolute;
    top: -21px
}

.page_eloquence .harvest_module .harvest_module_content .get_list .get_list_item .list_item_top .list_item_img5 {
    width: 138px;
    height: 125px;
    overflow: hidden;
    position: absolute;
    top: -14px
}

.page_eloquence .harvest_module .harvest_module_content .get_list .get_list_item .list_item_top2 {
    background-color: #f36bff
}

.page_eloquence .harvest_module .harvest_module_content .get_list .get_list_item .list_item_top3 {
    background-color: #6bcaff
}

.page_eloquence .harvest_module .harvest_module_content .get_list .get_list_item .list_item_top4 {
    background-color: #50edc7
}

.page_eloquence .harvest_module .harvest_module_content .get_list .get_list_item .list_item_bottom {
    width: 241px;
    height: 125px;
    border-radius: 0 0 8px 8px;
    background: #eef4fa
}

.page_eloquence .harvest_module .harvest_module_content .get_list .get_list_item .list_item_bottom .bottom_title {
    text-align: center;
    color: #000;
    font-family: Alibaba PuHuiTi;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 23px 0 8px;
    box-sizing: border-box
}

.page_eloquence .harvest_module .harvest_module_content .get_list .get_list_item .list_item_bottom .bottom_desc {
    color: #000;
    margin: 0 auto;
    text-align: center;
    font-family: Alibaba PuHuiTi;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.page_eloquence .harvest_module .harvest_module_content .get_list .get_list_item .list_item_bottom .bottom_desc1,.page_eloquence .harvest_module .harvest_module_content .get_list .get_list_item .list_item_bottom .bottom_desc2,.page_eloquence .harvest_module .harvest_module_content .get_list .get_list_item .list_item_bottom .bottom_desc3 {
    width: 158px
}

.page_eloquence .harvest_module .harvest_module_content .get_list .get_list_item .list_item_bottom .bottom_desc4 {
    width: 177px
}

.page_eloquence .harvest_module .harvest_module_content .get_list .get_list_item .list_item_bottom .bottom_desc5 {
    width: 150px
}

.page_eloquence .course_highlights .course_highlights_title {
    text-align: center;
    color: #000;
    font-family: Alibaba PuHuiTi;
    font-size: 48px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.page_eloquence .course_highlights .course_highlights_content {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 1060px;
    margin: 0 auto
}

.page_eloquence .course_highlights .course_highlights_content .video_item_wrapper {
    margin-top: 56px
}

.page_eloquence .course_highlights .course_highlights_content .video_item_wrapper:nth-of-type(odd) {
    margin-right: 60px
}

.page_eloquence .course_highlights .course_highlights_content .video_item_wrapper:first-of-type {
    margin-top: 40px
}

.page_eloquence .course_highlights .course_highlights_content .video_item_wrapper:first-of-type video {
    background-color: #6c92de
}

.page_eloquence .course_highlights .course_highlights_content .video_item_wrapper:nth-of-type(2) {
    margin-top: 40px
}

.page_eloquence .course_highlights .course_highlights_content .video_item_wrapper .video_item {
    width: 500px;
    height: 375px;
    border-radius: 12px;
    overflow: hidden;
    position: relative
}

.page_eloquence .course_highlights .course_highlights_content .video_item_wrapper .video_item video {
    width: 500px;
    height: 375px;
    border-radius: 12px;
    overflow: hidden;
    -o-object-fit: contain;
    object-fit: contain
}

.page_eloquence .course_highlights .course_highlights_content .video_item_wrapper .video_item .play_icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.page_eloquence .course_highlights .course_highlights_content .video_item_wrapper .video_item .play_icon .img {
    width: 102px;
    height: 102px;
    overflow: hidden;
    cursor: pointer
}

.page_eloquence .course_highlights .course_highlights_content .video_item_wrapper .video_title {
    margin: 24px 0 12px;
    color: #319cff;
    font-family: Alibaba PuHuiTi;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.page_eloquence .course_highlights .course_highlights_content .video_item_wrapper .video_desc {
    opacity: .5;
    color: #000;
    font-family: Alibaba PuHuiTi;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px
}

.page_eloquence .course_highlights .course_highlights_content .video_item_wrapper .video_title1 {
    color: #319cff
}

.page_eloquence .course_highlights .course_highlights_content .video_item_wrapper .video_title1+div {
    width: 460px;
    height: 85px
}

.page_eloquence .course_highlights .course_highlights_content .video_item_wrapper .video_title2 {
    color: #20c6a2
}

.page_eloquence .course_highlights .course_highlights_content .video_item_wrapper .video_title2+div {
    width: 460px;
    height: 85px
}

.page_eloquence .course_highlights .course_highlights_content .video_item_wrapper .video_title3 {
    color: #8754ff
}

.page_eloquence .course_highlights .course_highlights_content .video_item_wrapper .video_title3+div {
    width: 480px;
    height: 85px
}

.page_eloquence .course_highlights .course_highlights_content .video_item_wrapper .video_title4 {
    color: #ff8642
}

.page_eloquence .course_highlights .course_highlights_content .video_item_wrapper .video_title4+div {
    width: 480px;
    height: 85px
}

.page_eloquence .course_highlights .course_highlights_content .video_item_wrapper .video_title5 {
    color: #1f78ff
}

.page_eloquence .course_highlights .course_highlights_content .video_item_wrapper .video_title5+div {
    width: 477px;
    height: 107px
}

.page_eloquence .course_highlights .course_highlights_content .video_item_wrapper .video_title6 {
    color: #5bcb59
}

.page_eloquence .course_highlights .course_highlights_content .video_item_wrapper .video_title6+div {
    width: 460px;
    height: 107px
}

.page_eloquence .course_highlights .course_highlights_content .video_item_wrapper .video_title7 {
    color: #1bb892
}

.page_eloquence .course_highlights .course_highlights_content .video_item_wrapper .video_title7+div {
    width: 480px;
    height: 80px
}

.page_eloquence .course_highlights .course_highlights_content .video_item_wrapper .video_title8 {
    color: #ff6984
}

.page_eloquence .course_highlights .course_highlights_content .video_item_wrapper .video_title8+div {
    width: 480px;
    height: 80px
}

.page_eloquence .learning_closed_loop {
    margin: 100px auto 176px;
    width: 1086px;
    height: 1158px
}

.page_eloquence .learning_closed_loop .learning_closed_loop_img {
    width: 1086px;
    height: 1158px;
    margin: 0 auto
}

.page_eloquence .closed_loop {
    margin: 100px auto 176px;
    width: 1086px;
    background-color: #fff
}

.page_eloquence .closed_loop .closed_loop_title {
    text-align: center;
    color: #000;
    font-family: Alibaba PuHuiTi;
    font-size: 48px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.page_eloquence .closed_loop .closed_loop_title_content {
    margin-top: 190px;
    width: 100%;
    height: 875px;
    background: url("https://hf.huohuacdn.com/huohua/peppa-api/online/avatar/2023101029121770d5c95-2eac-41d7-a5e0-469f2703eca6.png");
    background-size: 100% 100%;
    position: relative
}

.page_eloquence .closed_loop .closed_loop_title_content .item_v {
    position: absolute
}

.page_eloquence .closed_loop .closed_loop_title_content .item_v .item_v_title {
    text-align: center;
    color: #000;
    font-family: Alibaba PuHuiTi;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.page_eloquence .closed_loop .closed_loop_title_content .item_v .item_v_desc {
    margin: 8px 0 16px;
    text-align: center;
    color: #000;
    font-family: Alibaba PuHuiTi;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    opacity: .5
}

.page_eloquence .closed_loop .closed_loop_title_content .item_v .item_v_img {
    width: 120px;
    height: 120px;
    overflow: hidden
}

.page_eloquence .closed_loop .closed_loop_title_content .item_v_1 {
    top: -115px;
    left: 78px
}

.page_eloquence .closed_loop .closed_loop_title_content .item_v_2 {
    top: -115px;
    left: 348px
}

.page_eloquence .closed_loop .closed_loop_title_content .item_v_2 .item_v_title {
    width: 120px
}

.page_eloquence .closed_loop .closed_loop_title_content .item_v_2 .item_v_desc {
    margin-left: -42px
}

.page_eloquence .closed_loop .closed_loop_title_content .item_v_3 {
    top: -115px;
    right: 348px
}

.page_eloquence .closed_loop .closed_loop_title_content .item_v_4 {
    top: -115px;
    right: 78px
}

.page_eloquence .closed_loop .closed_loop_title_content .item_v_5 {
    top: 165px;
    left: 78px
}

.page_eloquence .closed_loop .closed_loop_title_content .item_v_6 {
    top: 165px;
    left: 348px
}

.page_eloquence .closed_loop .closed_loop_title_content .item_v_7 {
    top: 165px;
    right: 348px
}

.page_eloquence .closed_loop .closed_loop_title_content .item_v_8 {
    top: 165px;
    right: 78px
}

.page_eloquence .closed_loop .closed_loop_title_content .item_v_8 .item_v_title {
    width: 120px
}

.page_eloquence .closed_loop .closed_loop_title_content .item_v_8 .item_v_desc {
    margin-left: -12px
}

.page_eloquence .closed_loop .closed_loop_title_content .item_v_9 {
    top: 445px;
    left: 78px
}

.page_eloquence .closed_loop .closed_loop_title_content .item_v_10 {
    top: 445px;
    left: 348px
}

.page_eloquence .closed_loop .closed_loop_title_content .item_v_11 {
    top: 445px;
    right: 348px
}

.page_eloquence .closed_loop .closed_loop_title_content .item_v_12 {
    top: 445px;
    right: 78px
}

.page_eloquence .closed_loop .closed_loop_title_content .item_v_13 {
    bottom: -42px;
    left: 78px
}

.page_eloquence .closed_loop .closed_loop_title_content .item_v_14 {
    bottom: -42px;
    left: 348px
}

.page_eloquence .closed_loop .closed_loop_title_content .item_v_15 {
    bottom: -42px;
    right: 348px
}

.page_eloquence .closed_loop .closed_loop_title_content .item_v_16 {
    bottom: -42px;
    right: 78px
}

.page_eloquence .rc-dialog-select {
    width: 14.89rem!important
}

.page_eloquence .rc-dialog-cancelAccount {
    width: 12.8rem!important
}

.page_eloquence .rc-dialog-cancelAccount .rc-dialog-content {
    height: auto!important
}

/*# sourceMappingURL=index-e79675711a38c50960c4e0b8526189b4.css.map*/