* {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

/* body, h1, h2, h3, h4, h5, h6, hr, p,blockquote, dl, dt, dd, ul, ol, li,pre,
form, fieldset, legend, button, input, textarea,
th, td,
img{border:medium none;margin: 0;padding: 0;list-style-type: none;} */

li {
    list-style: none
}
a{
    text-decoration: none;
}
input,select{
    outline:none
}
table{
    border-spacing: 0;
}
textarea{
    resize: none;
}
.flex{
    display:flex
}
.flex1{
    flex:1
}
.flex2{
    flex:1.94
}
.flex8{
    flex:8
}
.flex10{
    flex:10
}
.flex3{
    flex:3
}
.flex9{
    flex:9
}
.align-top{
    vertical-align: top;
}

.align-left{
    text-align:left;
}
.align-right{
    text-align:right;
}
.left{
    float:left;
}
.right{
    float:right;
}

@font-face {
    font-family: electronicFont;
    src: url(../font/DS-DIGIT.TTF)
}

body {
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    background: url(../images/bg.png) no-repeat #000;
    background-size: 100% 100%;
    line-height: 1.15;
    font-size: 0.175rem!important;
    /* min-width:1280px;
    min-height:700px;
    height:100vh; */
    /* background-size:contain; */
 
}

.color-green{
    color:#37FF01!important
}
.color-blue{
    color:#6F99FA!important
}
.color-red{
    color:#FF5801!important
}
.color-yellow{
    color:#EAF665!important
}
.color-orange{
    color:#DE8C54!important
}
.color-default{
    color:#31E9FF
}
.color-purple{
    color:#8353FE
}





.unprocess,.offline{
    color:#FF5801;
}

.processed,.online {
    color: #37FF01
}



.necessary{
    color:red
}
.relative{
    position: relative;
}

.unshow{
    opacity:0;
    cursor:default!important;
}
/* a.button{
    padding: 0 0.3125rem;
    display:inline-block;
    color:#1BE9FF;
    border:1px solid #31E9FF;
    border-radius: 5px;
    line-height: 0.35rem;
    text-align:center;
    background:#031252;
    cursor:pointer;
    font-size: 0.175rem

} */

@media screen and (max-width:1024px) {
    html {
        font-size: 42px !important
    }
}

@media screen and (min-width:1920) {
    html {
        font-size: 80px !important
    }
}



.loadingdata{
    position:relative;
    width:100%;
    height:100%
}
.preloader {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 999999999999999;
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(../images/preloader.svg);
}




.txtBox span{
    display:inline-block;
    width:114px;
    font-weight:400;font-size:14px;
    vertical-align: top;

}
.txtBox span.choose-file{
    display:inline-block;
    position:absolute;
    text-align:center;
    width:56px;
    line-height:20px;
    background:#616F8C;
    right:0;
    top:0;
    cursor: pointer;

}
.choose-file input{
    width:56px;
    right:0;
    top:0;
    overflow: hidden;
    position: absolute;
    opacity:0;
    cursor: pointer;
}
.txtBox>div{
    margin-bottom:12px

}
.txtBox select,.txtBox input,.txtBox option{
    width:194px;
    background-color:#34383f;
    /* color:#fff; */
    color:#aaa;
    border:none;
    line-height:18px;
    padding:0 10px 0 5px;
    font-size:14px;

}
.txtBox textarea{
    background-color:#34383f;
    /* color:#fff; */
    color:#aaa;
    border:none;
    padding:5px;
    width:190px;
 
}


.xcConfirm .popBox .txtBox .bigIcon {
	float: left;
	margin-right: 20px;
	width: 48px;
	height: 48px;
	background-image: url(../img/icons.png);
	background-repeat: no-repeat;
	background-position: 48px 0;
}

.xcConfirm .popBox .txtBox p {
	/* height: 84px;
	margin-top: 16px;
	line-height: 26px; */
	overflow-x: hidden;
	overflow-y: auto;
}

.xcConfirm .popBox .txtBox p input {
	font-size: 18px;
	margin-top: 6px;
}

  
.disabled{
    pointer-events:none
}