123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144 |
- .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) {
- }
-
|