/* 基准 */

.public{
    max-width: 730px;
    min-width: 320px;
    margin: 0 auto;
}
/* 小方块 */
/* .yi1{
    height: .05rem;
    width: .56rem;
    margin: 0 auto;
    background-color: #e13e92;
} */
.adb{
    display: block;
}
/* 标题*/
.bt1{
    font-size: .38rem;
    text-align: center;
    color: #181d49;
    font-weight: 700;
}
.bt01{
    font-size: .22rem;
    text-align: center;
    color: #525252;
   
}
.bt2{
    font-size: .38rem;
    text-align: center;
    color: #fff;
}
.bt02{
    font-size: .22rem;
    text-align: center;
    color: #fff;
}

/* 点击咨询按钮样式 */
.zixun{
    display: inline-block;
    height: .65rem;
    line-height: .65rem;
    padding: 0 .39rem;
    text-align: center;
    font-size: .26rem;
    font-weight: 700;
    color: #fff;
    background: url(../images/yxanniu.png) no-repeat;
    -moz-background-size: 100% 100%;  
    -o-background-size: 100% 100%;  
    -webkit-background-size: 100% 100%;  
    background-size: 100% 100%;
    margin-left: 50%;
    transform: translateX(-50%);  
}


/* 三点条件要求 */
.ask{
    background-color: #fff;
    border-bottom: #ff4d1f .02rem solid;
}

.ask ul{
    display: flex;
    padding : .2rem .08rem .08rem .08rem;
    flex-wrap: wrap;
}
.ask ul li{
    flex: 30%;
    margin: 0 .05rem .1rem .05rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.ask ul li span{
    flex: 1;
}
.ask ul li span:nth-child(1) img{
    display: block;
    height: .46rem;
    width: .66rem;
   
}
.ask ul li span:nth-child(2){
    font-size: .22rem;
    padding: .1rem 0 0 0 ;
}
.ask ul li span:nth-child(3){
    font-size: .27rem;
    font-weight: 700;
   color: #ff4d1f;
}


/* 各类游戏崛起 */
.hot{
    position: relative;
    font-size: .18rem;
    color: #fff;
}
.zt{
    width: 3.14rem;
    height: 1.67rem;
}
.yw{
    width: 3.14rem;
    height: 1.67rem;
    margin-left:3.14rem;
    line-height: .4rem;
    margin-top: .15rem;
    background-color: black;
    padding: 0 .1rem;
}
.tm{
    position: absolute;
    top: 0;
    left: 2.56rem;
    width: 1.7rem;
    height: 0.38rem;
    text-align: center;
    line-height: .38rem;
    background-color: #ff4d1f;
    
}
/* 第二部分 */
.two_bgc p{
    font-size: .22rem;
    text-align: center;
    color: #525252;
    padding: 0 .35rem;
}
/* .two_bgc{
    background-color: #181d49;
} */

/* 课程课题部分 */
/* .kt{
    background-color: #e13e92;
} */
.contents{
    position: relative;
    width: 84%;
    margin: 0 auto;
    padding: .6rem .2rem .7rem .3rem;
    border: .02rem #181d49 solid;
}
.c_zi{
    font-size: .22rem;
    line-height: .36rem;
    color: #181d49;

}
/* 两个定位的模块 */
.class{
    position: absolute;
    left: .3rem;
    top: -.31rem;
    font-size: .32rem;
    color: #181d49;
    background-color: #fff;
    width: 2rem;
    height:.6rem;
    text-align: center;
    line-height: .6rem;
}
.task{
    position: absolute;
    right: -.15rem;
    bottom: -.39rem;
    width: 2.7rem;
    height: 1rem;
    text-align: center;
    line-height: 1rem;
    border-radius: 10px;
    font-size: .25rem;
    background: url(../images/anniubgc.png) no-repeat;
    -moz-background-size: 100% 100%;  
    -o-background-size: 100% 100%;  
    -webkit-background-size: 100% 100%;  
    background-size: 100% 100%;  
    color: #fff;
    
}
/* 游戏开发table */
/* 第一个table切换 */
#ul03 {
    margin-left: 35%;
  }
  #ul03 li {
      height: .07rem;
      width: .45rem;
      list-style: none;
      background-color: #b5b5b5;
      margin-left: .18rem;
      float: left;
      cursor: pointer;
  }
  #ul03 .current03 {
      background: #181d49 repeat;
      height: .07rem;
  }
  /*  */
  .content03 {
      width: 6.65rem;
      height: 3.61rem;
      margin: 0 auto;
      border-radius: .11rem;
      background: url(../images/yxbgc01.jpg) no-repeat;
    -moz-background-size: 100% 100%;  
    -o-background-size: 100% 100%;  
    -webkit-background-size: 100% 100%;  
    background-size: 100% 100%;  
  }
  .content03 div {
      width: 100%;
      /* border: 1px solid #dfdfdf; */
      display: none;
  }
  .content03 .show03 {
      display: block;
  }
  .content03 .kong{
      display: block;
      width: 100%;
      height: 1.88rem;
  }
  .content03 .yxzi{
    display: block;
    width: 100%;
    border-radius: 0 0 .11rem .11rem;
    height: 1.74rem;
    line-height: .5rem;
    font-size: .22rem;
    color: #fff;
    background: rgba(109, 104, 139, 0.5)
  }
  .content03 .yxzi .bt{
    font-size: .3rem;
  }


 /* 教师banner */
.css1{
    height: 2rem;
    display: block;
    margin: .2rem .2rem;
    background: url(../images/lsbgc.png) no-repeat;
    -moz-background-size: 100% 100%;  
    -o-background-size: 100% 100%;  
    -webkit-background-size: 100% 100%;  
    background-size: 100% 100%;  
    padding: .2rem .2rem;
    position: relative;
}
.css2{
    padding-right: 2.7rem;
    display: block;
}
.lsname{
    font-size: .3rem;
    font-weight: 700;
    color: #fff;
}
.kec{
    font-size: .2rem;
    color: #fff;
}

.css3{
    display: block;
    width: 2.58rem;
    height: 3.15rem;
    padding: .08rem;
    position: absolute;
    top: -.46rem;
    right: -.09rem;
}
.css3 img{
    border-radius: .08rem;
}

/* 游戏开发可以干什么 */
.work ul{
    display: flex;
    flex-wrap: wrap;
    margin-right: .2rem;
}
.work ul li{
    position: relative;
    flex:30%;
    margin: .3rem .6rem .5rem .1rem ;
    display: flex;
    flex-direction: column;
    align-items: center;

}
.work ul li span{
    flex: 1;
}
.work ul li span:nth-child(2){
    font-size: .25rem;
    width: 100%;
    height: 0.5rem;
    text-align: center;
    line-height: .5rem;
    background-color: #eacf7e;
}
.work ul li span:nth-child(3){
   position: absolute;
   right: -.65rem;
   top: -.7rem;
   width: 1.25rem;
   height: 1.15rem;
   padding: 0 .1rem;
   padding-top: .35rem;
   text-align: center;
   font-size: .2rem;
   color: #fff;
   background: url(../images/money.png) no-repeat;
   -moz-background-size: 100% 100%;  
   -o-background-size: 100% 100%;  
   -webkit-background-size: 100% 100%;  
   background-size: 100% 100%;
}
.work ul li span:nth-child(3) i{
    font-weight: 700;
    font-size: .22rem;
}

/* 第七部分 */
.seven ul{
    display: flex;
    flex-wrap: wrap;
    margin-right: .18rem;
}
.seven ul li{
    flex:40%;
    margin: .1rem .02rem .1rem .18rem ;
    display: flex;
    flex-direction: column;
    align-items: center;
    
}
.seven ul li span{
    flex: 1;
}
.seven ul li span:nth-child(2){
    font-size: .2rem;
    padding-top: .2rem;
}
/* 证书 */
.zs{
    display: flex;
}
.zs li{
    flex: 46%;
    margin: 0 .1rem;
}

/* 学生作品 */
.s0{
    padding: 0 .13rem;
}
.s1{
    width: 3.86rem;
    height: 3.06rem;
}
.s2{
    margin-left: 3.83rem ;
    padding-left: .15rem;
    display: flex;
    flex-direction: column;
}
.s2 ul li{
    flex: 1;
    width: 2.9rem;
    height: 1.47rem;
}

.one ul{
    display: flex;
    margin: 0 .2rem 0  .08rem;
    flex-wrap: wrap;
}
.one ul li{
    flex: 30%;
    margin: 0 .05rem .1rem .05rem;
}
/* table切换部分 */

/* 多重就业服务banner */
.wrap {
    width: 84%;
    margin: 0 auto;
}

.wrap .list .item ul {
    display: flex;
    flex-wrap: wrap;
}
.wrap .list .item ul li{
    flex: 20%;
    margin: .06rem;
}
/* 第十部分 */

/* 第十一部分 */
.bgc{
    background: url(../images/uibgc.jpg) no-repeat;
    -moz-background-size: 100% 100%;  
    -o-background-size: 100% 100%;  
    -webkit-background-size: 100% 100%;  
    background-size: 100% 100%;  
    height: 4.13rem;
    color: #fff;
    font-size: .3rem;
    font-weight: 700;
    padding: .6rem 1.6rem  0 .4rem;
}
.last{
    background: url(../images/wlbgc02.jpg) no-repeat;
    -moz-background-size: 100% 100%;  
    -o-background-size: 100% 100%;  
    -webkit-background-size: 100% 100%;  
    background-size: 100% 100%;  
    padding: .25rem .2rem .35rem .2rem;
}



/* 教师banner和多重就业服务banner样式 */
.list1{
    height:3rem ;
    position: relative;
}
.list{
    height:3.5rem ;
    position: relative;
}


.item1,
.item {
    position: absolute;
    opacity: 0;
    transition: all .8s;
}


.item1.active,
.item.active {
    opacity: 1;
}
.pointList{
    margin-left: 40%;
}
.pointList1{
    margin-left: 5%;

}


.point{
    width: .1rem;
    height: .1rem;
    background-color: rgba(0,0,0,.4);
    border-radius: 100%;
    float: left;
    margin-right: 8px;
    border-style: solid;
    border-width: 2px;
    border-color: rgba(255,255,255,.6);
}
.point1{
    float: left;
    display: block;
    width: 0.9rem;
    height: 0.9rem;
    border-radius: .1rem;
    margin-right: .08rem;

}
.point1 img{
    border-radius: .09rem;

}
.point.active{
    background-color:black;
}
.point1.active{
    border: #3075f7 .02rem solid ;
}