.content-details-popup {
|
position: fixed;
|
top: 0;
|
left: 0;
|
width: 100%;
|
height: 100%;
|
z-index: 2100;
|
background: rgba(0, 0, 0, 0.7);
|
}
|
|
.content-details-popup .big-screen {
|
color: #fff;
|
background: rgba(135, 158, 199, 0.8);
|
box-shadow: 0px 0px 10px 0px rgba(42, 138, 236, 0.95);
|
}
|
|
.content-details-popup .big-screen .header {
|
background: rgba(61, 69, 83, 0.8);
|
}
|
|
.content-details-popup .big-screen .body .tabs > div.on {
|
background: rgba(42, 138, 236, 0.95);
|
}
|
|
.content-details-popup .container {
|
width: 1200px;
|
height: 720px;
|
border-radius: 10px;
|
overflow: hidden;
|
}
|
|
.content-details-popup .container .header {
|
padding: 0 20px;
|
height: 44px;
|
}
|
|
.content-details-popup .container .body {
|
flex: 1;
|
padding: 20px;
|
padding-top: 0;
|
}
|
|
.content-details-popup .container .body .tabs {
|
margin: 10px 0;
|
height: 36px;
|
}
|
|
.content-details-popup .container .body .tabs > div {
|
width: 90px;
|
cursor: pointer;
|
}
|
|
.content-details-popup .container .body .tabs-content {
|
flex: 1;
|
}
|
|
.content-center {
|
position: absolute;
|
top: 0;
|
left: 0;
|
right: 0;
|
bottom: 0;
|
margin: auto;
|
}
|
|
.left-menu > div.on {
|
color: #fff;
|
background: rgba(42, 138, 236, 0.95);
|
}
|
|
.flex {
|
display: flex;
|
}
|
|
.a-i-c {
|
align-items: center;
|
}
|
|
.j-c-s-b {
|
justify-content: space-between;
|
}
|
|
.j-c-c {
|
justify-content: center;
|
}
|
|
.f-d-c {
|
flex-direction: column;
|
}
|
|
.f-16 {
|
font-size: 16px;
|
}
|
|
.f24 {
|
font-size: 24px;
|
}
|
|
.w12 {
|
width: 12%;
|
}
|
|
.w25 {
|
width: 25%;
|
}
|
|
.w38 {
|
width: 38%;
|
}
|
|
.w50 {
|
width: 50%;
|
}
|
|
.w60 {
|
width: 60%;
|
}
|
|
.h25 {
|
height: 25%;
|
}
|
|
.h40 {
|
height: 40%;
|
}
|
|
.h50 {
|
height: 50%;
|
}
|
|
.h60 {
|
height: 60%;
|
}
|
|
.h100 {
|
height: 100%;
|
}
|
|
.h-px-36 {
|
height: 36px;
|
}
|
|
.mt0 {
|
margin-top: 0;
|
}
|
|
.mt8 {
|
margin-top: 8px;
|
}
|
|
.ml0 {
|
margin-left: 0;
|
}
|
|
.ml-8 {
|
margin-left: 8px;
|
}
|
|
.b-r-6 {
|
border-radius: 6px;
|
}
|
|
.b-c-w {
|
background-color: #fff;
|
}
|
|
.cursor-p {
|
cursor: pointer;
|
}
|
|
.f-c-black {
|
color: #000;
|
}
|
|
.overflow-h {
|
overflow: hidden;
|
}
|
