@import "~antd/lib/style/themes/default.less";
@import '../common.less';
@gc:#86bc25;
@bc:#0097a9;
@cwidth:30%;
:global{
.ant-tabs-tab{
font-size: 16px;
}
.ant-list-pagination a{
font-size: 16px;
}
}
.listTabs{
:global{
.ant-tabs-nav .ant-tabs-tab-active,.ant-tabs-nav .ant-tabs-tab:hover{
color: #559bbe;
border-color: #559bbe;
}
.ant-tabs-ink-bar{
background-color: #559bbe
}
a{
color: #559bbe !important;
font-size: 16px;
}
}
}
.listMain{
:global {
.ant-col-10{
padding-left: 0 !important;
}
.common-d{
position: relative;
margin-top: 3px;
text-align: center;
overflow: hidden;
min-width: 55px;
}
.ant-list .ant-avatar{
border-radius: 0;
}
.common-d .up,.common-d span{
color: @gc;
text-align: center
}
.centerD{
position: absolute;
left: 50%;
top:50%;
overflow: hidden;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
.common-d div{
// float: left;
display: inline-block;
}
.common-d div:first-child{
font-size: 16px;
}
.common-d .up img{
display: inline-block;
width: 10px;
}
.ant-tabs-nav-scroll{
text-align: center;
}
.ant-list-item-meta{
padding: 0 10px;
font-size: 16px;
}
.ant-list-item-meta-avatar span{
width: 120px;
height: 100%;
}
.ant-list-item-meta-description{
font-size: 16px;
}
.ant-list-pagination{
margin-top:10px;
margin-right: 10px;
}
.div-cir{
position: absolute;
left: 50%;
top:50%;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
.div-cir img{
width: 50%;
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
width: 50%;
}
margin-top:5%;
}
// .ant-tabs-nav .ant-tabs-tab-active{
// border-bottom: 2px solid #1890ff;
// transition: all 0.3s ease-in-out;
// }
// .ant-tabs-nav-animated .ant-tabs-ink-bar-animated{
// display: none !important;
// }
}
}
.a16{
font-size: 12px;
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */
font-size: 16px;
}
}
.cirD{
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -60%);
-webkit-transform: translate(-50%, -60%);
width: 26%;
border: 5px solid #84c3e3;
border-radius: 50%;
margin: auto;
text-align: center;
height: 0;
padding-bottom: 23.2%;
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
padding-bottom: 23%;
border: 7px solid #84c3e3;
}
margin-top: 4%;
}
.dtitle{
margin: 8px;
color:#3a3a3a;
border-bottom: 1px solid rgba(0, 0, 0, 0.3)
}
.dtitleDiv{
padding-bottom: 2px;
margin-bottom: -2px;
padding-left: 10px;
border-bottom: 3px solid #3a3a3a;
width: 6.5rem;
font-weight: 500;
text-align: left;
font-size: 16px !important;
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {//IE浏览器
font-weight: 650;
font-size: 18px !important;
width: 7.5rem;
}
}
.venue{
text-align: right;
color: rgba(0,0,0,0.3);
font-size: 13px;
overflow: hidden;
max-height: 2.5rem;
padding-right:5px;
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
font-size: 16px;
}
}
.industryDtitleDiv{
width: 9rem;
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
width: 10.5rem;}
}
.dtitleIndex{
color: #585855;
font-size: 18px;
font-weight: bold;
margin-right: 10px;
margin-left: 5px
}
.gc{
color: @gc
}
.addIcon{
color:#000;
margin-top: 50px;
position: absolute;
left: 0;
width: 100%;
bottom: 2%;
font-size: 16px;
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
font-size: 16px;
}
}
.addIcon i , .eventsAdd{
border: 1px solid rgba(0, 0, 0, 0.3);
border-radius: 50%;
font-size: 16px;
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
font-size: 16px;
}
margin-right: 5px;
}
.flexF{
display: flex;
display: -webkit-flex;
flex-direction: column;
flex: auto;
overflow:auto;
// @media screen and (min-width:1920px){
// font-size: 16px;
// }
}
.flexF .firstCharts{
overflow: auto;
flex: 2.6 !important;
}
.flexF .flexC{
position: relative;
border: 1px solid rgba(0, 0, 0, 0.3);
overflow: hidden;
flex: 2;
margin-bottom: 5px;
border-radius: 5px;
}
.flexF .flexC:last-child{
margin-bottom: 0;}
@supports (-ms-ime-align: auto) {//兼容EDge
.dtitleDiv{
font-weight: 650;
font-size: 18px !important;
width: 7.5rem;
}
.venue{
font-size: 16px;
}
.industryDtitleDiv{
width: 10.5rem;
}
.addIcon{
font-size: 16px;
}
.addIcon i , .eventsAdd{
font-size: 16px;
}
.ant-message{
font-size: 16px;
}
.div-cir img{
width: 35px;
}
.cirD{
padding-bottom: 23%;
border: 7px solid #84c3e3;
}
}
// 兼容1366分辨率
@media screen and (max-width: 1440px) {
.dtitle{
margin: 4px;
}
.cirD{
width: 20%;
padding-bottom: 16.2%;
border: 5px solid #84c3e3;
}
.addIcon{
font-size:14px;
}
}
antd css 兼容
最新推荐文章于 2023-07-06 14:10:52 发布