@charset "UTF-8";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {padding:0; margin:0;}
h1, h2, h3, h4, h5, h6 {font-weight: 400; font-size: 100%}
fieldset, img {border: 0;}
ol, ul {list-style: none;}
table {border-collapse:collapse; border-spacing:0;}
address, caption, cite, code, dfn, em, strong, th, var {font-weight: 400; font-style:normal;}
caption, th {text-align:left;}
button {cursor:pointer;}
.clear {clear:both;}
.clear:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
select {font-size:1.2rem;}
*,:after,:before {box-sizing: inherit;}

a:link {text-decoration:none; color:#eee;}
a:visited {text-decoration:none;color:#eee;}
a:focus {outline:none;color:#eee;}
a:hover {color:#FF6600; text-decoration:none;}
a:active {text-decoration:none; color:#eee;}

html,body{height:100%;}


.item{border-left:1px solid #eee;border-bottom:1px solid #eee;width:33.2%;height:300px;float:left}

#header {position:relative;display:flex;height:48px;line-height:48px;color:#999;}
#header li{width:110px;font-size:18px;margin-left:5px;cursor:pointer;}
#header li.active{border-bottom:4px solid #E65421;color:#E65421}

#btnGetCode:disabled{opacity:.5;}

label {font-size:12px;color:#E65421;display:block;text-align:left;line-height:12px;padding-left:6px}
button:disabled{opacity:.5;cursor:not-allowed;filter: grayscale(100%)}
.layui-layer-tips{margin-top:-8px!important}

@media screen and (max-width: 1600px) {
    .item{width:33.2%}
}

@media screen and (max-width: 1400px){
    .item{width:49.5%}
}

@media screen and (max-width: 900px){
    .item{width:100%;}
}

@media screen and (max-width: 600px){
    #left{position:static!important;width:100%!important;height:auto!important;}
    #DeviceNo{height:60px!important}
    #qr{display:none}
}
@media screen and (max-width: 400px){
    #logo{width:100%}
}