.apply-record { width: 100%; float: left; } .apply-record_tab{ float: left; width: 1200px; margin-left: calc((100% - 1200px)/2); border-bottom: 1px solid #e5e5e5; } .apply-record .tab { float: right; } .apply-record .tab .tab-item { float: left; margin-left: 70px; padding-top: 44px; padding-bottom: 22px; border-bottom: 4px solid #fff; font-size: 18px; color: #303030; text-align: center; } .apply-record .tab .tab-item.active { font-weight: bold; border-bottom: 4px solid #d10000; } .products .mainCont { display: none; width: 1200px; margin-left: calc((100% - 1200px)/2); padding: 40px 0; float: left; } .mainCont .mainCont_ul { width: 100%; float: left; } .mainCont .mainCont_ul li { width: 318px; float: left; margin-top: 20px; } .mainCont .mainCont_ul li:nth-child(1),.mainCont .mainCont_ul li:nth-child(2),.mainCont .mainCont_ul li:nth-child(3){ margin-top: 0; } .mainCont .mainCont_ul li:nth-child(3n-1){ margin-left: 123px; margin-right: 123px; } .mainCont .mainCont_ul li img{ width: 100%; height: 87px; float: left; } .products .mainCont.selected { display: block; } @media screen and (min-width: 0px) and (max-width: 1459px) { .apply-record { width: 100%; float: left; } .apply-record_tab{ float: left; width: 860px; margin-left: calc((100% - 860px)/2); border-bottom: 1px solid #e5e5e5; } .apply-record .tab { float: right; } .apply-record .tab .tab-item { float: left; margin-left: 70px; padding-top: 44px; padding-bottom: 22px; border-bottom: 4px solid #fff; font-size: 18px; color: #303030; text-align: center; } .apply-record .tab .tab-item.active { font-weight: bold; border-bottom: 4px solid #d10000; } .products .mainCont { display: none; width: 860px; margin-left: calc((100% - 860px)/2); padding: 40px 0; float: left; } .products .mainCont.selected { display: block; } .mainCont .mainCont_ul li { width: 273px; float: left; margin-top: 20px; } .mainCont .mainCont_ul li:nth-child(1),.mainCont .mainCont_ul li:nth-child(2),.mainCont .mainCont_ul li:nth-child(3){ margin-top: 0; } .mainCont .mainCont_ul li:nth-child(3n-1){ margin-left: 20px; margin-right: 20px; } .mainCont .mainCont_ul li img{ width: 100%; float: left; height: 75px; } }