.title-tag2{ font-size: 22px; font-weight: bold; } .borderRadius1{ width: 16px; height: 16px; background: rgb(175, 202, 250); border-radius: 50%; line-height: 14px; text-align: center; margin-right: 10px; } .borderRadius2{ width: 10px; height: 10px; background: #639BFF; border-radius: 50%; } .textSpan{ font-size: 16px; font-family: Microsoft YaHei; font-weight: bold; color: #333333; line-height: 28px; } .textDiv{ padding-left: 31px; } .BoxShadow{ padding: 0; box-shadow: 0px 2px 17px 4px rgba(158, 158, 158, 0.15); border-radius: 10px 10px 0px 0px; } #nav-tabs-ul{ padding: 0; background: rgba(195, 217, 255, 1); border-radius: 10px 10px 0px 0px; border: 0px; } #nav-tabs-ul li{ padding: 0; } #nav-tabs-ul li a{ width: 100%; text-align: center; padding: 15px 20px; color: rgba(51, 51, 51, 1); font-weight: bold; } #nav-tabs-ul .active,#nav-tabs-ul li a:hover{ background: #ffff; border-radius: 10px 10px 0px 0px; border: 0px; color: rgba(99, 155, 255, 1); } .tab-content-one>div{ padding: 20px 40px; } .tab-content-one .tab-pane-one .nav-tabs-li, .tab-content-one .tab-pane-one .nav-tabs-li li { padding: 0; } .tab-content-one .tab-pane-one .nav-tabs-li li a{ width: 100%; text-align: center; padding: 15px 20px; color: rgba(51, 51, 51, 1); font-weight: bold; } .tab-content-one .tab-pane-one .nav-tabs-li .active,.tab-content-one .tab-pane-one .nav-tabs-li li a:hover{ border-bottom: 3px rgba(99, 155, 255, 1) solid; } .tab-content-two>div{ padding: 20px 0; padding-top: 40px; } .tab-content-two .tab-pane-tow .paneContent{ display: flex; } .tab-content-two .tab-pane-tow .paneContent>img{ width: 40%; } .tab-content-two .tab-pane-tow .paneContent>div{ width: 60%; padding-left: 60px; } .tab-content-two .tab-pane-tow .paneContent .paneConTitle{ display: flex; margin-bottom: 30px; font-size: 16px; font-weight: bold; } .tab-content-two .tab-pane-tow .paneContent .paneConTitle>div{ width: 50%; } @media (max-width: 1200px) { } @media (max-width: 991px){ } @media (max-width: 768px) { .BoxShadow{ overflow: auto; } .BoxShadow #nav-tabs-ul, .tab-content-one .tab-pane-one .nav-tabs-li{ min-width: 720px; white-space: nowrap; } .tab-content-two{ min-width: 720px; padding: 0 20px; padding-bottom: 20px; } .tab-content>div{ padding: 0; padding-top: 20px; } } @media (max-width: 600px) { } @media (max-width: 576px) and (max-width: 575px){ } @media (max-width: 414px) { }