.banbox{
    padding-top:.260417rem;    
}
.tiptit{
    overflow: hidden;
    display: inline-block;
   	margin-top: 30px;
}
.dot {
	width:100px;
  	height: 75px;
  	display: inline-block;
  	vertical-align: top;
}
.tiptit1{
  	display: inline-block;
    width: 50px;
    color: #32abc5;
    font-size: .78125rem;
}
.tiptit2{
    font-size: 20px;
    color: #454545;
    font-weight: 700;
    width: 320px;
}
.culture_cotianer {

}
.list{
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap ;
   
}

.listitem{
	width: 45%;
    /* width: 2.604167rem;*/
    /* height: 2.21875rem; */
   
}
.listitem img{
    /*height: 1.489583rem;*/
    display: block;
}

.listitem:nth-child(odd){
    margin-top: .46875rem;
}

.tips{
    padding:.135417rem 0;
    font-size: 0;
    color: #454545;
}
.tip1{
  display: inline-block;
  width: 30px;
  font-size: .15625rem;
    color: #32abc5;
    font-weight: 700;
}
.tip3 {
	font-size: .125rem;
}
.tip2{
    padding: 10px 0 0 30px;
    font-size: .072917rem;
    color: #747474;
}
.db{
	width: 100%;
}

@media screen and (max-width: 768px) {
  .comintro {
  	display: none;
  }
  .dot {
	display: none;
}
    .tiptit{      
      	width:100%;
      	margin-top: 0;
        padding:0 10px;      
    }
    .tiptit1{
        font-size: 40px;
    }
    .tiptit2{
        width: 100%;
      	text-align: center;
      	font-size: 15px;
    }
  .culture_cotianer{
  	margin-left: 0;
    padding-bottom: 50px;
  }
    .list{
      	width: 100%;
        justify-content: space-around;
    }
    .listitem{
        width: 4rem;
    }
  	.listitem:nth-child(odd) {
        margin-top: 0;
    }
    .listitem img{
        height: 2.2rem;
       
    }
    .tips{
        font-size: 0;
    }
    .tip1{
        font-size: 20px;
    }
    .tip2{
        font-size: 12px;
    }
  .tip3 {
	font-size: 14px;
}
  }