.public{padding: 0 230rem;margin: 0 auto;box-sizing:border-box;width: 100%;}
.ssheader{position: fixed;width: 100%;left: 0;top: 0;z-index: 999;display: flex;justify-content:space-between;align-items:center;border-bottom: 1rem solid #fff;}
.ssheader.fix{background-color: #a200ff;border-bottom-color: #a200ff}
.ssheader_logo{width: 20%;display: flex;justify-content:center;align-items:center;}
.ssheader_logo img{max-width: 80%}
.ssheader_gr{width: 10%;display: flex;justify-content:center;align-items:center;position: relative;height: 100rem;}
.ssheader_gr:before{content: "";position: absolute;width: 100%;height: 101rem;background-color: #17a1e5;right: 0;bottom: -1rem;z-index: 1}
.ssheader_gr img{position: relative;z-index: 2;width: 50rem;height: 50rem;border-radius: 50rem}

.ssheader_lm{width: 70%;display: flex;justify-content:space-around;align-items:center;padding: 0 60rem;box-sizing:border-box;border-left:1rem solid #fff;}
.ssheader_lm li{height: 100rem;line-height: 100rem;font-size: 16rem;position: relative;min-width: 100rem;text-align: center;}
.ssheader_lm li.on:before{position: absolute;content: "";width: 100%;height: 4rem;background-color: #0eade8;left: 0;top: 0}
.ssheader_lm li a{display: block;width: 100%;height: 100%;color: #fff}
.page {box-shadow: 1px 1px 4px 0 #000;display: none;width: 100%;height: 100%;overflow: hidden;position: absolute;top: 0;left: 0;}
.contain {width: 100%;height: 100%;position: relative;z-index: 0;}
.current {display: block;z-index: 1;}
.slide {display: block;z-index: 2;}
.banerHobver{position: fixed;width: 24rem;bottom: 35rem;left: calc(50% - 12rem);z-index: 99;animation:mymove 5s infinite;-webkit-animation:mymove 0.66s infinite; /* Safari 和 Chrome */animation-direction:alternate}
.banerHobver img{width: 100%}
@keyframes mymove
{
    from {bottom:35rem;}
    to {bottom:25rem;}
}

@-webkit-keyframes mymove /*Safari and Chrome*/
{
    from {bottom:35rem;}
    to {bottom:25rem;}
}
.spublic{width: 1470px;margin: 0 auto}
/*首页第二屏*/
.ss2_t{height: 45%;background: url(../images/bg6.jpg) no-repeat;background-size: cover;background-position: center center;position: relative;}
.ss2_t img{position: absolute;width: 52%;left: 24%;top: 40%}
.ss2_b{height: 55%;background: url(../images/bg7.jpg) no-repeat;background-size: 100%;background-position: bottom;position: relative;background-color: #fff;display: flex;justify-content:center;align-items:center;}
.ss2_b_name{text-align: center;font-weight: bold;font-size: 42rem;color: #a0008a}
.ss2_b_icon{text-align: center;width: 45rem;margin: 30rem auto;}
.ss2_b_txt{font-size: 16rem;color: #666666;line-height: 2;text-align: center;}
.section3{background: url(../images/ss3.jpg) no-repeat;background-size: cover;background-position: bottom center;}
.ss3{width: 48%;height: 100%;margin-left: 40%;display: flex;justify-content:flex-start;align-items:center;}
.ss3_1{font-size: 38rem;color: #ffffff;font-weight: bold;}
.ss3_2{font-weight: bold;font-size: 26rem;color: #fff;margin: 10rem 0 50rem;}
.ss3_3{max-width: 545rem;}
.ss3_4{font-size: 18rem;line-height: 2;color: #fff;margin: 10rem 0 50rem}
.ss3_5{width: 165rem;height: 60rem;border:1rem solid #fff;text-align: center;line-height: 60rem;font-size: 18rem;color: #fff;border-radius: 60rem;display: block;}
.section4{background: url(../images/bg10.jpg) no-repeat;background-size: cover;background-position: center left;}
.ss4{width: 30%;height: 100%;margin-left: 230rem;display: flex;justify-content:flex-start;align-items:center;}
.ss4_1{font-size: 70rem;color: #fff;font-weight: bold;}
.ss4_2,.ss4_3{font-weight: bold;font-size: 22rem;color: #ffffff;text-transform: uppercase;}
.ss4_2{margin: 40rem 0 25rem}
.ss4_4{display: block;width: 175rem;height: 65rem;border-radius: 65rem;background-color: #fff;font-size: 18rem;color: #a200ff;font-weight: bold;;text-align: center;line-height: 65rem;margin: 70rem 0;text-transform: uppercase;}
.ss4_5{font-size: 20rem;color: #fff;font-weight: bold;line-height: 2.5}
.section5{background: url(../images/ss5.jpg) no-repeat;background-size: cover;background-position: bottom center;}
.ss5{height: 100%;display: flex;justify-content:center;align-items:center;}
.ss5_title{font-weight: bold;font-size: 48rem;color: #333;text-align: center;padding-bottom: 25rem;margin-bottom: 25rem;position: relative;}
.ss5_title:before{content: "";position: absolute;width: 250rem;height: 1rem;background-color: #bda9bf;left: calc(50% - 125rem);bottom: 0}
.ss5_eng{font-size: 22rem;color: #333333;font-weight: bold;text-align: center;text-transform: uppercase;}
.ss5 ul{font-size: 0;margin-top: 50rem}
.ss5 ul li{display: inline-block;width: 48%;vertical-align: top;}
.ss5 ul li:first-child{margin-right: 4%}
.ss5 ul li a{display: block;width: 100%;height: 100%;position: relative;z-index: 33}
.ss5 ul li .ss5_1{position: relative;}
.ss5 ul li .ss5_2{position: absolute;width: 100%;bottom: 0;display: flex;justify-content:space-between;align-items:flex-start;box-sizing:border-box;padding: 0 35rem 30rem;}
.ss5 ul li .ss5_2_1{width: 35%;color: #fff;font-weight: bold;}
.ss5 ul li .ss5_2_1 p:first-child{font-size: 38rem;}
.ss5 ul li .ss5_2_1 p:nth-child(2){font-size: 26rem;margin-top: 25rem;}
.ss5 ul li .ss5_2_2{width: 60%;font-size: 16rem;text-align: right;line-height: 2;word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin-bottom: 30rem}
.ss5 ul li .ss5_2:after{content: "";position: absolute;width: 180rem;height: 1rem;background-color: #fff;right: 35rem;bottom: 35rem}
.ss5 ul li .ss5_3{width: 295rem;height: 55rem;background: url(../images/bg11.png) no-repeat;background-size: 100% 100%;box-sizing:border-box;padding: 0 15rem;font-size: 0;line-height: 55rem;margin-top: 30rem;}
.ss5 ul li .ss5_3 img{width: 30rem;vertical-align: middle;display: inline-block;margin-right: 15rem}
.ss5 ul li .ss5_3 span{display: inline-block;vertical-align: middle;font-size: 18rem;color: #fff;font-weight: bold;}
.section6{background: url(../images/ss6.jpg) no-repeat;background-size: cover;background-position: bottom center;}
.ss6{display: flex;justify-content:center;align-items:center;height: 100%}
.ss6box{width: 96%;display: flex;justify-content:space-between;align-items:center;}
.ss6box_1_1{font-weight: bold;font-size: 70rem;color: #ffffff;padding-bottom: 40rem;margin-bottom: 35rem;border-bottom: 1rem solid #fff}
.ss6box_1_2{font-size: 22rem;color: #ffffff;font-weight: bold;text-transform: uppercase;}
.ss6box_1_3{padding: 50rem 0;font-size: 18rem;color: #ffffff;line-height: 2;position: relative;}
.ss6box_1_3:before{content: "";position: absolute;width: 28rem;height: 5rem;background-color: #fff;left: 0;bottom: 0}
.ss6box ul{font-size: 0}
.ss6box ul li{display: inline-block;vertical-align: top;width: 515rem;}
.ss6box ul li:first-child{margin-right: 50rem}
.ss6box ul li a{display: block;width: 100%;height: 100%}
.ss6box ul li p{width: 245rem;height: 70rem;border-radius: 70rem;text-align: center;line-height: 70rem;background-color: #fff;color: #7200b6;font-size: 18rem;margin: 45rem auto 0;font-weight: bold;}
.section7{background: url(../images/ss7.jpg) no-repeat;background-size: 100%;background-position: bottom;background-color: #5d0c96}
.ss7{padding-top: 215rem;text-align: center;}
.ss7 p:first-child{font-weight: bold;font-size: 62rem;color: #fff;padding-bottom: 30rem;position: relative;}
.ss7 p:first-child:after{content: "";position: absolute;width: 380rem;height: 2rem;background-color: rgba(190,158,213,.4);left: calc(50% - 190rem);bottom: 0}
.ss7 p:nth-child(2){font-size: 31rem;color: #ffffff;font-weight: bold;margin: 30rem 0 65rem;text-transform: uppercase;}
.ss7 a:last-child{display: block;width: 175rem;height: 65rem;border-radius: 65rem;background-color: #fff;text-align: center;line-height: 65rem;font-weight: bold;font-size: 18rem;color: #5d0c96;margin: 0 auto}
.section8{background: url(../images/ss8.jpg) no-repeat;background-size: cover;background-position:center bottom;}
.ss8{height: 100%;display: flex;justify-content:center;align-items:center;}
.ss8_title{width: 820rem;margin: 0 auto;display: block;}
.ss8 ul{margin-top: 70rem;width: 100%;display: flex;justify-content:space-between;align-items:flex-start;}
.ss8 ul li{vertical-align: top;width: calc((100% - 72rem) / 5);background-color: rgba(0,0,0,.2);display: flex;justify-content:center;align-items:center;box-sizing:border-box;padding: 0 50rem;height: 435rem;border-radius: 10rem;}
.ss8 ul li>div{width: 100%}
.ss8 ul li>div>img{display: block;width: 43rem;margin: 0 auto}
.ss8 ul li>div>div>p:first-child{font-size: 22rem;color: #fff;font-weight: bold;text-align: center;margin: 45rem 0}
.ss8 ul li>div>div>div:nth-child(2){text-align: center;padding: 15rem 0;border-top: 1rem solid #fff;border-bottom: 1rem solid #fff;text-align: center;font-size: 16rem;color: #fff;line-height: 2}
.section9{background: url(../images/ss9.jpg) no-repeat;background-size: cover;background-position:center center;background-color: #5f059f}
.s9{height: 100%;display: flex;justify-content:center;align-items:center;}
.loginbox{width: 710rem;height: 415rem;box-sizing:border-box;border:10rem solid #000;border-radius: 30rem;background-color: #fff;padding: 35rem 85rem;}
.loginTitle{text-align: center;font-size: 30rem;color: #5f059f;font-weight: bold;margin-bottom: 25rem}
.loginTitle *{display: inline-block;vertical-align: middle;}
.loginTitle span{margin: 0 12rem}
.login_ipt{display: flex;align-items:center;height: 65rem;border-radius: 65rem;background-color: #efe6f5;margin-bottom: 30rem}
.login_ipt span{font-size: 18rem;color: #5f059f;padding: 0 20rem 0 30rem;height: 30rem;line-height: 30rem;border-right: 1rem solid #5f059f;margin-right: 30rem;}
.login_ipt input{box-sizing:border-box;outline: none;background-color: transparent;font-size: 18rem;color: #5f059f;border:none;}
.login_btn{display: block;width: 100%;height: 65rem;border-radius: 65rem;background-color: #5f059f;border-radius: 65rem;color: #fff;font-weight: bold;font-size: 18rem;outline: none;border:none;}
.sfooter{background: url(../images/bg13.jpg) no-repeat;background-size: 100% 100%;}
.sfooter_1{border-bottom: 1rem solid rgba(255,255,255,.3);}
.sfooter_1_1{width: 250rem;display: inline-block;vertical-align: middle;}
.sfooter_1_1 img{max-width: 80%}
.sfooter_1_2{width: calc(100% - 250rem);display: inline-block;vertical-align: middle;border-left: 1rem solid rgba(255,255,255,.3);box-sizing:border-box;}
.sfooter_1_2_1{display: flex;align-items:center;justify-content:flex-end;padding: 50rem 0 25rem;border-bottom: 1rem solid rgba(255,255,255,.3)}
.sfooter_1_2_1 a{font-size: 16rem;color: #fff;font-weight: bold;margin-left: 90rem;}
.sfooter_1_2_2{display: flex;align-items:center;}
.sfooter_1_2_2_1{display: flex;flex-wrap:wrap;justify-content:space-between;font-size: 16rem;color: #fff;padding-left: 6%;padding-right: 3%;box-sizing:border-box;width: 65%}
.sfooter_1_2_2_1 li{width: 48%;margin-bottom: 20rem}
.sfooter_1_2_2_1 li label:nth-child(2){margin-left:15rem;margin-right: 20rem }
.sfooter_1_2_2_2{width: 35%;display: flex;align-items:flex-start;justify-content:flex-end;padding-top: 25rem;padding-bottom: 15rem;position: relative;}
.sfooter_1_2_2_2:before{content: "";position: absolute;width: 1rem;height: 60%;left: 0;top: 20%;background-color: rgba(255,255,255,.3);}
.sfooter_1_2_2_2 li{margin-left: 25rem}
.sfooter_1_2_2_2 img{display: block;width: 80rem;margin: 0 auto}
.sfooter_1_2_2_2 p{font-size: 14rem;color: #ffffff;line-height: 2;margin-top: 10rem;text-align: center;}
.sfooter_2{text-align: center;padding: 15rem 0 20rem;text-align: center;font-size: 14rem;color: #fff}
.box{padding: 115rem 0}
.yjlist{font-size: 0}
.yjlist li{display: inline-block;vertical-align: top;width:calc((100% - 180rem) / 4);margin-left: 60rem;margin-bottom: 40rem}
.yjlist li:nth-child(4n+1){margin-left: 0}
.yjlist li a{display: block;width: 100%;height: 100%}
.yjlist li .yjli_title{font-size: 20rem;color: #333;font-weight: bold;margin-top: 25rem}
.yjlist li p:nth-child(3){font-size: 16rem;color: #666;margin: 15rem 0;}
.yjlist li p:nth-child(4){border-bottom: 1rem solid #f8f8f8;}
.yjlist li p:nth-child(5){line-height: 30rem;text-align: right;font-size: 14rem;color: #bbbbbb;}

.sectionlist{font-size: 0}
.sectionlist li{display: inline-block;vertical-align: top;width:calc((100% - 30rem) / 4);margin-left: 10rem;margin-bottom: 30rem;background-color: #fff;box-shadow: 0 0 10rem 5rem rgba(56,56,56,.1);box-sizing:border-box;padding: 15rem 15rem 20rem;border-radius: 8rem}
.sectionlist li:nth-child(4n+1){margin-left: 0}
.sectionlist li a{display: block;width: 100%;height: 100%}
.sectionlist li .yjli_title{font-size: 20rem;color: #333333;font-weight: bold;margin: 15rem 0}
.sectionlist li .yjli_intro{font-size: 16rem;color: #666666;}


.ucontainer{padding: 200rem 165rem 180rem}
.ubox{padding: 0 80rem 200rem;background: url(../images/ubg2.png) no-repeat;background-size: 100%;background-position: top;}
.utitle{color: #fff;font-size: 34rem;font-weight: bold;margin-left: 360rem}
.utitle span{display: inline-block;vertical-align: bottom;}
.utitle span:first-child{font-size: 60rem;margin-right: 25rem}
.uboxcon{margin-top: 50rem}
.uboxcon_l,.uboxcon_r{display: inline-block;vertical-align: top;font-size: 20rem}
.uboxcon_l{width: 320rem;margin-right: 40rem;background-color: #fff;box-sizing:border-box;padding: 80rem 25rem 50rem;border-radius: 15rem}

.uavatar{display: block;width: 130rem;height: 130rem;border-radius: 15rem;background-color: #ddd9f6;margin: 0 auto;position: relative;}
.uavatar .uavatar_ipt{position: absolute;width: 100%;height: 100%;left: 0;top: 0;opacity: 0}
.uname{text-align: center;font-size: 20rem;color: #333333;font-weight: bold;margin-top: 20rem}
.utag{font-weight: bold;font-size: 20rem;color: #333;margin: 40rem 0 30rem}

.utabs{position: relative;margin-bottom: 25rem}
.utabs img{width: 100%}
.utabs a{position: absolute;width: 100%;height: 100%;padding-left: 40rem;font-size: 18rem;color: #777;left: 0;top: 0;line-height: 210%;font-weight: bold;box-sizing:border-box;}
.utabs.ons a{color: #fff}
.exitbtn{margin-top: 50rem;width: 116rem;height: 32rem;background: url(../images/ubg5.png) no-repeat;background-size: 100% 100%;text-align: center;line-height: 32rem;font-size: 16rem;color: #fff;font-weight: bold;display: block;}

.uboxcon_r{width: calc(100% - 360rem)}
.uboxcon_r_1{display: flex;justify-content:space-between;align-items:flex-start;}
.uboxcon_r_1_1{width: 35%;background-color: #fff;border-radius: 15rem;padding: 25rem 30rem;box-sizing:border-box;height: 175rem;display: flex;align-items:center;}
.uboxcon_r_1_1 p:first-child{font-size: 50rem;color: #333;font-weight: bold;}
.uboxcon_r_1_1 p:first-child label{display: inline-block;vertical-align: middle;width: 25rem;height: 25rem;color: #fff;font-size: 16rem;font-weight: bold;text-align: center;line-height: 25rem;background: url(../images/ubg7.png) no-repeat;background-size: 100% 100%;border-radius: 3rem;margin-top: 8rem;margin-left: 10rem}
.uboxcon_r_1_1 p:nth-child(2){font-size: 40rem;color: #333;font-weight: bold;}
.uboxcon_r_1_2{width: 35%;background-color: #fff;border-radius: 15rem;padding: 25rem 30rem;box-sizing:border-box;height: 175rem;display: flex;align-items:center;}
.uboxcon_r_1_2>div{width: 100%}
.uboxcon_r_1_2 p{background: url(../images/ubg8.png) no-repeat;background-size: 100% 100%;height: 50rem;text-align: center;line-height: 50rem;font-size: 20rem;color: #fff;}
.uboxcon_r_1_2 p:first-child{margin-bottom: 20rem}
.uboxcon_r_1_3{width: 25%;background-color: #fff;border-radius: 15rem;padding: 25rem 30rem;box-sizing:border-box;height: 175rem;display: flex;align-items:center;justify-content:center;background: url(../images/ubg6.png) no-repeat;background-size: 100% 100%;font-weight: bold;font-size: 30rem;color: #fff}
.uboxcon_r_2{margin: 30rem 0;border-radius: 15rem;overflow: hidden;background-color: #fff}
.uboxcon_r_tag{background: url(../images/ubg9.png) no-repeat;background-size: 100% 100%;height: 70rem;line-height: 70rem;padding-left: 25rem;font-size: 30rem;color: #fff;font-weight: bold;}
.uboxcon_r_2_con{padding: 40rem 0 65rem 60rem}
.uboxcon_r_2_1{display: flex;align-items:center;justify-content:space-between;padding-right: 25rem}
.uboxcon_r_2_1_l{font-weight: bold;font-size: 40rem;color: #333;}
.uboxcon_r_2_1_l label{display: inline-block;padding: 0 15rem;height: 35rem;line-height: 35rem;border-radius: 10rem;color: #fff;font-size: 16rem;background: url(../images/ubg5.png) no-repeat;background-size: 100% 100%;vertical-align: middle;margin-left: 15rem}
.uboxcon_r_2_1_r{font-size: 20rem;color: #333333;font-weight: bold;}
.uboxcon_r_2_con .formbox{background: url(../images/ubg10.png) no-repeat;background-size: 100% 100%;border-top-left-radius: 15rem;border-bottom-left-radius: 15rem;padding-left: 15rem;display: block;margin-top: 45rem;}
.uboxcon_r_2_forms{display: flex;align-items:flex-start;justify-content:flex-start;padding-left: 25rem}
.uboxcon_r_2_forms>p{width: 50%;font-weight: bold;font-size: 20rem;color: #fff;height: 60rem;line-height: 60rem;}
.uboxcon_r_2_forms>p label{font-size: 16rem}
.uboxcon_r_2_forms1{background-color: #fff;border-top-left-radius: 15rem;border-bottom-left-radius: 15rem;padding:15rem 0 15rem 25rem}
.uboxcon_r_2_ipts{display: flex;align-items:flex-start;justify-content:flex-start;}
.uboxcon_r_2_ipts_con{width: 50%;height: 65rem;display: flex;align-items:center;}
.uboxcon_r_2_ipts_con span{font-size: 20rem;color: #333;font-weight: bold;}
.uboxcon_r_2_ipts_con input{margin-left: 10rem;font-size: 20rem;color: #333;font-weight: bold;outline: none;border: none;transition: all 0.22s;-moz-transition: all 0.22s;-webkit-transition: all 0.22s;height: 50rem;box-sizing:border-box;border-radius: 5rem}
.uboxcon_r_2_ipts_con.on input{border:1rem solid #ddd;padding: 0 15rem;}
.uboxcon_r_2_btns{text-align: right;}
.uboxcon_r_2_btns input{display: inline-block;width: 130rem;height: 50rem;background-color: transparent;;border: none;outline: none;font-weight: bold;font-size: 20rem;color: #fff}
.uboxcon_r_3_con{padding: 30rem 0 90rem 60rem;background-color: #fff;border-bottom-left-radius: 15rem;border-bottom-right-radius: 15rem}
.mycourse{background-color: #e6e6e6;border-top-left-radius: 15rem;border-bottom-left-radius: 15rem;padding: 50rem 35rem 50rem 50rem;margin-bottom: 30rem}
.mycourseName{font-weight: bold;font-size: 24rem;color: #333;margin-bottom: 30rem;position: relative;}
.mycourseName:before{content: "";position: absolute;width: 14rem;height: 14rem;background: url(../images/ubg7.png) no-repeat;background-size: 100% 100%;left: -25rem;top: calc(50% - 7rem);border-radius: 3rem}
.mycourse li{border-radius: 15rem;overflow: hidden;background-color: #fff;}
.mycourse li a{display: block;width: 100%;height: 100%}
.mycourse_pic img{width: 100%}
.mycourse_title{height: 50rem;line-height: 50rem;padding: 0 15rem}
.mycourse_title span{display: block;width: 100%;font-size: 18rem;color: #333;font-weight: bold;}

.showcon{display: flex;}

.showcon_l{width: 30%;position: relative;}
.showcon_l:before{content: "";position: absolute;width: 15rem;height: 235rem;background: url(../images/ubg7.png) no-repeat;background-size: 100% 100%;left: 0;top: 50rem;}
.showcon_l_box{box-sizing:border-box;padding: 40rem 80rem 0 40%;display: block;}
.showcon_r{width: 70%;background-color: #fff}

.secshowTitle{font-size: 30rem;color: #333333;font-weight: bold;position: relative;padding-bottom: 25rem}

.secshowTitle:after{content: "";position: absolute;width: 30rem;height: 5rem;background-color: #333;left: 0;bottom: 0}
.secshowTitle1{padding-bottom: 0}
.secshowTitle1:after{width: 0}
.secshowIntro{font-size: 16rem;color: #929292;font-weight: bold;margin: 20rem 0 130rem;word-break:break-all}

.secshowTag{font-weight: bold;font-size: 24rem;color: #333333;margin-bottom: 25rem}

.secshowList li{display: block;width: 100%;height: 40rem;background-color: #c6c8cd;line-height: 40rem;border-radius: 7rem;margin-bottom: 15rem}

.secshowList li a{display: block;width: 100%;height: 100%;box-sizing:border-box;padding: 0 15rem;display: flex;justify-content:space-between;font-size: 16rem;color: #333;font-weight: bold;}

.secshowList li a span{display: block;width: 80%;}
.secshowList li a i{opacity: 0;font-size: 12rem}
.secshowList li.on{background: url(../images/ubg8.png) no-repeat;background-size: 100% 100%;}
.secshowList li.on a{color: #fff}
.secshowList li.on a i{opacity: 1}
.secshowList li:hover{background: url(../images/ubg8.png) no-repeat;background-size: 100% 100%;}
.secshowList li:hover a{color: #fff}
.secshowList li:hover a i{opacity: 1}




.showcon_r_con{padding-top: 45rem;padding-bottom: 45rem;padding-left: 65rem;display: flex;justify-content:flex-start;align-items:flex-start;}
.showcon_r_con_l{width: 45%}

.secshowDetail{margin-top: -80rem;padding: 35rem;background-color: #efeaee;border-radius: 30rem;}
.secshowDetail_tag{font-weight: bold;font-size: 26rem;color: #333;margin-bottom: 25rem}
.secshowDetail_tag span:nth-child(2){font-size: 18rem;margin-left: 5rem;}
.secshowDetail_con *{max-width: 100%}


.showcon_r_con_r{width: 30%;margin-left: 25rem}

.secshowDetail_1{padding: 35rem 35rem 0;background-color: #efeaee;border-radius: 30rem;}

.secshowDetail_1_name{text-align: right;font-size: 26rem;color: #333;font-weight: bold;padding-bottom: 20rem;border-bottom: 1rem solid #333}
.download{margin-top: 25rem;display: block;}

.findTitle{font-size: 24rem;color: #333;text-align: center;}
.regStepInput{width: 100%;height: 60rem;border:1rem solid #dddddd;box-sizing:border-box;margin: 30rem auto 0;}
.regStepInput input{width: 100%;height: 100%;border: none;box-sizing:border-box;padding: 0 15rem;text-align: left;color: #333;font-size: 14rem;outline: none;background-color: transparent;}
.regStepInput input::-webkit-input-placeholder {color: #999;font-size: 14rem}
.regStepInput textarea::-webkit-input-placeholder {color: #999;font-size: 14rem}
.regStepInput input::-webkit-input-placeholder { /* WebKit browsers */ color: #999;font-size: 14rem;}
.regStepInput input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */  color: #999;font-size: 14rem}
.regStepInput input::-moz-placeholder { /* Mozilla Firefox 19+ */  color: #999;font-size: 14rem}
.regStepInput input:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #999;font-size: 14rem}
.regStepInput-btn {border: none;}
.regStepInput-btn .action-button{background: url(../images/ubg5.png) no-repeat;background-size: 100% 100%;color: #fff;font-size: 16px;text-align: center;border: none;outline: none;}
@media only screen and (max-width: 982px) {
	.public {padding: 0 3%;}
    .spublic{width: 94%;margin: 0 auto;padding: 0 3%}
    .ssheader_logo{width: 50%;justify-content:flex-start;padding: 20rem 0 20rem 3%}
    .ssheader_gr{position: absolute;right: 0;height: 100%}
    .ssheader_gr:before{background-color: transparent;}
    .ssheader_menu{position: absolute;width: 44rem;right: 12%;top: 0;height: 100%;display: flex;align-items:center;justify-content:center;}
    .ssheader_menu span{width: 34rem;height: 4rem;background-color: #fff;display: block;position: relative;transition: all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s;}
    .ssheader_menu span:before{content: "";position: absolute;width: 40rem;left: -3rem;top: -17rem;height: 4rem;background-color: #fff;transition: all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s;}
    .ssheader_menu span:after{content: "";position: absolute;width: 40rem;left: -3rem;bottom: -17rem;height: 4rem;background-color: #fff;transition: all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s;}
    .ssheader_lm{position: fixed;width: 70%;left: 0;top: 0;height: 100%;background-color: rgba(51, 51, 51, 0.93);display: block;padding-top: 20%;box-sizing:border-box;transition: all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s;}
    .ssheader_lm_close{left: -70%}
    .box{padding: 50rem 0}
    .ssheader_logo img{z-index: 99}
    .ssheader_lm li{width: 100%;height: 100rem;line-height:100rem;font-size: 28rem;border-bottom: 1rem solid rgba(255,255,255,.6)}
    .ssheader_menu_close span{background-color: transparent;}
    .ssheader_menu_close span:before{transform:rotate(-50deg);top: 0rem;left: 0}
    .ssheader_menu_close span:after{transform:rotate(50deg);top: 0rem;left: 0}
    .ss2_t{height: 35%}
    .ss2_b{height: 65%;align-items:flex-start;padding-top: 5%;box-sizing:border-box;}
    .ss2_b_txt{font-size: 24rem;height:500rem;overflow-y: scroll;}

    .section3{background: url(../images/ss3_1.jpg) no-repeat;background-size: 100%;background-position: top center;background-color: #1d14cc}
    .ss3{width: 94%;margin: 260rem auto 0;}
    .ss3_3{max-width: 40%}
    .ss3_4{font-size: 24rem;}
    .ss3_5{width: 245rem;height: 80rem;border-radius: 80rem;font-size: 28rem;line-height: 80rem;}
    .section4{background: url(../images/bg10-1.png) no-repeat;background-size: 100%;background-position: bottom;background-color: #a200ff}

    .ss4{width: 96%;margin: 0 auto;justify-content:center;align-items:flex-start;box-sizing:border-box;padding-top: 240rem;text-align: center;}

    .ss4_4{margin: 70rem auto;width: 240rem;height: 85rem;line-height: 85rem;border-radius: 85rem;font-size: 26rem;text-transform: uppercase;}

    .ss5 ul li{display: block;width: 100%;margin-left: 0}
    .ss5 ul li:first-child{margin-bottom: 30rem}
    .ss5 ul li .ss5_2_2{display: none;}

    .ss5 ul li .ss5_3{position: absolute;right: 10rem;bottom: 35rem;background: none;height: 80rem;text-align: center;line-height: 80rem;width: 240rem}

    .ss5 ul li .ss5_3 span{font-size: 26rem}
    .ss6box{display: block;}
    .ss6box_1_1{text-align: center;font-size: 60rem;border-bottom: none;position: relative;}
    .ss6box_1_1:after{content: "";position: absolute;width: 60%;left: 20%;bottom: 0;background-color: #fff;height: 1rem}
    .ss6box_1_2{text-align: center;font-size: 26rem;margin:  0 auto 105rem}
    .ss6box_1_3{display: none;}

    .ss6box ul li{width: 48%;}
    .ss6box ul li:first-child{margin-right: 4%}

    .section7{background: url(../images/ss7-1.jpg) no-repeat;background-size: 100%;background-position: bottom;background-color: #5d0c96}
    .ss7 a:last-child{width: 240rem;height: 85rem;border-radius: 85rem;font-size: 28rem;font-weight: bold;text-align: center;line-height: 85rem;text-transform: uppercase;}


    .ss8{padding-top: 120rem;box-sizing:border-box;}
    .ss8_title{width: 106%;margin-left: -3%}
    .ss8 ul{display: block;}
    .ss8 ul li{width: 100%;height: auto;padding: 30rem 30rem 0;margin-bottom: 30rem}
    .ss8 ul li>div{display: flex;justify-content:flex-start;align-items:center;}
    .ss8 ul li>div>img{width: 60rem;margin-right: 35rem}
    .ss8 ul li>div>div{width: calc(100% - 100rem);text-align: left;}
    .ss8 ul li>div>div>p:first-child{margin: 0;text-align: left;font-size: 30rem;font-weight: bold;}
    .ss8 ul li>div>div>div:nth-child(3){border:none;text-align: left;font-size: 28rem;padding: 15rem 0;font-size: 16rem;color: #fff;line-height: 2;}
    .ss8 ul li>div>div>div:nth-child(3) *{color: #fff;font-size: 28rem}

    .loginbox{width: 70%;height: 50%;padding: 100rem 40rem 120rem}
    .loginTitle{margin-bottom: 60rem;font-size: 36rem}
    .login_ipt{margin-bottom: 45rem;height: 80rem;line-height: 80rem}
    .login_ipt span{width: 70rem;font-size: 26rem}
    .login_ipt input{font-size: 26rem;width: calc(100% - 70rem)}
    .login_ipt input::-webkit-input-placeholder{font-size: 26rem}
    .login_btn{margin-top: 80rem;height: 80rem;line-height: 80rem;border-radius: 80rem;font-size: 28rem}


    .yjlist li{width: 48%;margin-left: 0}
    .yjlist li:nth-child(odd){margin-right: 4%}
    .sectionlist li{width: 48%;margin-left: 0}
    .sectionlist li:nth-child(odd){margin-right: 4%}
    .ucontainer{padding: 100rem 3% 100rem}
    .ubox{background-position: bottom;}
    .utitle{margin-left: 0;font-size: 30rem}
    .utitle span:first-child{font-size: 50rem}
    .ubox{padding: 0 3% 100rem}
    .uboxcon_l, .uboxcon_r{display: block;width: 100%;margin-left: 0}
    .uboxcon_l{margin-bottom: 30rem}
    .uavatar{width: 200rem;height: 200rem}
    .uname{font-size: 30rem}
    .utag{font-size: 28rem}
    .utabs a{height: 60rem;line-height: 60rem;top: calc(50% - 30rem);font-size: 26rem;padding-left: 100rem}
    .exitbtn{width: 260rem;height:70rem;line-height: 70rem;font-size: 26rem}
    .uboxcon_r_1{display: block;}
    .uboxcon_r_1_1,.uboxcon_r_1_2,.uboxcon_r_1_3{width: 100%}
    .uboxcon_r_1_2{margin: 30rem 0;height: auto;}
    .uboxcon_r_1_1 p:first-child label{width: 40rem;height: 40rem;line-height: 40rem;font-size: 23rem}
    .uboxcon_r_1_2 p{height: 70rem;line-height: 70rem;font-size: 26rem}
    .uboxcon_r_tag{height: 80rem;line-height: 80rem}
    .uboxcon_r_2_con{padding: 30rem 0 50rem 40rem}
    .uboxcon_r_2_1_l{font-size: 36rem}
    .uboxcon_r_2_1_l label{height: 40rem;line-height: 40rem;font-size: 22rem}
    .uboxcon_r_2_1_r{font-size: 22rem}
    .uboxcon_r_2_forms,.uboxcon_r_2_ipts{justify-content:space-around;}
    .uboxcon_r_2_forms>p{font-size: 24rem;width: 45%}
    .uboxcon_r_2_ipts_con{display: flex;width: 45%;height: 80rem;line-height: 80rem}
    .uboxcon_r_2_ipts_con span{font-size: 22rem;width: 25%}
    .uboxcon_r_2_ipts_con input{width: 80%;font-size: 22rem}
    .uboxcon_r_2_btns input{height: 65rem;font-size: 26rem}
    .mycourseName{font-size: 26rem;}
    .mycourse_title{height: 60rem;line-height: 60rem;}
    .mycourse_title span{font-size: 24rem}
    .showcon{display: block;padding: 0 3%}
    .showcon_l{width: 100%}
    .showcon_l_box{padding: 20rem 0}
    .showcon_l:before{width: 0}
    .secshowTitle{font-size: 36rem}
    .secshowIntro{font-size: 24rem;margin-bottom: 40rem}
    .secshowTag{font-size: 28rem}
    .secshowList li{height: 60rem;line-height: 60rem}
    .secshowList li a{font-size: 24rem}
    .showcon_r{width: 100%}
    .showcon_r_con{padding: 45rem 30rem;display: block;}
    .showcon_r_con_l{width: 100%}
    .secshowDetail{margin-top: 0}
    .showcon_r_con_r{margin-left: 0;margin-top: 30rem;width: 100%}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	.ss3{margin-top: 280rem}
	.ss3_2{margin: 10rem 0 30rem}
	.ss3_3{max-width: 30%}
	.ss3_4{font-size: 22rem;line-height: 1.6;margin-bottom: 30rem}
	.ss3_5{width: 220rem;height: 50rem;line-height: 50rem;font-size: 24rem}
	.ss5 ul li{display: inline-block;width: 48%}
	.ss5 ul li .ss5_2{padding: 0 15rem 15rem}
	.ss5 ul li .ss5_2_1{width: 48%}
	.ss5 ul li .ss5_2_1 p:first-child{font-size: 22rem}
	.ss5 ul li .ss5_2_1 p:nth-child(2){font-size: 18rem;margin-top: 10rem}
	.ss5 ul li .ss5_3 span{font-size: 18rem}
	.ss5 ul li .ss5_3{width: 50%;right: 0;bottom: 15rem}
	.ss5 ul li .ss5_2:after{width: 35%;right: 20rem;bottom: 20rem}
	.ss6box_1_1{font-size: 50rem;padding-bottom: 30rem}
	.ss6box_1_2{margin-bottom: 70rem}
	.ss4_4{margin:50rem auto;width: 230rem;height: 65rem;line-height: 65rem;font-size: 24rem}
	.ss6box ul{text-align: center;}
	.ss6box ul li{width: 40%}
	.ss7 p:first-child{font-size: 50rem}
	.ss7 p:first-child:after{width: 300rem;left: calc(50% - 150rem);}
	.ss7 p:nth-child(2){font-size: 28rem;margin-bottom: 50rem}
	.ss7 a:last-child{width: 220rem;height: 65rem;line-height: 65rem;font-size: 24rem;}
	.ss4{padding-top: 130rem}
	.ss4_1{font-size: 45rem}
	.ss4_2{margin:25rem 0 15rem;}
	.ss4_4{margin: 30rem auto;height:50rem;line-height: 50rem;font-size: 22rem;width: 200rem}
	.ss8 ul{margin-top: 40rem;text-align: center;}
	.ss8 ul li{width: 85%;padding: 15rem 20rem 0;margin: 0 auto 20rem}
	.ss8 ul li:nth-child(4),.ss8 ul li:nth-child(5){display: inline-block;width: 40%}
	.ss8 ul li:nth-child(5){margin-left: 4%}
	.ss8 ul li>div>img{width: 40rem}
	.ss8 ul li>div>div>p:first-child{font-size: 24rem}
	.ss8 ul li>div>div>div:nth-child(3){line-height: 1.7;padding:10rem 0 15rem;}
	.ss8 ul li>div>div>div:nth-child(3) *{font-size: 22rem}
	.loginbox{padding: 30rem}
	.loginTitle {margin-bottom: 40rem}
	.login_ipt {margin-bottom: 35rem;}
	.login_btn {margin-top: 50rem}
}
@media only screen and (min-device-width : 820px) and (max-device-width : 1180px) and (orientation : landscape) {
	.loginTitle{font-size: 24rem;margin-bottom: 20rem}
	.login_ipt{margin-bottom: 15rem;height: 40rem;line-height: 40rem}
	.login_ipt span{font-size: 18rem}
	.login_ipt input{font-size: 18rem}
	.loginbox{padding: 10rem 50rem}
    .login_ipt input::-webkit-input-placeholder{font-size: 18rem}
    .login_btn{margin-top: 10rem;height: 40rem;line-height: 40rem;font-size: 20rem}

}