.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: 100%; float: left; padding: 7px 0; } .mainCont .mainCont_ul li:nth-child(1) { margin-top: 5px; } .mainCont .mainCont_ul li span { display: inline-block; float: left; } .mainCont .mainCont_ul li span:nth-child(1) { width: 8px; height: 8px; border-radius: 50%; background: #ababab; margin-top: calc((24px - 8px)/2); } .mainCont .mainCont_ul li span:nth-child(2) { font-size: 16px; color: #2b2b2b; height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-left: 10px; width: calc(100% - 160px); } .mainCont .mainCont_ul li span:nth-child(3) { font-size: 16px; width: 101px; float: right; text-align: right; color: #2b2b2b; height: 24px; } .mainCont .mainCont_ul li:hover span { color: #000 !important; } .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; } }