html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body,html{
    height:100%;
}
ol,li, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
strong{font-weight:bold; }

body{background:var(--body-background); }
body,input,select,textarea,button{
	font-family:Helvetica,Arial,'hiragino sans gb','microsoft yahei ui','microsoft yahei',simsun,sans-serif;
	font-size:12px;
	color:var(--body-color);
	line-height: 1;
	outline: none;
	    
}
input,select,textarea{
    background: var(--item-bg);
}
a{
	color:var(--body-color);
	text-decoration:none;
	/*-webkit-transition:0.3s;*/
	/*transition:0.3s;*/
	
}
.chardiv .num{
    min-width: 10px !important;
    padding: 0 5px !important;
    height: 15px !important;
    border-radius: 5px !important;
    position: absolute !important;
    left: 33px !important;
    top: 12px !important;
    background: #fa3e4c !important;
    line-height: 15px !important;
    text-align: center !important;
    color: #fff !important;
}
a:hover{
	text-decoration:none;
}
div::-webkit-scrollbar {    width: 5px; background: none } 
  
div::-webkit-scrollbar-track {background: none} 
div::-webkit-scrollbar-thumb { border-radius: 10px;  background: rgba(0,0,0,0.2) }
.f-l{
	float:left
}
.f-r{ float:right}

.clear{
	clear:both;
	height:0px;
	overflow:hidden
}
.ml10{margin-left: 10px;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{_zoom:1;}
::selection{
	background: #4297F1;
	color: white;
}
::-moz-selection{
	background: #4297F1;
	color: white;
}
input::-moz-placeholder,textarea::-moz-placeholder {
	color: #808695;
}

input:-ms-input-placeholder,textarea:-ms-input-placeholder {
	color: #808695;
}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
	color: #808695;
}


.fz-12{ font-size:12px;}
.fz-14{ font-size:14px;}
.fz-16{ font-size:16px;}
.fz-18{ font-size:18px;}
.fz-22{ font-size:22px;}

.fw-bold{font-weight:bold;}
input{ outline:none;}

.color-0{color:#4297F1;}
.color-2{color:var(--td-color);}
.color-a{color:#808695;}
.color-8{color: #808695;}
.color-c{color:#c1ccda;}

.of-hidden{ overflow:hidden;}
.of-auto{ overflow:auto;}
.of-inherit{ overflow:inherit;}

.blank10{height:10px;}
.blank20{height:20px;}
.blank30{height:30px;}
.blank40{height:40px;}
.blank50{height:50px;}
.blank60{height:60px;}

.bg-white{ background:var(--background); }
.bg-transparent{background:var(--bg-transparent)}
:root{
    --infob:#f9fafb;
    --icon-color:#d1d5db;
    --aside-bg: #fff;
    --aside-active: #E9F9F0;
    --aIconbg:#eff6ff;
    --alinkbg:#f9fafb;
    --webkit-scrollbar-thumb:#f3f3f3;
    --webkit-scrollbar-track:#dbdbdb;
    --SSLBorder:rgb(191,219,254);
    --SSLBg:linear-gradient(to bottom, #eff6ff, #eef2ff);
    --SSLbtn:rgb(243,244,246);
    --SSLcolor:rgb(55,65,81);
    --SSLDateColor:rgb(75,85,99);
    --checkblack:#000;
    --securebg:#eff6ff;
    --securecolor:rgb(75,85,99);
    --Certificateborder:rgb(191,219,254);
    --SSLPriceBtn:#eee;
    --top-background:#fff;
    --background: #fff;
    --nav-hover:#f2f5f8;
    --input-bg:#f9fafb;
    --uploadborder:2px dashed #e5e7eb;
    --body-background:#f2f5f8;
    --dialog-background:#f2f5f8;
    --item-bg:#fff;
    --color:#808695;
    --body-color:#464C5B;
    --border-eceef1:1px solid #eceef1;
    --background-E1EAF4:#E1EAF4;
    --border-E9F0F7:1px solid #E9F0F7;
    --border-tr-color:1px solid #f2f5f8;
    --td-color:#464C5B;
    --box-shadow:0px 2px 10px rgba(203,207,213,0.3);
    --td-hover-background:#f8fcff;
    --header-color:#242C4C;
    --header-background:#E7EDF7;
    --header-border:1px solid #e2e2e2;
    --header-icon-bg:#f2f3f7;
    --aside-background:#F1F4F7;
    --aside-border-color:#f2f2f2;
    --aside-content-color: #EDF5FD;
    --aside-top-hover:#EcF5Fd;
    --bug-button-bg:#f8fafd;
    --layui-border-color:1px solid #eee;
    --input-shadow:-1px 2px 10px #e1e9ef;
    --xm-line-color:#ebebeb;
    --ui-state-highlight:#f6f6f6;
    --ui-state-highlight-dashed:1px dashed #8197b1;
    --msg-list-color:#17233D;
    --msg-list-bg:#fbfcfd;
    --item-hover-shadow:0px 5px 10px 0px rgba(51,153,255,.3);
    --item-img-url:url('/templates/default/images/line_bg.png') no-repeat center center;
    --account-bg:#E9F0F7;
    --tips-bg: #fff5c2;
    --tips-color:#9a8558;
    --project-bg:#E3F0FC;
    --project-input-border-color:1px solid #D7DDE2;
    --project-input-focus:-1px 2px 10px #e1e9ef;
    --project-button-hover:0px 2px 10px #a9d9fd;
    --project-button-bg:#f9f9fa;
    --project-botton-border-color:1px solid #ddddeb;
    --checked-bg:#2BBC3C;
    --nochecked-bg:#D7DDE2;
    --div-hover-bg:#f5f8fb;
    --testcase-hover-bg:#f8fafb;
    --border-e1e9ef:1px solid #e1e9ef;
    --hoverbackground:#fcfcfd;
    --paybg:#f3f9ff;
    --payVbg:#EBF5FF;
    --black:#000;
    --blue:#E8F7FF;
    --infobg:#F9FAFB;
    --layer-icon:url(icon.png) no-repeat
}
:root[themes="dark"]{
    --infob:#d8d8d829;
    --icon-color:#ccc;
    --aside-bg: #2f2e40;
    --aside-active: #383744;
    --aIconbg:#d8d8d829;
    --alinkbg:#34363799;
    --webkit-scrollbar-thumb:#21262d;
    --webkit-scrollbar-track:#0B1016;
    --SSLBorder: #2563eb;
    --SSLBg: linear-gradient(to bottom, #cee3ff, #cee3ff);
    --SSLbtn:#1c2127;
    --SSLcolor:#c2c2c2;
    --SSLDateColor:#737070;
    --checkblack: #000;
    --securebg:#1c2127;
    --securecolor:#c2c2c2;
    --Certificateborder:rgb(75,85,99);
    --SSLPriceBtn:#4141418c;
    --top-background:#161b22;
    --background: #0B1016;
    --nav-hover:#21262d;
    --input-bg:#21262d;
    --uploadborder:2px dashed #4d4d4d;
    --body-background:#0B1016;
    --dialog-background:#161b22;
    --item-bg:#21262d;
    --color:#ccc;
    --body-color:#ccc;
    --border-eceef1:1px solid #2a2929;
    --background-E1EAF4:#21262d;
    --border-E9F0F7:1px solid #4d4d4d;
    --border-tr-color:1px solid #2a2929;
    --td-color:#ccc;
    --box-shadow:0px 2px 10px rgba(203,207,213,0);
    --td-hover-background:#161a23;
    --header-color:#ccc;
    --header-background:#3e3e3e;
    --header-border:1px solid #3e3e3e;
    --header-icon-bg:#21262d;
    --aside-background:#161b22;
    --aside-border-color: #2a2929;
    --aside-content-color:#2a2929;
    --aside-top-hover:#4d4d4d;
    --bug-button-bg:#4d4d4d;
    --layui-border-color:1px solid #4d4d4d;
    --input-shadow:0px 5px 10px 0px rgb(51 153 255 / 30%);
    --xm-line-color:#2a2929;
    --ui-state-highlight:#2a2929;
    --ui-state-highlight-dashed:1px dashed #4d4d4d;
    --msg-list-color:#ccc;
    --msg-list-bg:#4d4b4b;
    --item-hover-shadow:0px 5px 10px 0px rgba(83,84,84,0.3);
    --item-img-url:url('/templates/default/images/line_bg-dark.png') no-repeat center center;
    --account-bg:#21262d;
    --tips-bg: #5e5e5e;
    --tips-color:#837d7d;
    --project-bg:#21262d;
    --project-input-border-color:1px solid #21262d;
    --project-input-focus:0px 0px 0px #e1e9ef;
    --project-button-hover:0px 2px 8px #484848;
    --project-button-bg:#21262d;
    --project-botton-border-color:1px solid #21262d;
    --checked-bg:#2D8CF0;
    --nochecked-bg:#484848;
     --div-hover-bg:#161a23;
     --testcase-hover-bg:#161a23;
     --border-e1e9ef:1px solid #2a2929;
     --hoverbackground:transparent;
     --paybg:#30353b;
     --payVbg:#30353b;
     --black:#fff;
     --blue:#161b22;
     --infobg:#21262d;
     --layer-icon:url(icon-dark.png) no-repeat
}

html .layui-layer-demo{background-color:var(--top-background);}
.layui-layer-title{border-bottom:var(--layui-border-color) !important; background-color:var(--top-background) !important; color:var(--color) !important;}
/*.layui-layer-content{*/
/*    background-color: var(--dialog-background);*/
/*}*/
.bd-e2{border:var(--header-border);}
.bd-08{border:1px solid #4297F1;}

.mainbox{width:1160px;margin:0 auto;}


.b-radius4{border-radius:15px;overflow:hidden;}

.d-block{ display:block;}
.d-none{ display:none;}

.show { display: block !important; }
.hide { display: none !important; }

.ta-center{ text-align:center;}
.ta-left{ text-align:left;}
.ta-right{ text-align:right;}

.p-relative{ position: relative; }
.p-absolute{ position:absolute;}


.rotate180{transform:rotate(-180deg);
-ms-transform:rotate(-180deg); 
-moz-transform:rotate(-180deg);
-webkit-transform:rotate(-180deg);
-o-transform:rotate(-180deg); }

.opacity0{filter:alpha(opacity=0);  
      -moz-opacity:0;  
      -khtml-opacity: 0;  
      opacity: 0;
}

.bs-08{ box-shadow:var(--box-shadow); }

.mw-900{min-width:900px;padding:0px 60px;}


.text-bg{ color:#fff; background:#2D8CF0; padding:3px 6px; white-space:nowrap;border-radius:4px; font-size:12px;}
.textbg-1{ background:#FA3E4C;}
.textbg-2{ background:#FF9901;}
.textbg-3{ background:#18BE6B;}
.textbg-4{ background:#C5C8CE;}
.color-success{color: #18BE6B;}
.color-red{color: #FC234C;}
.color-yellow { color: #FF9901;}
.color-green { color: #18BE6B;}


.color-bg{ color:#2D8CF0;font-weight: 550;}
.colorbg-1{ color:#FA3E4C;}
.colorbg-2{ color:#FF9901;}
.colorbg-3{ color:#18BE6B;}