* {
|
padding: 0;
|
margin: 0;
|
}
|
|
html {
|
height: 100%;
|
width: 100%;
|
}
|
|
body {
|
height: 100%;
|
width: 100%;
|
overflow: hidden;
|
background-color: #000000;
|
}
|
|
|
|
.timg {
|
cursor:pointer;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
}
|
|
.ttitle {
|
color: #ffffff;
|
display: flex;
|
align-items: center;
|
font-size: 15px;
|
}
|
|
|
|
|
.layui-collapse {
|
/*height: 100%;*/
|
border: none;
|
}
|
|
.layui-colla-content {
|
padding: 0;
|
margin: 0;
|
}
|
|
.layui-input-block {
|
min-height: 30px;
|
margin-left: 60px;
|
}
|
|
.layui-colla-content, .layui-colla-item {
|
border: none;
|
}
|
|
.layui-colla-item {
|
width: 100%;
|
border-color: #000000;
|
}
|
|
.layui-colla-title {
|
background-color: #000000;
|
color: #ffffff;
|
height: 33px;
|
min-height: 33px;
|
line-height: 33px;
|
display: flex;
|
align-items: center;
|
flex-direction: row;
|
}
|
|
.lct {
|
width: 98%;
|
}
|
|
|
|
|
.layui-form-item {
|
margin-bottom: 5px;
|
color: #ffffff;
|
}
|
|
[lay-skin=primary].layui-form-checkbox span {
|
color: #ffffff;
|
}
|
|
[lay-skin='primary'].layui-form-checkbox i {
|
font-size: 17px;
|
}
|
|
.layui-icon {
|
font-size: 20px;
|
}
|
|
|
|
.ttig {
|
display: flex;
|
align-items: center;
|
cursor: pointer;
|
}
|
|
.ttig button {
|
color: #ffffff;
|
border: none;
|
background-color: #2C393D;
|
width: 60px;
|
height: 25px;
|
font-size:12px;
|
border-radius: 3px;
|
}
|
|
.container {
|
height: 100%;
|
width: 100%;
|
}
|
|
|
|
.ttop {
|
margin-top: 2%;
|
height: 10%;
|
width: 100%;
|
display: flex;
|
flex-direction: row;
|
justify-content: space-around;
|
}
|
|
.tcatlog {
|
height: 10%;
|
width:100%;
|
display: flex;
|
flex-direction: row;
|
align-items: center;
|
justify-content: space-around;
|
}
|
|
.scroll_main1 {
|
height: 78%;
|
width: calc(100% - 10px);
|
border:none;
|
margin-left:1px;
|
|
}
|
.scroll_cont1{
|
overflow:hidden;
|
}
|
|
.border {
|
margin: 6px;
|
height: calc(100% - 14px );
|
width: calc(100% - 14px );
|
border: solid 1px #4075B4;
|
}
|
|
.content {
|
height: 100%;
|
width: 100%;
|
}
|
|
.FourBorder {
|
position: absolute;
|
margin: -2px;
|
height: calc(100% - 10px );
|
width: calc(100% - 10px );
|
z-index: -1;
|
}
|
|
.topleft {
|
position: absolute;
|
left: 0;
|
top: 0;
|
height: 20px;
|
width: 20px;
|
border-top: solid 2px #0EFCFF;
|
border-left: solid 2px #0EFCFF;
|
}
|
|
.topright {
|
position: absolute;
|
right: 0;
|
top: 0;
|
height: 20px;
|
width: 20px;
|
border-top: solid 2px #0EFCFF;
|
border-right: solid 2px #0EFCFF;
|
}
|
|
.bottomleft {
|
position: absolute;
|
left: 0;
|
bottom: 0;
|
height: 20px;
|
width: 20px;
|
border-bottom: solid 2px #0EFCFF;
|
border-left: solid 2px #0EFCFF;
|
}
|
|
.bottomright {
|
position: absolute;
|
right: 0;
|
bottom: 0;
|
height: 20px;
|
width: 20px;
|
border-bottom: solid 2px #0EFCFF;
|
border-right: solid 2px #0EFCFF;
|
}
|
