main > section > div {
  padding: 1rem 28rem;
  display: flex;
  justify-content: space-between;
}

h2 {
  position: relative;
  margin:0 auto; 
  font-weight: 500;
}
h2::before {
  position: absolute;
  left: -1rem;
  top: 0.5rem;
  content: "";
  display: inline-block;
  width: 0.4rem;
  height: 2.5rem;
  border-radius: 0.5rem;
  background: rgb(57, 198, 195);
}

.main-color {
    color: rgb(60, 198, 196);
}


main > .internship_desc {
    background: url(../imgs/item/research_back.png) no-repeat 100%/100%;
    margin-bottom: 6rem;
	margin-top: 3rem;
}


main > .internship_desc >div{
    flex-direction: column;
    align-items: center;
}

main .internship_desc >div p{
    line-height: 2.5rem;
    font-size: 1.3rem;
    letter-spacing: 0.2em;
}

main .internship_desc b{
  font-size: 2rem;
}




main .company >div{
    display: flex;
    flex-direction: column;
}
main .recommend_company{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
main .recommend_company img{
      width: calc((100% - 120px) / 3);   
        /*// 我这里一行显示4个 所以是/4  一行显示几个就除以几 */
      /*这里的60px = (分布个数4-1)*间隙20px, 可以根据实际的分布个数和间隙区调整*/
      min-width: calc((100% - 120px) / 3);
      max-width: calc((100% - 120px) / 3);
      margin-bottom: 6rem;
}

main .illustration img{
  /* height: 10rem; */
  width: 100%;
}




main ol {
  list-style-type: revert;
}
main li {
  margin: 0.5rem 0;
  list-style-position: inside;
  line-height: 2.5rem;
      font-size: 1.3rem;
      letter-spacing: 0.2em;
}

.plan{
      background: url(../imgs/item/tutor_background.jpg) no-repeat 100%/100%;
}

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

main .description{
  font-weight: 700;
}

main .content{
  display: flex;
  flex-direction: column;
}


main .core{
    line-height: 2rem;
    font-size: 1.3rem;
    letter-spacing: 0.2em;
}
main .core li{
  margin-bottom: 1rem;
}
main .core li div.title{
    margin-bottom: 1rem;
}



main .tutor{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

main .tutor img{
  height: 12rem;
}

main .tutor >div{
    display: flex;
    flex-direction: row;
    align-items: end;
}


main >section .book_desc{
  display: flex;
  flex-direction: row;
}

main > section > div .book {
  flex-basis: 28rem;
}
main > section > div .book > img {
  width: 100%;
}
main > section > div .book + div {
  width: calc(100% - 40rem);
}
main > section + section > div .book {
  flex-basis: 40rem;
}



@media only screen and (max-width: 875px){
	body main > section > div{
		    padding: 1rem 2rem;
	}
}

@media only screen and (max-width: 490px){
	html {
	    height: 100%;
	    font-size: 12px;
	    -webkit-text-size-adjust: 100%;
	}
	body h2{
		font-weight: 700;
		font-size: 1.5rem;
		letter-spacing: 0.15em;
	}
	body h2::before{
		    height: 1.5rem;
	}
	body main > section > div{
		    padding: 1rem 2rem;
	}
	body main .plan_content{
		flex-direction: column;
	}
	body main .tutor{
		flex-direction: column;
	}
	body main > .internship_desc >div{
		align-items: baseline;
	}
	body main .internship_desc >div p{
		line-height: 1.7;
		font-size: 1rem;
		letter-spacing: 0.1em;
	}
	body main .internship_desc b{
		font-size: 1.5rem;
	}
	body main .description,body main li{
		line-height: 1.7;
		font-size: 1rem;
		letter-spacing: 0.1em;
	}
	body main > section + section > div .book {
		text-align: center;
		margin-top: 2rem;
		flex-basis: 30rem;
	}
	body main > section > div .book > img {
		width: 80%;
	}
	body main .recommend_company img{
		    width: 45%;
			height: auto;
			max-height: 100px;
		    min-width: unset;
		    max-width: unset;
	}
}