body {
     color: #2b333b;
     background-color: white;
}
 #wrapper {
     margin-top: 0;
     padding-bottom: 1.30666667rem;
}
 .header-wrap {
     margin-bottom: 2rem;
}
 header {
     position: fixed;
     box-shadow: none;
     height: 2.2432432432432434rem;
}
.WXTipsBar {
  height: 0.7837837837837838rem;
  padding: 0 0.35135135135135137rem;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #EFF4FF;
  border-radius: 0.08108108108108109rem;
  margin-bottom: 0.3783783783783784rem;
}
.WXTipsBar .tipsContent {
  color: #5D6ECB;
  font-size: 0.32432432432432434rem;
}
.WXTipsBar .icon-more {
  color: #5D6ECB;
  font-size: 0.32432432432432434rem;
}
 .mainInfoBar {
     height: 0.6486486486486487rem;
     margin-top: 0.2702702702702703rem;
}
 .mainInfoBar i {
     float: left;
     margin-left: 0.26666667rem;
     margin-top: 0.26666667rem;
     font-size: 0.32432432rem;
     color: #b6b6b6;
}
 .mainInfoBar .right {
     float: right;
     margin-top: 0.05333333rem;
}
 .mainInfoBar .right span {
     margin-left: 0.53333333rem;
     font-size: 0.37837838rem;
}
 .mainInfoBar .right .avatar {
     float: right;
     margin-left: 0.53333333rem;
     width: 0.61333333rem;
     height: 0.61333333rem;
     border-radius: 50%;
}
 .naoffer-intro {
     position: relative;
     margin-bottom: -1.8918918918918919rem;
     margin-top: 2.2432432432432434rem;
     height: 0.96rem;
     line-height: 0.96rem;
     background-color: #f0f7ff;
     z-index: 9999999;
}
 .naoffer-intro p {
     margin-left: 0.66666667rem;
     color: #5e5e5f;
     letter-spacing: 0.1rem;
}
 .naoffer-intro .enter {
     margin-right: 0.93333333rem;
     margin-top: 0.21333333rem;
     width: 1.12rem;
     height: 0.53333333rem;
     color: #fff;
     font-size: 0.27027027rem;
     text-align: center;
     line-height: 0.53333333rem;
     background-color: #64adff;
     border-radius: 0.35135135rem;
}
 .header-menu {
     display: flex;
     align-items: center;
     padding: 0.5rem 0.27027027rem;
}
 .header-menu .box {
     width: 25%;
     position: relative;
}
 .header-menu .box .main-nav {
     display: block;
     margin: 0 auto;
     width: 0.81081081rem;
     height: 0.81081081rem;
     background: url(https://cdn-r-test.oss-cn-hangzhou.aliyuncs.com/pro/image/M/main_nav_spirite.png) no-repeat;
     background-size: 400%;
}
 .header-menu .box .shixi {
     background-position: -0.75675676rem 0;
}
 .header-menu .box .shuati {
     background-position: 0 0;
}
 .header-menu .box .zutuan {
     background-position: -2.37837838rem 0;
}
 .header-menu .box .wenna {
     background-position: -1.56756757rem 0;
}
 .header-menu .box p {
     text-align: center;
     font-size: 0.32432432rem;
     color: #353535;
}
 .header-menu .box .hot {
     position: absolute;
     right: 0.10666667rem;
     top: 0;
     width: 0.96rem;
}
 .banner {
     padding: 0.26667rem 0;
     background-color: #fff;
     height: 3.2rem;
}
 .banner .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
     opacity: 0.4;
     background-color: #fff;
     width: 0.16rem;
     height: 0.16rem;
     margin-left: 0.08rem;
     margin-right: 0.08rem;
}
 .banner .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active {
     opacity: 1;
}
 .banner .swiper-container {
     width: 100%;
}
 .banner .swiper-slide {
     padding: 0 0.4rem;
     background-position: center;
     background-size: 100% 100%;
     border-radius: 0.10666667rem;
     overflow: hidden;
     box-sizing: border-box;
}
 .banner .swiper-slide a {
     display: block;
}
 .banner .swiper-slide img {
     width: 100%;
     height: 3.2rem;
     vertical-align: middle;
     border-radius: 0.13513514rem;
}
 .banner .swiper-pagination {
     bottom: 0;
}
 .main-menu {
     margin: 0 0.32432432rem;
     background-color: white;
     height: 4rem;
}
 .main-menu .job {
     display: flex;
     align-items: center;
}
 .main-menu .job .box {
     width: 20%;
}
 .main-menu .job .box .image {
     display: block;
     margin: 0 auto;
     width: 1.35135135rem;
     height: 1.35135135rem;
     background: url(https://cdn-r-test.oss-cn-hangzhou.aliyuncs.com/pro/image/M/position-nav-spirite.png) no-repeat;
     background-size: 540%;
     padding-bottom: 0.10810811rem;
}
 .main-menu .job .box .java {
     background-position: -2.91891892rem 0;
}
 .main-menu .job .box .front {
     background-position: -5.89189189rem 0;
}
 .main-menu .job .box .pm {
     background-position: -1.48648649rem 0;
}
 .main-menu .job .box .test {
     background-position: -0.02702703rem 0;
}
 .main-menu .job .box .ui {
     background-position: -4.43243243rem 0;
}
 .main-menu .job .box p {
     text-align: center;
     font-size: 0.32432432rem;
     color: #717171;
}
 .main-menu .sec {
     display: flex;
     align-items: center;
     padding-top: 0.40540541rem;
}
 .main-menu .sec .box {
     width: 25%;
}
 .main-menu .sec .box .hot {
     position: absolute;
     right: 0.4rem;
     top: 0.4rem;
     width: 1.066667rem;
}
 .main-menu .sec .box .image {
     display: block;
     margin: 0 auto;
     width: 1.866667rem;
     height: 1.866667rem;
     background: url(https://cdn-r.oss-cn-hangzhou.aliyuncs.com/pro/image/M/biz-nav-spirite.png) no-repeat;
    /*background-size: 1300%;
     */
     background-size: 100%;
     padding-bottom: 0.266667rem;
}
 .main-menu .sec .box .kecheng {
     background-position: -0.78378378rem 0;
}
 .main-menu .sec .box .jianli {
     background-position: -4.94594595rem 0;
}
 .main-menu .sec .box .zixun {
     background-position: -7.64864865rem 0;
}
 .main-menu .sec .box .neitui {
     background-position: -6.67567568rem 0;
}
 .main-menu .sec .box .yunying {
     background-position: -3.24324324rem 0;
}
 .main-menu .sec .box .shuoshuo {
     background-position: -5.78378378rem 0;
}
 .main-menu .sec .box .zhuanlan {
     background-position: -4.05405405rem 0;
}
 .main-menu .sec .box .bijing {
     background-position: -0.05405405rem 0;
}
 .main-menu .sec .box .shuati {
     background-position: -2.40540541rem 0;
}
 .main-menu .sec .box .ceping {
     background-position: -1.72972973rem 0;
}
 .main-menu .sec .box p {
     text-align: center;
     font-size: 0.35135135135135137rem;
     color: #434343;
}
 .menu {
     padding: 0.4rem;
     background-color: #fff;
     box-sizing: border-box;
}
 .menu ul li {
     margin-bottom: 0.13513514rem;
}
 .menu ul li .main {
     float: left;
     width: 2.16216216rem;
     height: 1.16216216rem;
     margin-right: 0.13513514rem;
}
 .menu ul li .main img {
     width: 100%;
     height: 100%;
}
 .menu ul li .menu-box {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
}
 .menu ul li .menu-box .box {
     position: relative;
     width: 2.16216216rem;
     height: 1.12rem;
     margin-left: 0.13333333rem;
     margin-bottom: 0.13333333rem;
     font-size: 0.35135135rem;
     color: #333;
     line-height: 1.12rem;
     text-align: center;
     box-shadow: 0 0 0.54054054rem rgba(238, 232, 232, 0.7);
     border-radius: 0.08rem;
}
 .menu ul li .menu-box .box .hot {
     position: absolute;
     right: 0;
     top: 0;
     width: 0.72rem;
}
 .sec-menu {
     display: flex;
     align-items: center;
     padding-bottom: 0.4rem;
     background-color: #fff;
}
 .sec-menu .box {
     width: 20%;
}
 .sec-menu .box img {
     display: block;
     margin: 0 auto 0.16rem;
     width: 0.69333rem;
     height: 0.69333rem;
}
 .sec-menu .box p {
     text-align: center;
     font-size: 0.32432432rem;
     color: #2e2e2e;
}
 .biz-recommend {
     padding: 0 0.6rem 0.4rem;
     background-color: white;
     height: 3.8rem;
}
 .biz-recommend .item {
     width: 50%;
     padding-left: 0.3333333rem;
     box-sizing: border-box;
     position: relative;
     float: left;
     overflow: hidden;
}
 .biz-recommend .item .name {
     color: #999;
     font-size: 0.35135135rem;
     float: left;
     width: 100%;
     height: 0.625rem;
     line-height: 0.64583333rem;
     overflow: hidden;
}
 .biz-recommend .item .num {
     font-size: 0.5rem;
     padding: 0.1458333rem 0rem;
     color: #333;
}
 #course-rem{
     height: 3.2rem;
     border: 1px solid #E5E5E5;
     padding: 0.4rem;
     border-radius: 0.16rem;
     box-shadow: 0rem 0rem 0.053333rem 0.053333rem rgb(229 229 229 / 20%);
     margin: 0.533333rem 0;
}
 #course-rem .line{
     height: 1.066667rem;
     line-height: 1.066667rem;
     color: #434343;
     font-size: 0.373333rem;
}
 #course-rem .line i{
     width: 0.213333rem;
     height: 0.213333rem;
     border-radius: 50%;
     display: inline-block;
     border: 1px solid #F8B551;
     margin-right: 0.213333rem;
}
 .intro-ad {
     padding: 0.26667rem 0.26667rem;
     background-color: #fff;
}
 .intro-ad .list .li {
     float: left;
     padding-left: 0.97297297rem;
     padding-top: 0.54054054rem;
     margin-right: 0.13333rem;
     margin-bottom: 0.13333rem;
     width: 100%;
     height: 2.16216216rem;
     background-size: 100%;
     box-sizing: border-box;
     border-radius: 0.213333rem;
}
 .intro-ad .list .li .p-1 {
     font-size: 0.48648649rem;
     color: #656774;
}
 .intro-ad .list .li .p-1 em {
     margin: 0 0.13333rem;
}
 .intro-ad .list .li .p-1 span {
     font-size: 0.37837838rem;
}
 .intro-ad .list .li .p-2 {
     margin-top: 0.26667rem;
     color: #d3d3d4;
     line-height: 0.45333rem;
}
 .position {
     padding: 0.4rem;
     background-color: #fff;
     margin-top: 0.4rem;
}
 .position .chanel {
     margin-bottom: 0.66666667rem;
}
 .position .chanel p {
     float: left;
     font-size: 0.48648649rem;
     color: #262626;
     font-weight: bold;
}
 .position .chanel .set {
     float: right;
     color: #262626;
}
 .position .chanel .set i {
     color: #969696;
}
 .position .list .box {
     position: relative;
     padding-left: 0.26666667rem;
     box-sizing: border-box;
}
 .position .list .sec1 .big {
     float: left;
     width: 4.53333333rem;
     height: 4.98666667rem;
}
 .position .list .sec1 .right {
     float: right;
     margin-left: 0.13333333rem;
}
 .position .list .sec1 .middle {
     width: 4.53333333rem;
     height: 2.42666667rem;
     padding-top: 0.29333333rem;
     margin-bottom: 0.13333333rem;
}
 .position .list .sec2 .small {
     float: left;
     width: 2.96rem;
     height: 3.09333333rem;
     margin-left: 0.375rem;
}
 .position .list .sec2 .small:first-child {
     margin-left: 0;
     margin-right: 0.1rem;
}
 .position .list .product {
     background-color: #fef8ec;
}
 .position .list .java {
     background-color: #fff4ef;
}
 .position .list .ui {
     background-color: #eff7fa;
}
 .position .list .web {
     background-color: #f1faf6;
}
 .position .list .ste {
     background-color: #f9f6fe;
}
 .position .list .operation {
     background-color: #effbec;
}
 .position .list .box:before {
     content: '';
     position: absolute;
     width: 1.30666667rem;
     height: 1.41333333rem;
     background-size: 100%;
}
 .position .list .big:before {
     right: 0.42666667rem;
     bottom: 0.45333333rem;
}
 .position .list .middle:before {
     right: 0.29333333rem;
     bottom: 0.13333333rem;
}
 .position .list .small:before {
     right: 0.18666667rem;
     bottom: 0.21333333rem;
}
 .position .list .product:before {
     background-image: url(https://cdn-r-test.oss-cn-hangzhou.aliyuncs.com/pro/image/M/position-chanel-logo-product.png);
}
 .position .list .java:before {
     background-image: url(https://cdn-r-test.oss-cn-hangzhou.aliyuncs.com/pro/image/M/position-chanel-logo-java.png);
}
 .position .list .ui:before {
     background-image: url(https://cdn-r-test.oss-cn-hangzhou.aliyuncs.com/pro/image/M/position-chanel-logo-ui.png);
}
 .position .list .web:before {
     background-image: url(https://cdn-r-test.oss-cn-hangzhou.aliyuncs.com/pro/image/M/position-chanel-logo-web.png);
}
 .position .list .ste:before {
     background-image: url(https://cdn-r-test.oss-cn-hangzhou.aliyuncs.com/pro/image/M/position-chanel-logo-ste.png);
}
 .position .list .operation:before {
     background-image: url(https://cdn-r-test.oss-cn-hangzhou.aliyuncs.com/pro/image/M/position-chanel-logo-operation.png);
}
 .position .list .box .p-1 {
     font-weight: bold;
}
 .position .list .big .p-1 {
     margin-top: 0.45333333rem;
     font-size: 0.48648649rem;
}
 .position .list .big .p-2 {
     margin-top: 0.16rem;
     font-size: 0.32432432rem;
}
 .position .list .big .details {
     position: absolute;
     display: flex;
     align-items: center;
     justify-content: center;
     bottom: 0.82666667rem;
     width: 1.41333333rem;
     height: 0.48rem;
     padding-left: 0.13333333rem;
     text-align: center;
     font-size: 0.32432432rem;
     color: #fff;
     background-color: #fac251;
     border-radius: 0.54054054rem;
     box-sizing: border-box;
}
 .position .list .big .details i {
     float: right;
     margin-left: 0.08rem;
}
 .position .list .middle .p-1 {
     font-size: 0.43243243rem;
}
 .position .list .middle .p-2 {
     font-size: 0.2972973rem;
}
 .position .list .small .p-1 {
     margin-top: 0.32rem;
     font-size: 0.40540541rem;
}
 .position .list .small .p-2 {
     font-size: 0.2972973rem;
}
 .position .list .product {
     color: #e19b0d;
}
 .position .list .ui {
     color: #8bb9cf;
}
 .position .list .web {
     color: #57c096;
}
 .position .list .java {
     color: #f7724d;
}
 .position .list .ste {
     color: #b394e9;
}
 .position .list .operation {
     color: #85cb73;
}
 .position .bottom-line {
     display: flex;
     justify-content: center;
     align-items: center;
     margin-top: 0.93333333rem;
     margin-bottom: 0.4rem;
}
 .position .bottom-line .line {
     width: 1.38666667rem;
     height: 0.02702703rem;
     background-color: #e0e0e0;
}
 .position .bottom-line p {
     color: #d1d3d6;
     margin: 0 0.4rem;
}
 .choose-job-layer {
     width: 7.89333333rem;
     border-radius: 0.13513514rem;
     background-color: #fff;
     box-sizing: border-box !important;
     overflow: hidden;
}
 .choose-job-layer .head {
     height: 2.53333333rem;
     padding-top: 0.45333333rem;
     text-align: center;
     background-image: url("https://cdn-r-test.oss-cn-hangzhou.aliyuncs.com/pro/image/M/intern-choose-job-bk.png");
     background-size: cover;
     box-sizing: border-box;
}
 .choose-job-layer .head .p-1 {
     font-size: 0.62162162rem;
     color: #fff;
}
 .choose-job-layer .head .p-2 {
     width: 3.22666667rem;
     height: 0.66666667rem;
     margin: 0.32rem auto;
     text-align: center;
     font-size: 0.37837838rem;
     color: rgba(255, 255, 255, 0.7);
     background-color: #fca107;
}
 .choose-job-layer ul {
     margin-top: 0.6667rem;
     height: 7.13513514rem;
}
 .choose-job-layer ul li {
     height: 1.17333333rem;
     line-height: 1.17333333rem;
     padding: 0 0.61333333rem 0 0.61333333rem;
}
 .choose-job-layer ul li p {
     float: left;
     font-size: 0.37837838rem;
     color: #282828;
}
 .choose-job-layer ul li i {
     float: right;
     margin-top: 0.4rem;
     color: #fff;
}
 .choose-job-layer .active {
     background-color: #fff6e6;
}
 .choose-job-layer .active i {
     color: #f90;
}
 .choose-job-layer button {
     display: block;
     width: 5.12rem;
     height: 0.96rem;
     margin: 0.4rem auto;
     line-height: 0.96rem;
     color: #fff;
     font-size: 0.37837838rem;
     background: -webkit-gradient(linear, 0 0, 100% 0, from(#ffcc17), to(#f90));
     border-radius: 0.48648649rem;
}
 .notice {
     padding: 0 0 0.4rem;
     background-color: #fff;
     margin-top: 0.266667rem;
}
 .notice .content{
     padding: 0 0.24rem;
     margin: auto;
     width: 9.46667rem;
     height: 1.17333333rem;
     line-height: 1.17333333rem;
     border-radius: 0.32rem;
     background-color: #F6F7FB;
     box-sizing: border-box;
}
 .notice .content .logo{
     float: left;
     margin-top: 0.32rem;
    /*width: 75p*/
     padding-left: 0.266667rem;
     padding-right: 0.266667rem ;
     height: 0.666667rem;
     line-height: 0.666667rem;
     color: #fff;
     font-size: 0.32432432rem;
     text-align: center;
     border-radius: 0.27027027rem;
     background-image: linear-gradient(#E99278,#ED6A41,#EC6941,#ED6A41,#EB9DDF);
}
 .notice .content .title1{
     font-size: 0.373333rem;
     color:#535353;
     margin-left: 0.4rem;
     width: 4.533333rem;
     overflow: hidden;
     text-overflow: ellipsis;
     float:left;
     line-height: 1.333333rem;
     height: 1.333333rem;
}
 .notice .content .time{
     font-size: 0.32rem;
     color:#BFBFBF;
     display: inline-block;
     padding-left: 0.266667rem;
}
 .notice .content .go{
     color:#B5B5B5;
     float:right;
     font-size:0.373333rem;
}
 .school-recruitment {
     padding: 0 0 0.4rem;
     background-color: #fff;
}
 .set-aim {
     padding: 0 0.24rem;
     margin: auto;
     width: 9.46667rem;
     height: 1.17333333rem;
     line-height: 1.17333333rem;
     border-radius: 0.08rem;
     background-color: #f6f7fa;
     box-sizing: border-box;
}
 .set-aim p {
     float: left;
     font-size: 0.40540541rem;
     font-weight: bold;
     color: #373b52;
     letter-spacing: 0.02702703rem;
}
 .set-aim p span {
     float: right;
     font-weight: normal;
     font-size: 0.32432432rem;
     color: #7e808e;
}
 .set-aim p em {
     display: inline-block;
     float: right;
     margin: 0.48rem 0.26666667rem 0 0.26777777rem;
     width: 0.05333333rem;
     height: 0.26666667rem;
     background-color: #d9dbe1;
}
 .set-aim .set {
     float: right;
     margin-top: 0.32rem;
     width: 1.17333333rem;
     height: 0.5066667rem;
     line-height: 0.50666667rem;
     color: #fff;
     font-size: 0.32432432rem;
     text-align: center;
     background-color: #4f5a74;
     border-radius: 0.27027027rem;
     box-shadow: 0 0.08108108rem 0.35135135rem rgba(100, 110, 133, 0.5);
}
 .daily-question {
     margin-top: 0.40540541rem;
     padding: 0.26666667rem 0.32rem 0.53333333rem;
     background-color: #fff;
}
 .daily-question .box {
     position: relative;
     padding: 0.85333333rem 0.29333333rem 0;
     width: 100%;
     height: 3.97333333rem;
     background: url("https://cdn-r-test.oss-cn-hangzhou.aliyuncs.com/pro/image/M/hp-daily-qu-bk.png") no-repeat center;
     background-size: cover;
     box-sizing: border-box;
     box-shadow: 0 0 0.40540541rem rgba(0, 0, 0, 0.1);
}
 .daily-question .tit {
     position: absolute;
     left: -0.13333333rem;
     top: -0.21333333rem;
     width: 2.37333333rem;
}
 .daily-question .question {
     height: 1.06666667rem;
     font-size: 0.37837838rem;
     color: #fff;
     line-height: 0.53333333rem;
     letter-spacing: 0.02rem;
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
}
 .daily-question .answer {
     margin-top: 0.13333333rem;
     color: rgba(255, 255, 255, 0.6);
     line-height: 0.45333333rem;
     letter-spacing: 0.02702703rem;
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
}
 .daily-question .book {
     position: absolute;
     right: 0;
     bottom: 0.21333333rem;
     width: 1.52rem;
     height: 0.69333333rem;
     line-height: 0.69333333rem;
     text-align: center;
     color: #fff;
     background: -webkit-gradient(linear, 0 0, 100% 0, from(#505a75), to(#374057));
     border-radius: 0.40540541rem 0 0 0.40540541rem;
     cursor: pointer;
}
 .intern-online {
    /*margin-top: 0.4rem;
     */
     background-color: #fff;
}
 .intern-online .project {
     background-color: #fff;
}
 .intern-online .project .title p {
     margin-left: 0.24rem;
     margin-top: 0.08rem;
     font-size: 0.32432432rem;
     color: #858995;
     font-weight: normal;
     line-height: 1;
}
 .intern-online .title .icon-more {
     position: absolute;
     right: 0.18666667rem;
     top: 0.66666667rem;
     color: #000;
}
 .intern-online .project .big {
     margin-top: 0.13333333rem;
     padding: 0.4rem 0.32rem;
}
 .intern-online .project .big .img-box {
     position: relative;
     width: 100%;
     height: 4.69333333rem;
     overflow: hidden;
}
 .intern-online .project .big .img-box .status {
     position: absolute;
     right: 0;
     top: 0;
     width: 1.6rem;
     height: 0.586667rem;
     padding-left: 0.13333333rem;
     text-align: center;
     line-height: 0.586667rem;
     font-size: 0.32432432rem;
     color: #333;
     background: -webkit-gradient(linear, 0 0, 100% 0, from(#fff3aa), to(#ffd93c));
     border-radius: 0 0 0 0.27027027rem;
     box-sizing: border-box;
}
 .intern-online .project .big .img-box img {
     width: 100%;
     height: 100%;
     border-radius: 0.08108108rem;
}
 .intern-online .project .big .name {
     margin-top: 0.13333333rem;
     font-size: 0.37837838rem;
     color: #212121;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
}
 .intern-online .project .big .name .status {
     display: inline-block;
     width: 1.30666667rem;
     height: 0.50666667rem;
     margin-right: 0.26666667rem;
     line-height: 0.50666667rem;
     color: #fff;
     font-size: 0.32432432rem;
     text-align: center;
     background: -webkit-gradient(linear, 0 0, 100% 0, from(#ffa43d), to(#ff803d));
     border-radius: 0.27027027rem;
}
 .intern-online .project .big .name .ing {
     background: -webkit-gradient(linear, 0 0, 100% 0, from(#62e285), to(#51d093));
}
 .intern-online .project .big .module {
     margin-top: 0.13333333rem;
     color: #b8b8b8;
}
 .intern-online .project .big .module span {
     display: inline-block;
     padding-right: 0.10667rem;
     height: 0.34667rem;
     line-height: 0.34667rem;
     border-right: 0.02702703rem solid #e8e8e8;
}
 .intern-online .project .big .module span:last-child {
     margin-right: 0;
     padding-right: 0;
     border-right: 0;
}
 .intern-online .project .big .line {
     width: 100%;
     height: 0.02702703rem;
     margin: 0.26666667rem 0;
     background-color: #ebedf4;
}
 .intern-online .project .big .grey-line {
     margin: 0.26666667rem 0;
     width: 100%;
     height: 0.08rem;
     background-color: #ebedf4;
     border-radius: 0.10810811rem;
}
 .intern-online .project .big .grey-line .red-line {
     height: 100%;
     background-color: #ff6b6b;
     border-radius: 0.08108108rem;
}
 .intern-online .project .big .bottom p {
     font-size: 0.32432432rem;
     color: #afafaf;
}
 .intern-online .project .big .bottom p em {
     margin-right: 0.13333333rem;
     font-size: 0.37837838rem;
     color: #212121;
}
 .intern-online .project ul {
     display: flex;
     padding: 0.4rem 0.32rem;
}
 .intern-online .project ul li {
     margin-right: 0.18666667rem;
     width: 4.58666667rem;
     cursor: pointer;
}
 .intern-online .project ul li .img-box {
     position: relative;
     width: 4.61333rem;
     height: 2.34667rem;
}
 .intern-online .project ul li .img-box img {
     width: 100%;
     height: 100%;
     border-radius: 0.13333rem;
}
 .intern-online .project ul li .sec-box {
     margin-top: 0.26667rem;
}
 .intern-online .project ul li .sec-box .name {
     width: 100%;
     font-size: 0.37837838rem;
     color: #000;
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
}
 .intern-online .project ul li .sec-box .name .status {
     display: inline-block;
     width: 1.30666667rem;
     height: 0.50666667rem;
     margin-right: 0.26666667rem;
     line-height: 0.50666667rem;
     color: #fff;
     font-size: 0.32432432rem;
     text-align: center;
     background: -webkit-gradient(linear, 0 0, 100% 0, from(#ffa43d), to(#ff803d));
     border-radius: 0.27027027rem;
}
 .intern-online .project ul li .sec-box .name .ing {
     background: -webkit-gradient(linear, 0 0, 100% 0, from(#62e285), to(#51d093));
}
 .intern-online .project ul li .sec-box .module {
     margin-top: -0.05333rem;
     color: #b8b8b8;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
}
 .intern-online .project ul li .sec-box .module span {
     display: inline-block;
     padding-right: 0.10667rem;
     height: 0.34667rem;
     line-height: 0.34667rem;
     font-size: 0.2972973rem;
     border-right: 0.02702703rem solid #e8e8e8;
}
 .intern-online .project ul li .sec-box .module span:last-child {
     margin-right: 0;
     padding-right: 0;
     border-right: 0;
}
 .intern-online .project ul li .sec-box .bottom {
     margin-top: 0.21333rem;
     font-size: 0.32432432rem;
     color: #b8b8b8;
}
 .intern-online .project ul li .sec-box .bottom span {
     height: 0.4rem;
     padding: 0 0.08rem;
     margin-right: 0.4rem;
     line-height: 0.4rem;
     color: #7f90ff;
     font-size: 0.27027027rem;
     background-color: #e5e9ff;
}
 .intern-online .project ul li .sec-box .bottom span:last-child {
     background-color: #ffe9db;
     color: #fe924d;
}
 .intern-online .intern-tab {
     margin-top: 0.26666667rem;
}
 .intern-online .intern-tab .box {
     width: 1.6rem;
     height: 0.69333333rem;
     margin-left: 0.26666667rem;
     line-height: 0.69333333rem;
     font-size: 0.32432432rem;
     color: #9fa0a2;
     text-align: center;
     font-weight: normal;
     border: 1px solid #dddee2;
     border-radius: 0.08108108rem;
}
 .intern-online .intern-tab .box:last-child {
     margin-right: 0;
}
 .intern-online .intern-tab .active {
     color: #fff;
     background-color: #ff8304;
     box-shadow: 0 0.08108108rem 0.13513514rem rgba(255, 131, 4, 0.4);
     border-color: #ff8304;
}
 .intern-online .newest {
     padding-bottom: 0.26666667rem;
     background-color: #fff;
}
 .intern-online .newest .new-content {
     margin-top: 0.53333333rem;
}
 .intern-online .newest .wenna {
     padding: 0 0.34666667rem;
}
 .intern-online .newest .wenna .img-box {
     width: 100%;
     height: 4.29333333rem;
}
 .intern-online .newest .wenna .img-box img {
     width: 100%;
     height: 100%;
     border-radius: 0.08108108rem;
}
 .intern-online .newest .wenna .grey-line {
     margin: 0.4rem 0 0.26666667rem;
     width: 100%;
     height: 0.08rem;
     background-color: #ebedf4;
     border-radius: 0.10810811rem;
}
 .intern-online .newest .wenna .grey-line .red-line {
     height: 100%;
     background-color: #ff6b6b;
     border-radius: 0.08108108rem;
}
 .intern-online .newest .wenna .bottom p {
     font-size: 0.32432432rem;
     color: #afafaf;
}
 .intern-online .newest .wenna .bottom p em {
     margin-right: 0.13333333rem;
     font-size: 0.37837838rem;
     color: #212121;
}
 .intern-online .newest .course {
     padding: 0 0.34666667rem;
}
 .intern-online .newest .course .img-box {
     width: 100%;
     height: 4.29333333rem;
}
 .intern-online .newest .course .img-box img {
     width: 100%;
     height: 100%;
     border-radius: 0.08108108rem;
}
 .new-consult {
     position: relative;
     background-color: #fff;
}
 .new-consult .title {
     padding: 0;
}
 .new-consult .title p {
     font-size: 0.32432432rem;
     color: #979797;
}
 .new-consult .header {
     height: 0.8rem;
     line-height: 0.53333rem;
     font-size: 0.37837838rem;
}
 .new-consult .tit {
     display: inline;
     font-size: 0.37837838rem;
}
 .new-consult .scroll {
     padding: 0.26666667rem 0.4rem;
     overflow-x: scroll;
     overflow-y: hidden;
}
 .new-consult .scroll .consult {
     width: 26rem;
     height: 3.6rem;
}
 .new-consult .scroll .consult .consult-box {
     margin-right: 0.4rem;
     margin-top: 0.13333333rem;
     padding: 0.13333rem 0.4rem 0;
     width: 7.46667rem;
     height: 3.14667rem;
     border-radius: 0.13333rem;
     box-shadow: 0 0 0.27027027rem rgba(0, 0, 0, 0.1);
}
 .new-consult .scroll .consult .consult-box img {
     float: left;
     width: 0.8rem;
     margin-top: 0.13333rem;
     border-radius: 50%;
}
 .consult .consult-box .right-box {
     margin-left: 0.26667rem;
     width: 85%;
}
 .consult .consult-box .right-box .inform-box {
     position: relative;
}
 .consult .consult-box .right-box .inform-box .school {
     color: #838383;
     line-height: 0.53333333rem;
     padding-bottom: 0.13333333rem;
}
 .consult .consult-box .right-box .inform-box span {
     float: right;
     margin-top: -1.28rem;
}
 .consult .consult-box .right-box ul {
     margin-top: 0.13333rem;
     padding-top: 0.13333rem;
     border-top: 0.02702703rem solid #e8e8e8;
}
 .discuss-list ul {
     padding: 0 0.34666667rem;
}
 .discuss-list ul li {
     padding-top: 0.53333333rem;
}
 .discuss-list ul li .head .icon {
     float: left;
     margin-top: 0.10666667rem;
     margin-right: 0.26666667rem;
     width: 0.48rem;
}
 .discuss-list ul li .head .right-box {
     float: left;
     width: 8.4rem;
}
 .discuss-list ul li .head .right-box .p-1 {
     font-size: 0.43243243rem;
     color: #0a0a0a;
     font-weight: bold;
}
 .discuss-list ul li .head .right-box .p-2 {
     font-size: 0.35135135rem;
     color: #9d9d9d;
}
 .discuss-list ul li .head .right-box .icon-more2 {
     float: right;
     margin-top: -0.93333333rem;
     color: #ffa91b;
}
 .discuss-list ul li .content {
     width: 8.66666667rem;
     float: right;
     padding-bottom: 0.34666667rem;
     border-bottom: 0.02702703rem solid #f0f0f0;
}
 .discuss-list ul li:last-child .content {
     border-bottom: 0;
}
 .discuss-list ul li .content .box {
     height: 2.50666667rem;
     width: 100%;
     padding: 0.29333333rem 0.21333333rem;
     background-color: #f8f9fb;
     box-sizing: border-box;
}
 .discuss-list ul li .content .box p {
     font-size: 0.37837838rem;
     color: #414141;
     line-height: 0.53333333rem;
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
}
 .discuss-list ul li .content .box .sec-box {
     margin-top: 0.13333333rem;
     font-size: 0.32432432rem;
     color: #999;
     letter-spacing: 0.02702703rem;
}
 .discuss-list ul li .content .box .sec-box .project {
     background-color: inherit;
}
 .newest .platform {
     display: flex;
     justify-content: center;
     align-items: center;
     padding: 0.66666667rem 0;
}
 .newest .platform img {
     width: 2.90666667rem;
     height: 2.90666667rem;
}
 .newest .platform p {
     margin-left: 0.88rem;
     font-size: 0.37837838rem;
     color: #414141;
}
 .intern-online .onlookers {
     background-color: #fff;
}
 .intern-online .onlookers .list {
     padding: 0.4rem 0.26667rem 0.02702703rem;
}
 .intern-online .onlookers .list li {
     margin-bottom: 0.66667rem;
}
 .intern-online .onlookers .list li .img-box {
     position: relative;
     width: 3.84rem;
     height: 2.93333333rem;
     overflow: hidden;
     border-radius: 0.13333rem;
}
 .intern-online .onlookers .list li .img-box img {
     border-radius: 0.13333rem;
     width: 5.33333333rem;
     height: 100%;
}
 .intern-online .onlookers .list li .img-box .name {
     position: absolute;
     top: 1.6rem;
     right: 0;
     height: 0.53333rem;
     background: #ffc863;
     padding: 0 0.13333rem 0 0.26667rem;
     color: #fff;
     border-radius: 0.45333rem 0 0 0.48rem;
     line-height: 0.53333rem;
     font-size: 0.32432432rem;
     box-sizing: border-box;
}
 .intern-online .onlookers .list li .right-box {
     position: relative;
     width: 5.33333333rem;
     height: 2.93333333rem;
}
 .intern-online .onlookers .list li .right-box .name {
     font-size: 0.37837838rem;
     color: #000;
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
}
 .intern-online .onlookers .list li .right-box .name em {
     display: inline-block;
}
 .intern-online .onlookers .list li .right-box .name .line {
     display: inline-block;
     width: 0.02702703rem;
     height: 0.29333333rem;
     margin: 0 0.21333333rem;
     background-color: #000;
}
 .intern-online .onlookers .list li .right-box .ps {
     font-size: 0.37837838rem;
     color: #929598;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
}
 .intern-online .onlookers .list li .right-box .sec-box {
     position: absolute;
     bottom: 0;
     width: 100%;
}
 .intern-online .onlookers .list li .right-box .sec-box div {
     color: #9c9c9c;
}
 .intern-online .onlookers .list li .right-box .sec-box .date {
     margin-right: 0.26667rem;
}
 .intern-online .onlookers .list li .right-box .sec-box .label {
     padding: 0 0.16rem;
     height: 0.42666667rem;
     font-size: 0.27027027rem;
     text-align: center;
     line-height: 0.42666667rem;
     color: #ff8903;
     border: 1px solid #ff8903;
     border-radius: 0.08108108rem;
}
 .title {
     position: relative;
     padding: 0.4rem 0 0 0;
     font-size: 0.43243243rem;
     color: #060000;
     font-weight: bold;
}
 .title:before {
     content: "";
     float: left;
     margin-top: 0.08rem;
     margin-right: 0.13333rem;
     width: 0.10667rem;
     height: 0.48rem;
     background-color: #f46120;
}
 .title .more {
     margin-right: 0.26667rem;
     font-size: 0.32432432rem;
     color: #d4d4d4;
     font-weight: normal;
}
 .look-more {
     padding: 0.13333rem 0 0.66666667rem;
     background-color: #fff;
}
 .look-more a {
     margin: 0 auto;
     display: block;
     width: 2.13333rem;
     height: 0.53333rem;
     line-height: 0.53333rem;
     border: 1px solid #d9dde1;
     color: #a6a6a6;
     border-radius: 0.26667rem;
     text-align: center;
}
 .hot-test {
     margin-bottom: 0.13333rem;
     background-color: #fff;
}
 .hot-test .title {
     margin-bottom: 0.4rem;
}
 .hot-test .box {
     padding: 0 0.32rem 0.4rem;
}
 .hot-test .box .tit {
     margin-bottom: 0.4rem;
     font-size: 0.40540541rem;
     color: #000;
     font-weight: bold;
     letter-spacing: 0.02702703rem;
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
}
 .hot-test .video-type .video-box {
     position: relative;
     width: 100%;
     height: 3.46667rem;
     overflow: hidden;
     border-radius: 0.13333rem;
}
 .hot-test .video-type .video-box img {
     width: 100%;
     border-radius: 0.13333rem;
}
 .hot-test .video-type .video-box .icon-play3 {
     top: 1.12rem;
     left: 4.13333333rem;
     position: absolute;
     color: rgba(255, 255, 255, 0.65);
     font-size: 1.21621622rem;
}
 .hot-test .video-type .sec-tit {
     margin-top: 0.26667rem;
     font-size: 0.37837838rem;
     color: #848383;
     line-height: 0.58667rem;
     letter-spacing: 0.02702703rem;
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
}
 .hot-test .box .from {
     margin-top: 0.26667rem;
     padding-bottom: 0.26667rem;
     color: #a6a6a6;
     border-bottom: 0.02702703rem solid #ebe9e9;
}
 .hot-test .box .from span {
     display: inline-block;
     height: 0.58667rem;
     padding: 0 0.24rem;
     margin-right: 0.21333rem;
     line-height: 0.58667rem;
     color: #898989;
     background-color: #f4f4f4;
     border-radius: 0.26667rem;
}
 .hot-test .type-box .box:last-child .from {
     border: 0;
}
 .hot-test .img-box .left {
     float: left;
     width: 6rem;
}
 .hot-test .img-box .left p {
     font-size: 0.37837838rem;
     color: #848383;
     line-height: 0.58667rem;
     letter-spacing: 0.02702703rem;
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 3;
}
 .hot-test .img-box img {
     float: right;
     width: 3.01333rem;
     height: 1.76rem;
     border-radius: 0.13333rem;
}
 .hot-test .text-type .sec-tit p {
     font-size: 0.37837838rem;
     color: #848383;
     line-height: 0.58667rem;
     letter-spacing: 0.02702703rem;
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
}
 .hot-test ul {
     padding: 0 0.26667rem;
}
 .hot-test ul li {
     padding: 0.53333rem 0;
     border-bottom: 0.02702703rem solid #e8e8e8;
}
 .hot-test ul li:last-child {
     border: 0;
}
 .hot-test ul li .tit span {
     margin-right: 0.13333rem;
     display: inline-block;
     width: 0.8rem;
     height: 0.48rem;
     text-align: center;
     line-height: 0.48rem;
     color: #fff;
}
 .hot-test ul li:first-child .tit span {
     background-color: #32c682;
}
 .hot-test ul li:nth-child(2) .tit span {
     background-color: #3ec5df;
}
 .hot-test ul li:last-child .tit span {
     background-color: #ff9361;
}
 .hot-test ul li .tit em {
     color: #979797;
}
 .hot-test ul li p {
     margin-top: 0.26667rem;
     font-size: 0.37837838rem;
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
     letter-spacing: 0.02702703rem;
}
 .hot-course {
     padding-bottom: 0.02702703rem;
     background-color: #fff;
}
 .course {
     padding: 0.66666667rem 0.32rem 0;
}
 .course .course-box {
     margin-bottom: 0.8rem;
     border-radius: 0.13333rem;
     background-color: #fff;
     overflow: hidden;
     box-shadow: 0 0 0.4rem rgba(0, 0, 0, 0.1);
}
 .course .course-box .img-box {
     position: relative;
     width: 100%;
     height: 4.26666667rem;
}
 .course .course-box .img-box img {
     width: 100%;
     height: 100%;
}
 .course .course-box .img-box .discount {
     position: absolute;
     height: 0.64rem;
     padding: 0 0.4rem;
     bottom: 0.05333333rem;
     right: 0;
     line-height: 0.64rem;
     color: #fff;
     background-color: #ff862f;
     z-index: 9;
     font-size: 0.32432432rem;
     border-radius: 0.4rem 0 0 0.4rem;
}
 .course .course-box .sec-box {
     height: 1.54666667rem;
     padding-top: 0.56rem;
     box-sizing: border-box;
}
 .course .course-box .sec-box .left {
     width: 67%;
     height: 0.42666667rem;
     border-right: 0.05333rem solid #dfdfdf;
     font-size: 0.32432432rem;
     text-align: center;
     color: #949494;
     letter-spacing: 0.02702703rem;
}
 .course .course-box .sec-box .left i {
     float: left;
     margin-top: 0.08rem;
     margin-left: 1.06667rem;
     margin-right: 0.26667rem;
     font-size: 0.32432432rem;
}
 .course .course-box .sec-box .left em {
     float: left;
     margin-top: -0.10666667rem;
}
 .course .course-box .sec-box .right {
     width: 32%;
     font-size: 0.32432432rem;
     text-align: center;
     color: #949494;
     letter-spacing: 0.02702703rem;
     line-height: 0.42666667rem;
}
 .hot-article {
     margin-top: 0.13333rem;
     background-color: #fff;
}
 .hot-article ul {
     padding: 0 0.32rem;
}
 .hot-article ul li {
     padding: 0.53333rem 0;
     border-bottom: 0.02702703rem solid #e8e8e8;
}
 .hot-article ul li:last-child {
     border: 0;
}
 .hot-article ul li .left-box {
     float: left;
     width: 6.08rem;
}
 .hot-article ul li .left-box p {
     height: 1.12rem;
     margin-top: 0;
     font-size: 0.37837838rem;
     line-height: 0.53333rem;
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
}
 .hot-article ul li .left-box .sec-box {
     margin-top: 0.13333rem;
}
 .hot-article ul li .left-box .sec-box span {
     color: #979797;
     float: left;
}
 .hot-article ul li .left-box .sec-box span i {
     float: left;
     margin-right: 0.08rem;
     margin-top: 0.10666667rem;
     font-size: 0.40540541rem;
}
 .hot-article ul li .left-box .sec-box .label {
     margin-left: 0.34667rem;
     max-width: 3.86667rem;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
}
 .hot-article ul li img {
     float: left;
     margin-left: 0.26667rem;
     width: 3.01333rem;
     height: 1.73333rem;
}
 footer .footer li {
     width: 20%;
}
 .offer-layer {
     padding-top: 0.66667rem;
     width: 6rem;
     height: 4.8rem;
     box-sizing: border-box;
     background-color: #fff;
}
 .layer .get {
     position: relative;
     width: 2.02667rem;
     margin: 0 auto 0.4rem;
     text-align: center;
     font-size: 0.37837838rem;
     z-index: 2;
}
 .layer .get .yellow-line {
     position: absolute;
     width: 100%;
     height: 0.26667rem;
     top: 0.32rem;
     left: -0.02702703rem;
     background-color: #ffe492;
     z-index: -1;
}
 .offer-layer p {
     text-align: center;
     color: #a2a2a2;
}
 .offer-layer a {
     margin: 0.4rem auto 0;
     display: block;
     width: 3.2rem;
     height: 0.72rem;
     line-height: 0.72rem;
     text-align: center;
     color: #fff;
     background-color: #00c6b1;
     border-radius: 0.08rem;
}
 .choose .tit img {
     width: 0.13333rem;
     float: left;
     margin-top: 0.05333rem;
     margin-right: 0.26667rem;
}
 .choose .tit span {
     font-size: 0.37837838rem;
}
 .choose ul {
     padding: 0 0.4rem 0;
     height: 5.46667rem;
     overflow-y: scroll;
}
 .choose ul li {
     padding: 0 0.4rem 0 0.53333rem;
     height: 1.33333rem;
     line-height: 1.33333rem;
     border-bottom: 0.02702703rem solid #e8e8e8;
}
 .choose ul li i {
     float: right;
     margin-top: 0.48rem;
     font-size: 0.43243243rem;
     color: #dfdfdf;
}
 .choose ul li .choosed {
     color: #86eecb;
}
 footer .icon-bottom-intern {
     margin-top: 0.02666667rem !important;
     font-size: 0.62162162rem !important;
}
 .mini-program {
     display: flex;
     align-items: center;
     justify-content: center;
     height: 2.8rem;
     width: 9.36rem;
     margin: auto;
     margin-top: 0.26666667rem;
     border-radius: 0.27027027rem;
     background-color: #f1f4f6;
     box-sizing: border-box;
}
 .mini-program img {
     width: 2.21333333rem;
     height: 2.21333333rem;
     float: left;
     margin-right: 0.4rem;
     border-radius: 50%;
}
 .mini-program .right-box {
     float: left;
     margin-left: 0.26666667rem;
}
 .mini-program .right-box .p-1 {
     font-size: 0.45333333rem;
     color: #000;
}
 .mini-program .right-box .p-2 {
     font-size: 0.34666667rem;
     color: #767676;
}
 #fullbg {
     width: 100%;
     height: 100%;
     background-color: #000;
     left: 0;
     opacity: 0.6;
     position: fixed;
     top: 0;
     z-index: 999999;
     filter: alpha(opacity=80);
     -moz-opacity: 0.5;
}
 #month-card {
     position: fixed;
     z-index: 9999999;
     top: 16%;
     right: 0;
     left: 0;
     margin: auto;
     width: 100%;
     height: 11.2rem;
}
 #month-card img {
     width: 100%;
}
 #month-card .use {
     position: absolute;
     bottom: 1.6rem;
     left: 2.4rem;
     width: 5.2rem;
     height: 1.2rem;
     cursor: pointer;
     border-radius: 0.81081081rem;
}
 #month-card .look-card {
     display: none;
     position: absolute;
     left: 4.05333333rem;
     bottom: 0.18666667rem;
     width: 1.86666667rem;
     height: 0.4rem;
     cursor: pointer;
}
 #month-card .close {
     position: absolute;
     right: 4.53333333rem;
     bottom: 0.29333333rem;
     width: 0.66666667rem;
     height: 0.66666667rem;
     border-radius: 50%;
     cursor: pointer;
}
 .app-layer {
     width: 7.6rem;
     height: 6.66666667rem;
     padding: 0.53333rem 0.4rem;
     font-size: 0.37837838rem;
     background-color: #fff;
     box-sizing: border-box !important;
     text-align: center;
     line-height: 0.8rem;
}
 .app-layer img {
     width: 4rem;
     height: 4rem;
     display: block;
     margin: auto;
}
 .app-layer p {
     margin-top: 0.40540541rem;
     line-height: 0.67567568rem;
     letter-spacing: 0.02702703rem;
}
 .menu .swiper-pagination .swiper-pagination-bullet {
     border-radius: 0;
     width: 0.24rem;
     height: 0.05333rem;
}
 .menu .swiper-pagination .swiper-pagination-bullet-active {
     background-color: #ff7070;
}
 .intro-ad .list li {
     float: left;
     padding-left: 0.4rem;
     padding-top: 0.66667rem;
     margin-right: 0.13333rem;
     margin-bottom: 0.13333rem;
     width: 4.66667rem;
     height: 2.66667rem;
     background-size: 100%;
     box-sizing: border-box;
}
 .intro-ad .list li:nth-child(2n) {
     margin-right: 0;
}
 .intro-ad .list li .p-1 {
     font-size: 0.48648649rem;
     color: #656774;
}
 .intro-ad .list li .p-1 em {
     margin: 0 0.13333rem;
}
 .intro-ad .list li .p-1 span {
     font-size: 0.37837838rem;
}
 .intro-ad .list li .p-2 {
     margin-top: 0.26667rem;
     color: #d3d3d4;
     line-height: 0.45333rem;
}
 .intro-ad .fast-item {
     padding-left: 0.10810811rem;
     margin-left: 0.27027027rem;
}
 .intro-ad .fast-item .item-inner {
     padding-left: 0.54054054rem;
}
 .intro-ad .unit {
     margin-bottom: 0.54054054rem;
     width: 100%;
     background: white;
     box-shadow: 0rem 0rem 0.27027027rem 0.05405405rem rgba(112, 114, 115, 0.2);
     border-radius: 0.13513514rem;
     box-sizing: border-box;
}
 .intro-ad .fast-item .item-title {
     position: relative;
     color: #666;
     line-height: 0.54054054rem;
     font-size: 0.37837838rem;
     margin-bottom: 0.32432432rem;
     display: block;
}
 .intro-ad .fast-item .item-title:before {
     content: '';
     position: absolute;
     left: -0.67567568rem;
     top: 0.13513514rem;
     width: 0.18918919rem;
     height: 0.18918919rem;
     border: 1px solid #fd7400;
     background: #fff;
     border-radius: 50%;
}
 .detail-content {
     background-color: #f4f4f4;
}
 .detail-content .none {
     padding: 4rem 0 4rem;
}
 .detail-content ul li {
     padding: 0.37837838rem 0.26667rem;
     border-bottom: 0 solid #eee;
     background-color: white;
     margin: 0.26666667rem;
     border-radius: 0.13333rem;
}
 .detail-content ul li .tit img {
     float: left;
     width: 0.54054054rem;
     height: 0.54054054rem;
     border-radius: 50%;
}
 .detail-content ul li .tit .left {
     float: left;
     margin-top: -0.05405405rem;
     margin-left: 0.26667rem;
}
 .detail-content ul li .tit .name {
     margin-bottom: -0.05333rem;
}
 .detail-content ul li .tit .time {
     color: #979797;
}
 .detail-content ul li .tit .from {
     margin-top: 0.10667rem;
     float: right;
     color: #979797;
}
 .detail-content ul li .details {
     position: relative;
     margin-top: 0.4rem;
     width: 100%;
     box-sizing: border-box;
}
 .detail-content ul li:last-child .details {
     border: 0;
}
 .detail-content ul li .details p {
     line-height: 0.64864865rem;
     font-size: 0.37837838rem;
     letter-spacing: 0.02702703rem;
     color: #333;
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-box-orient: vertical;
}
 .detail-content ul li .details .sec-box {
     margin-top: 0.13333rem;
}
 .detail-content ul li .details .sec-box span {
     color: #979797;
     padding-right: 3.24324324rem;
}
 .detail-content ul li .details .sec-box span i {
     float: left;
     margin-right: 0.05333rem;
}
 .detail-content ul li .details .sec-box .comment i {
     margin-top: 0.13333333rem;
     font-size: 0.43243243rem;
}
 .detail-content ul li .details .sec-box .zan {
     margin-right: 0.37333rem;
}
 .detail-content ul li .details .sec-box .zan i {
     margin-top: 0.08rem;
     font-size: 0.48648649rem;
}
 .detail-content ul li .details .sec-box .label i {
     font-size: 0.40540541rem;
     margin-top: 0.13333rem;
}
 .shuoshuo-list {
     margin-top: 0.4rem;
}
 .shuoshuo-list .title {
     position: relative;
     padding: 0.4rem 0 0.4rem 0.4rem;
     font-size: 0.48648649rem;
     color: #262626;
     font-weight: bold;
     background-color: white;
}
 .shuoshuo-list .title p {
     margin-top: 0.08rem;
     font-size: 0.32432432rem;
     color: #858995;
     font-weight: normal;
     line-height: 1;
}
 .shuoshuo-list .title .icon-more {
     position: absolute;
     right: 0.18666667rem;
     top: 0.66666667rem;
     color: #000;
}
 .zuoye-box {
     padding: 0.32432432rem;
     position: relative;
     height: 3.78378378rem;
}
 .zuoye-box .img-box {
     width: 100%;
     position: relative;
}
 .zuoye-box .img-box img {
     width: 100%;
}
 .zuoye-box .img-box .pop-layer {
     position: absolute;
     width: 100%;
     height: 1.21621622rem;
     bottom: 0.21621622rem;
     overflow: hidden;
     background: rgba(100, 100, 100, 0.6);
}
 .zuoye-box .img-box .pop-layer .title {
     width: 100%;
     height: 0.67567568rem;
     font-size: 0.37837838rem;
     line-height: 0.67567568rem;
     padding: 0 0.21621622rem;
     color: #ffffff;
}
 .zuoye-box .img-box .pop-layer .desc {
     width: 100%;
     height: 0.54054054rem;
     font-size: 0.32432432rem;
     line-height: 0.48648649rem;
     padding: 0 0.21621622rem;
     color: #ffffff;
}
 .zuoye-box .img-box .label {
     position: absolute;
     width: 2.16216216rem;
     height: 0.64864865rem;
     font-size: 0.2972973rem;
     color: #ffffff;
     line-height: 0.64864865rem;
     left: 0.32432432rem;
     top: 0.32432432rem;
     background-color: rgba(80, 80, 80, 0.7);
     text-align: center;
     border-radius: 0.32432432rem;
}
 .xiaozhao-box {
     padding: 0 0.32432432rem 0.32432432rem;
     position: relative;
     height: 3.78378378rem;
     background-color: white;
}
 .xiaozhao-box .img-box {
     width: 100%;
     position: relative;
}
 .xiaozhao-box .img-box img {
     width: 100%;
}
 .xiaozhao-box .img-box .pop-layer {
     position: absolute;
     width: 100%;
     height: 1.08108108rem;
     bottom: 0.21621622rem;
     overflow: hidden;
     background: rgba(100, 100, 100, 0.6);
}
 .xiaozhao-box .img-box .pop-layer .title1 {
     width: 100%;
     height: 1.08108108rem;
     font-size: 0.43243243rem;
     line-height: 1.08108108rem;
     padding: 0 0.21621622rem;
     color: #ffffff;
}
 .xiaozhao-box .img-box .pop-layer .desc {
     width: 100%;
     height: 0.54054054rem;
     font-size: 0.32432432rem;
     line-height: 0.48648649rem;
     padding: 0 0.21621622rem;
     color: #ffffff;
}
 .xiaozhao-box .img-box .label {
     position: absolute;
     width: 2.7027027rem;
     height: 0.64864865rem;
     font-size: 0.32432432rem;
     color: #FFD180;
     line-height: 0.64864865rem;
     left: 0.32432432rem;
     top: 0.32432432rem;
     background-color: rgba(80, 80, 80, 0.7);
     text-align: center;
     border-radius: 0.32432432rem;
     border: 1px solid #ffd181;
}
 .xiaozhao-box .img-box .label2 {
     position: absolute;
     width: 9.45945946rem;
     height: 0.64864865rem;
     font-size: 0.54054054rem;
     color: white;
     font-weight: bold;
     line-height: 0.64864865rem;
     left: 0.32432432rem;
     top: 1.2972973rem;
}
 .my-update{
     height:1.3513513513513513rem;
     margin-top:0.5405405405405406rem;
}
 .my-update .rect{
     width:30%;
     height:0.8108108108108109rem;
     line-height:0.8108108108108109rem;
     background:#F9F9F9;
     color:#666666;
     text-align:center;
     margin-right:0.27rem;
     border-radius:0.08108108108108109rem;
     font-size:0.3783783783783784rem;
}
 .intern-online .Tab{
     padding: 0 .34667rem;
     margin-top: 0;
     height: 1.33333333rem;
     width: 100%;
     line-height: 1.33333333rem;
     background-color: #fff;
     box-sizing: border-box;
     border-bottom: 0.02702702702702703rem solid #fafafa;
     z-index: 99999;
}
 .intern-online .Tab .box {
     float: left;
     margin-right: .66666667rem;
     width: auto;
     height: 100%;
     text-align: center;
}
 .intern-online .Tab .box .line{
     margin: -.08rem auto 0;
     width: .8rem;
     height: .05333333rem;
}
 .intern-online .Tab .active .line{
     background-color: #ff9302;
}
 .intern-online .Tab .box a {
     line-height: 0;
     font-size: 0.48rem;
     color: #535353;
}
 .intern-online .Tab .active a {
     font-size: 0.533333rem;
     color: #333;
     font-weight: bold;
}
 .intern-online .app-platform{
     display: flex;
     justify-content: center;
     align-items: center;
     width: 9.41333333rem;
     height: 4.26666667rem;
     padding-top: .4rem;
     margin: auto;
}
 .intern-online .app-platform img{
     width: 3.06666667rem;
     height: 3.06666667rem;
}
 .intern-online .app-platform p{
     margin-left: .53333333rem;
     font-size: 0.43243243243243246rem;
     color: #959597;
     line-height: .586667rem;
}
 .look-more{
     display: flex;
     justify-content: center;
     padding: 0.26666667rem 0 .66666667rem;
}
 .look-more a{
     padding: 0 .4rem;
     width: auto;
     color: #5a5b62;
     background-color: #f6f7fb;
     border: none;
}
 .courseListBox {
     display: flex;
     flex-direction: column;
     margin-top: 0.133333rem;
     margin-left: 0.26rem;
     margin-right: 0.26rem;
}
 .courseListBox .itemBox .courseItem {
     display: flex;
     align-items: flex-start;
     padding: 0.133333rem 0;
     margin-bottom: 0.266667rem;
}
 .courseListBox .itemBox .typeA {
     height:2.972972972972973rem;
}
 .courseListBox .itemBox .typeA .imgBox {
     width: 2.4rem;
     height: 2.4rem;
     overflow: hidden;
     border-radius: 0.2rem;
     position: relative;
}
 .courseListBox .itemBox .typeA .imgBox img {
     width: 100%;
     height: 100%;
}
 .courseListBox .itemBox .typeA .infoBox {
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     height: 2.4rem;
     box-sizing: border-box;
     width: 6.666667rem;
     margin-left: 0.266667rem;
}
 .courseListBox .itemBox .typeA .infoBox .contentBox .titleBar {
     font-size: .373333rem;
     font-weight: 800;
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     line-clamp: 2;
     -webkit-box-orient: vertical;
}
 .courseListBox .itemBox .typeA .infoBox .contentBox .sellPointBar {
     display: flex;
     align-items: center;
     margin-top: 0.133333rem;
}
 .courseListBox .itemBox .typeA .infoBox .contentBox .sellPointBar .updateTime {
     margin-right: 0.666667rem;
     font-size: .333333rem;
     color: #8d8d8d;
     background-color: #f7f7f7;
     padding: 0.026667rem 0.133333rem;
     border-radius: 0.066667rem;
}
 .courseListBox .itemBox .typeA .infoBox .contentBox .sellPointBar .classes {
     font-size: .333333rem;
     color: #8d8d8d;
}
 .courseListBox .itemBox .typeA .infoBox .priceBar {
     display: flex;
     align-items: center;
     justify-content: space-between;
}
 .courseListBox .itemBox .typeA .infoBox .priceBar .left{
     display: flex;
     align-items: center;
}
 element.style {
}
 .courseListBox .itemBox .typeA .infoBox .priceBar .left .member {
     padding: 0 0.266667rem;
     border-radius: 0.24rem;
     margin-right: 0.266667rem;
     display: flex;
     align-items: center;
     justify-content: center;
     background-color: #ff4343;
     color: #fff;
     font-size: .346667rem;
}
 .courseListBox .itemBox .typeA .infoBox .priceBar .left .price {
     color: #ff4343;
}
 .courseListBox .itemBox .typeA .infoBox .priceBar .right .joinNum {
     font-size: .333333rem;
     color: #8d8d8d;
}
 .moduleTitle {
     font-size: 0.5405405405405406rem;
     font-weight: 600;
     margin-bottom: 0.2702702702702703rem;
     margin-left: 0.2702702702702703rem;
     margin-top: 0.54rem;
}
 .internItem {
     box-sizing: border-box;
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     justify-content: space-between;
     padding: 0.4864864864864865rem 0;
     border-bottom: 0.02702702702702703rem solid #eaeaea;
}
 .internItem .itemTop {
     display: flex;
     align-items: flex-start;
     width: 100%;
}
 .internItem .itemTop .itemImg {
     width: 2.4324324324324325rem;
     height: 2.4324324324324325rem;
     flex-shrink: 0;
     border-radius: 0.21621621621621623rem;
     overflow: hidden;
     margin-right: 0.32432432432432434rem;
}
 .internItem .itemTop .itemImg .imgBox {
     width: 2.4324324324324325rem;
     height: 2.4324324324324325rem;
     background-position: center left;
     background-size: auto 100%;
     background-repeat: no-repeat;
}
 .internItem .itemTop .itemInfo {
     width: 6.621621621621622rem;
     box-sizing: border-box;
}
 .internItem .itemTop .itemInfo .itemTitle {
     font-size: 0.3783783783783784rem;
     font-weight: 600;
     color: #292929;
     height: 0.40540540540540543rem;
     line-height: 0.40540540540540543rem;
     width: 6.621621621621622rem;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
}
 .internItem .itemTop .itemInfo .itemSubTitle {
     font-size: 0.32432432432432434rem;
     height: 0.7297297297297297rem;
     width: 6.621621621621622rem;
     line-height: 0.7297297297297297rem;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     font-weight: 400;
     color: #A8A8A8;
}
 .internItem .itemTop .itemInfo .itemTagBar {
     display: flex;
     align-items: center;
     margin-top: 0.40540540540540543rem;
     margin-bottom: 0.43243243243243246rem;
}
 .internItem .itemTop .itemInfo .itemTagBar .itemTag {
     margin-right: 0.3783783783783784rem;
     font-size: 0.2972972972972973rem;
     padding: 0.05405405405405406rem 0.16216216216216217rem;
     height: 0.4864864864864865rem;
     box-sizing: border-box;
     font-weight: 400;
     color: #ADADAD;
     background: #F5F5F5;
     border-radius: 0.08108108108108109rem;
     text-align: center;
     line-height: 0.43243243243243246rem;
}
 .internItem .itemTop .itemInfo .itemTermInfo {
     margin-top: 0.2702702702702703rem;
     border-top: 0.02702702702702703rem solid #F1F1F1;
     padding-top: 0.13513513513513514rem;
     display: flex;
     align-items: center;
     justify-content: space-between;
}
 .internItem .itemTop .itemInfo .itemTermInfo .itemTime {
     font-size: 0.35135135135135137rem;
     color: #777777;
     display: flex;
     align-items: center;
}
 .internItem .itemTop .itemInfo .itemTermInfo .itemTime span {
     margin-left: 0.40540540540540543rem;
     font-size: 0.35135135135135137rem;
     color: #777777;
}
 .internItem .itemTop .itemInfo .itemTermInfo .nums {
     font-size: 0.35135135135135137rem;
     color: #777777;
}
 .internItem .itemTop .itemInfo .itemType {
     display: flex;
     align-items: center;
     margin-top: 0.35135135135135137rem;
}
 .internItem .itemTop .itemInfo .itemType .VIP {
     color: #EF5050;
     border: 1px solid #EF5050;
}
 .internItem .itemTop .itemInfo .itemType .typeDesc {
     padding: 0rem 0.1891891891891892rem;
     border-radius: 0.13513513513513514rem;
     height: 0.4864864864864865rem;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 0.32432432432432434rem;
     color: #EF5050;
     margin-right: 0.40540540540540543rem;
}
 .internItem .itemTop .itemInfo .itemType .itemPrice {
     font-size: 0.3783783783783784rem;
     color: #FF3C3C;
}
 .internItem .itemTop .itemInfo .mode{
     height: 0.8rem;
     margin-top: 0.533333rem;
}
 .internItem .itemTop .itemInfo .mode .desc{
     border: 1px solid #F8C45F;
     border-radius: 0.266667rem;
     height: 0.666667rem;
     line-height: 0.666667rem;
     width: 5.333333rem;
     text-align: center;
     font-size: 0.346667rem;
}
 .internItem .itemTop .itemInfo .mode .desc .type {
     width: 2rem;
     background-color: #FDEFD8;
     color: #FEA045;
     border-radius: 0.266667rem 0 0 0.266667rem;
}
 .internItem .itemTop .itemInfo .mode .desc .intro {
     width: 1.866667rem;
     color: #FEA045;
}
 .internItem .itemTop .itemInfo .mode .desc .price {
     width: 1.333333rem;
     color: #FEA045;
     border-radius: 0 0.266667rem 0.266667rem 0 ;
}
 .internItem .itemTop .itemInfo .mode .question{
     color: #E76161;
     ;
     font-size: 0.533333rem;
     padding-left: 0.133333rem;
}
 .internItem .itemTop .itemInfo .mode .go{
     font-size: 0.533333rem;
     color: #B6B6B6;
}