/*字体共用样式*/
@font-face {
    font-family: BMZY;
    src: url("../../SHFont/BMZY.eot"); /* IE9 */
    src: url("../../SHFont/BMZY.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../../SHFont/BMZY.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
    url("../../SHFont/BMZY.svg#BMZY") format("svg"); /* iOS 4.1- */
}

.bmzy {
    font-family: BMZY !important;
}

body {
    margin: auto;
}

.unScroll {
    height: 100%;
    overflow: hidden;
}

.por {
    position: relative;
}

.poa {
    position: absolute;
}

.hidden {
    display: none;
}

.cgw-phone {
    position: fixed;
    width: 1rem;
    height: 1rem;
    bottom: 130px;
    right: 10px;
    z-index: 2000;
}

.box_In {
    width: 94%;
    margin: auto;
    font-family: fzltxh;
}

.hd {
    width: 100%;
    margin: auto;
    text-align: center;
}

.hd h1 {
    width: 100%;
    line-height: 0.8rem;
    font-family: fzltzhjt;
    font-size: 0.6rem;
}

.hd p {
    line-height: 0.5rem;
    font-family: fzltxh;
    font-size: 0.3rem;
}

#spread_box1,#spread_box2,#spread_box3,#spread_box4,#spread_box5,
#spread_box6,#spread_box7,#spread_box8,#spread_box9,#spread_box10,
#spread_box11,#spread_box12 {
    width: 4.04rem;
    height: 1rem;
    display: block;
}

.CGwangSummaryMore {
    display: block;
    position: relative;
    width: 4.04rem;
    height: 1rem;
    left: 50%;
    margin-left: -1.96rem;
    font-family: fzltxh;
    font-size: 0.3rem;
    text-align: center;
    overflow: hidden;
    background: url("../../Image/SHCourse/MobileIndex/more_bg.png") no-repeat center center/cover;
    z-index: 999;
}

.CGwangSummaryMore i {
    display: inline-block;
    vertical-align: top;
    width: 0.6rem;
    height: 0.6rem;
    margin: 0.13rem 0.2rem 0 0;
    background: url("../../Image/SHCourse/MobileIndex/more.png") no-repeat center center/cover;
}

.CGwangSummaryMore span {
    display: inline-block;
    line-height: 1rem;
    vertical-align: top;
    color: #868f91;
    margin-left: 0.5rem;
}

.CGwangSummaryMore2 {
    width: 100%;
    text-align: center;
    z-index: 999;
}

.CGwangSummaryMore2 a {
    display: inline-block;
    width: 2.96rem;
    height: 0.82rem;
    line-height: 0.66rem;
    text-align: center;
    font-family: fzltzchjt;
    font-size: 0.26rem;
    border-radius: 20px;
    background: #2871ae;
    color: #fff;
}

.whitePrev,
.blackPrev,
.lilacPrev {
    width: 0.57rem;
    height: 0.57rem;
    cursor: default;
}

.whitePrev {
    background: url("../../Image/SHCourse/MobileIndex/white_prev.png") no-repeat center center/cover;
}

.blackPrev {
    background: url("../../Image/SHCourse/MobileIndex/black_prev.png") no-repeat center center/cover;
}

.lilacPrev {
    background: url("../../Image/SHCourse/MobileIndex/lilac_prev.png") no-repeat center center/cover;
}

.whiteNext,
.blackNext,
.lilacNext {
    width: 0.57rem;
    height: 0.57rem;
    cursor: default;
}

.whiteNext {
    background: url("../../Image/SHCourse/MobileIndex/white_next.png") no-repeat center center/cover;
}

.blackNext {
    background: url("../../Image/SHCourse/MobileIndex/black_next.png") no-repeat center center/cover;
}

.lilacNext {
    background: url("../../Image/SHCourse/MobileIndex/lilac_next.png") no-repeat center center/cover;
}

.swiper-pagination-bullet {
    width: 0.2rem;
    height: 0.2rem;
    border-radius: 50%;
    background: #fff;
    opacity: 1;
}

.swiper-pagination-bullet:last-child {
    margin-right: 0 !important;
}

.swiper-pagination-bullet-active {
    /*box-shadow: 0 0 0.2rem #afafaf;*/
   box-shadow: none;
   background: #58bae1;
}

.pga .pagination {
    width: 100%;
}

.pga .swiper-pagination-bullet {
    width: 1.1rem;
    height: 0.1rem;
    border-radius: 0;
    background: #eee;
    box-shadow: none;
}

.pga .swiper-pagination-bullet-active {
    /*background: #5e625e;*/
   background: #58bae1;
}

/* .topSecond {
    position: relative;
    width: 7.5rem;
    height: 5.11rem;
    background: url("../../Image/SHCourse/MobileIndex/part1/applicationBg.jpg") no-repeat center center/cover;
} */

.MoblieIndex_main {
    position: relative;
    overflow: hidden;
}

.ui_childPage {
    position: relative;
    background: #090925;
    overflow: hidden;
}

.close {
    position: absolute;
    display: block;
    width: 0.6rem;
    height: 0.6rem;
    left: 50%;
    top: 0.1rem;
    bottom: 0;
    margin-left: -0.3rem;
    background: url("../../Image/SHCourse/MobileIndex/more.png") no-repeat center center/cover;
    z-index: 999;
    transition: all .5s linear;
    transform: rotate(45deg);
}

.Advertisement {
    position: relative;
    height: 2.5rem;
    font-family: fzltxh;
    font-size: 0.24rem;
    color: #73696f;
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
}

.Advertisement input, .Advertisement select {
    font-family: fzltxh;
    font-size: 0.24rem;
    color: #73696f;
}

.Advertisement .Advertisement_btn {
    position: absolute;
    display: block;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}



.AdvertisementB {
    position: relative;
    height: 2.5rem;
    font-family: fzltxh;
    font-size: 0.24rem;
    color: #73696f;
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
}

.AdvertisementB input, .AdvertisementB select {
    font-family: fzltxh;
    font-size: 0.24rem;
    color: #73696f;
}

.AdvertisementB .Advertisement_btn {
    position: absolute;
    display: block;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.AdvertisementC {
    height: 2.51rem;
    background: url("../../Image/SHCourse/MobileIndex/more.png") no-repeat center center/cover;
}

.MoblieIndex_header {
    position: relative;
    width: 100%;
    height: 0.88rem;
    background: #e54046;
    color: #fff;
    text-align: center;
    z-index: 99;
}

.MoblieIndex_header img {
    position: absolute;
    width: 1.41rem;
    height: 0.36rem;
    left: 50%;
    top: 0.26rem;
    margin-left: -0.705rem;
}

.MoblieIndex_header .signUp {
    position: absolute;
    left: 0.2rem;
    font-size: 0.36rem;
    -webkit-transition: -webkit-transform 0.5s linear;
    transition: -webkit-transform 0.5s linear;
    transition: transform 0.5s linear;
    transition: transform 0.5s linear, -webkit-transform 0.5s linear;
}

#shareBtn {
    position: absolute;
    right: 0.2rem;
    top: 0.26rem;
}

#shareBtn .icon {
    width: 0.36rem;
    height: 0.36rem;
    background: url("../../Image/share/share.png") no-repeat center center /cover;
}

.MoblieIndex_header .signUp.moveRight {
    -webkit-transform: translateX(200%);
    -ms-transform: translateX(200%);
    transform: translateX(200%);
}

.MoblieIndex_header .signUp i {
    display: inline-block;
    vertical-align: top;
    width: 0.36rem;
    height: 0.36rem;
    margin-top: 0.26rem;
    background: url("../../Image/share/more.png") no-repeat center center/cover;
}

#sideMenuContainer,
#sideMoreContainer {
    position: absolute;
    top: 0;
    width: 100%;
    height: 0;
    line-height: 0.66rem;
    font-family: fzltxh;
    font-size: 0.22rem;
    background: #000;
    overflow: hidden;
    z-index: 20001;
    -webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -ms-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear;
}

#sideMoreContainer {
    background: rgba(0, 0, 0, 0.7);
}

#sideMoreContainer div {
    position: absolute;
    width: 0.9rem;
    height: 0.9rem;
    -webkit-transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;
    transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;
    transition: opacity 0.35s ease-out, transform 0.35s ease-out;
    transition: opacity 0.35s ease-out, transform 0.35s ease-out, -webkit-transform 0.35s ease-out;
}

#sideMoreContainer .btn_close {
    position: absolute;
    top: 1.6rem;
    left: 0.3rem;
    background: url("../../Image/share/btn_close.png") no-repeat center center/cover;
    -webkit-transition-delay: 200ms, 200ms;
    transition-delay: 200ms, 200ms;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}

#sideMoreContainer.slide .btn_close {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

#sideMoreContainer .btn_message {
    top: 1.22rem;
    left: 2.28rem;
    background: url("../../Image/share/btn_message.png") no-repeat center center/cover;
    -webkit-transition-delay: 50ms, 50ms;
    transition-delay: 50ms, 50ms;
    -webkit-transform: scale(0);
    transform: scale(0);
}

#sideMoreContainer.slide .btn_message {
    -webkit-transform: scale(1);
    transform: scale(1);
}

#sideMoreContainer .btn_works {
    top: 2.38rem;
    left: 2.16rem;
    background: url("../../Image/share/btn_works.png") no-repeat center center/cover;
    -webkit-transition-delay: 100ms, 100ms;
    transition-delay: 100ms, 100ms;
    -webkit-transform: scale(0);
    transform: scale(0);
}

#sideMoreContainer.slide .btn_works {
    -webkit-transform: scale(1);
    transform: scale(1);
}

#sideMoreContainer .btn_comment {
    top: 3.28rem;
    left: 1.42rem;
    background: url("../../Image/share/btn_comment.png") no-repeat center center/cover;
    -webkit-transition-delay: 150ms, 150ms;
    transition-delay: 150ms, 150ms;
    -webkit-transform: scale(0);
    transform: scale(0);
}

#sideMoreContainer.slide .btn_comment {
    -webkit-transform: scale(1);
    transform: scale(1);
}

#sideMoreContainer .btn_sign {
    top: 3.62rem;
    left: 0.3rem;
    background: url("../../Image/share/btn_sign.png") no-repeat center center/cover;
    -webkit-transition-delay: 200ms, 200ms;
    transition-delay: 200ms, 200ms;
    -webkit-transform: scale(0);
    transform: scale(0);
}

#sideMoreContainer.slide .btn_sign {
    -webkit-transform: scale(1);
    transform: scale(1);
}

#sideMenuContainer.slide,
#sideMoreContainer.slide {
    height: 100vh;
}

#sideMenuContainer .ac-gn-list {
    padding: 0 0.8rem;
}

#sideMenuContainer .ac-gn-list li {
    border-bottom: 1px solid #fff;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: scale(1.1) translateY(-24px);
    -ms-transform: scale(1.1) translateY(-24px);
    transform: scale(1.1) translateY(-24px);
    -webkit-transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;
    transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;
    transition: opacity 0.35s ease-out, transform 0.35s ease-out;
    transition: opacity 0.35s ease-out, transform 0.35s ease-out, -webkit-transform 0.35s ease-out;
}

#sideMenuContainer.slide .ac-gn-list li {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
}

#sideMenuContainer .ac-gn-list li:first-child {
    margin-top: 1.28rem;
    -webkit-transition-delay: 100ms, 100ms;
    transition-delay: 100ms, 100ms;
}

#sideMenuContainer .ac-gn-list li:nth-child(2) {
    -webkit-transition-delay: 150ms, 150ms;
    transition-delay: 150ms, 150ms;
}

#sideMenuContainer .ac-gn-list li:nth-child(3) {
    -webkit-transition-delay: 200ms, 200ms;
    transition-delay: 200ms, 200ms;
}

#sideMenuContainer .ac-gn-list li:nth-child(4) {
    -webkit-transition-delay: 250ms, 250ms;
    transition-delay: 250ms, 250ms;
}

#sideMenuContainer .ac-gn-list li:nth-child(5) {
    -webkit-transition-delay: 300ms, 300ms;
    transition-delay: 300ms, 300ms;
}

#sideMenuContainer .ac-gn-list li:nth-child(6) {
    -webkit-transition-delay: 350ms, 350ms;
    transition-delay: 350ms, 350ms;
}

#sideMenuContainer .ac-gn-list li:nth-child(7) {
    -webkit-transition-delay: 400ms, 400ms;
    transition-delay: 400ms, 400ms;
}

#sideMenuContainer .ac-gn-list li:nth-child(8) {
    -webkit-transition-delay: 450ms, 450ms;
    transition-delay: 450ms, 450ms;
}

#sideMenuContainer .ac-gn-list li:nth-child(9) {
    -webkit-transition-delay: 500ms, 500ms;
    transition-delay: 500ms, 500ms;
}

#sideMenuContainer .ac-gn-list li:last-child {
    -webkit-transition-delay: 550ms, 550ms;
    transition-delay: 550ms, 550ms;
}

.uiMobileIndexBox {
    margin-top: 0.8rem;
    position: relative;
    width: 100%;
    /* margin-bottom: 0.2rem; */
    height: 13.27rem;
    background: url("../../Image/SHCourse/MobileIndex/part1/bg1.jpg") no-repeat center center/cover;
}

.uiMobileIndexBox .mainBox {
    position: relative;
    padding-bottom: 3rem;
    width: 100%;
    height: 8.5rem;
}

.uiMobileIndexBox .mainBox .mainBanner {
    margin:auto;
    padding-top: 5.98rem;
    padding-bottom: 0.47rem;
    width: 5.4rem;
    /*height: 3rem;*/
    text-align: center;
}

/* .uiMobileIndexBox .mainBox .mainBanner h1 {
    font-size: 1.3rem;
    line-height: 1.5rem;
    color: #ffffff;
    text-shadow: 0px 0px 12px #ff7a3b;
} */

.uiMobileIndexBox .mainBox .mainText {
    margin:auto;
    text-align: center;
    font-family: fzzzh;
    font-size:0.26rem;
    line-height: 0.4rem;
    color:#ffffff;
    /* text-shadow: 0px 0px 12px #ff7a3b; */
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotateZ(0);
        transform: rotateZ(0);
    }
    100% {
        -webkit-transform: rotateZ(360deg);
        transform: rotateZ(360deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotateZ(0);
        transform: rotateZ(0);
    }
    100% {
        -webkit-transform: rotateZ(360deg);
        transform: rotateZ(360deg);
    }
}

@-webkit-keyframes spin-pulse {
    0% {
        -webkit-transform: scale(1) rotateZ(0);
        transform: scale(1) rotateZ(0);
    }
    100% {
        -webkit-transform: scale(1) rotateZ(360deg);
        transform: scale(1) rotateZ(360deg);
    }
}

@keyframes spin-pulse {
    0% {
        -webkit-transform: scale(1) rotateZ(0);
        transform: scale(1) rotateZ(0);
    }
    100% {
        -webkit-transform: scale(1) rotateZ(360deg);
        transform: scale(1) rotateZ(360deg);
    }
}

.uiMobileIndexBox .mainBox .intrducepath_box {
    position: absolute;
    width: 6rem;
    height: 0.92rem;
    left: 50%;
    bottom: -1%;
    margin-left: -3rem;
    font-family: fzltch;
    font-size: 0.26rem;
    text-align: center;
}

.uiMobileIndexBox .mainBox .intrducepath_box div {
    display: inline-block;
    vertical-align: top;
    width: 2.12rem;
    height: 0.56rem;
    line-height: 0.56rem;
    text-align: center;
}

.uiMobileIndexBox .mainBox .intrducepath_box .details {
    float: left;
    background: url("../../Image/SHCourse/MobileIndex/part1/details.png") no-repeat center center/cover;
}

.uiMobileIndexBox .mainBox .intrducepath_box .details a {
    display: block;
    margin-top: 0.05rem;
}

.uiMobileIndexBox .mainBox .intrducepath_box .moreDiscount {
    float: right;
    background: url("../../Image/SHCourse/MobileIndex/part1/more_discount.png") no-repeat center center/cover;
}

/* .uiMobileIndexBox .mainBox .intrducepath_box .details a {
    margin-left: 0.16rem;
} */

.uiMobileIndexBox .mainBox .intrducepath_box .moreDiscount a {
    /* margin-right: 0.04rem; */
    /* background: -moz-linear-gradient(-74deg, #d286c4 10%, #e4bc76 75%);
    background: -webkit-linear-gradient(-74deg, #d286c4 10%, #e4bc76 75%);
    background: -o-linear-gradient(-74deg, #d286c4 10%, #e4bc76 75%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; */
    display: block;
    color: #07071e;
    margin-top: 0.03rem;
}

.classPath_TimeDown {
    /* position: absolute; */
    padding-bottom: 0.3rem;
    overflow: hidden;
    width: 7rem;
    /* left: 50%;
    bottom: 0%; */
    /* margin-left: -3.5rem; */
    margin-left: 0.2rem;
}

.classPath_TimeDown div {
    float: left;
    font-family: pmzdbt;
    font-size: 0.56rem;
    color: #fff;
}

.classPath_classTimeTextL {
    /* position: absolute; */
    padding-top: 0.2rem;
    padding-bottom: 0.1rem;
    width: 100%;
    bottom: 10%;
    font-family: fzcth;
    font-size: 0.56rem;
    text-align: center;
    color: #fff;
    /* text-shadow: 0 0 0.15rem #ff6d83; */
    text-shadow: 0 0 0.15rem #334a96;
}

.classPath_time {
    display: inline-block;
    width: 1.75rem;
}

.classPath_time div {
    display: inline-block;
    width: 50%;
    text-align: right;
}

.classPath_day_shadow {
    /* text-shadow: 0 0 0.15rem #b035ff; */
    text-shadow: 0 0 0.15rem #483773;
}

.classPath_hour_shadow {
    /* text-shadow: 0 0 0.15rem #ff4233; */
    text-shadow: 0 0 0.15rem #1f4673;
}

.classPath_min_shadow {
    /* text-shadow: 0 0 0.15rem #63c4f9; */
    text-shadow: 0 0 0.15rem #2a7db3;
}

.classPath_sec_shadow {
    /* text-shadow: 0 0 0.15rem #fc45b2; */
    text-shadow: 0 0 0.15rem #297eb5;
}

.application {
    width: 6.9rem;
    height: 3.04rem;
    margin: -0.1rem auto 0;
    border-radius: 5px;
    background: url("../../Image/SHCourse/MobileIndex/part1/application.png") no-repeat center center/cover;
}

.application .container {
    width: 94%;
    height: 100%;
    margin: auto;
    text-align: center;
    overflow: hidden;
}

.application .container .left {
    float: left;
    margin: 0.3rem 0 0 0.3rem;
    /* font-family: hylx; */
    font-family: "SimHei";
    text-align: left;
    color: #fff;
}

.application .container h1 {
    /*font-size: 0.54rem;*/
    font-size: 0.56rem;
    letter-spacing: 0.1rem;
    /*text-shadow: 0 0 10px #fe9494, 0 0 10px #fe9494, 0 0 10px #fe9494, 0 0 10px #fe9494, 0 0 10px #fe9494;*/
}

/* .application .container .leftMiddle {
    margin: 0.2rem 0 0.3rem 0;
} */

.application .container p {
    margin-bottom: 0.1rem;
    font-size: 0.36rem;
    /*text-shadow: 0 0 10px #fda59b, 0 0 10px #fda59b, 0 0 10px #fda59b, 0 0 10px #fda59b, 0 0 10px #fda59b;*/
}

.application .container p span {
    margin-right: 0.04rem;
    font-family: ylhgt;
    font-size: 0.4rem;
}

.application .container p span i {
    margin-right: 0.04rem;
    font-style: normal;
    font-size: 0.46rem;
}

.application .container .left em {
    display: block;
    font-style: normal;
    font-family: fzzyj;
    font-size: 0.22rem;
}

.application .container .right {
    float: right;
    margin-top: 0.5rem;
    margin-right: 0.2rem;
    text-align: center;
    font-size: 0.24rem;
}

.application .container .right .auditionInput {
    display: block;
    width: 2.12rem;
    height: 0.56rem;
    /* margin: 0 auto 0.05rem; */
    margin: 0 auto 0.2rem;
    background: url("../../Image/SHCourse/MobileIndex/part1/input.png") no-repeat center center/cover;
}

.ml20 {
    margin-left: 0.13rem!important;
}

.application .container .right .auditionInput:last-child {
    margin-bottom: 0;
    margin-top: 0.13rem;
}

.application .container .right .auditionInput input {
    width: 2.12rem;
    height: 0.53rem;
    line-height: 0.53rem;
    margin-left: 0.2rem;
    border: none;
    outline: 0px;
    background: none;
    font-family: fzltxh;
    font-size: 0.24rem;
    /* background: -moz-linear-gradient(-74deg, #b85811 10%, #ed9b0e 75%);
    background: -webkit-linear-gradient(-74deg, #b85811 10%, #ed9b0e 75%);
    background: -o-linear-gradient(-74deg, #b85811 10%, #ed9b0e 75%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; */
    color: #1a1b1c;
}

.application .container .right .auditionInput input:-ms-input-placeholder {
    text-align: left;
    font-size: 0.24rem;
    color: #1a1b1c;
}

.application .container .right .auditionInput input::-webkit-input-placeholder {
    text-align: left;
    font-size: 0.24rem;
    /* background: -moz-linear-gradient(-74deg, #b85811 10%, #ed9b0e 75%);
    background: -webkit-linear-gradient(-74deg, #b85811 10%, #ed9b0e 75%);
    background: -o-linear-gradient(-74deg, #b85811 10%, #ed9b0e 75%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; */
    color: #1a1b1c;
}

.application .container .right .auditionInput input::-moz-placeholder {
    text-align: left;
    font-size: 0.24rem;
    /* background: -moz-linear-gradient(-74deg, #b85811 10%, #ed9b0e 75%);
    background: -webkit-linear-gradient(-74deg, #b85811 10%, #ed9b0e 75%);
    background: -o-linear-gradient(-74deg, #b85811 10%, #ed9b0e 75%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; */
    color: #1a1b1c;
}

.application .container .right .auditionSubmit {
    width: 2.58rem;
    height: 0.78rem;
    margin-bottom: 0;
    background: url("../../Image/SHCourse/MobileIndex/part1/submit.png") no-repeat center center/cover;
}

.application .container .right .auditionSubmit input {
    width: 2.68rem;
    height: 0.78rem;
    margin-left: 0;
    color: #1a1b1c;
}

.CGwangData_part1 {
    width: 100%;
    padding-bottom: 0.6rem;
    background: url("../../Image/SHCourse/MobileIndex/part2/CGwangData_part1Bg.jpg") no-repeat center center/cover;
}

.CGwangData_part1 .logo {
    width: 5.82rem;
    height: 1.24rem;
    padding-bottom: 0.5rem;
}

.CGwangData_part1 .hd {
    text-align: left;
    color: #ffffff;
}

.CGwangData_part1 .hd h1 {
    position: relative;
    font-size: 0.5rem;
}

.CGwangData_part1 .hd i {
    position: absolute;
    width: 0.8rem;
    height: 0.8rem;
    /* top: 0.61rem; */
    margin-left: 0.2rem;
    bottom: 0.5rem;
}

.CGwangData_part1 .content {
    width: 100%;
    margin: 0.5rem 0;
    padding: 0.3rem 0;
    border-radius: 15px;
    background: url("../../Image/SHCourse/MobileIndex/part2/CGwangData_part1Middle.png") no-repeat center center/cover;
    /* box-shadow: 0 0 0.6rem #ffc5d7; */
    color: #ffffff;
    overflow: hidden;
}

.CGwangData_part1 .content ul {
    width: 100%;
}

.CGwangData_part1 .content ul li {
    display: table;
    float: left;
    width: 33.333333%;
    height: 20%;
    box-sizing: border-box;
    border-right: 0.03rem solid #22468e;
    text-align: center;
}

.CGwangData_part1 .content ul li:nth-child(3n) {
    border-right: transparent;
}

.CGwangData_part1 .content ul li .font {
    display: table-cell;
    vertical-align: middle;
    padding: 0.4rem 0;
    font-family: fzlthjt;
    font-size: 0.38rem;
    color: #ffffff;
}

.CGwangData_part1 .content ul li span {
    margin-right: 0.08rem;
    font-family: mnjlx;
    font-size: 0.6rem;
}

.CGwangData_part1 .content ul li p {
    margin-top: 0.04rem;
    font-family: fzlthjt;
    font-size: 0.24rem;
    color: #ffffff;
}

.CGwangData_part1 .bottom {
    width: 100%;
    line-height: 0.52rem;
    font-family: fzltxh;
    font-size: 0.26rem;
    color: #ffffff;
    text-align: center;
    background: url("../../Image/SHCourse/MobileIndex/part2/gradient.png") no-repeat center center/cover;
}

.CGwangData_part2 {
    position: relative;
    width: 100%;
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
    background: url("../../Image/SHCourse/MobileIndex/part2/CGwangData_part2Bg.jpg") no-repeat center center/cover;
}

.CGwangData_part2 .CGwangSummaryMore2 a {
    display: inline-block;
    width: 2.8rem;
    height: 0.66rem;
    line-height: 0.73rem;
    text-align: center;
    font-family: fzltzchjt;
    font-size: 0.26rem;
    background: url("../../Image/SHCourse/MobileIndex/part2/CGwangDataBtn.png") no-repeat center center/cover;
    color: #1b1b1b;
}

.CGwangData_part2 .hd {
    width: 5.6rem;
}

.CGwangData_part2 h1 {
    text-align: center;
    color: #ffffff;
}

.CGwangData_part2 p {
    line-height: 0.6rem;
    text-align: center;
    color: #ffffff;
}

.CGwangData_part2 .textOne {
    font-size: 0.28rem;
}

.CGwangData_part2 .textTwo i{
    font-family: Microsoft Yahei;
    font-style: normal;
}

.CGwangData_part2 .textTwo span {
    color: #298ccb;
}

.CGwangData_part2 .chart {
    width: 100%;
    margin: 0.5rem auto;
    border-radius: 15px;
    /* box-shadow: 0px 2px 0.5rem 0px #fed0ec; */
}

.CGwangData_part2 .chart .hd {
    width: 100%;
    padding: 0.4rem 0;
    border-bottom: 0.04rem solid #ffcbcd;
    overflow: hidden;
}

.CGwangData_part2 .chart .hd span {
    display: block;
    font-family: fzltzhunh;
    font-size: 0.34rem;
    color: #fa535a;
}

.CGwangData_part2 .chart .chartShow {
    width: 100%;
    height: 6rem;
}

.CGwangData_part2 .chart .hd .left {
    float: left;
    margin-left: 0.4rem;
}

.CGwangData_part2 .chart .hd .right {
    float: right;
    margin-right: 0.4rem;
}

.personnelMobilebg {
    padding-bottom: 1rem;
    background: url("../../Image/SHCourse/MobileIndex/part5/pointingBg.jpg") no-repeat center center/cover;
}

.personnelMobilebg .CGwangSummaryMore2 a {
    display: inline-block;
    width: 2.8rem;
    height: 0.66rem;
    line-height: 0.73rem;
    text-align: center;
    font-family: fzltzchjt;
    font-size: 0.26rem;
    background: url("../../Image/SHCourse/MobileIndex/part2/employment_bannerBtn.png") no-repeat center center/cover;
    color: #fff;
}

.personnelMobilebg .hd {
    padding-top: 0.8rem;
}

.personnelMobilebg .hd h1 {
    line-height: 1rem;
    color: #fff;
}

.personnelMobilebg .hd p {
    color: #fff;
}

.DatagramWord {
    width: 100%;
    margin: 0.2rem auto 0.4rem;
    text-align: center;
}

.DatagramWord div {
    display: inline-block;
    font-size: 0;
}

.DatagramWord div i {
    display: inline-block;
    /* vertical-align: top; */
    width: 0.22rem;
    height: 0.22rem;
    margin-right: 0.05rem;
}

.DatagramWord p {
    display: inline-block;
    line-height: 0.22rem;
    font-family: fzltzhjt;
    font-size: 0.2rem;
    color: #fff;
}

.DatagramWord .DatagramWordA {
    margin-right: 0.2rem;
}

.DatagramWord .DatagramWordA i {
    background: url("../../Image/SHCourse/MobileIndex/part3/bussines.png") no-repeat center center/cover;
}

.DatagramWord .DatagramWordB i {
    background: url("../../Image/SHCourse/MobileIndex/part3/needs.png") no-repeat center center/cover;
}

.DatagramImg {
    width: 7.08rem;
    height: 4.58rem;
    margin: 0 auto 0.6rem;
}

.salaryMobilebg {
    padding-bottom: 0.6rem;
    background: url("../../Image/SHCourse/MobileIndex/part3/salaryMobilebg.jpg") no-repeat center center/cover;
}

.salaryMobilebg .CGwangSummaryMore2 a {
    display: inline-block;
    width: 2.8rem;
    height: 0.66rem;
    line-height: 0.73rem;
    text-align: center;
    font-family: fzltzchjt;
    font-size: 0.26rem;
    background: url("../../Image/SHCourse/MobileIndex/part2/employment_bannerBtn.png") no-repeat center center/cover;
    color: #fff;
}

.salaryMobilebg .hd {
    margin-bottom: 0.4rem;
    padding-top: 0.5rem;
}

.salaryMobilebg .hd h1 {
    line-height: 1rem;
    margin-bottom: 0.1rem;
    color: #fff;
}

.salaryMobilebg .hd p {
    color: #fff;
}

.salaryMobileDatagram {
    width: 7.3rem;
    height: 4.6rem;
    margin: 0 auto 0.8rem;
}

.treatmentMobilebg {
    width: 100%;
    /* height: 13.5rem; */
    height: 14rem;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    text-align: center;
}

.treatmentMobilebg .CGwangSummaryMore2 a {
    display: inline-block;
    width: 2.8rem;
    height: 0.66rem;
    line-height: 0.73rem;
    text-align: center;
    font-family: fzltzchjt;
    font-size: 0.26rem;
    background: url("../../Image/SHCourse/MobileIndex/part3/personnelBtn.png") no-repeat center center/cover;
    color: #1b1b1b;
}

.treatmentMobilebg .hd {
    padding-top: 0.6rem;
    padding-bottom: 1rem;
}

.treatmentMobilebg .hd h1 {
    line-height: 1rem;
    margin-bottom: 0.1rem;
    color: #fff;
}

.treatmentMobilebg .hd p {
    color: #fff;
}

#treatmentCon {
    width: 3.92rem;
    height: 5.46rem;
    margin: 0.2rem auto 0.4rem;
    /*border-radius: 0.25rem;*/
}

.treatmentMobilebg .swiper-slide img {
    display: block;
}

.treatmentMobilebg .scBox_treatment .whitePrev {
    left: 0.5rem;
}

.treatmentMobilebg .scBox_treatment .whiteNext {
    right: 0.5rem;
}

.face {
    position: absolute;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
    backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -o-backface-visibility: hidden;
}

.front {
    z-index: 10;
}

.back {
    transform: rotate3d(0, 1, 0, -180deg);
    -ms-transform: rotate3d(0, 1, 0, -180deg);
    -moz-transform: rotate3d(0, 1, 0, -180deg);
    -webkit-transform: rotate3d(0, 1, 0, -180deg);
    -o-transform: rotateY(0, 1, 0, -180deg);
    z-index: 8;
}

.card-flipped .front {
    transform: rotate3d(0, 1, 0, 180deg);
    -ms-transform: rotate3d(0, 1, 0, 180deg);
    -moz-transform: rotate3d(0, 1, 0, 180deg);
    -webkit-transform: rotate3d(0, 1, 0, 180deg);
    -o-transform: rotate3d(0, 1, 0, 180deg);
    z-index: 8;
}

.card-flipped .back {
    transform: rotate3d(0, 1, 0, 0deg);
    -ms-transform: rotate3d(0, 1, 0, 0deg);
    -moz-transform: rotate3d(0, 1, 0, 0deg);
    -webkit-transform: rotate3d(0, 1, 0, 0deg);
    -o-transform: rotate3d(0, 1, 0, 0deg);
    z-index: 10;
}

.occupation {
    padding-bottom: 0.8rem;
    text-align: center;
    background: url("../../Image/SHCourse/MobileIndex/part3/occupationBg.jpg") no-repeat center center/cover;
}

.occupation .CGwangSummaryMore2 a {
    display: inline-block;
    width: 2.8rem;
    height: 0.66rem;
    line-height: 0.73rem;
    text-align: center;
    font-family: fzltzchjt;
    font-size: 0.26rem;
    background: url("../../Image/SHCourse/MobileIndex/part2/employment_bannerBtn.png") no-repeat center center/cover;
    color: #fff;
}

.occupation .hd {
    padding-top: 0.8rem;
    color: #fff;
}

.occupation .hd h1 {
    line-height: 1rem;
    margin-bottom: 0.4rem;
}

.jobMobileCircle {
    padding-bottom: 0.2rem;
}

.jobMobileCircle .outside {
    width: 3.29rem;
    height: 3.29rem;
    margin: 0 auto 0.3rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    background: url("../../Image/SHCourse/MobileIndex/part3/personnelMobileOutCircle.png") no-repeat center center/cover;
}

.jobMobileCircle .outside .inside {
    width: 2.83rem;
    height: 2.83rem;
    text-align: center;
    background: url("../../Image/SHCourse/MobileIndex/part3/personnelMobileInCircle.png") no-repeat center center/cover;
}

.jobMobileCircle .outside .inside p {
    margin-top: 0.8rem;
    font-family: fzltzhjt;
    font-size: 0.52rem;
    color: #fff;
}

.jobMobileCircle .outside .inside p:nth-child(2) {
    margin-top: 0.2rem;
}

.jobMobileCircle .outside .inside p:nth-child(3) {
    margin-top: 0.05rem;
    font-size: 0.26rem;
}

.jobMobileCircle p {
    margin-top: 0.15rem;
    font-family: fzltxh;
    font-size: 0.3rem;
    color: #fff;
}

.jobMobileCircle p:last-child {
    margin-top: 0.5rem;
    font-size: 0.2rem;
    color: #fff;
}

.occupation .jobMobileDemand {
    height: 5rem;
    margin-bottom: 0.6rem;
}

#ui_childPage1 .Advertisement .Advertisement_btn {
    display: block;
    width: 2.04rem;
    height: 0.52rem;
    left: 50%;
    bottom: 9%;
    margin-left: -2.22rem;
    background-image: url("../../Image/SHCourse/MobileIndex/part3/thirdAdvertisementBtn.png");
}

.employment_banner {
    width: 100%;
    position: relative;
}

.employment_banner .CGwangSummaryMore2 {
    width: 100%;
    text-align: center;
    z-index: 999;
    position: absolute;
    bottom: 0.5rem;
}

.employment_banner .CGwangSummaryMore2 a {
    display: inline-block;
    width: 2.8rem;
    height: 0.66rem;
    line-height: 0.73rem;
    text-align: center;
    font-family: fzltzchjt;
    font-size: 0.26rem;
    background: url("../../Image/SHCourse/MobileIndex/part2/employment_bannerBtn.png") no-repeat center center/cover;
    color: #fff;
}

.employment_banner .swiper-slide {
    position: relative;
    width: 100%;
    height: 13.34rem;
    background-size: cover;
    background-position: center center;
}

.employment_banner .hd {
    width: 100%;
    padding-top: 0.8rem;
}

.employment_banner .swiper-slide .hd h1 {
    line-height: 0.9rem;
    margin-bottom: 0.6rem;
    color: #ffffff;
}

.employment_banner .swiper-slide .employment_text1 {
    margin-bottom: 0.1rem;
    font-family: sszhjt;
    font-size: 0.36rem;
}

.employment_banner .swiper-slide .employment_text2,
.employment_banner .swiper-slide .employment_text3 {
    font-family: fzltxh;
    font-size: 0.24rem;
}

.employment_banner .swiper-slide .circle {
    position: absolute;
    width: 3.99rem;
    height: 3.99rem;
    margin: 4.675rem auto 0;
    border-radius: 50%;
    top: 48%;
    left: 50%;
    margin: -1.995rem 0 0 -1.995rem;
}

.employment_banner .swiper-slide .circle:after {
    content: attr(data-icon);
    position: absolute;
    width: 3.39rem;
    height: 3.39rem;
    text-align: center;
    top: 50%;
    left: 50%;
    margin: -1.695rem 0 0 -1.695rem;
    border-radius: 50%;
}

.employment_banner .swiper-slide .employment_text3 {
    position: absolute;
    width: 100%;
    bottom: 24%;
    font-size: 0.3rem;
    color: #fff;
}

.employment_banner .whitePrev,
.employment_banner .whiteNext {
    top: 48%;
}

.employment_banner .pagination {
    bottom: 13%;
}

.employment_banner .whitePrev {
    left: 8%;
}

.employment_banner .whiteNext {
    right: 8%;
}

.employment_banner .bg1 .employment_text1,
.employment_banner .bg1 .employment_text2 {
    color: #ffffff;
}

.employment_banner .bg1 .circle {
    border: 0.02rem dashed #fff;
}

.employment_banner .bg1 .circle:after {
    background: url("../../Image/SHCourse/MobileIndex/part4/logo1.png") no-repeat center center/cover;
    box-shadow: inset 0 0 0 0.15rem #d6d6d6;
}

.employment_banner .bg2 .employment_text1,
.employment_banner .bg2 .employment_text2 {
    color: #ffffff;
}

.employment_banner .bg2 .circle {
    border: 0.02rem dashed #fff;
}

.employment_banner .bg2 .circle:after {
    background: url("../../Image/SHCourse/MobileIndex/part4/logo2.png") no-repeat center center/cover;
    box-shadow: inset 0 0 0 0.15rem #d6d6d6;
}

.employment_banner .bg3 .employment_text1,
.employment_banner .bg3 .employment_text2 {
    color: #ffffff;
}

.employment_banner .bg3 .circle {
    border: 0.02rem dashed #fff;
}

.employment_banner .bg3 .circle:after {
    background: url("../../Image/SHCourse/MobileIndex/part4/logo3.png") no-repeat center center/cover;
    box-shadow: inset 0 0 0 0.15rem #d6d6d6;
}

.employment_banner .bg4 .employment_text1,
.employment_banner .bg4 .employment_text2 {
    color: #ffffff;
}

.employment_banner .bg4 .circle {
    border: 0.02rem dashed #ffffff;
}

.employment_banner .bg4 .circle:after {
    background: url("../../Image/SHCourse/MobileIndex/part4/logo4.png") no-repeat center center/cover;
    box-shadow: inset 0 0 0 0.15rem #d6d6d6;
}

.employment_banner .bg5 .employment_text1,
.employment_banner .bg5 .employment_text2 {
    color: #ffffff;
}

.employment_banner .bg5 .circle {
    border: 0.02rem dashed #ffffff;
}

.employment_banner .bg5 .circle:after {
    background: url("../../Image/SHCourse/MobileIndex/part4/logo5.png") no-repeat center center/cover;
    box-shadow: inset 0 0 0 0.15rem #d6d6d6;
}

.employment_banner .bg6 .employment_text1,
.employment_banner .bg6 .employment_text2 {
    color: #ffffff;
}

.employment_banner .bg6 .circle {
    border: 0.02rem dashed #ffffff;
}

.employment_banner .bg6 .circle:after {
    background: url("../../Image/SHCourse/MobileIndex/part4/logo6.png") no-repeat center center/cover;
    box-shadow: inset 0 0 0 0.15rem #d6d6d6;
}

.employment_banner .bg7 .employment_text1,
.employment_banner .bg7 .employment_text2 {
    color: #fff;
}

.employment_banner .bg7 .circle {
    border: 0.02rem dashed #fff;
}

.employment_banner .bg7 .circle:after {
    background: url("../../Image/SHCourse/MobileIndex/part4/logo7.png") no-repeat center center/cover;
    box-shadow: inset 0 0 0 0.15rem #d6d6d6;
}

.employment_banner .bg8 .employment_text1,
.employment_banner .bg8 .employment_text2 {
    color: #fff;
}

.employment_banner .bg8 .circle {
    border: 0.02rem dashed #fff;
}

.employment_banner .bg8 .circle:after {
    background: url("../../Image/SHCourse/MobileIndex/part4/logo8.png") no-repeat center center/cover;
    box-shadow: inset 0 0 0 0.15rem #d6d6d6;
}


.employment_banner .CGwangSummaryMore {
    position: absolute;
    bottom: 5%;
}

.answerMobilebg {
    width: 100%;
    height: 12rem;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    text-align: center;
}

.answerMobilebg .CGwangSummaryMore2 a {
    display: inline-block;
    width: 2.8rem;
    height: 0.6rem;
    line-height: 0.73rem;
    text-align: center;
    font-family: fzltzchjt;
    font-size: 0.26rem;
    background: url("../../Image/SHCourse/MobileIndex/part4/answerMobileOnebutton.png") no-repeat center center/cover;
    color: #1b1b1b;
} 

.answerMobilebg .hd {
    padding-top: 0.8rem;
    color: #fff;
}

.answerMobilebg .hd h1 {
    line-height: 1rem;
}

.answerMobilebg .answerMobileBox {
    width: 6.9rem;
    margin: 0.2rem auto 0.6rem;
    font-family: fzhtjt;
}

.answerMobilebg .answerMobileCover {
    position: relative;
    width: 100%;
    height: 2.2rem;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.answerMobilebg .answerMobileCover p {
    position: absolute;
    width: 100%;
    bottom: 2%;
    font-family: fzltzhjt;
    font-size: 0.4rem;
    color: #fefefe;
}

.answerMobilebg .answerMobilePurpleWord {
    width: 100%;
    padding: 0 3%;
    font-size: 0;
    box-sizing: border-box;
    text-align: left;
    overflow: hidden;
    background: url("../../Image/SHCourse/MobileIndex/part4/answerMobileOnePurple.jpg") no-repeat center center/cover;
    color: #fff;
}



.answerMobilePurpleWord span {
    display: inline-block;
    font-size: 0.24rem;
    line-height: 0.4rem;
    padding-top: 0.05rem;
}

.showStudentScoll ul li:nth-child(1) {
    width: 11%;
}

.answerMobilePurpleWord span:nth-child(1) {
    margin-left: 0.08rem;
    width: 20%;
}

.showStudentScoll ul li:nth-child(2) {
    width: 35%;
    text-align: center;
}

.answerMobilePurpleWord span:nth-child(2) {
    width: 29%;
}

.showStudentScoll ul li:nth-child(3) {
    width: 15%;
    text-align: center;
}

.answerMobilePurpleWord span:nth-child(3) {
    width: 23%;
}

.showStudentScoll ul li:nth-child(4) {
    width: 39%;
    text-align: center;
}

.answerMobilePurpleWord span:nth-child(4) {
    width: 15%;
}


.showStudentScoll {
    width: 100%;
    height: 3.16rem;
    margin: auto;
    padding: 0 3%;
    box-sizing: border-box;
    font-size: 0.2rem;
    overflow: hidden;
    text-align: left;
    color: #515151;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.showStudentScoll .showStudentUL {
    overflow: hidden;
    transition: all .5s;
}

.showStudentScoll ul {
    line-height: 0.35rem;
    margin: auto;
    overflow: hidden;
}

.showStudentScoll ul li {
    float: left;
    font-family: fzltxh;

}

.faceMobilebg {
    width: 100%;
    padding-bottom: 0.8rem;
    background: url("../../Image/SHCourse/MobileIndex/part4/answerMobileTwoBg.jpg") no-repeat center center/cover;
}

.faceMobilebg .CGwangSummaryMore2 a {
    display: inline-block;
    width: 2.8rem;
    height: 0.6rem;
    line-height: 0.73rem;
    text-align: center;
    font-family: fzltzchjt;
    font-size: 0.26rem;
    background: #fff;
    color: #1b1b1b;
} 

.faceMobilebg .hd {
    padding: 0.8rem 0 0.3rem 0;
}

.faceMobilebg .hd h1 {
    line-height: 1rem;
    color: #fff;
}

.emAnswerMobileImg {
    position: relative;
    width: 6.9rem;
    height: 3.75rem;
    margin: 0 auto 0.6rem;
    text-align: center;
    overflow: hidden;
}

.emAnswerMobileImg > div {
    width: 3.65rem;
    height: 3.5rem;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.emAnswerMobileImg .emAnswerMobileImgLeft {
    position: absolute;
    left: 0;
    top: 0.25rem;
    transform: translate3d(-100%, 0, 0);
    transition: transform .8s ease;
    z-index: 1;
}

.emAnswerMobileImg .emAnswerMobileImgLeft.theLeft {
    transform: translate3d(0, 0, 0);
}

.emAnswerMobileImg .emAnswerMobileImgLeft span {
    position: absolute;
    left: 30%;
    top: 8%;
    font-family: fzltzhjt;
    font-size: 0.26rem;
    color: #1b1b1b;
}

.emAnswerMobileImg .emAnswerMobileImgLeftWord {
    position: absolute;
    bottom: 0.25rem;
    font-family: fzltxh;
    font-size: 0.22rem;
    color: #1b1b1b;
}

.emAnswerMobileImg .emAnswerMobileImgLeftWord p {
    margin-bottom: 0.05rem;
    text-indent: 0.1rem;
}

.emAnswerMobileImg .emAnswerMobileImgLeftWord p:last-child {
    text-indent: 0.8rem;
}

.emAnswerMobileImgLeft i {
    position: absolute;
    top: 40%;
    right: 0.18rem;
    font-family: fzltzhjt;
    font-size: 0.52rem;
    color: #1b1b1b;
    font-style: normal;
}

.emAnswerMobileImgRight {
    position: absolute;
    top: 0;
    right: 0;
    transform: translate3d(100%, 0, 0);
    transition: transform .8s ease;
}

.emAnswerMobileImgRight.theRight {
    transition-delay: .8s;
    transform: translate3d(0, 0, 0);
}

.emAnswerMobileImgBox {
    width: 1.74rem;
    height: 0.44rem;
    margin: 0.45rem auto 0;
}

.emAnswerMobileImg .emAnswerMobileImgRightWord {
    position: absolute;
    left: 10%;
    bottom: 0;
    font-family: fzltxh;
    font-size: 0.22rem;
    color: #fff;
}

.emAnswerMobileImg .emAnswerMobileImgRightWord p {
    margin-bottom: 0.05rem;
}

.emAnswerMobileImg .emAnswerMobileImgRightWord p:last-child {
    text-indent: 0.65rem;
}

.emAnswerMobileImgRight i {
    position: absolute;
    top: 53%;
    left: 0.18rem;
    font-style: normal;
    font-family: fzltzhjt;
    font-size: 0.52rem;
    color: #fff;
}

#ui_childPage5 .employment_banner .hd h1 {
    line-height: 1rem;
    margin-bottom: 0.4rem;
}

#ui_childPage5 .employment_banner .swiper-slide .employment_text1 {
    letter-spacing: 0.1rem;
    text-indent: 0.1rem;
}

#ui_childPage5 .employment_banner .swiper-slide .employment_text3 {
    color: #fff;
}

#ui_childPage5 .employment_banner .bg1 .employment_text1,
#ui_childPage5 .employment_banner .bg1 .employment_text2 {
    color: #fff;
}

#ui_childPage5 .employment_banner .bg1 .circle {
    border: 0.02rem dashed #fff;
}

#ui_childPage5 .employment_banner .bg1 .circle:after {
    background: url("../../Image/SHCourse/MobileIndex/part4/sub_logo1.png") no-repeat center center/cover;
    box-shadow: inset 0 0 0 0.15rem #d6d6d6;
}

#ui_childPage5 .employment_banner .bg2 .employment_text1,
#ui_childPage5 .employment_banner .bg2 .employment_text2 {
    color: #fff;
}

#ui_childPage5 .employment_banner .bg2 .circle {
    border: 0.02rem dashed #fff;
}

#ui_childPage5 .employment_banner .bg2 .circle:after {
    background: url("../../Image/SHCourse/MobileIndex/part4/sub_logo2.png") no-repeat center center/cover;
    box-shadow: inset 0 0 0 0.15rem #d6d6d6;
}

#ui_childPage5 .employment_banner .bg3 .employment_text1,
#ui_childPage5 .employment_banner .bg3 .employment_text2 {
    color: #fff;
}

#ui_childPage5 .employment_banner .bg3 .circle {
    border: 0.02rem dashed #fff;
}

#ui_childPage5 .employment_banner .bg3 .circle:after {
    background: url("../../Image/SHCourse/MobileIndex/part4/sub_logo3.png") no-repeat center center/cover;
    box-shadow: inset 0 0 0 0.15rem #d6d6d6;
}

#ui_childPage5 .employment_banner .bg4 .employment_text1,
#ui_childPage5 .employment_banner .bg4 .employment_text2 {
    color: #fff;
}

#ui_childPage5 .employment_banner .bg4 .circle {
    border: 0.02rem dashed #fff;
}

#ui_childPage5 .employment_banner .bg4 .circle:after {
    background: url("../../Image/SHCourse/MobileIndex/part4/sub_logo4.png") no-repeat center center/cover;
    box-shadow: inset 0 0 0 0.15rem #d6d6d6;
}

#ui_childPage5 .employment_banner .bg5 .employment_text1,
#ui_childPage5 .employment_banner .bg5 .employment_text2 {
    color: #fff;
}

#ui_childPage5 .employment_banner .bg5 .circle {
    border: 0.02rem dashed #fff;
}

#ui_childPage5 .employment_banner .bg5 .circle:after {
    background: url("../../Image/SHCourse/MobileIndex/part4/sub_logo5.png") no-repeat center center/cover;
    box-shadow: inset 0 0 0 0.15rem #d6d6d6;
}

#ui_childPage5 .employment_banner .bg6 .employment_text1,
#ui_childPage5 .employment_banner .bg6 .employment_text2 {
    color: #fff;
}

#ui_childPage5 .employment_banner .bg6 .circle {
    border: 0.02rem dashed #fff;
}

#ui_childPage5 .employment_banner .bg6 .circle:after {
    background: url("../../Image/SHCourse/MobileIndex/part4/sub_logo6.png") no-repeat center center/cover;
    box-shadow: inset 0 0 0 0.15rem #d6d6d6;
}

#ui_childPage5 .employment_banner .bg7 .employment_text1,
#ui_childPage5 .employment_banner .bg7 .employment_text2 {
    color: #fff;
}

#ui_childPage5 .employment_banner .bg7 .circle {
    border: 0.02rem dashed #fff;
}

#ui_childPage5 .employment_banner .bg7 .circle:after {
    background: url("../../Image/SHCourse/MobileIndex/part4/sub_logo7.png") no-repeat center center/cover;
    box-shadow: inset 0 0 0 0.15rem #d6d6d6;
}

#ui_childPage5 .employment_banner .bg8 .employment_text1,
#ui_childPage5 .employment_banner .bg8 .employment_text2 {
    color: #fff;
}

#ui_childPage5 .employment_banner .bg8 .circle {
    border: 0.02rem dashed #fff;
}

#ui_childPage5 .employment_banner .bg8 .circle:after {
    background: url("../../Image/SHCourse/MobileIndex/part4/sub_logo8.png") no-repeat center center/cover;
    box-shadow: inset 0 0 0 0.15rem #d6d6d6;
}

#ui_childPage5 .employment_banner .bg9 .employment_text1,
#ui_childPage5 .employment_banner .bg9 .employment_text2 {
    color: #fff;
}

#ui_childPage5 .employment_banner .bg9 .circle {
    border: 0.02rem dashed #fff;
}

#ui_childPage5 .employment_banner .bg9 .circle:after {
    background: url("../../Image/SHCourse/MobileIndex/part4/sub_logo9.png") no-repeat center center/cover;
    box-shadow: inset 0 0 0 0.15rem #d6d6d6;
}

#ui_childPage5 .employment_banner .CGwangSummaryMore2 {
    position: absolute;
    bottom: 6%;
}

#ui_childPage5 .employment_banner .CGwangSummaryMore2 a {
    display: inline-block;
    width: 2.8rem;
    height: 0.66rem;
    line-height: 0.7rem;
    text-align: center;
    font-family: fzltzchjt;
    font-size: 0.26rem;
    background: url("../../Image/SHCourse/MobileIndex/part4/sub_bgBtn.png") no-repeat center center/cover;
    color: #1b1b1b;
}

#ui_childPage5 .swiper-pagination-bullet-active {
    background: #58bae1;
    box-shadow: none;
}

#ui_childPage2 .Advertisement .Advertisement_btn {
    width: 2.9rem;
    height: 0.8rem;
    left: 50%;
    bottom: 2%;
    margin-left: -0.65rem;
    background-image: url("../../Image/SHCourse/MobileIndex/part4/fourAdvertisementBtn.png");
}

.personMobilebg {
    width: 100%;
    height: 9rem;
    margin: auto;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.personMobilebg .hd {
    margin-bottom: 0.3rem;
    padding-top: 0.3rem;
}

.personMobilebg .hd .cooperation {
    height: 3.94rem;
    margin: auto;
    padding-top: 0.2rem;
    box-sizing: border-box;
    background-color: rgba(0, 0, 0, .4);
}

.personMobilebg .hd h1 {
    line-height: 1rem;
    color: #fff;
}

.personMobilebg .hd p {
    letter-spacing: 0.05rem;
    color: #fff;
}

.personMobileImg {
    width: 100%;
    margin-bottom: 0.8rem;
    font-family: fzltzhjt;
    font-size: 0.26rem;
    text-align: center;
}

.personMobileImg div {
    display: inline-block;
    width: 2rem;
    margin-right: 0.3rem;
}

.personMobileImg div span {
    display: block;
    width: 100%;
    height: 2rem;
    margin-bottom: 0.3rem;
}

.personMobileImg div p {
    color: #fff;
}

.inaugurationMobilebg {
    width: 100%;
    height: 13.34rem;
    margin: auto;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    text-align: center;
}

.inaugurationMobilebg .CGwangSummaryMore2 a {
    display: inline-block;
    width: 2.8rem;
    height: 0.6rem;
    line-height: 0.66rem;
    text-align: center;
    font-family: fzltzchjt;
    font-size: 0.26rem;
    background: url("../../Image/SHCourse/MobileIndex/part4/inaugurationBtn.png") no-repeat center center/cover;
    color: #fff;
}

.inaugurationMobilebg .hd {
    padding-top: 0.8rem;
    color: #fff;
}

.inaugurationMobilebg .hd h1 {
    line-height: 1rem;
    margin-bottom: 0.2rem;
}

#inaugurationCon {
    width: 3.94rem;
    height: 5.5rem;
    margin: 0.2rem auto 0.4rem;
    border-radius: 0.25rem;
}

.inaugurationMobilebg .swiper-slide img {
    display: block;
}

.inaugurationMobilebg .scBox_inauguration .whitePrev {
    left: 0.5rem;
}

.inaugurationMobilebg .scBox_inauguration .whiteNext {
    right: 0.5rem;
}

.recruitMobilebg {
    width: 100%;
    height: 13.34rem;
    background: url("../../Image/SHCourse/MobileIndex/part4/recruitMobilebg.jpg") no-repeat center center/cover;
    margin: auto;
    text-align: center;
}

.recruitMobilebg .CGwangSummaryMore2 a {
    display: inline-block;
    width: 2.8rem;
    height: 0.6rem;
    line-height: 0.73rem;
    text-align: center;
    font-family: fzltzchjt;
    font-size: 0.26rem;
    background: #fff;
    color: #1b1b1b;
}

.recruitMobilebg .hd {
    padding-top: 0.8rem;
    margin-bottom: 0.4rem;
}

.recruitMobilebg .hd h1 {
    line-height: 1rem;
    color: #fff;
}

.recruitMobilebg .hd p {
    color: #fff;
}

.recruitMobilebg .recruitMobileVideobg {
    width: 6.87rem;
    height: 3.79rem;
    margin: 0.3rem auto;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.recruitMobilebg .recruitMobileVideobg .recruitMobileVideoOpc {
    width: 100%;
    height: 100%;
    padding: 0.2rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /* background: rgba(208, 191, 251, 0.6); */
    background: rgba(77, 78, 97, 0.6);
}

.recruitMobilebg .recruitMobileVideobg .recruitMobileBorder {
    position: relative;
    width: 6.47rem;
    height: 3.39rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 0.04rem solid #ffffff;
}

.recruitMobilebg .recruitMobileVideobg .recruitMobileBorder img {
    position: absolute;
    width: 1.2rem;
    height: 1.2rem;
    left: 50%;
    top: 50%;
    margin-left: -0.6rem;
    margin-top: -0.6rem;
}

#recruitCon {
    width: 3.19rem;
    height: 1.9rem;
    margin-bottom: 0.6rem;
    overflow: visible;
}

#ui_childPage5 .Advertisement2 {
    margin-bottom: 0.8rem;
}

#ui_childPage5 .Advertisement2 .Advertisement_btn {
    width: 2.52rem;
    height: 0.52rem;
    margin-left: -1.425rem;
    bottom: -10%;
    background: url("../../Image/SHCourse/MobileIndex/part4/fourAdvertisementBtn2.png") no-repeat center center/cover;
}

.uiKnowledge {
    width: 100%;
    padding: 0.4rem 0;
    background: url("../../Image/SHCourse/MobileIndex/part5/uiKnowledgeBg.jpg") no-repeat center center/cover;
}

.uiKnowledge .CGwangSummaryMore2 a {
    display: inline-block;
    width: 2.8rem;
    height: 0.66rem;
    line-height: 0.73rem;
    text-align: center;
    font-family: fzltzchjt;
    font-size: 0.26rem;
    background: url("../../Image/SHCourse/MobileIndex/part2/CGwangDataBtn.png") no-repeat center center/cover;
    color: #1b1b1b;
}

.uiKnowledge .hd {
    margin-bottom: 1.4rem;
    color: #414141;
}

.uiKnowledge .hd h1 {
    margin-bottom: 0.2rem;
    color: #ffffff;
}

.uiKnowledge .hd p {
    line-height: 0.45rem;
    margin-bottom: 0.5rem;
    color: #ffffff;
}

.uiKnowledge .hd h3 {
    margin-bottom: 0.2rem;
    font-family: fzltzhjt;
    font-size: 0.28rem;
    color: #ffffff;
}

.uiKnowledge .hd p:last-child {
    margin-bottom: 1.7rem;
    font-size: 0.28rem;
}

.uiKnowledge #knowledge {
    width: 4.22rem;
    height: 7.9rem;
    margin: 0 auto 0.6rem;
    overflow: visible;
}

.uiKnowledge #knowledge .swiper-wrapper .swiper-slide {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    border-radius: 0.25rem;
    /* box-shadow: 0 0 0.3rem 1px #9287ac; */
}

.uiKnowledge #knowledge .swiper-wrapper .swiper-slide-shadow-left,
.uiKnowledge #knowledge .swiper-wrapper .swiper-slide-shadow-right {
    border-radius: 0.25rem;
}

.uiKnowledge #knowledge .swiper-wrapper .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .3)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .3), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(right, rgba(0, 0, 0, .3), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, .3), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to left, rgba(0, 0, 0, .3), rgba(0, 0, 0, 0));
}

.uiKnowledge #knowledge .swiper-wrapper .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .3)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .3), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, .3), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .3), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .3), rgba(0, 0, 0, 0));
}

.uiKnowledge #knowledge .top {
    position: relative;
    height: 3.3rem;
}

.uiKnowledge #knowledge .cardLogo {
    position: absolute;
    background-size: cover;
    background-position: center center;
}

.uiKnowledge #knowledge .btm {
    padding: 0 0.28rem;
}

.uiKnowledge #knowledge .btm h2 {
    margin-bottom: 0.15rem;
    font-family: fzzyj;
    font-size: 0.38rem;
    text-align: center;
    font-weight: bold;
}

.uiKnowledge #knowledge .btm p {
    line-height: 0.50rem;
    font-size: 0.28rem;
    word-break: normal;
    text-align: justify;
    letter-spacing: 0.02rem;
    color: #959595;
}

.uiKnowledge #knowledge .card1 .cardLogo {
    width: 7.5rem;
    height: 7.82rem;
    z-index: -10;
/*    left: -1.74rem;
    bottom: -0.5rem;*/
}

.uiKnowledge #knowledge .card2 .cardLogo {
    width: 7.5rem;
    height: 7.82rem;
    z-index: -10;
/*    left: -1rem;
    bottom: -0.2rem;*/
}

.uiKnowledge #knowledge .card3 .cardLogo {
    width: 7.5rem;
    height: 7.82rem;
    z-index: -10;
/*    left: 0.26rem;
    bottom: 0.75rem;*/
}

.uiKnowledge #knowledge .card4 .cardLogo {
    width: 7.5rem;
    height: 7.82rem;
    z-index: -10;
/*    left: 0.26rem;
    bottom: 0.75rem;*/
}

.uiKnowledge #knowledge .card5 .cardLogo {
    width: 7.5rem;
    height: 7.82rem;
    z-index: -10;
/*    left: 0.26rem;
    bottom: 0.75rem;*/
}

.uiKnowledge #knowledge .card6 .cardLogo {
    width: 7.5rem;
    height: 7.82rem;
    z-index: -10;
/*    left: 0.26rem;
    bottom: 0.75rem;*/
}

.uiKnowledge #knowledge .blackPrev {
    left: -0.65rem;
}

.uiKnowledge #knowledge .blackNext {
    right: -0.65rem;
}

.designMobilebg {
    width: 100%;
    height: 12.71rem;
    background: url("../../Image/SHCourse/MobileIndex/part5/designMobilebg.jpg") no-repeat center center/cover;
}

.designMobilebg .CGwangSummaryMore2 a {
    display: inline-block;
    width: 2.8rem;
    height: 0.66rem;
    line-height: 0.73rem;
    text-align: center;
    font-family: fzltzchjt;
    font-size: 0.26rem;
    background: url("../../Image/SHCourse/MobileIndex/part2/CGwangDataBtn.png") no-repeat center center/cover;
    color: #1b1b1b;
}

.designMobilebg .hd {
    padding-top: 0.44rem;
    margin-bottom: 0.32rem;
}

.designMobilebg .hd h1 {
    margin-bottom: 0.3rem;
    line-height: 1rem;
    color: #ffffff;
}

.designMobilebg .hd p {
    color: #fff;
}

/* 方向 */
.directionBox {
    height: 14.06rem;
    background: url(../../Image/SHCourse/MobileIndex/part5/direction/bg.jpg) no-repeat center center/cover;
}

.directionBox .hd {
    padding-top: 0.6rem;
    margin-bottom: 0.22rem;
}

.directionBox .hd h1 {
    margin-bottom: 1rem;
    line-height: 1rem;
    color: #ffffff;
}

.directionBox .hd p {
    color: #fff;
}

#direction_swiper {
    margin: 0 auto 0.76rem;
    width: 5.8rem;
}

#direction_swiper .directionImgBg {
    box-sizing: border-box;
    margin: auto;
    padding-top: 1.08rem;
    width: 4.2rem;
    height: 5.85rem;
    background: url(../../Image/SHCourse/MobileIndex/part5/direction/imgBg.png) no-repeat center center/cover;
}

#direction_swiper .directionImgBg > img {
    display: block;
    margin: 0 auto 0.24rem;
    width: 2.4rem;
    height: 2.4rem;    
}

#direction_swiper .directionImgBg > .textBox {
    margin: auto;
    width: 2rem;
    line-height: 1.04rem;
    border-radius: 10px;
    background: #fff;
    color: #202020;
    font-size: 0.3rem;
    font-weight: bold;
    text-align: center;
}

.swiper-button-next, .swiper-button-prev {
    margin-top: -0.28rem;
    width: 0.32rem;
    height: 0.56rem;
}

#direction_swiper .swiper-button-prev {
    left: 0;
    background: url(../../Image/SHCourse/MobileIndex/part5/direction/prev.png) no-repeat center center / cover;
}

#direction_swiper .swiper-button-next {
    right: 0;
    background: url(../../Image/SHCourse/MobileIndex/part5/direction/next.png) no-repeat center center / cover;
}

.directionBox .CGwangSummaryMore2 a {
    background: #fff;
    color: #2c2c2c;
}

#uiFieldWrap {
    width: 6.82rem;
    /*height: 7.6rem;*/
    margin: 0 auto 0.5rem;
    overflow: hidden;
}

#uiFieldWrap > ul {
    width: 101%;
    overflow: hidden;
}

#uiFieldWrap > ul > li {
    float: left;
    width: 0.5rem;
    height: 4.04rem;
}

#uiFieldWrap > ul > li > .text {
    width: 0.5rem;
    height: 100%;
    padding: 0 0.05rem;
    font-family: fzltxh;
    font-size: 0.32rem;
    color: #ffffff;
    background: rgba(0, 0, 0, .5);
    writing-mode: vertical-lr;
    box-sizing: border-box;
}

#uiFieldWrap > ul > li > .text p {
    padding-top: 0.2rem;
    box-sizing: border-box;
}

#uiFieldWrap > ul > li {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

#uiFieldWrap > ul > li:nth-child(1) {
    width: 5.81rem;
}

.ki {
    margin-top: 0.2rem;
}

.ki .ck {
    display: none;
}

.ki .ck.show {
    display: block;
}

.ki .ck h1 {
    margin-bottom: 0.05rem;
    font-family: fzltzhjt;
    font-size: 0.28rem;
    color: #ffffff;
}

.ki .ck p {
    line-height: 0.42rem;
    font-family: fzltxh;
    font-size: 0.28rem;
    letter-spacing: 0.01rem;
    color: #ffffff;
}

.pointingMobilebg {
    width: 100%;
    height: 8.26rem;
    text-align: center;
    background: url("../../Image/SHCourse/MobileIndex/part5/pointingBg.jpg") no-repeat center center/cover;
}

.pointingMobilebg .CGwangSummaryMore2 a {
    display: inline-block;
    width: 2.8rem;
    height: 0.66rem;
    line-height: 0.73rem;
    text-align: center;
    font-family: fzltzchjt;
    font-size: 0.26rem;
    background: url("../../Image/SHCourse/MobileIndex/part2/employment_bannerBtn.png") no-repeat center center/cover;
    color: #fff;
}

.pointingMobilebg .hd {
    padding: 1rem 0;
}

.pointingMobilebg .hd h1 {
    color: #fff;
}

.pointingMobilebg .scBox_pointing {
    height: 4rem;
}

#pointingCon {
    width: 5.49rem;
    height: 4.33rem;
}

#pointingCon .pointingMask {
    position: absolute;
    width: 100%;
    height: 3.03rem;
    left: 0;
    top: 0;
    padding: 0.2rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: rgba(125, 125, 125, 0.57);
}

#pointingCon .pointingMask .pointingBoder {
    width: 5.09rem;
    height: 2.63rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 0.04rem solid #ffffff;
}

#pointingCon .pointingMask .pointingPlay {
    position: absolute;
    width: 0.97rem;
    height: 0.97rem;
    left: 50%;
    top: 50%;
    margin-left: -0.485rem;
    margin-top: -0.485rem;
}

.pointingMobilebg .lilacNext,
.pointingMobilebg .lilacPrev {
    top: 25%;
    margin-top: 0;
}

.scBox_pointing p {
    height: 1.3rem;
    line-height: 1.3rem;
    font-family: fzltzhjt;
    font-size: 0.4rem;
    color: #fff;
}

/* #ui_childPage3 .Advertisement {
    margin-bottom: 0.8rem;
} */

.AdvertisementA .AdvertisementIpt {
    position: absolute;
    width: 7rem;
    left: 4%;
    /* bottom: 3%; */
    bottom: 28%;
    font-size: 0;
}

.AdvertisementA .AdvertisementIpt div {
    display: inline-block;
    vertical-align: top;
    width: 2.2rem;
    height: 0.4rem;
    margin-right: 0.3rem;
    background: url("../../Image/SHCourse/MobileIndex/part5/AdvertisementIpt.png") no-repeat center center/cover;
    text-align: center;
}

.AdvertisementA .AdvertisementIpt div:last-child {
    margin-right: 0;
}

.AdvertisementA .AdvertisementIpt .submitInputMarR {
    width: 1.48rem;
    height: 100%;
    background: none;
    outline: none;
}

.AdvertisementA .AdvertisementIpt .submitInputMarR {
    width: 2.2rem;
    height: 100%;
    text-indent: 0.1rem;
    background: none;
    outline: none;
}

.AdvertisementA .AdvertisementIpt .submitInputMarR2 {
    /* margin-top: 0.05rem; */
    margin-left: 0.1rem;
    width: 0.84rem;
    height: 0.44rem;
    background: url("../../Image/SHCourse/MobileIndex/part5/InputBtn.png") no-repeat center center/cover;
}

.AdvertisementA .Advertisement_sub {
    /* margin-left: 0.7rem; */
    position: absolute;
    bottom: 4%;
    margin-left: 0.35rem;
    width: 2.22rem;
    height: 0.46rem;
    background: url("../../Image/SHCourse/MobileIndex/part5/fiveAdvertisementBtn.png") no-repeat center center/cover;
}


.AdvertisementIptB {
    position: absolute;
    width: 7rem;
    /* left: 4%; */
    left: 3.5%;
    bottom: 39%;
    font-size: 0;
}

.AdvertisementIptB div {
    display: inline-block;
    vertical-align: top;
    margin-right: 0.3rem;
    width: 2.2rem;
    height: 0.4rem;
    background: url("../../Image/SHCourse/MobileIndex/part5/AdvertisementIpt.png") no-repeat center center/cover;
    text-align: center;
}

.AdvertisementIptB div:last-child {
	margin-right: 0;
}

.AdvertisementIptB .submitInputMarR {
    width: 2.2rem;
    text-indent: 0.1rem;
    height: 100%;
    background: none;
    outline: none;
}

.AdvertisementIptB .submitInputMarR2 {
    /* margin-top: 0.01rem; */
    margin-left: 0.1rem;
    width: 1.06rem;
    position: absolute;
    top: -0.05rem;
    height: 0.62rem;
    background: url("../../Image/SHCourse/MobileIndex/part5/AdvertisementBInputBtn.png") no-repeat center center/cover;
}

.AdvertisementB .Advertisement_sub {
    position: absolute;
    bottom: 1%;
    width: 3.46rem;
    height: 0.84rem;
    margin-left: 0.2rem;
    background: url("../../Image/SHCourse/MobileIndex/part7/indexBannerBtn.png") no-repeat center center/cover;
}

.AdvertisementB .Advertisement_sub a {
    display: block;
    width: 3.46rem;
    height: 0.84rem;
}

.AdvertisementIptB .Advertisement_sub {
    width: 3.46rem;
    height: 0.84rem;
    margin-left: -0.1rem;
    background: url("../../Image/SHCourse/MobileIndex/part7/indexBannerBtn.png") no-repeat center center/cover;
}

.courseDetails {
    width: 100%;
    height: 13.34rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.courseDetails .CGwangSummaryMore {
    display: block;
    position: relative;
    width: 3.92rem;
    height: 0.92rem;
    left: 50%;
    bottom: 1.5rem;
    margin-left: -1.96rem;
    font-family: fzltxh;
    font-size: 0.3rem;
    text-align: center;
    overflow: hidden;
    background: url("../../Image/SHCourse/MobileIndex/more_bg.png") no-repeat center center/cover;
    z-index: 999;
}

.courseDetails .CGwangSummaryMore span {
	line-height: 0.95rem;
}

.courseDetails .box_In {
    width: 100%;
}

.courseDetails .hd {
    padding: 1rem 0 0.6rem 0;
}

.courseDetails .hd h1 {
    margin-bottom: 0.3rem;
    color: #fff;
}

.courseDetails .hd p {
    color: #ffffff;
}

.courseDetails #courseCon {
    width: 7.5rem;
    height: 13.34rem;
    /* margin: 0 auto 1.4rem; */
    /* border-radius: 0.3rem; */
}

.courseDetails #courseCon .swiper-slide {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

/* .courseDetails #courseCon .swiper-slide .courseMask {
    width: 100%;
    height: 100%;
    padding-top: 0.4rem;
    box-sizing: border-box;
    background: url("../../Image/SHCourse/MobileIndex/part6/courseMask.png") no-repeat center center/cover;
} */

/* .courseDetails #courseCon .swiper-slide .courseIcon {
    margin: 0 auto 0.2rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.courseDetails #courseCon .courseCard1 .courseIcon {
    width: 2.41rem;
    height: 2.41rem;
}

.courseDetails #courseCon .courseCard2 .courseIcon {
    width: 2.41rem;
    height: 2.41rem;
}

.courseDetails #courseCon .courseCard3 .courseIcon {
    width: 2.74rem;
    height: 2.34rem;
}

.courseDetails #courseCon .courseCard4 .courseIcon {
    width: 2.41rem;
    height: 2.41rem;
}

.courseDetails #courseCon .courseCard5 .courseIcon {
    width: 2.12rem;
    height: 2.47rem;
}

.courseDetails #courseCon .swiper-slide .courseMask p {
    font-family: fzltxh;
    font-size: 0.36rem;
    text-align: center;
    color: #fff;
} */

/* #ui_childPage4 .CGwangSummaryMore2 a {
    margin-top: -0.5rem;
    width: 6.4rem;
    height: 0.96rem;
    line-height: 1rem;
    letter-spacing: 0.02rem;
    background: url("../../Image/SHCourse/MobileIndex/part6/showMobileButton3.png") no-repeat center center/cover;
} */

#ui_childPage4 .showMobileAbg .CGwangSummaryMore2 a {
    margin-top: -0.5rem;
    width: 4.45rem;
    height: 0.66rem;
    line-height: 0.73rem;
    letter-spacing: 0.02rem;
    text-indent: 0.01rem;
    background: #fff;
    color: #1b1b1b;
}

#ui_childPage4 .showMobileBbg .CGwangSummaryMore2 a {
    margin-top: -0.5rem;
    width: 4.34rem;
    height: 0.66rem;
    line-height: 0.73rem;
    letter-spacing: 0.02rem;
    text-indent: 0.01rem;
    background: #2972ae;
    color: #fff;
}

#ui_childPage4 .showMobileCbg .CGwangSummaryMore2 a {
    margin-top: -0.5rem;
    width: 5.07rem;
    height: 0.66rem;
    line-height: 0.73rem;
    letter-spacing: 0.02rem;
    text-indent: 0.01rem;
    background: #fff;
    color: #1b1b1b;
}

#ui_childPage4 .showMobileDbg .CGwangSummaryMore2 a {
    margin-top: -0.5rem;
    width: 3.83rem;
    height: 0.66rem;
    line-height: 0.73rem;
    letter-spacing: 0.02rem;
    text-indent: 0.01rem;
    background: #2972ae;
    color: #fff;
}

#ui_childPage4 .showMobileEbg .CGwangSummaryMore2 a {
    margin-top: -0.5rem;
    width: 4.66rem;
    height: 0.66rem;
    line-height: 0.73rem;
    letter-spacing: 0.02rem;
    text-indent: 0.01rem;
    background: url("../../Image/SHCourse/MobileIndex/part6/showMobileButton4.png") no-repeat center center/cover;
    color: #1b1b1b;
}

#ui_childPage4 .showMobileFbg .CGwangSummaryMore2 a {
    margin-top: -0.5rem;
    width: 4.66rem;
    height: 0.66rem;
    line-height: 0.73rem;
    letter-spacing: 0.02rem;
    text-indent: 0.01rem;
    background: url("../../Image/SHCourse/MobileIndex/part6/showMobileButton5.png") no-repeat center center/cover;
    color: #fff;
}

.showMobileAbg {
    width: 100%;
    height: 18.76rem;
    margin: auto;
    background: url("../../Image/SHCourse/MobileIndex/part6/showMobileOnebg.jpg") no-repeat center center/cover;
}

#ui_childPage4 .hd {
    padding-top: 6rem;
}

#ui_childPage4 .hd h1 {
    line-height: 1rem;
    margin-bottom: 0.2rem;
    font-family: fzltzchjt;
    color: #ffffff;
}

/* .showMobileImg {
    display: inline-block;
    width: 6.9rem;
    height: 4.76rem;
    margin-bottom: 0.3rem;
    box-shadow: 0px 0px 0.2rem #cecece;
} */

#ui_childPage4 .hd p {
    margin-bottom: 0.7rem;
    color: #ffffff;
}

.showMobileIcon {
    margin-bottom: 0.8rem;
    overflow: hidden;
    text-align: center;
}

.showMobileIcon span p {
    margin-top: 0.1rem;
    font-family: fzltzchjt;
    font-size: 0.26rem;
    color: #ffffff;
    text-indent: 0.02rem;
    letter-spacing: 0.02rem;
}

.showMobileIcon span {
    display: inline-block;
    width: 1.96rem;
    height: 1.96rem;
    margin-right: 0.3rem;
}

.showMobileIcon .showMobileIconA {
    margin-bottom: 0.2rem;
}

.showMobileIcon .showMobileIconA span:last-child {
    margin-right: 0;
}

.showMobileIcon .showMobileIconB span:last-child {
    margin-right: 0;
}

.showMobileCbg .showMobileIcon .showMobileIconB span:nth-child(2) {
    margin-right: 0.3rem;
}

.showMobileCbg .showMobileIcon .showMobileIconB span:last-child {
    margin-right: 0;
}

.showMobileBbg {
    width: 100%;
    height: 18.76rem;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.showMobileCbg {
    width: 100%;
    height: 18.76rem;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.showMobileDbg {
    width: 100%;
    height: 17.25rem;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.showMobileEbg {
    width: 100%;
    height: 20.38rem;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.showMobileFbg {
    width: 100%;
    height: 15.6rem;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.courseDemoWrap {
    width: 100%;
    background: #fff;
    overflow: hidden;
}

.courseDemoWrap .courseDemoVideo {
    position: relative;
    width: 100%;
    height: 4.22rem;
    /* margin-bottom: 0.1rem; */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.courseDemoVideo .courseDemoVideoTextBG {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    -khtml-opacity: .5;
    -moz-opacity: .5;
    filter: alpha(opacity=50);
    filter: "alpha(opacity=50)";
    opacity: .5;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}

.courseDemoVideo p {
    position: absolute;
    /* bottom: 10%; */
    bottom: 21%;
    width: 100%;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
    filter: "alpha(opacity=100)";
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    color: #fff;
    text-align: center;
    font-family: fzltxh;
    font-size: 0.6rem;
}

.courseDemoVideoPlay {
    position: absolute;
    /* width: 1.82rem;
    height: 1.82rem; */
    width: 1.72rem;
    height: 1.72rem;
    left: 50%;
    /* top: 12%;
    margin-left: -0.91rem; */
    top: 17%;
    /*margin-left: -0.6rem;*/
    margin-left: -0.8rem;
}

.courseDemoWrap .courseDemoGif {
    width: 100%;
    /* height: 3.66rem; */
    margin: auto;
}

.adlet {
    padding-top: 0.2rem;
}

.adlet .box_In {
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    -webkit-justify-content: space-between;
    margin-bottom: 0.2rem;
}

.adlet a {
    width: 1.54rem;
    height: 1.54rem;
}

.graduates {
    width: 100%;
    height: 13.3rem;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.graduates .hd {
    padding: 1rem 0 0.8rem 0;
    text-align: center;
    color: #fefefe;
}

.graduates .hd h1 {
    margin-bottom: 0.2rem;
    color: #fefefe;
}

.graduates .hd p {
    color: #fff;
}

.graduates .CGwangSummaryMore2 a {
    display: inline-block;
    width: 2.8rem;
    height: 0.6rem;
    line-height: 0.73rem;
    text-align: center;
    font-family: fzltzchjt;
    font-size: 0.26rem;
    background: url(../../Image/SHCourse/MobileIndex/part4/sub_bgBtn.png) no-repeat center center/cover;
    color: #1b1b1b;
}

.graduates .scBox_grad .whitePrev {
    left: 0.8rem;
}

.graduates .scBox_grad .whiteNext {
    right: 0.8rem;
}

#graduatesCon {
    width: 3.24rem;
    height: 5.84rem;
    margin-bottom: 0.8rem;
    border-radius: 0.25rem;
}

#graduatesCon2 {
    width: 3.28rem;
    height: 5.88rem;
    margin-bottom: 0.8rem;
    border-radius: 0.25rem;
}

#graduatesCon .swiper-slide,
#graduatesCon2 .swiper-slide {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

#graduatesCon .swiper-slide .top,
#graduatesCon2 .swiper-slide .top {
    width: 2.68rem;
    height: 2.68rem;
    margin: 0.2rem auto 0;
}

#graduatesCon .swiper-slide .btm,
#graduatesCon2 .swiper-slide .btm {
    padding-top: 160px;
    width: 2.2rem;
    margin: auto;
    font-family: fzltxh;
    font-size: 0.22rem;
    color: #fff;
}

#graduatesCon .swiper-slide .btm p,
#graduatesCon2 .swiper-slide .btm p {
    width: 100%;
    height: 0.36rem;
    margin-bottom: 0.15rem;
    padding-left: 0.2rem;
    box-sizing: border-box;
}

#graduatesCon .swiper-slide .btm i,
#graduatesCon2 .swiper-slide .btm i {
    display: inline-block;
    width: 0.36rem;
    height: 0.36rem;
    margin-right: 0.2rem;
}

#graduatesCon .swiper-slide .btm .wages,
#graduatesCon2 .swiper-slide .btm .wages {
    background: url("../../Image/SHCourse/MobileIndex/part7/wages_icon.png") no-repeat center center/cover;
}

#graduatesCon .swiper-slide .btm .designer,
#graduatesCon2 .swiper-slide .btm .designer {
    background: url("../../Image/SHCourse/MobileIndex/part7/designer_icon.png") no-repeat center center/cover;
}

#graduatesCon .swiper-slide .btm .time,
#graduatesCon2 .swiper-slide .btm .time {
    background: url("../../Image/SHCourse/MobileIndex/part7/time_icon.png") no-repeat center center/cover;
}

#graduatesCon .swiper-slide .btm .company,
#graduatesCon2 .swiper-slide .btm .company {
    background: url("../../Image/SHCourse/MobileIndex/part7/company_icon.png") no-repeat center center/cover;
}

#graduatesCon .swiper-slide .btm .line,
#graduatesCon2 .swiper-slide .btm .line {
    width: 100%;
    height: 0.02rem;
    margin-bottom: 0.2rem;
    background: #f7f9fd;
}

#graduatesCon .swiper-slide .btm span,
#graduatesCon2 .swiper-slide .btm span {
    display: inline-block;
    vertical-align: bottom;
    line-height: 0.36rem;
    text-align: center;
}

/*.graduates_subOne .CGwangSummaryMore2 {
    padding-top: 1rem;
}*/

.graduates_subOne .CGwangSummaryMore2 a{
    display: inline-block;
    width: 2.8rem;
    height: 0.6rem;
    line-height: 0.73rem;
    text-align: center;
    font-family: fzltzchjt;
    font-size: 0.26rem;
    background: url("../../Image/SHCourse/MobileIndex/part7/graduates_subOneBtn.png") no-repeat center center/cover;
    color: #fff;
}

.graduates_subOne {
    width: 100%;
    /* height: 21rem; */
    padding-bottom: 0.6rem;
    font-size: 0.28rem;
    text-align: center;
    /* color: #3c3932; */
    background: url("../../Image/SHCourse/MobileIndex/part7/graduates_subOneBg.jpg") no-repeat center center/cover;
}

.graduates_subOne .hd {
    padding-top: 0.8rem;
    margin-bottom: 0.2rem;
}

.graduates_subOne .hd h1 {
    line-height: 1rem;
    font-size: 0.58rem;
    color: #fff;
}

.graduates_subOne .subOneTabName {
    width: 100%;
    height: 1rem;
    /*margin-bottom: 0.3rem;*/
    overflow: hidden;
    font-size: 0;
    text-align: center;
}

.graduates_subOne .subOneTabName span {
    display: inline-block;
    height: 1rem;
    line-height: 0.7rem;
    margin-right: 0.4rem;
    font-family: fzlthjt;
    font-size: 0.28rem;
    color: #fff;
}

.graduates_subOne .subOneTabName span.current {
    font-family: fzltzhjt;
    color: #2971ae;
    /* text-shadow: 1px 2px 14px #fb6371; */
}

.graduates_subOne .subOneTabName span:last-child {
    margin-right: 0;
}

.graduates_subOne .subOneTabStudent {
    display: none;
}

.graduates_subOne .subOneTabStudent:first-child {
    display: block;
}

.graduates_subOne .subOneTabStudentImg {
    width: 2.3rem;
    height: 2.3rem;
    margin: 0 auto 0.2rem;
}

.graduates_subOne .subOneTabList .subOneTabStudentWord {
    margin-bottom: 0.4rem;
    color: #fff;
}

.graduates_subOne .subOneTabList .subOneTabStudentWord h3 {
    margin-bottom: 0.4rem;
}

.graduates_subOne .subOneTabList .subOneTabStudentWord p {
    /*height: 2rem;*/
    line-height: 0.5rem;
    font-size: 0.3rem;
    color: #fff;
}

.subOneTabList .blackPrev,
.subOneTabList .blackNext {
    margin-top: 0;
    /* top: 30%; */
    top: 29%

}

.subOneTabList .blackPrev {
    left: 0;
}

.subOneTabList .blackNext {
    right: 0;
}

.subOneTabList .titCell {
    width: 100%;
    font-size: 0;
    text-align: center;
}

.subOneTabList .titCell span {
    display: inline-block;
    width: 1.35rem;
    font-family: fzltzhjt;
    font-size: 0.26rem;
    color: #fff;
}

.subOneTabList .swiper-pagination-bullet {
    width: 1.35rem;
}

/**/
.subOneTabList .pga {
    height: 7.5rem;
    /*padding-top: 1.2rem;*/
}

.subOneTabList .swiper-container {
    width: 5.68rem;
    height: 7.5rem;
    /*height: 8rem;*/
    margin: auto;
}

.subOneTabList .subOneTabStudent .swiper-slide p {
    line-height: 0.36rem;
    margin-top: 0.3rem;
    font-size: 0.24rem;
    color: #fff;
}

.graduates_subTwo {
    width: 100%;
    height: 14.06rem;
    background: url("../../Image/SHCourse/MobileIndex/part7/gSubTwoBg.jpg") no-repeat center center/cover;
}

.graduates_subTwo .CGwangSummaryMore2 a {
    display: inline-block;
    width: 2.8rem;
    height: 0.6rem;
    line-height: 0.73rem;
    text-align: center;
    font-family: fzltzchjt;
    font-size: 0.26rem;
    background: url("../../Image/SHCourse/MobileIndex/part7/graduates_subTwoBtn.png") no-repeat center center/cover;
    color: #1b1b1b;
} 

.graduates_subTwo .hd {
    padding: 0.8rem 0 0.4rem;
    color: #ffffff;
}

.graduates_subTwo .hd h1 {
    line-height: 1rem;
}

#graduatesCon2 {
    overflow: visible;
}

/*#graduatesCon2 .swiper-slide {
    border-radius: 0.25rem;
    border: 0.03rem solid #fd747a;
}*/

/* #ui_childPage5 .Advertisement {
    margin-bottom: 0.8rem;
} */

#ui_childPage5 .Advertisement .Advertisement_btn {
    display: block;
    width: 2.86rem;
    height: 0.49rem;
    line-height: 0.49rem;
    left: 50%;
    margin-left: -2rem;
    bottom: 10%;
    background: url("../../Image/SHCourse/MobileIndex/part7/sevenAdvertisementBtn.png") no-repeat center center/cover;
    text-align: center;
}

#ui_childPage5 .Advertisement2 {
    margin-bottom: 0.8rem;
}

#ui_childPage5 .Advertisement2 .Advertisement_btn {
    width: 2.52rem;
    height: 0.52rem;
    /* margin-left: -1.425rem;
    bottom: -10%; */
    margin-left: -1.3rem;
    bottom: 7%;
    background: url("../../Image/SHCourse/MobileIndex/part4/fourAdvertisementBtn2.png") no-repeat center center/cover;
}

.StudentProgram {
    position: relative;
    width: 100%;
    height: 12.22rem;
    text-align: left;
    z-index: 1;
}

.StudentProgram .hd {
    padding-top: 0.6rem;
    text-align: center;
}

.StudentProgram .hd h1 {
    margin-bottom: 0.1rem;
    color: #fff;
}

.StudentProgram .hd p {
    color: #fff;
}

.grantsMobilebg {
    width: 100%;
    height: 17.3rem;
    text-align: center;
    background: url("../../Image/SHCourse/MobileIndex/part8/grantsMobilebg.png") no-repeat center center/cover;
}

.grantsMobilebg .hd {
    padding-top: 0.8rem;
    margin-bottom: 0.4rem;
    color: #656060;
}

.grantsMobilebg .hd h1 {
    line-height: 1.1rem;
}

.grantsMobilebg .grantsMobileImg {
    margin-bottom: 0.5rem;
}

.grantsMobilebg .grantsMobileImg > div {
    display: table;
    width: 6.1rem;
    height: 2.6rem;
    margin: 0 auto 0.1rem;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.grantsMobileImgWord {
    display: table-cell;
    vertical-align: middle;
    font-family: fzltzhjt;
    font-size: 0.2rem;
    color: #fff;
}

.grantsMobileImgWord p {
    line-height: 0.4rem;
}

.grantsMobileImgWord p:nth-child(2) {
    font-family: fzltxh;
}

.grantsMobileTwo {
    width: 100%;
    height: 8.62rem;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    text-align: center;
}

.grantsMobileTwo .hd {
    padding-top: 0.4rem;
    margin-bottom: 0.7rem;
    color: #fefefe;
}

.grantsMobileTwo .grantsfontImg {
    width: 5.7rem;
    height: 0.8rem;
    margin: 0 auto 0.3rem;
}

.grantsMobileTwo .grantsText {
    line-height: 0.42rem;
    margin-bottom: 1rem;
    font-family: fzltxh;
    font-size: 0.28rem;
    letter-spacing: 0.03rem;
    color: #878787;
}

.grantsMobileTwo .difficultHelpInput {
    width: 100%;
    height: 44px;
    line-height: 44px;
    padding: 0;
    font-size: 0;
    text-align: center;
}

.grantsMobileTwo .grantsInputA {
    display: inline-block;
    vertical-align: top;
    width: 4.91rem;
    height: 0.78rem;
    background: url("../../Image/SHCourse/MobileIndex/part8/grantsMobileInput.png") no-repeat center center/cover;
}

.grantsMobileTwo .grantsInputA input {
    width: 4.11rem;
    height: 100%;
    border: none;
    outline: none;
    font-family: fzltxh;
    font-size: 0.26rem;
    color: #656060;
    background: none;
}

.grantsMobileTwo .grantsInputB {
    display: inline-block;
    width: 2.07rem;
    height: 0.78rem;
    line-height: 0.78rem;
    border-radius: 0 0.5rem 0.5rem 0;
    font-family: fzltxh;
    font-size: 0.3rem;
    letter-spacing: 0.02rem;
    background: #ff6155;
    outline: none;
    box-shadow: 0 0 10px #f3574b;
}

.grantsMobileTwo .grantsInputB input {
    width: 100%;
    height: 100%;
    background: transparent;
    color: #ffffff;
}

.grantsMobileThree,
.grantsMobileFour {
    width: 100%;
    padding-bottom: 0.6rem;
    text-align: center;
}

.grantsMobileThree .hd,
.grantsMobileFour .hd {
    padding-top: 0.8rem;
    margin-bottom: 0.4rem;
    color: #635494;
}

#grantsThreeCon,
#grantsFourCon {
    width: 4.21rem;
    height: 5.48rem;
    margin-bottom: 0.8rem;
    border-radius: 0.1rem;
}

#grantsThreeCon .swiper-slide,
#grantsFourCon .swiper-slide {
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

#grantsThreeCon .swiper-slide .grantsThreeText {
    position: absolute;
    width: 100%;
    bottom: 12%;
    font-family: fzltxh;
    font-size: 0.38rem;
    letter-spacing: 0.04rem;
    color: #fff;
}

#grantsThreeCon .swiper-slide .grantsThreeText p:first-child {
    margin-bottom: 0.2rem;
    font-family: fzltzchjt;
}

.grantsMobileThree .scBox_grantsThree .blackPrev,
.grantsMobileThree .scBox_grantsThree .blackNext,
.grantsMobileFour .scBox_grantsFour .blackPrev,
.grantsMobileFour .scBox_grantsFour .blackNext {
    width: 0.87rem;
    height: 0.87rem;
    margin-top: -0.435rem;
}

#ui_childPage6 .Advertisement {
    margin-bottom: 0.8rem;
}

#ui_childPage6 .AdvertisementIpt {
    position: absolute;
    width: 5.5rem;
    left: 4%;
    bottom: 0;
    font-size: 0;
}

#ui_childPage6 .AdvertisementIpt div {
    display: inline-block;
    vertical-align: top;
    width: 1.88rem;
    height: 0.46rem;
    margin-right: 0.4rem;
    margin-bottom: 0.1rem;
    background: url("../../Image/SHCourse/MobileIndex/part8/AdvertisementIpt.png") no-repeat center center/cover;
    text-align: center;
}

#ui_childPage6 .AdvertisementIpt .submitInputMarR {
    width: 1.48rem;
    height: 100%;
    background: none;
    outline: none;
}

#ui_childPage6 .AdvertisementIpt .Advertisement_sub {
    width: 3.4rem;
    height: 0.8rem;
    margin-top: -0.085rem;
    background: url("../../Image/SHCourse/MobileIndex/part8/eightAdvertisementBtn.png") no-repeat center center/cover;
}

.environment {
    width: 100%;
    padding: 0.8rem 0;
    overflow: hidden;
    background: url("../../Image/SHCourse/MobileIndex/part9/environmentBg.jpg") no-repeat center center/cover;
}

.environment .hd {
    padding-bottom: 0.4rem;
}

.environment .hd h1 {
    color: #fff;
}

.environment .hd p {
    color: #fff;
}

.environment .swiper-container {
    height: 6rem;
}

.environment #enLeft {
    position: absolute;
    width: 0.57rem;
    height: 0.57rem;
    left: 50%;
    top: 42%;
    margin-left: -3rem;
    background: url("../../Image/UICourse/MobileIndex/black_prev.png") no-repeat center center /cover;
}

.environment #enRight {
    position: absolute;
    width: 0.57rem;
    height: 0.57rem;
    right: 50%;
    top: 42%;
    margin-right: -3rem;
    background: url("../../Image/UICourse/MobileIndex/black_next.png") no-repeat center center /cover;
}

.environment .swiper-pagination-bullet {
    width: 0.2rem;
    height: 0.2rem;
    background: #fff;
}

.environment .swiper-pagination-bullet-active {
    background: #58bae1;
    box-shadow: none;
}

.environment .environmentImgBox .imggeBox{
    width: 4.51rem;
    height: 5.03rem;
    margin: auto;
    background: #fff;
}

.environment .environmentImgBox .imggeBox img {
    margin: auto;
    padding-top: 3em;
    margin-bottom: 0.3rem;
    display: block;
    width: 3.35rem;
    height: 3.35rem;
    
}

.environment .environmentImgBox .imggeBox p{
    font-family: fzltzhjt;
    font-size: 0.25rem;
    letter-spacing: 2px;
    color: #6b6b6f;
    text-align: center
}

.environment_subOne {
    width: 100%;
    padding-bottom: 0.6rem;
    text-align: center;
    background: url("../../Image/SHCourse/MobileIndex/part9/environment_subOneBg.jpg") no-repeat center center/cover;
}

.environment_subOne .CGwangSummaryMore2 a{
    display: inline-block;
    width: 2.8rem;
    height: 0.66rem;
    line-height: 0.73rem;
    text-align: center;
    font-family: fzltzchjt;
    font-size: 0.26rem;
    background: #2972ae;
    color: #fff;
}

.environment_subOne .hd {
    padding-top: 0.8rem;
    margin-bottom: 0.6rem;
    color: #ffffff;
}

.environment_subOne .hd h1 {
    line-height: 1rem;
    margin-bottom: 0.2rem;
}

.environment_subOne .scBox_enSubOne {
    height: 5.24rem;
    margin-bottom: 0.6rem;
}

#enSubOneCon {
    width: 5.82rem;
    height: 4.44rem;
}

#enSubOneCon .swiper-slide {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.environment_subOne .scBox_enSubOne .pagination {
    width: 100%;
    bottom: 0;
}

.environment_subOne .scBox_enSubOne .pagination .swiper-pagination-bullet {
    width: 0.54rem;
    height: 0.1rem;
    border-radius: 0;
    background: #eee;
    box-shadow: none;
}

.environment_subOne .scBox_enSubOne .pagination .swiper-pagination-bullet-active {
    background: #58bae1;
}

.environment_subOne .scBox_enSubOne .blackNext,
.environment_subOne .scBox_enSubOne .blackPrev {
    width: 0.84rem;
    height: 0.84rem;
    margin-top: -0.42rem;
    top: 42%;
}

.environment_subOne .scBox_enSubOne .blackNext {
    right: -0.15rem;
}

.environment_subOne .scBox_enSubOne .blackPrev {
    left: -0.15rem;
}

.environment_subTwo {
    width: 100%;
    padding-bottom: 0.6rem;
    text-align: center;
    background: url("../../Image/SHCourse/MobileIndex/part9/environment_subTwoBg.jpg") no-repeat center center/cover;
}

.environment_subTwo .CGwangSummaryMore2 a{
    display: inline-block;
    width: 2.8rem;
    height: 0.66rem;
    line-height: 0.73rem;
    text-align: center;
    font-family: fzltzchjt;
    font-size: 0.26rem;
    background: #fff;
    color: #1b1b1b;
}

.environment_subTwo .hd {
    padding-top: 0.8rem;
    margin-bottom: 0.6rem;
}

.environment_subTwo .hd p {
    color: #fff;
}

.environment_subTwo .enSubTwoVideo {
    width: 6.89rem;
    height: 3.44rem;
    margin: 0 auto 0.8rem;
    padding: 0.2rem;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.environment_subTwo .enSubTwoVideo .enVideoInBor {
    position: relative;
    width: 6.41rem;
    height: 2.96rem;
    border: 0.04rem solid #fff;
}

.environment_subTwo .enSubTwoVideo .enSubTwoPlay {
    position: relative;
    width: 1.22rem;
    height: 1.22rem;
    left: 50%;
    top: 50%;
    margin-left: -0.61rem;
    margin-top: -0.61rem;
}

#ui_childPage7 .Advertisement,
#ui_childPage8 .Advertisement {
    margin-bottom: 0.8rem;
}

#ui_childPage7 .Advertisement .AdvertisementIpt,
#ui_childPage8 .Advertisement .AdvertisementIpt {
    position: absolute;
    width: 100%;
    height: 1.4rem;
    left: 5%;
    top: 12%;
    text-align: left;
}

#ui_childPage7 .Advertisement .AdvertisementIpt div,
#ui_childPage8 .Advertisement .AdvertisementIpt div {
    display: inline-block;
    vertical-align: top;
    height: 0.46rem;
    line-height: 0.46rem;
    text-align: center;
}

#ui_childPage8 .Advertisement .AdvertisementIpt .select {
    width: 1.71rem;
    height: 0.46rem;
    line-height: 0.46rem;
    background: url("../../Image/SHCourse/MobileIndex/part9/nineAdvertisementSelect.png") no-repeat center center/cover;
}

#ui_childPage7 .Advertisement .AdvertisementIpt .select {
    width: 1.66rem;
    height: 0.4rem;
    line-height: 0.46rem;
    border-radius: 3px;
    /*background: url("../../Image/SHCourse/MobileIndex/part9/nineAdvertisementSelect2.png") no-repeat center center/cover;*/
    background: #fff;
}

#ui_childPage7 .Advertisement .AdvertisementIpt .select select,
#ui_childPage8 .Advertisement .AdvertisementIpt .select select {
    width: 1.31rem;
    border: none;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.Advertisement .AdvertisementIpt .select select::-ms-expand {
    display: none;
}

#ui_childPage7 .Advertisement .AdvertisementIpt .phone,
#ui_childPage8 .Advertisement .AdvertisementIpt .phone {
    width: 2.6rem;
    background: url("../../Image/SHCourse/MobileIndex/part9/nineAdvertisementIpt.png") no-repeat center center/cover;
}

#ui_childPage7 .Advertisement .AdvertisementIpt .submitInputMarR,
#ui_childPage8 .Advertisement .AdvertisementIpt .submitInputMarR {
    width: 2.2rem;
    background: none;
    outline: none;
}

#ui_childPage7 .Advertisement .AdvertisementIpt .submitInputMarR2 {
    /*margin-top: 0.05rem;*/
    margin-left: 0.1rem;
    width: 0.84rem;
    height: 0.4rem;
    background: url("../../Image/SHCourse/MobileIndex/part5/ui_childPage7Btn.png") no-repeat center center/cover;
}

#ui_childPage8 .Advertisement .Advertisement_sub {
    position: absolute;
    width: 2.78rem;
    height: 0.82rem;
    left: 50%;
    top: 50%;
    margin-top: -0.13rem;
    margin-left: -0.5rem;
    outline: none;
    background: url("../../Image/SHCourse/MobileIndex/part9/nineAdvertisementBtn.png") no-repeat center center/cover;
}

#ui_childPage7 .Advertisement .Advertisement_sub {
    position: absolute;
    width: 2.6rem;
    height: 0.58rem;
    left: 50%;
    top: 50%;
    margin-top: -0.35rem;
    margin-left: -0.1rem;
    outline: none;
    background: url("../../Image/SHCourse/MobileIndex/part9/nineAdvertisementBtn2.png") no-repeat center center/cover;
}

#ui_childPage7 .Advertisement .Advertisement_sub a {
	display: block;
	width: 2.6rem;
    height: 0.58rem;
}

.hatch {
    padding-bottom: 0.8rem;
    background: url("../../Image/SHCourse/MobileIndex/part10/hatchBg.jpg") no-repeat center center/cover;
}

.hatch .hd {
    padding: 0.8rem 0 0.3rem 0;
    color: #fff;
}

.hatch .hd h1 {
    margin-bottom: 0.4rem;
}

.hatch .hd p {
}

.seq {
    position: relative;
    width: 6.88rem;
    margin: auto;
    text-align: center;
    color: #fff;
}

.seq .seq-canvas {
    position: relative;
    width: 6.88rem;
    height: 4.04rem;
    /* box-shadow: 0 0 0.2rem #ccc; */
}

.seq .seq-canvas li {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}

.seq .seq-canvas li img {
    display: block;
}

.seq .seq-valign {
    font-size: 0;
}

.seq .seq-feature {
    -webkit-transform: translateZ(0) scale(0);
    -ms-transform: translateZ(0) scale(0);
    transform: translateZ(0) scale(0);
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-property: -webkit-transform, opacity;
    transition-property: transform, opacity;
}

.seq .seq-in .seq-feature {
    -webkit-transform: translateZ(0) scale(1);
    -ms-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1);
}

.seq .seq-out .seq-feature {
    -webkit-transform: translateZ(0) scale(1);
    -ms-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1);
    opacity: 0;
}

.hatch .seq-nav {
    width: 100%;
    height: 1.66rem;
    margin-top: -0.4rem;
    padding-top: 0.6rem;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    text-align: center;
    color: #fff;
    z-index: 100;
}

.hatch .seq-nav2 {
    height: auto;
    background: none;
    padding-top: 0;
    margin-bottom: 0.4rem;
}

.hatch .seq-nav2 ul {
    width: 7.2rem;
    margin: auto;
}

.hatch.seq-active .seq-nav {
    display: block;
}

.seq-pagination li {
    display: inline-block;
    width: 0.25rem;
    height: 0.25rem;
    margin-right: 0.15rem;
    margin-bottom: 0.3rem;
    border-radius: 50%;
    background: #fff;
}

.seq-pagination li.seq-current {
    /* box-shadow: 0 0 20px 1px #afafaf; */
    background: #58bae1;
}

.seq-pagination li:last-child {
    margin-right: 0;
}

.hatch .seq-nav2 li {
    width: 2.12rem;
    height: 0.56rem;
    line-height: 0.65rem;
    margin-right: 0.15rem;
    border-radius: 0;
    font-family: fzltzchjt;
    font-size: 0.26rem;
    color: #1b1b1b;
    background: url("../../Image/SHCourse/MobileIndex/part10/btn.png") no-repeat center center/cover;
}

.hatch .seq-nav2 li:nth-child(3) {
    margin-right: 0;
}

.hatch .seq-nav2 li:last-child {
    margin-right: 0;
}

.hatch .seq-nav2 li.seq-current {
    box-shadow: none;
    color: #ffffff;
    background: url("../../Image/SHCourse/MobileIndex/part10/btn_click.png") no-repeat center center/cover;
}

.seq-pagination .seq-current:before {
    opacity: .7;
}

.seq-pagination img,
.seq-pagination a {
    display: block;
    border: none;
}

.hatch_sub1 {
    width: 100%;
    text-align: center;
    padding-bottom: 0.6rem;
    background: url("../../Image/SHCourse/MobileIndex/part10/hatch_sub1.jpg") no-repeat center center/cover;
}

.hatch_sub1 .CGwangSummaryMore2 a {
    display: inline-block;
    width: 3.3rem;
    height: 0.66rem;
    line-height: 0.73rem;
    text-align: center;
    font-family: fzltzchjt;
    font-size: 0.26rem;
    background: url("../../Image/SHCourse/MobileIndex/part10/hatch_sub1Btn.png") no-repeat center center/cover;
    color: #fff;
}

.hatch_sub1 .hd {
    padding-top: 0.8rem;
    margin-bottom: 0.3rem;
}

.hatch_sub1 .hd h1 {
    line-height: 1rem;
    color: #fff;
}

.hatch_sub1 .hd p {
    color: #fff;
}

.hatch_sub1 .movieColumnTabs {
    width: 6.9rem;
    height: 4.18rem;
    margin: 0 auto 0.4rem;
    overflow: hidden;
}

.movieColumnTabsDiv {
    position: relative;
    width: 6.9rem;
    height: 4.18rem;
}

.movieColumnTabsDiv {
    display: none;
}

.movieColumnTabsDivMask {
    position: absolute;
    left: 0;
    top: 0;
    width: 6.9rem;
    height: 4.18rem;
    background: rgba(48, 48, 48, 0.6);
}

.movieColumnTabsDivMask i {
    position: relative;
    display: inline-block;
    left: 50%;
    top: 36%;
    margin-left: -7rem;
    width: 1.2rem;
    height: 1.2rem;
    background: url("../../Image/SHCourse/MobileIndex/part10/movieColumnPlay.png") no-repeat center center/cover;
    z-index: 20;
}

.hatch_sub1 .movieColumnTabsDiv img {
    /* display: none; */
    width: 100%;
}

/* .hatch_sub1 .movieColumnTabs img {
    display: none;
    width: 100%;
} */

.hatch_sub1 .movieColumnNavs {
    width: 100%;
    margin-bottom: 0.4rem;
    font-family: fzltzhjt;
    font-size: 0;
    color: #fff;
    text-align: center;
}

.hatch_sub1 .movieColumnNavs span {
    display: inline-block;
    width: 1.66rem;
    height: 0.48rem;
    line-height: 0.55rem;
    margin-right: 0.1rem;
    border-radius: 15px;
    font-size: 0.26rem;
    background: url("../../Image/SHCourse/MobileIndex/part10/movieColumnNavs.png") no-repeat center center/cover;
    cursor: pointer;
}

.hatch_sub1 .movieColumnNavs span.current {
    /* -webkit-box-shadow: 0 0.04rem 0.1rem #feb962;
    -moz-box-shadow: 0 0.04rem 0.1rem #feb962;
    box-shadow: 0 0.04rem 0.1rem #feb962;
    text-shadow: 0.05rem 0.05rem 0.05rem #ee9e23; */
    background: url("../../Image/SHCourse/MobileIndex/part10/movieColumnNavsClick.png") no-repeat center center/cover;
}

.movieColumnTabsBox {
    margin-bottom: 0.4rem;
}

.hatch_sub1 .movieColumnTabsBox .info-intro {
    display: none;
    font-family: fzltzchjt;
    font-size: 0.4rem;
    color: #fff;
}

.hatch_sub1 .movieColumnTabsBox .info-intro p {
    line-height: 0.36rem;
    margin-bottom: 0.2rem;
    font-family: fzltxh;
    font-size: 0.18rem;
}

.hatch_sub1 .movieColumnTabsBox .info-intro .movieColumnFlex,
.hatch_sub6 .cartoonColumnFlex {
    margin-bottom: 15px;
}

.hatch_sub1 .movieColumnTabsBox .info-intro .movieColumnFlex .col-left,
.hatch_sub6 .cartoonColumnFlex .col-left {
    display: block;
    line-height: 0.6rem;
    text-align: left;
}

.hatch_sub1 .movieColumnTabsBox .info-intro .movieColumnFlex .col-right,
.hatch_sub6 .cartoonColumnFlex .col-right {
    display: block;
    line-height: 0.36rem;
    margin-left: 0.6rem;
    font-family: fzltxh;
    font-size: 0.24rem;
    text-align: left;
    letter-spacing: 0.01rem;
    overflow: hidden;
}

.hatch_sub1 .movieColumnTabsBox .info-intro .movieColumnFlex .col-right li,
.hatch_sub6 .cartoonColumnFlex .col-right li {
    float: left;
    width: 0.52rem;
    height: 0.36rem;
    line-height: 0.36rem;
    margin: 0 0.1rem 0.1rem 0;
    font-family: fzltzchjt;
    font-size: 0.16rem;
    color: #b8b8b8;
    text-align: center;
    background: url("../../Image/SHCourse/MobileIndex/part10/selectedBg.png") no-repeat center center/cover;
}

.hatch_sub1 .movieColumnTabsBox .info-intro .movieColumnFlex .col-right .disable li,
.hatch_sub6 .cartoonColumnFlex .col-right .disable li {
    background: url("../../Image/SHCourse/MobileIndex/part10/selectedBgBan.png") no-repeat center center/cover;
}

.hatch_sub1 .movieColumnTabsBox .info-intro .movieColumnFlex .col-right li.cur,
.hatch_sub6 .cartoonColumnFlex .col-right li.cur {
    background: url("../../Image/SHCourse/MobileIndex/part10/selectedBg_cur.png") no-repeat center center/cover;
}

.hatch_sub2 {
    width: 100%;
    height: 12.18rem;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    text-align: center;
}

.hatch_sub2 .hd {
    padding-top: 0.8rem;
    margin-bottom: 0.3rem;
    color: #ffffff;
}

.hatch_sub2 .hd h1 {
    padding-bottom: 0.2rem;
}

.hatch_sub2 .researchPlay {
    width: 100%;
}

.hatch_sub2 .researchPlay .researchPlayBox {
    width: 1.62rem;
    margin: 0 auto 0.4rem;
}

.hatch_sub2 .researchTitle {
    width: 100%;
    margin: 0 auto 0.4rem;
    font-family: fzltzhjt;
    font-size: 0.5rem;
    color: #ffffff;
    text-align: center;
}

.hatch_sub2 .researchIcon {
    width: 100%;
    margin-bottom: 0.8rem;
    text-align: center;
}

.hatch_sub2 .researchIcon span {
    display: inline-block;
    width: 1.4rem;
    margin-right: 0.4rem;
    font-family: fzltzhjt;
    font-size: 0.2rem;
    color: #ffffff;
}

.hatch_sub2 .researchIcon span p {
    padding-top: 0.2rem;
}

.hatch_sub2 .researchIcon span:last-child {
    margin-right: 0;
}

.hatch_sub3 {
    width: 100%;
    padding-bottom: 0.6rem;
    background: url("../../Image/SHCourse/MobileIndex/part10/hatch_sub3.jpg") no-repeat center center/cover;
}

.hatch_sub3 .CGwangSummaryMore2 a {
    display: inline-block;
    width: 3.3rem;
    height: 0.66rem;
    line-height: 0.73rem;
    text-align: center;
    font-family: fzltzchjt;
    font-size: 0.26rem;
    background: url("../../Image/SHCourse/MobileIndex/part10/hatch_sub3Btn.png") no-repeat center center/cover;
    color: #1b1b1b;
}

.hatch_sub3 .hd {
    padding-top: 0.8rem;
    margin-bottom: 0.6rem;
    color: #fff;
}

.hatch_sub3 .hd h1 {
    padding-bottom: 0.2rem;
    line-height: 1rem;
}

#hSub3Con {
    width: 4.09rem;
    height: 5.43rem;
    overflow: visible;
}

#hSub3Con .swiper-slide {
    -webkit-perspective: 18rem;
    -moz-perspective: 18rem;
    -ms-perspective: 18rem;
    perspective: 18rem;
    z-index: 1;
}

#hSub3Con .swiper-slide div {
    width: 100%;
    height: 100%;
}

#hSub3Con .swiper-slide .bk-book {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: -webkit-transform .5s;
    -moz-transition: -moz-transform .5s;
    -ms-transition: -ms-transform .5s;
    transition: transform .5s;
}

#hSub3Con .swiper-slide .bk-book.current {
    -webkit-transform: rotate3d(0, 1, 0, 40deg);
    -moz-transform: rotate3d(0, 1, 0, 40deg);
    -ms-transform: rotate3d(0, 1, 0, 40deg);
    transform: rotate3d(0, 1, 0, 40deg);
}

#hSub3Con .swiper-slide .bk-book > div {
    position: absolute;
    display: block;
}

#hSub3Con .swiper-slide .bk-back {
    -webkit-transform: rotate3d(0, 1, 0, -180deg) translate3d(0, 0, 0.2rem);
    -moz-transform: rotate3d(0, 1, 0, -180deg) translate3d(0, 0, 0.2rem);
    -ms-transform: rotate3d(0, 1, 0, -180deg) translate3d(0, 0, 0.2rem);
    transform: rotate3d(0, 1, 0, -180deg) translate3d(0, 0, 0.2rem);
    border-radius: 5px 0 0 5px;
    box-shadow: 0.2rem 0.2rem 0.6rem 0.1rem rgba(0, 0, 0, 0.3);
}

#hSub3Con .swiper-slide .bk-left {
    width: 0.4rem;
    left: -0.2rem;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -webkit-transform: rotate3d(0, 1, 0, -90deg);
    -moz-transform: rotate3d(0, 1, 0, -90deg);
    -ms-transform: rotate3d(0, 1, 0, -90deg);
    transform: rotate3d(0, 1, 0, -90deg);
}

#hSub3Con .swiper-slide .book-1 .bk-left {
    background-image: url("../../Image/SHCourse/MobileIndex/part10/maya_left.png");
}

#hSub3Con .swiper-slide .book-2 .bk-left {
    background-image: url("../../Image/SHCourse/MobileIndex/part10/ps_left.png");
}

#hSub3Con .swiper-slide .book-3 .bk-left {
    background-image: url("../../Image/SHCourse/MobileIndex/part10/zb_left.png");
}

#hSub3Con .swiper-slide .book-4 .bk-left {
    background-image: url("../../Image/SHCourse/MobileIndex/part10/high3d_left.png");
}

#hSub3Con .swiper-slide .book-5 .bk-left {
    background-image: url("../../Image/SHCourse/MobileIndex/part10/3dsMAX_left.png");
}

#hSub3Con .swiper-slide .book-6 .bk-left {
    background-image: url("../../Image/SHCourse/MobileIndex/part10/zb3d_left.png");
}

#hSub3Con .swiper-slide .bk-front {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: 0% 50%;
    -moz-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-transition: -webkit-transform .5s;
    -moz-transition: -moz-transform .5s;
    -ms-transition: -ms-transform .5s;
    transition: transform .5s;
    -webkit-transform: translate3d(0, 0, 0.2rem);
    -moz-transform: translate3d(0, 0, 0.2rem);
    -ms-transform: translate3d(0, 0, 0.2rem);
    transform: translate3d(0, 0, 0.2rem);
    z-index: 10;
}

.scBox_hSub3 {
    height: 6.2rem;
    margin-bottom: 0.6rem;
}

.scBox_hSub3 .pagination {
    width: 100%;
    bottom: 0;
}

.scBox_hSub3 .pagination .swiper-pagination-bullet {
    margin-right: 0.4rem;
}

.scBox_hSub3 .blackPrev,
.scBox_hSub3 .blackNext {
    width: 0.84rem;
    height: 0.84rem;
    margin-top: 0;
    top: 35%;
}

.hatch_sub4 {
    width: 100%;
    height: 12.18rem;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    text-align: center;
}

.hatch_sub4 .hd {
    padding-top: 0.8rem;
    margin-bottom: 0.8rem;
    color: #827a6e;
}

.hatch_sub4 .hd h1 {
    padding-bottom: 0.2rem;
}

#hSub4Con {
    width: 210px;
    height: 274px;
    border-radius: 5px;
}

@media screen and (max-width: 320px) {
    #hSub4Con {
        width: 180px;
        height: 244px;
        border-radius: 5px;
    }
}

#hSub4Con .swiper-slide {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

#hSub4Con .grantsThreeText {
    position: absolute;
    width: 100%;
    bottom: 12%;
    font-family: fzltxh;
    font-size: 0.38rem;
    letter-spacing: 0.04rem;
    color: #535353;
}

#hSub4Con .grantsThreeText p:first-child {
    margin-bottom: 0.2rem;
    font-family: fzltzhjt;
}

.hatch_sub4 .scBox_hSub4 {
    margin-bottom: 0.6rem;
}

.hatch_sub4 .scBox_hSub4 .blackPrev,
.hatch_sub4 .scBox_hSub4 .blackNext {
    width: 0.84rem;
    height: 0.84rem;
    top: 50%;
    margin-top: -0.42rem;
}

.hatch_sub5 {
    width: 100%;
    height: 12.28rem;
    background: url("../../Image/SHCourse/MobileIndex/part10/WebBg.png") no-repeat center center/cover;
}

.hatch_sub5 .CGwangSummaryMore2 a {
    display: inline-block;
    width: 3.3rem;
    height: 0.66rem;
    line-height: 0.7rem;
    text-align: center;
    font-family: fzltzchjt;
    font-size: 0.26rem;
    background: url("../../Image/SHCourse/MobileIndex/part10/hatch_sub1Btn.png") no-repeat center center/cover;
    color: #fff;
}

.hatch_sub5 .hd {
    padding-top: 0.8rem;
    margin-bottom: 0.8rem;
    color: #fff;
}

.hatch_sub5 .hd h1 {
    line-height: 1rem;
}

.scBox_hSub5 {
    height: 5.88rem;
}

.scBox_hSub5 .mac {
    position: absolute;
    width: 7.5rem;
    height: 5.88rem;
    left: 50%;
    margin-left: -3.75rem;
    top: -0.2rem;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.scBox_hSub5 .blackNext,
.scBox_hSub5 .blackPrev {
    width: 0.84rem;
    height: 0.84rem;
    margin-top: 0;
    top: 25%;
}

.scBox_hSub5 .blackPrev {
    left: 0;
}

.scBox_hSub5 .blackNext {
    right: 0;
}

#hSub5Con {
    width: 5.36rem;
    height: 3.08rem;
    /* margin-left: 0.9rem; */
    /* padding-top: 0.05rem; */
    margin-left: 0.92rem;
    padding-top: 0.03rem;
}

.hatch_sub6 {
    width: 100%;
    padding-bottom: 0.6rem;
}

.hatch_sub6 .hd {
    padding-top: 0.8rem;
    color: #797979;
}

.hatch_sub6 .hd h1 {
    margin-bottom: 0.2rem;
}

#page {
    width: 100%;
    height: 4.45rem;
    margin: 0.4rem 0;
    background-color: #e0e0e0;
}

.section {
    overflow: hidden;
}

.fp-section {
    position: relative;
    box-sizing: border-box;
}

#page .page3_main {
    position: relative;
    width: 100%;
    height: 100%;
}

#page .page3_main .page3_title {
    position: absolute;
    width: 100%;
    top: 8%;
    font-family: fzltxh;
    font-size: 0.22rem;
    text-align: center;
    z-index: 3;
    color: #6f6f6f;
}

#page .page3_main .page3_title h1 {
    font-size: 0.24rem;
}

#page .page3_main .page3_down {
    position: absolute;
    width: 100%;
    height: 700px;
    z-index: 1;
    background-color: #e0e0e0;
}

#page .page3_main .page3_down .page3_downImg,
#page .page3_main .page3_up .page3_up_showImg .page3_upImg {
    width: 5.28rem;
    height: 2.63rem;
    margin: auto;
    padding-top: 1.3rem;
}

#page .page3_main .scrollButton {
    position: absolute;
    display: none;
    width: 0.6rem;
    height: 0.34rem;
    left: 50%;
    top: 21%;
    z-index: 3;
    background: url("../../Image/SHCourse/MobileIndex/part10/CourseHatchPage.png") no-repeat scroll center center;
    background-size: cover;
}

#page .page3_main .page3_up {
    position: absolute;
    width: 50%;
    z-index: 2;
    overflow: hidden;
}

#page .page3_main .page3_up .page3_up_showImg {
    height: 100%;
    background-color: #ffbb51;
}

.hatch_sub6 .cartoonColumnFlex {
    font-family: fzltzchjt;
    font-size: 0.4rem;
    color: #737373;
}

#ui_childPage8 .Advertisement {
}

#ui_childPage8 .Advertisement .AdvertisementIpt {
    width: 4.5rem;
    left: 50%;
    margin-left: -1.5rem;
    top: 49%;
}

#ui_childPage8 .Advertisement .AdvertisementIpt .select {
    display: block;
    /* width: 1.52rem; */
    /* margin-left: 0.7rem; */
    margin-left: 0.5rem;
    margin-bottom: 0.1rem;
    border-radius: 3px;
    /*background: url("../../Image/SHCourse/MobileIndex/part10/tenAdvertisementSelect.png") no-repeat center center/cover;*/
    background: #fff;
}

#ui_childPage8 .Advertisement .AdvertisementIpt .phone {
    width: 2.26rem;
    background: url("../../Image/SHCourse/MobileIndex/part10/tenAdvertisementIpt.png") no-repeat center center/cover;
}

#ui_childPage8 .Advertisement .AdvertisementIpt .submitInputMarR {
    width: 1.86rem;
}

#ui_childPage8 .Advertisement .Advertisement_sub {
    width: 1.76rem;
    height: 0.56rem;
    margin-left: 0.2rem;
    margin-top: -0.25rem;
    background: url("../../Image/SHCourse/MobileIndex/part10/tenAdvertisementBtn.png") no-repeat center center/cover;
}

.CGwAdvantage {
    width: 100%;
    height: 13.46rem;
    z-index: 1;
}

.CGwAdvantage .hd {
    position: relative;
    padding-top: 0.6rem;
    margin-bottom: 0.2rem;
}

.CGwAdvantage .hd h1 {
    color: #fff;
}

.CGwAdvantage .hd p {
    color: #fff;
}

.CGwAdvantage .CGwangSummaryMore2 {
    position: relative;
}
.CGwAdvantage .CGwangSummaryMore2 a {
    display: inline-block;
    width: 2.8rem;
    height: 0.6rem;
    line-height: 0.73rem;
    text-align: center;
    font-family: fzltzchjt;
    font-size: 0.26rem;
    background: url(../../Image/SHCourse/MobileIndex/part4/sub_bgBtn.png) no-repeat center center/cover;
    color: #1b1b1b;
}

.page_container {
    width: 6.9rem;
    margin: 0 auto 0.4rem;
}

.immersive_slider {
    width: 100%;
    height: 8.8rem;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-radius: 5px;
    /* background: -webkit-linear-gradient(180deg, #ffd0b2 30%, #fe9cab 100%);
    background: -ms-linear-gradient(180deg, #ffd0b2 30%, #fe9cab 100%);
    background: linear-gradient(180deg, #ffd0b2 30%, #fe9cab 100%); */
    position: relative;
    overflow: hidden;
}

.immersive_slider .is-slide {
    position: absolute;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.immersive_slider .is-slide .image {
    width: 5.68rem;
    height: 3.76rem;
    margin: 0.4rem auto 0.3rem;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.is-bg-overflow {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 0;
}

.is-overflow, .is-bg-overflow {
    height: 100%;
}

.ease {
    -webkit-transition: 500ms ease all;
    -moz-transition: 500ms ease all;
    -o-transition: 500ms ease all;
    transition: 500ms ease all;
}

.bounce {
    -webkit-transition: 1000ms cubic-bezier(0.175, 0.885, 0.420, 1.310) all;
    -moz-transition: 1000ms cubic-bezier(0.175, 0.885, 0.420, 1.310) all;
    -o-transition: 1000ms cubic-bezier(0.175, 0.885, 0.420, 1.310) all;
    transition: 1000ms cubic-bezier(0.175, 0.885, 0.420, 1.310) all;
}

.no-animation {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

.immersive_slider .is-slide .image img {
    display: block;
    max-width: 100%;
    width: 100%;
}

.immersive_slider .is-slide .content {
    width: 5.68rem;
    margin: auto;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-align: center;
    color: #fff;
}

.immersive_slider .is-slide .content h2 {
    margin-bottom: 0.15rem;
    font-family: fzltzhjt;
    font-size: 0.36rem;
}

.immersive_slider .is-slide .content p {
    line-height: 0.3rem;
    font-family: fzltxh;
    font-size: 0.24rem;
    letter-spacing: 0.01rem;
}

.is-container {
    position: relative;
    overflow: hidden;
}

.is-container .is-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.is-container .is-background img {
    width: 100%;
    height: 100%;
    left: 0;
    position: relative;
}

.is-container .is-background.gs_cssblur {
    -webkit-filter: blur(20px);
    -moz-filter: blur(20px);
    -o-filter: blur(20px);
    -ms-filter: blur(20px);
    filter: blur(20px);
}

.is-pagination {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0.3rem;
    z-index: 5;
    margin: 0;
    padding: 0;
    text-align: center;
}

.is-pagination li {
    padding: 0;
    display: inline-block;
    text-align: center;
    position: relative;
    margin-right: 0.2rem;
}

.is-pagination li:last-child {
    margin-right: 0;
}

.is-pagination li a {
    display: block;
    width: 0.26rem;
    height: 0.26rem;
}

.is-pagination li a:before {
    content: '';
    position: absolute;
    width: 0.26rem;
    height: 0.26rem;
    margin-left: -0.13rem;
    background: #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.is-pagination li a.active:before {
    width: 0.26rem;
    height: 0.26rem;
    background: #58bae1;
    /* box-shadow: 0 0 0.2rem 1px #afafaf; */
}

.is-next, .is-prev {
    position: absolute;
    display: inline-block;
    top: 22%;
    width: 0.57rem;
    height: 0.57rem;
    line-height: 100%;
}

.is-next {
    right: 0;
    background: url("../../Image/SHCourse/MobileIndex/white_next.png") no-repeat center center/cover;
}

.is-prev {
    left: 0;
    background: url("../../Image/SHCourse/MobileIndex/white_prev.png") no-repeat center center/cover;
}

.Advantage_sub1 {
    width: 100%;
    height: 17.54rem;
    /* color: #fa5b6a; */
    background: url("../../Image/SHCourse/MobileIndex/part11/AdvantageBg.jpg") no-repeat center center/cover;
    text-align: center;
}

#uiDetailedBgAll .swiper-slide p {
    /* position: absolute; */
    font-size: 0.34rem;
    color: #2e6b9c;
    text-align: center
    /* left: 50%;
    top: 88%; */
}

#uiDetailedBgAll .swiper-pagination li {
    color: white;
    font-family: fzltzhjt;
    font-size: 0.3rem;
    display: inline;
    margin-right: 0.3rem;
}

#uiDetailedBgAll .swiper-pagination-custom {
    bottom: 59px;
}

#uiDetailedBgAll .swiper-pagination .active {
    color: #2e6b9c;
}

.Advantage_sub1 .CGwangSummaryMore2 a{
    display: inline-block;
    width: 2.8rem;
    height: 0.6rem;
    line-height: 0.73rem;
    text-align: center;
    font-family: fzltzchjt;
    font-size: 0.26rem;
    background: url("../../Image/SHCourse/MobileIndex/part7/graduates_subOneBtn.png") no-repeat center center/cover;
    color: #fff;
}

.Advantage_sub1 .hd {
    padding-top: 0.8rem;
    color: #fff;
}

.Advantage_sub1 .hd h1 {
    padding-bottom: 0.2rem;
    line-height: 1rem;
    color: #fff;
}

.Advantage_sub1 .uiDetailedCourseAdvantageBg {
    width: 5.3rem;
    /* height: 9.1rem; */
    height: 10rem;
    margin: auto;
}

/*.Advantage_sub1 .uiDetailedCourseAdvantageBg img {
    display: none;
}*/

.Advantage_sub1 .uiDetailedCourseAdvantageWord {
    width: 100%;
    margin-bottom: 0.2rem;
    font-family: fzltzhjt;
    font-size: 0.3rem;
    text-align: center;
    color: #fff;
}

.Advantage_sub1 .uiDetailedCourseAdvantageWord span {
    display: inline-block;
    margin-right: 0.4rem;
}

.Advantage_sub1 .uiDetailedCourseAdvantageWord span:last-child {
    margin-right: 0;
}

.Advantage_sub1 .uiDetailedCourseAdvantageWord span.current {
    /* text-shadow: 0.05rem 0.05rem 0.2rem #fa5b6a; */
    color: #2e6b9c;
}

.Advantage_sub1 .uiDetailedCourseAdvantageP {
    margin-bottom: 0.6rem;
    font-size: 0.36rem;
    /* text-shadow: 0.05rem 0.05rem 0.2rem #fa5b6a; */
    color: #2e6b9c;
}

.Advantage_sub2 {
    width: 100%;
    height: 21.52rem;
    /* color: #fa5b6a; */
    background: url("../../Image/SHCourse/MobileIndex/part11/Advantage_sub2.jpg") no-repeat center center/cover;
    text-align: center;
}

.Advantage_sub2 .CGwangSummaryMore2 a{
    display: inline-block;
    width: 3.3rem;
    height: 0.66rem;
    line-height: 0.73rem;
    text-align: center;
    font-family: fzltzchjt;
    font-size: 0.26rem;
    background: url("../../Image/SHCourse/MobileIndex/part11/Advantage_sub2Btn.png") no-repeat center center/cover;
    color: #1b1b1b;
}

.Advantage_sub2 .hd {
    padding-top: 0.8rem;
    margin-bottom: 0.6rem;
    color: #fff;
}

.Advantage_sub2 .hd h1 {
    padding-bottom: 0.4rem;
    line-height: 1rem;
}

.Advantage_sub2 .hd h1 {
    padding-bottom: 0.4rem;
    font-size: 0.5rem;
    line-height: 1rem;
}
.Advantage_sub2 .Advantage_sub2Img1 {
    position: relative;
    margin: auto;
    width: 6.9rem;
    height: 4.74rem;
    background: url("../../Image/SHCourse/MobileIndex/part11/AdvantageVideoImg.png") no-repeat center center /cover;
}
.Advantage_sub2 .Advantage_sub2Img1 .Advantage_sub2ImgWord {
    position: absolute;
    top: 24%;
    left: 46%;
    text-align: left;
}
.Advantage_sub2 .Advantage_sub2Img1 .AdvantageBox {
    position: absolute;
    bottom: 7%;
    left: 50%;
    margin-left: -0.6rem;
    width: 1.2rem;
    height: 1.2rem;
}
.Advantage_sub2 .Advantage_sub2Img1 .Advantage_sub2ImgWord .Advantage_sub2ImgWord1 {
    font-size: 0.26rem;
    color: #ffffff;
    line-height: 0.35rem;
    padding-bottom: 0.19rem;
}
.Advantage_sub2 .Advantage_sub2Img1 .Advantage_sub2ImgWord .Advantage_sub2ImgWord2 {
    font-size: 0.22rem;
    color: #ffffff;
}
.Advantage_sub2 .Advantage_sub2Img2 {
    margin: auto;
    margin-top: 0.66rem;
    margin-bottom: 0.6rem;
    /* margin-bottom: 0.8rem; */
    width: 6.9rem;
    height: 5.7rem;
    background: url("../../Image/SHCourse/MobileIndex/part11/AdvantageIcon.png") no-repeat center center /cover;
}

.AdvantagePlay {
    display: inline-block;
    height: 0.68rem;
    margin: 0 auto 0.6rem;
    padding: 0 0.1rem;
    border: 2px solid #2e6b9c;
    border-radius: 50px;
    font-size: 0;
}

.AdvantagePlay p {
    display: inline-block;
    vertical-align: top;
    line-height: 0.68rem;
    margin-left: 0.1rem;
    font-family: fzltxh;
    font-size: 0.28rem;
    color: #2e6b9c;
}

.AdvantagePlay i {
    display: inline-block;
    width: 0.5rem;
    height: 0.5rem;
    /* margin-top: -0.05rem; */
    margin-top: 0.1rem;
    background: url("../../Image/SHCourse/MobileIndex/part11/videoPlay.png") no-repeat;
    background-size: 100% 100%;
}

.Advantage_sub2 .scBox_adSubTwo {
    width: 100%;
    height: 4.44rem;
    margin-bottom: 0.6rem;
}

#adSubTwoCon {
    width: 5.88rem;
    height: 3.44rem;
}

.Advantage_sub2 .scBox_adSubTwo .pagination,
.Advantage_sub3 .scBox_adSubThree .pagination,
.Advantage_sub4 .scBox_adSubFour .pagination {
    width: 100%;
    bottom: 0;
}

.Advantage_sub2 .swiper-pagination-bullet,
.Advantage_sub3 .swiper-pagination-bullet,
.Advantage_sub4 .swiper-pagination-bullet {
    width: 1.34rem;
    height: 0.1rem;
    border-radius: 0;
    background: #eee;
    box-shadow: none;
}

.Advantage_sub2 .swiper-pagination-bullet-active,
.Advantage_sub3 .swiper-pagination-bullet-active,
.Advantage_sub4 .swiper-pagination-bullet-active {
    background: #58bae1;
}

.Advantage_sub2 .scBox_adSubTwo .blackPrev,
.Advantage_sub2 .scBox_adSubTwo .blackNext,
.Advantage_sub3 .scBox_adSubThree .blackPrev,
.Advantage_sub3 .scBox_adSubThree .blackNext,
.Advantage_sub4 .scBox_adSubFour .blackPrev,
.Advantage_sub4 .scBox_adSubFour .blackNext {
    width: 0.84rem;
    height: 0.84rem;
    margin-top: 0;
    top: 28%;
}

.Advantage_sub2 .scBox_adSubTwo .blackPrev {
    left: -0.2rem;
}

.Advantage_sub2 .scBox_adSubTwo .blackNext {
    right: -0.2rem;
}

.Advantage_sub3 {
    width: 100%;
    /* height: 21.52rem; */
    height: 14.5rem;
    /* color: #fa5b6a; */
    background: url("../../Image/SHCourse/MobileIndex/part11/Advantage_sub3Bg.jpg") no-repeat center center/cover;
    text-align: center;
}

.Advantage_sub3 .CGwangSummaryMore2 a{
    display: inline-block;
    width: 3.32rem;
    height: 0.66rem;
    line-height: 0.73rem;
    text-align: center;
    font-family: fzltzchjt;
    font-size: 0.26rem;
    background: url("../../Image/SHCourse/MobileIndex/part11/Advantage_sub3Btn.png") no-repeat center center/cover;
    color: #fff;
}

.Advantage_sub3 .hd {
    padding-top: 0.8rem;
    margin-bottom: 0.3rem;
    color: #fff;
}

.Advantage_sub3 .hd h1 {
    padding-bottom: 0.2rem;
    line-height: 1rem;
    color: #fff;
}

.Advantage_sub3 .AdvantageImg {
    width: 1.7rem;
    height: 1.3rem;
    margin: 0 auto 0.2rem;
}

.Advantage_sub3 .scBox_adSubThree {
    height: 4.44rem;
    margin-bottom: 0.6rem;
}

.Advantage_sub3 .scBox_adSubThree .blackPrev,
.Advantage_sub3 .scBox_adSubThree .blackNext {
    top: 32%;
}

.Advantage_sub3 .scBox_adSubThree .blackPrev {
    left: 0;
}

.Advantage_sub3 .scBox_adSubThree .blackNext {
    right: 0;
}

#adSubThreeCon {
    width: 5.46rem;
    height: 3.64rem;
}

.Advantage_sub4 {
    padding-bottom: 0.6rem;
    width: 100%;
    /* height: 21.52rem; */
    height: 13rem;
    /* color: #fa5b6a; */
    background: url("../../Image/SHCourse/MobileIndex/part11/Advantage_sub4Bg.jpg") no-repeat center center/cover;
    text-align: center;
}

.Advantage_sub4 .CGwangSummaryMore2 a{
    display: inline-block;
    width: 3.32rem;
    height: 0.66rem;
    line-height: 0.73rem;
    text-align: center;
    font-family: fzltzchjt;
    font-size: 0.26rem;
    background: url("../../Image/SHCourse/MobileIndex/part11/Advantage_sub4Btn.png") no-repeat center center/cover;
    color: #1b1b1b;
}

.Advantage_sub4 .hd {
    padding-top: 0.8rem;
    margin-bottom: 0.6rem;
    color: #fff;
}

.Advantage_sub4 .hd h1 {
    padding-bottom: 0.2rem;
    line-height: 1rem;
}

.Advantage_sub4 .scBox_adSubFour {
    height: 5.44rem;
    margin-bottom: 0.6rem;
}

.Advantage_sub4 .scBox_adSubFour .blackPrev,
.Advantage_sub4 .scBox_adSubFour .blackNext {
    top: 33%;
}

.Advantage_sub4 .scBox_adSubFour .blackPrev {
    left: 0;
}

.Advantage_sub4 .scBox_adSubFour .blackNext {
    right: 0;
}

#adSubFourCon {
    width: 5.88rem;
    height: 4.44rem;
}

.Advantage_sub5 {
    width: 100%;
    height: 18rem;
    background: url("../../Image/SHCourse/MobileIndex/part11/systemBg.jpg") no-repeat center center/cover;
}

.Advantage_sub5 .hd {
    padding-top: 0.6rem;
    margin-bottom: 1rem;
}

.Advantage_sub5 .hd h1 {
    line-height: 1rem;
    margin-bottom: 0.2rem;
    color: #fff;
}

.Advantage_sub5 .hd p {
    color: #fff;
}

.Advantage_sub5 .CourseAdvantageTV {
    position: relative;
    width: 100%;
    margin-bottom: 0.6rem;
    font-family: fzltzchjt;
    font-size: 0.28rem;
    text-align: center;
    /* color: #ff6e8d; */
}

.Advantage_sub5 .CGwangSummaryMore2 a{
    display: inline-block;
    width: 3.32rem;
    height: 0.66rem;
    line-height: 0.73rem;
    text-align: center;
    font-family: fzltzchjt;
    font-size: 0.26rem;
    background: url("../../Image/SHCourse/MobileIndex/part11/systemBtn.png") no-repeat center center/cover;
    color: #fff;
}

.Advantage_sub5 .CourseAdvantageTVImgBox {
    position: relative;
    width: 6.32rem;
    height: 3.54rem;
    margin: 0 auto 2.2rem;
    overflow: hidden;
}

.CourseAdvantageTVImg {
    position: absolute;
    left: 0;
    overflow: hidden;
}

.CourseAdvantageTVImg div.zoomBanner {
    float: left;
    width: 6.32rem;
    height: 3.54rem;
    transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
}

.CourseAdvantageTV .zoomIndicator {
    display: inline-block;
    margin-right: 0.6rem;
    color: #fff;
}

.CourseAdvantageTV .zoomIndicator li {
    width: 2.45rem;
    height: 0.58rem;
    line-height: 0.58rem;
    margin-bottom: 0.4rem;
    background: url("../../Image/SHCourse/MobileIndex/part11/zoomInd.png") no-repeat;
    background-size: 100% 100%;
}

.CourseAdvantageTV .zoomIndicator li:last-child {
    margin-bottom: 0;
}

.CourseAdvantageTV .zoomIndicator li.current {
    background: url("../../Image/SHCourse/MobileIndex/part11/zoomIndcur.png") no-repeat;
    background-size: 100% 100%;
    color: #2970b0;
}

.CourseAdvantageTV .CourseAdvantageTVBox {
    width: 7.5rem;
    height: 5.8rem;
    background: url("../../Image/SHCourse/MobileIndex/part11/pc.png") no-repeat center center/cover;
    background-size: 100% 100%;
    position: absolute;
    left: 50%;
    top: -0.48rem;
    margin-left: -3.75rem;
}

.zoomout {
    transform: scale(0.7);
    -moz-transform: scale(0.7);
    -webkit-transform: scale(0.7);
    -o-transform: scale(0.7);
    -ms-transform: scale(0.7);
}

#ui_childPage9 .Advertisement {
    margin-bottom: 0.8rem;
    text-align: center;
}

#ui_childPage9 .Advertisement .AdvertisementIpt {
    position: absolute;
    width: 100%;
    top: 50%;
}

#ui_childPage9 .Advertisement .AdvertisementIpt .submitInputMarR2 {
    margin-top: 0.05rem;
    margin-left: 0.1rem;
    width: 0.84rem;
    height: 0.4rem;
    background: url("../../Image/SHCourse/MobileIndex/part5/InputBtn.png") no-repeat center center/cover;
}

#ui_childPage9 .Advertisement .AdvertisementIpt div {
    display: inline-block;
    vertical-align: top;
    width: 1.86rem;
    height: 0.46rem;
    line-height: 0.46rem;
    margin-right: 0.1rem;
    margin-bottom: 0.1rem;
    background: url("../../Image/SHCourse/MobileIndex/part11/eightAdvertisementIpt.png") no-repeat center center/cover;
}

#ui_childPage9 .Advertisement .AdvertisementIpt .submitInputMarR {
    width: 1.46rem;
    background: none;
    outline: none;
}

#ui_childPage9 .Advertisement_sub {
    width: 2.48rem;
    height: 0.44rem;
    bottom: 8%;
    margin-left: -1.3rem;
    left: 50%;
    position: absolute;
    outline: none;
    cursor: pointer;
    background: url("../../Image/SHCourse/MobileIndex/part11/elevenAdvertisementBtn.png") no-repeat center center/cover;
}

#ui_childPage9 .Advertisement_sub a {
	display: block;
	width: 2.48rem;
    height: 0.44rem;
}

.Medal {
    width: 100%;
    /* margin: 0.2rem auto 0.2rem; */
    font-size: 0;
    /* background: #1f1746; */
}

.Medal .wrapper {
    position: relative;
    width: 100%;
    text-align: center;
}

.Medal .wrapper .medalBa {
    position: relative;
    height: 2.38rem;
    margin: auto;
    overflow: hidden;
}

.Medal .wrapper .medalBa .tempWrap {
    margin: auto;
}

#medalUl {
    position: absolute;
    left: 0;
    top: 0;
}

#medalUl li {
    float: left;
    width: 3.2rem;
    height: 2.38rem;
    margin-right: 0.2rem;
}

.submitForm {
    width: 100%;
    height: 16.06rem;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.submitForm .hd {
    padding-top: 0.8rem;
    margin-bottom: 0.4rem;
    color: #fff;
}

.submitForm .hd h1 {
    margin-bottom: 0.4rem;
}

.submitForm .hd p {
    line-height: 0.54rem;
    font-size: 0.36rem;
}

.CGWInput {
    position: relative;
    width: 6.9rem;
    height: 6.34rem;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    text-align: center;
    margin: 0 auto;
}

.submitFormInput {
    padding-top: 0.6rem;
    margin-bottom: 0.4rem;
    font-family: fzltxh;
    font-size: 0.34rem;
    color: #fff;
}

.submitFormInput div {
    width: 3.8rem;
    height: 0.64rem;
    margin: 0.2rem auto;
    border: none;
    background: url('../../Image/SHCourse/MobileIndex/part12/ipt.png') no-repeat center center/cover;
}

.submitFormInput input {
    width: 3.4rem;
    height: 100%;
    line-height: 0.64rem;
    border: none;
    background: none;
    outline: none;
}

.submitFormInput input:last-child {
    margin-right: 0;
}

.submitFormInput input:-ms-input-placeholder {
    font-family: fzltxh;
    font-size: 0.24rem;
    color: #808292;
}

.submitFormInput input::-webkit-input-placeholder {
    font-family: fzltxh;
    font-size: 0.24rem;
    color: #808292;
}

.submitFormInput input::-moz-placeholder {
    font-family: fzltxh;
    font-size: 0.24rem;
    color: #808292;
}

.submitInput {
    width: 1.32rem !important;
    height: 0.71rem !important;
    line-height: 0.71rem !important;
    margin-top: 0.4rem;
    background: url('../../Image/SHCourse/MobileIndex/part12/submit.png') no-repeat center center/cover !important;
    font-family: fzltzhjt;
    font-size: 0.34rem;
    color: #fff;
}

/* .CGWBtns {
} */

.CGWBtns .colum1 {
    margin-bottom: 0.3rem;
}

.CGWBtns .colum1 span,
.CGWBtns .colum2 span {
    display: inline-block;
    width: 2.86rem;
    height: 0.74rem;
    line-height: 0.74rem;
    margin-right: 0.3rem;
    font-family: fzltxh;
    font-size: 0.28rem;
    background: url('../../Image/SHCourse/MobileIndex/part12/btn1.png') no-repeat center center/cover;
}

.CGWBtns .colum1 span:nth-child(2) {
    margin-right: 0;
    background: url('../../Image/SHCourse/MobileIndex/part12/btn1.png') no-repeat center center/cover;
}

.CGWBtns .colum2 span {
    background: url('../../Image/SHCourse/MobileIndex/part12/btn1.png') no-repeat center center/cover;
}

.CGWBtns .colum2 span:nth-child(2) {
    margin-right: 0;
    background: url('../../Image/SHCourse/MobileIndex/part12/btn1.png') no-repeat center center/cover;
}

.spread_page_up {
    animation: PageUp .8s;
    max-height: none;
    animation-fill-mode: both;
}

.spread_page {
    max-height: 0;
    position: relative;
}

.spread_page_down {
    animation: PageDown .8s;
    max-height: 0;
    position: relative;
    animation-fill-mode: both;
}

@keyframes PageUp {
    0% {
        top: -1.5rem;
        height: 0;
        max-height: 0;
    }
    90% {
        height: 10000px;
        max-height: 10000px;
    }
    100% {
        max-height: none;
        top: 0px;
    }
}

@-webkit-keyframes PageUp {
    0% {
        top: -1.5rem;
        height: 0;
        max-height: 0;
    }
    90% {
        height: 10000px;
        max-height: 10000px;
    }
    100% {
        max-height: none;
        top: 0;
    }
}

@-moz-keyframes PageUp {
    0% {
        top: -1.5rem;
        height: 0;
        max-height: 0;
    }
    90% {
        height: 10000px;
        max-height: 10000px;
    }
    100% {
        max-height: none;
        top: 0;
    }
}

@-o-keyframes PageUp {
    0% {
        top: -1.5rem;
        height: 0;
        max-height: 0;
    }
    90% {
        height: 10000px;
        max-height: 10000px;
    }
    100% {
        max-height: none;
        top: 0;
    }
}

@keyframes PageDown {
    0% {
        top: 0;
        height: 10000px;
        max-height: 10000px;
    }
    100% {
        top: -1.5rem;
        height: 0;
        max-height: 0;
    }
}

@-webkit-keyframes PageDown {
    0% {
        top: 0;
        height: 10000px;
        max-height: 10000px;
    }
    100% {
        top: -1.5rem;
        height: 0;
        max-height: 0;
    }
}

@-moz-keyframes PageDown {
    0% {
        top: 0;
        height: 10000px;
        max-height: 10000px;
    }
    100% {
        top: -1.5rem;
        height: 0;
        max-height: 0;
    }
}

@-o-keyframes PageDown {
    0% {
        top: 0;
        height: 10000px;
        max-height: 10000px;
    }
    100% {
        top: -1.5rem;
        height: 0;
        max-height: 0;
    }
}

.buttonFixedTop {
    position: fixed !important;
    top: auto;
    bottom: 50px !important;
}

.buttonFixedBottom {
    position: absolute;
    top: auto;
    bottom: 10px;
}