#index .mainContent{max-width:810px;margin:0 auto}#index .mainContent .littleBox .BBox{height:350px}#index .mainContent .above .littleBox .BBox{height:auto}#index .mainContent .col{flex-basis:auto}#index .mainContent .BBox{display:flex;flex-wrap:wrap;margin:5px;transition:all .5s}#index .mainContent .BBox:hover img{transform:scale(1.1);transition:all .5s}#index .mainContent .imgBox{transition:all .5s;overflow:hidden}#index .mainContent img{width:100%;height:100%}#index .mainContent .title{display:block;font-size:22px}#index .mainContent .bigBox .title{margin-bottom:20px;font-size:38px}#index .mainContent .littleBox .title{margin-bottom:5px}#index .mainContent .description{display:block;line-height:1.2;margin-bottom:10px;font-size:13px}#index .mainContent .bigBox .description{margin-bottom:20px;font-size:25px}#index .mainContent .contentBox{padding:10px;border-bottom:1px solid #e6e6e6;border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6}#index .mainContent .contentBox .learn{font-weight:700}#index .mainContent .contentBox .learn i{padding-right:5px}@media only screen and (max-width:992px){#index .mainContent .littleBox .BBox{height:450px}}@media only screen and (max-width:768px){#index .mainContent .littleBox .BBox{height:auto}#index .mainContent .title{font-size:18px}#index .mainContent .bigBox .title{font-size:18px;margin-bottom:5px}#index .mainContent .bigBox .description{font-size:13px;margin-bottom:10px}}