div .oneline{
    float:left;
    position:relative;
}
div .left_div{
    width:380px; 
    height:800px;
    position:absolute;
    left:5px;
    top:60px;
}

div .main_div{
    width: 1120px;
    height: 800px;
    position:absolute;
    left: 400px;
    top:60px;
}

div .right_utils_div{
    width:380px; 
    height:800px;
    position:fixed;
    right:0px;
    top:100px;
}

.hidden{
    display: none;
}

.superscript{
    border:1px solid #666666;
    border-radius:3px;
    padding: 0px 2px;
    font:normal normal 8px/16px arial,sans-serif,Microsoft YaHei;
    font-size:8px;
    position:absolute;
    top:-10px;
    left:10px;
    color:#666666;
    background:#ffffff;
}

.ml5, .margin-left5{ margin-left:5px; }
.ml10, .margin-left10{ margin-left:10px; }
.ml15, .margin-left15{ margin-left:15px; }
.ml20, .margin-left20{ margin-left:20px; }
.pl5, .pad-left5{ padding-left:5px; }
.pl10, .pad-left10{ padding-left:10px; }
.pl15, .pad-left15{ padding-left:15px; }
.pl20, .pad-left20{ padding-left:20px; }

.mr5, .margin-right5{ margin-right:5px; }
.mr10, .margin-right10{ margin-right:10px; }
.mr15, .margin-right15{ margin-right:15px; }
.mr20, .margin-right20{ margin-right:20px; }
.pr5, .pad-right5{ padding-right:5px; }
.pr10, .pad-right10{ padding-right:10px; }
.pr15, .pad-right15{ padding-right:15px; }
.pr20, .pad-right20{ padding-right:20px; }

.mt5, .margin-top5{ margin-top:5px; }
.mt10, .margin-top10{ margin-top:10px; }
.mt15, .margin-top15{ margin-top:15px; }
.mt20, .margin-top20{ margin-top:20px; }
.pt5, .pad-top5{ padding-top:5px; }
.pt10, .pad-top10{ padding-top:10px; }
.pt15, .pad-top15{ padding-top:15px; }
.pt20, .pad-top20{ padding-top:20px; }

.mb5, .margin-bottom5{ margin-bottom:5px; }
.mb10, .margin-bottom10{ margin-bottom:10px; }
.mb15, .margin-bottom15{ margin-bottom:15px; }
.mb20, .margin-bottom20{ margin-bottom:20px; }
.pb5, .pad-bottom5{ padding-bottom:5px; }
.pb10, .pad-bottom10{ padding-bottom:10px; }
.pb15, .pad-bottom15{ padding-bottom:15px; }
.pb20, .pad-bottom20{ padding-bottom:20px; }

.border{ border:2px solid #cccccc; border-radius:4px }

.log_show{
    width:1140px;
    height:580px;
    line-height:16px;
    overflow:auto;
    overflow-x:hidden;
}

.center{ text-align:center; }
.toast{
    position:fixed;
    top:30%;
    margin:auto;
    min-width:240px;
    max-width:500px;
    max-height:300px;
}
.toast-content {
    display: -webkit-box;
    line-clamp: 10;
    -webkit-line-clamp: 10; /* 限制行数 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}
.toast-close {
    position: absolute;
    top: 8px;
    right: 8px;
    line-height: 14px;
    font-size: 14px;
    color: #aaa;
    background-color: transparent;
}

.pass_green{
    color: #1abc9c;
}

.fail_red{
    color: #e74c3c;
}

.cards-container {
    margin: auto;
	display: flex;
	flex-wrap: wrap;
}
.card {
	width: 190px;
	height: 110px;
	margin: 5px;
	border-radius: 5px;
	box-shadow: 0 2px 5px rgba(0,0,0,0.3);
	padding: 20px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.card:hover {
	box-shadow: 0 5px 10px rgba(0,0,0,0.5);
    cursor: pointer;
}
.card h2 {
	font-size: 20px;
	margin: 0;
}
.card p {
	font-size: 12px;
	color: #666;
	margin: 10px 0;
}
#my-title {
    position: absolute;
    color: #ffffff;
    max-width: 1280px;
    font-size: 14px;
    white-space: word-wrap;
    word-break: break-all;
    padding: 4px 10px;
    background: rgba(40, 40, 40, 0.8);
    border: solid 1px #e9f7f6;
    border-radius:5px;
}
@media screen and (max-width: 767px) {
    .card {
        width: 47%;
    }
}