/* build:2017/11/08 15:33:37 */
@charset "utf-8";
html { -ms-text-size-adjust: 100%; }
html, body {  }
body { width: 100%; height: 100%; min-height: 200px; color: #333; font-size: 12px; font-family: arial,"微软雅黑","宋体",sans-serif; }
body, dl, dd, h1, h2, h3, h4, h5, h6, p, form { margin: 0; }
ul, ol { margin: 0; padding: 0; }
li { list-style: none; }
img { border: none; }
input { padding: 0; outline: none; }
input[type=checkbox] { vertical-align: middle; }
a { outline: none; text-decoration: none; }
input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px #fff inset !important; }
.fr { float: right; }
.fl { float: left; }
.clearfix:after { content: ''; clear: both; display: table; }
.clearfix { zoom: 1; }
a.link { color: #0960bd; cursor: pointer; }
a.link:hover { text-decoration: underline; }
.hot { color: red; }
.green { color: green; }
.blue { color: blue; }
.color2 { color: #FC5900; }
.color3 { color: #666; }
.color4 { color: #336699; }
.color5 { color: #116ecb; }
.color6 { color: #fff; }
.bold { font-weight: bold; }
.light { background-color: #fce365; }
.break-all { word-break: break-all; }
.Wdate { padding: 2px 4px; }
.clear { clear: both; }
.inline-block { display: inline-block;  vertical-align: top; }
* html .inline-block { display: inline; }
* + html .inline-block { display: inline; }
.middle { vertical-align: middle; }
.i1, .i-ok, .i-no, .i-tip { background-image: url(../images/Q/ico-tips.png); background-repeat: no-repeat; width: 16px; height: 30px; cursor: default; }
.i1.tip, .i-tip { background-position: 0 -73px; }
.i1.ok, .i-ok { background-position: 0 0; }
.i1.no, .i-no { background-position: 0 -36px; }
.dn, .hide, .hidden { display: none; }
* html .hide, * html .hidden { display: none; }
* + html .hide, * + html .hidden { display: none; }
.hide2 { position: absolute; left: -10000px; top: -10000px; }
.arrow { display: inline-block; width: 0; height: 0; border-width: 0; border-style: solid; overflow: hidden; cursor: pointer; }
.w-button, .tool { min-width: 46px; _width: 46px; height: 22px; padding: 2px 16px; font: bold 14px/22px 微软雅黑; cursor: pointer; text-align: center; white-space: nowrap; overflow: hidden; }
.w-red { background: #D24726; color: #fff; }
.w-red:hover { background: #e17961; color: #fff; }
.w-green { background: #217245; color: #fff; }
.w-green:hover { background: #33935e; color: #fff; }
.w-blue, .tool { background: #328cf8; color: #fff; }
.w-blue:hover, .tool:hover { background: #0e79fb; color: #fff; }
.w-dark { background: #ccc; color: #333; }
.w-dark:hover { background: #dddcdc; color: #333; }
.w-light { background: #EFEFEF; color: #333; }
.w-light:hover { background: #ddd; color: #333; }
.w-disabled, .w-disabled:hover { background: #ddd; color: #999; cursor: default; }
.x-mask { position: fixed; _position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 999; }
.x-drag-shadow { position: absolute; left: 0; top: 0; background-color: #f1f1f1; cursor: move; display: none; z-index: 999999; }
.x-box { position: absolute; background: #fff; border: 1px solid #ccc; z-index: 1000; color: #333; }
.x-box .x-head { position: relative; background-color: #f6f6f6; height: 32px; line-height: 32px; border-bottom: 1px solid #ddd; }
.x-head .x-title { position: absolute; left: 0; background: url(../images/Q/ico.gif) 5px 12px no-repeat; padding-left: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; color: #336699; }
.x-head .x-close { position: absolute; right: 6px; cursor: pointer; width: 24px; text-align: center; font: bold 14px/32px verdana,Arial; color: #336699; }
.x-head .x-close:hover { font-size: 16px; }
.x-box .x-main { padding: 10px 10px 0 10px; font-size: 14px; word-wrap: break-word; overflow: auto; }
.x-box .x-view { margin-bottom: 10px; overflow: hidden; }
.x-main .x-ico { width: 40px; }
.x-main .x-ico div.ico { width: 32px; height: 32px; }
.x-dialog { line-height: 1.6em; }
.x-bottom { text-align: center; padding-top: 10px; clear: both; }
.x-cancel { margin-left: 10px; }
.x-input { margin-top: 5px; }
.x-input input { height: 24px; line-height: 24px; width: 97%; padding-left: 5px; }
.x-alert { background: url(../images/Q/alert.gif) no-repeat; }
.x-loading { background: url(../images/Q/loading.gif) no-repeat; }
.progress-bar { width: 100%; background-color: #ccc; }
.progress { width: 0.1%; height: 8px; overflow: hidden; background-color: #2B85E9; }
.x-panel { background-color: #fff; border: 1px solid #ddd; padding: 1px 0; cursor: default; position: absolute; z-index: 99; overflow: auto; font: 14px verdana,tahoma,宋体; }
.x-panel .x-item { color: #000; padding: 2px 1px;  margin: 2px 3px; height: 24px; line-height: 24px; position: relative; }
.x-panel .x-disabled { color: #808080; }
.x-panel .x-on { background-color: #eee; }
.x-panel .x-icon { width: 24px; height: 20px; text-align: center; position: absolute; margin-top: 2px; }
.x-panel .x-icon img { width: 20px; height: 20px; }
.x-panel .x-text { overflow: hidden; position: absolute; left: 30px; height: 24px; }
.x-panel .arrow { border-left-color: #333; _border-color: #fff #fff #fff #333; position: absolute; right: 3px; margin-top: 7px; cursor: default; }
.x-panel .x-on .arrow { _border-color: #eee #eee #eee #333; }
.x-split { height: 1px; background-color: #eee; margin: 4px 3px; overflow: hidden; }
.x-sel { cursor: default; position: relative; height: 26px; font-size: 14px; }
.x-sel-tag { position: relative; height: 26px; background-color: #fff; border: 1px solid #d5d5d5; overflow: hidden; }
.x-sel-text, .x-sel-arrow { position: absolute; top: 0; height: 26px; line-height: 24px; }
.x-sel-text { left: 0; padding: 0 6px; overflow: hidden; color: #555; border-width: 0; }
.x-sel-arrow { right: -1px; width: 26px; background-color: #c3c3c3; }
.x-sel-arrow .arrow-down { float: left; display: inline; cursor: default; border-width: 6px; border-color: #444 #c3c3c3 #c3c3c3 #c3c3c3; margin: 11px 0 0 7px; }
.x-sel-list { left: 0; -moz-user-select: none;  -webkit-user-select: none;  -ms-user-select: none;  -khtml-user-select: none;  user-select: none; }
.x-sel-list .x-item { padding: 0 4px; color: #555; }
.x-sel-list .x-disabled { color: #808080; }
.x-sel-list .selected { background-color: #49f; color: #fff; }
.x-sel-radius { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.x-sel-radius .x-sel-arrow { -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; }
.x-sel-mini .x-sel-tag, .x-sel-mini .x-sel-text, .x-sel-mini .x-sel-arrow { height: 22px; line-height: 20px; }
.x-sel-mini .x-sel-arrow { width: 22px; }
.x-sel-mini .x-sel-arrow .arrow-down { margin: 8px 0 0 5px; }
.x-sel-multiple { z-index: 90; }
.x-picker { position: absolute; width: 231px; border-style: solid; border-color: #000; border-width: 1px 0 0 1px; font-size: 12px; font-family: "宋体", Arial; z-index: 99999; }
.x-picker .xp-title { height: 25px; padding-top: 4px; background: #E4E4E4; border-style: solid; border-color: #000; border-width: 0 1px 1px 0; }
.x-picker .xp-preview { float: left; width: 50px; height: 20px; border: 1px solid #333; background: #FFF; margin-left: 5px; display: inline; }
.x-picker .xp-val { float: left; width: 80px; text-align: center; line-height: 20px; }
.x-picker .xp-type { float: right; margin-right: 6px; display: inline; }
.x-picker .xp-table table { table-layout: fixed; width: 0; height: 132px; border-collapse: collapse; cursor: default; }
.x-picker .xp-table td { width: 10px; height: 10px; padding: 0; border-style: solid; border-color: #000; border-width: 0 1px 1px 0; }
.pager { text-align: center; margin-top: 15px; }
.pager li { display: inline-block; *display: inline; *zoom: 1; cursor: pointer; background-color: #a4a4a4; color: #fff; margin-right: 5px; line-height: 17px; font-family: 微软雅黑; }
.pager li, .pager .pager-link a { padding: 4px 8px;  }
.pager li:hover, .pager li.on { background-color: #06A4E1; }
.pager-bar a { color: #fff; text-decoration: none; }
.pager .pager-link li { padding: 0; }
.pager .pager-link a { display: block; }
.pager .count, .pager-count { margin-left: 15px; line-height: 24px; }
.pager .page-size { font-weight: bold; color: red; }
.pager .total-count { font-weight: bold; color: green; }
.tab-title li { float: left; margin-right: 4px; position: relative; }
.tab-title li.on { display: block; }
.tab-title li a { float: left; padding: 0 18px; border: 1px solid #cdcdcd; border-bottom: none; line-height: 44px; font-size: 14px; color: #333; text-decoration: none; font-weight: bold; cursor: pointer; }
.tab-title li a:hover, .tab-title li.on a { border-top: 2px solid #ff6600; line-height: 44px; background: #fff; }
.tab-cont { margin-top: -1px; padding: 10px; border: 1px solid #cdcdcd; background: #fff; }
.turn-box { display: none; }
.slide-box { position: relative; z-index: 1; overflow: hidden; }
.slide-ul { width: 100%; height: 100%; position: relative; z-index: 1; }
.slide-li { width: 100%; height: 100%; position: absolute; top: 0; z-index: 1; }
.range-slider-bar { width: 100%; background-color: #ccc; position: relative; }
.range-progress { width: 0%; height: 4px; overflow: hidden; background-color: #2B85E9; }
.range-slider { position: absolute; left: 0%; top: -6px; width: 16px; height: 16px; background-color: #2786f1; border-radius: 16px; }
.upload-input { position: absolute; left: -10000px; top: -10000px; overflow: hidden; }
.upload-html4 { position: absolute; left: -10000px; top: -10000px; }
.tab-title ul { float: left; }
.tab-title { overflow: auto; }
.no-tab .tab-title { display: none; }
.turn-box { }
.x-desc { background-color: #f6f6f6; color: #666; font-size: 13px; line-height: 1.8; padding: 5px 10px 5px 20px; }
ul.desc { }
ul.desc li { list-style: inside disc; }
ol.desc li { list-style: inside decimal; }
.mark, a.mark3 { color: #777; font-size: 12px; }
a.mark, a.mark2, a.text { cursor: text; margin-left: 10px; }
a.mark2 { color: #999; }
table.list, table.table { width: 100%; border-collapse: collapse; table-layout: fixed; *table-layout: auto; font-size: 12px; }
table.list { }
table.list tr { line-height: 30px; }
table.list td { border: 1px solid #cdcdcd; padding: 8px 0; }
table.list td.name, table.list col.name { width: 25%; }
table.list td.name { text-align: right; padding-right: 10px; _padding-right: 5px; font-size: 14px; font-weight: bold; background-color: #F1F1F1; }
table.list td.value { padding: 8px 10px;  }
table.list .full-head td, table.table .full-head td { padding: 5px 0 5px 10px; background-color: #e0e0e0; font-weight: bold; font-size: 14px; text-align: left; }
table.list label { margin-left: 3px; }
table.list .item-label { margin: 0; }
table.list .w-button { vertical-align: middle; }
table.table {  text-align: center; }
table.table tr { background-color: #fff; }
table.table th, table.table td {  border: 1px solid #cdcdcd; padding: 6px 8px; }
table.table th { background-color: #F1F1F1; font-weight: bold; }
table.table td {  }
table.table a.sort { color: #369; cursor: pointer; }
table.table a.sort:hover { color: #1876d4; text-decoration: underline; }
table.table .arrow { margin-left: 5px; }
table.table .s-up, table.table .s-down { border-width: 5px; vertical-align: top; }
table.table .s-up { border-color: #f1f1f1 #f1f1f1 #336699 #f1f1f1; margin-top: 2px; }
table.table .s-down { border-color: #336699 #f1f1f1 #f1f1f1 #f1f1f1; margin-top: 6px; }
table.table .op .fa { cursor: pointer; font-size: 18px; }
.view table .name { font-weight: bold; }
tr.selected td, tr.selected input.mini { background-color: #fbe888; }
tr.imported td { color: #777; }
.x-result { border: 1px solid #cdcdcd; padding: 10px; line-height: 1.8em; background: #fffbe8; color: #444; font-family: 宋体; font-size: 14px; height: 360px; overflow: auto; word-break: break-all; word-wrap: break-word; margin-top: 10px; }
textarea.x-result { padding: 1%; width: 98%; }
.toolbar { position: relative; background: #f2f2f2; font-size: 14px; padding: 8px 15px; overflow: hidden; margin-bottom: 10px; }
.toolbar .tools { float: left; }
.toolbar .tool { margin-right: 10px; }
.toolbar .tool:last-child { margin-right: 0; }
.toolbar .filter { float: right; margin-left: 10px; }
.toolbar .inline-block { vertical-align: middle; }
input.text { width: 160px; height: 22px;  line-height: 22px; padding: 1px 4px; border: 1px solid #999; }
input.mini, input.mini2 { height: 18px; line-height: 18px; border-width: 0 0 1px 0; border-style: solid; border-color: #999; text-align: center; margin-right: 5px; }
input.mini { width: 80px; }
select.sel { min-width: 60px;  padding: 2px 4px; }
textarea { font-size: 14px; }
textarea.text { float: left; width: 400px; height: 120px; padding: 4px;  border: 1px solid #999; }
input.text:hover, input.mini:hover, textarea.text:hover { border-color: #1881D7; }
input.disabled:hover { border-color: #999; }
.w50, input.w50 { width: 50px; }
.w60, input.w60 { width: 60px; }
.w70, input.w70 { width: 70px; }
.w80, input.w80 { width: 80px; }
.w90, input.w90 { width: 90px; }
.w100, input.w100 { width: 100px; }
.w110, input.w110 { width: 110px; }
.w120, input.w120 { width: 120px; }
.w130, input.w130 { width: 130px; }
.w140, input.w140 { width: 140px; }
.w150, input.w150 { width: 150px; }
.w160, input.w160 { width: 160px; }
.w170, input.w170 { width: 170px; }
.w180, input.w180 { width: 180px; }
.w190, input.w190 { width: 190px; }
.w200, input.w200 { width: 200px; }
.w210, input.w210 { width: 210px; }
.w220, input.w220 { width: 220px; }
.w240, input.w240 { width: 240px; }
.w260, input.w260 { width: 260px; }
.w280, input.w280 { width: 280px; }
.w300, input.w300 { width: 300px; }
.w360, input.w360 { width: 360px; }
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mtb10 { margin: 10px 0; }
.mtb20 { margin: 20px 0; }
.m10 { margin: 10px; }
.pl10 { padding-left: 10px; }
.pl15 { padding-left: 15px; }
.pl20 { padding-left: 20px; }
.scroll-view { overflow: auto; }
col.name { width: 25%; }
.myform_iframe { position: absolute; top: -10000px; left: -10000px; }
.pg-loading .pg-bar { margin: 10px 0; }
.pg-loading .pg-text { float: right; }
h2 { font-size: 16px; font-weight: normal; }
h2.title { font-weight: bold; text-align: center; }
h3.title, h3.tt1 { font-weight: bold; margin: 10px 0;  }
h3.title { font-size: 14px; line-height: 1.6em; padding: 5px 0 5px 15px; background-color: #f5f5f5; }
h3.tt1 { color: #1f7cd0; font-size: 16px; border-left: 4px solid #1f7cd0; padding-left: 20px; height: 26px; line-height: 26px; }
h4 { font-size: 14px; }
.border-radius5 { -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; }
.border-radius10 { -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; }
.t-result { border: 1px solid #cdcdcd; padding: 10px; line-height: 1.8em; background: #fffbe8; color: #444; font-family: 宋体; font-size: 14px; min-height: 240px; }
a.w-button { text-decoration: none; }
.x-detail input.text { width: 94%; }
.x-detail input.w200 { width: 200px; }
.x-detail textarea { width: 98%; height: 80px; }
.x-detail select { width: 55px; }
.x-detail select.list { width: 97%; height: 120px; margin-top: 10px; padding: 3px; }
.x-detail .sel { width: 100px; }
.x-detail .sel.w120 { width: 120px; }
.x-detail .sel.w160 { width: 160px; }
.x-detail .sel.w200 { width: 200px; }
.x-detail .more { line-height: 1.6em; color: red; }
.sel-list { height: 120px; margin: 10px 10px 10px 0; padding: 3px; border: 1px solid #999; overflow: auto; }
.sel-list .sel-item { line-height: 24px; cursor: default; padding-left: 5px; }
.sel-list .sel-item.on, .sel-list .sel-item.on:hover { background-color: #99d3ed; }
.sel-list .sel-item:hover { background-color: #f1f1f1; }
.live-progress-bar { position: relative;  }
.lpb-items, .lpb-item, .lpb-mask1, .lpb-mask2 { height: 10px; }
.lpb-item { }
.lpb-cursor { position: absolute; left: 0; top: -4px; min-width: 3px; height: 18px; background-color: #579EF6; }
.lpb-mask1, .lpb-mask2 { position: absolute; left: 0; top: 0; }
.lss-desc { margin-bottom: 10px;  }
.lss-desc table { width: 100%; text-align: center; border-collapse: collapse; font-size: 12px; }
.lss-desc th { width: 16.666%; background-color: #d0c8c8; color: #8a7575; font-weight: bold; padding: 5px 8px; border: 3px solid #fff; }
.lss-desc td { padding: 3px 0; border: 3px solid #fff; }
.lss-list { font-size: 12px; }
.lss-list .item { padding: 5px 10px; position: relative;  margin-bottom: 10px; }
.lss-list .item a { cursor: text; }
.lss-list .i-name { padding-bottom: 5px; color: #369; }
.lss-list .i-name a { color: #369; cursor: pointer; text-decoration: none; }
.lss-list .i-name a:hover { text-decoration: underline; }
.lss-list .i-name a.play { color: #116ecb; margin-left: 10px; }
.lss-list .i-status { }
.lss-list .i-user { margin-left: 15px; }
.lss-list .i-bar { margin-top: 10px; }
.ls-status .lss-list .item { background-color: #f9f9f9; margin: 10px 0; padding: 10px; }
.break-word { word-break: break-all; word-wrap: break-word; }
.text-center { text-align: center; }
#header { position: relative; background-color: #3c8dbc; color: #fff; font-size: 14px; z-index: 3; }
#header .hd, #header .logo, .sidebar-toggle { height: 60px; line-height: 60px; }
#header .logo, #header .user-box, #header .user-op, .sidebar-toggle:hover { background-color: #367fa9; }
#header .logo { float: left;  }
#header .logo img { float: left; width: 220px; margin: 10px 5px 0; }
#header .navbar { position: relative; margin-left: 230px; text-align: center; }
#header .sidebar-toggle { float: left; padding: 0 15px; cursor: pointer; display: none; }
.sv-nav { float: left; position: relative; z-index: 10; }
#header .main-nav { float: left; z-index: 10; }
#header .main-item { float: left; position: relative; z-index: 20; margin: 0 1px; min-width: 80px; }
#header .main-name { display: block; font-size: 16px; cursor: pointer; color: #faf3f3; padding: 0 10px; }
#header .main-item:hover .main-name, #header .m-hover .main-name, #header .m-on .main-name { background-color: #21abd1; }
#header .main-item:hover .sub-nav, #header .m-hover .sub-nav { display: block; }
#header .sub-nav { display: none; position: absolute; z-index: 30; line-height: 36px; width: 198px; border-color: #4ba7c1; border-style: solid; border-width: 0 1px; background-color: #f5f5f5; text-align: left; }
#header .sub-item { }
#header .sub-name { display: block; color: #333; border-bottom: 1px solid #4ba7c1; padding-left: 25px; text-decoration: none; }
#header .sub-item:hover .sub-name, #header .s-on .sub-name { background: #e3ebfe; }
.mini-hd #header .main-item:hover .sub-nav { display: none; }
#header .user-box { float: right; padding: 0 15px; position: relative; }
#header .user-info { cursor: pointer; }
#header .user-photo { float: left; width: 30px; height: 30px; border-radius: 50%; margin: 15px 10px 0 0; }
#header .user-name { }
#header .user-info .arrow-down { display: inline-block; vertical-align: middle; border-width: 6px; border-color: #fff #367fa9 #367fa9 #367fa9; margin: 6px 0 0 7px; }
#header .user-op { position: absolute; top: 60px; right: 0; visibility: hidden; width: 200px; padding: 20px; z-index: 9; }
#header .user-op-show { visibility: visible; }
#header .sel-lang { margin-bottom: 15px; width: 100%; }
#header .user-op .w-button { display: block; margin-top: 10px; width: 100%; padding: 3px 0; }
#footer {  line-height: 1.8; padding: 8px; text-align: center; font-size: 14px; color: #666; background: #eee;  }
#footer .firmver, #footer .sys-uptime, #footer a { color: #369; }
#footer a:hover { text-decoration: underline; }
.mini-hd, .mini-hd body { overflow: hidden; }
.hd, .main-view { position: relative; }
.main-view { clear: both; }
#container { position: relative; overflow-x: hidden; overflow-y: auto; }
.sidebar { position: absolute; top: 0; left: 0; width: 230px; background-color: #222d32; color: #b8c7ce; z-index: 8; overflow: auto; }
.sidebar .menu, .sidebar .sub-nav { margin: 10px 0; }
.sidebar .menu .item, .sidebar .sub-item { }
.sidebar .menu a, .sidebar .sub-name { display: block; color: #b8c7ce; border-left: 3px solid #222d32; padding: 12px 5px 12px 25px; font-size: 14px; }
.sidebar .menu a:hover, .sidebar .menu .on a, .sidebar .sub-name:hover, .sidebar .m-on .sub-name { border-left-color: #3c8dbc; background-color: #1e282c; }
#container .sidebar { position: static; float: left; }
.content-wrap { margin-left: 230px; }
.content-view { margin: 10px; }
.menu-view { display: none; }
col.channel-name { width: 160px; }
col.playing-name { width: 220px; }
col.port { width: 80px; }
col.cid { width: 80px; }
col.count { width: 80px; }
col.pkts { width: 90px; }
col.bw { width: 90px; }
col.status { width: 80px; }
col.chk { width: 50px; }
col.num { width: 60px; }
col.on-off { width: 90px; }
td.operate a { color: #0960bd; cursor: pointer; }
td.operate a:hover { text-decoration: underline; }
.view td.operate a.edit { margin-right: 5px; }
.view div.ico { margin: 0 auto; }
.view .on-off .ico, .x-detail .on-off .ico, .on-off-mini, .on-off-mini-off { width: 70px; height: 26px; background: url(../images/on-off-mini.png) 0 -80px no-repeat; cursor: pointer; vertical-align: middle; }
.view .on-off .ico.on, .x-detail .on-off .ico.on { background-position: 0 -80px; }
.view .on-off .ico.off, .x-detail .on-off .ico.off, .on-off-mini-off { background-position: 0 -159px; }
.x-info2, .x-info4 { border: 1px solid #ccc; color: #666; font-size: 13px; line-height: 2.2em; padding: 0 10px 0 20px; }
.x-info2 p { margin: 0 0 15px 0; padding: 0; }
.x-info2 p.lastRow { margin: 0; }
.x-info3 { background-color: #f6f6f6; color: #666; font-size: 13px; line-height: 2.2em; padding: 5px 10px 5px 20px; }
.v-login #header .logo { display: block; }
.v-login .navbar { display: none; }
.v-login, .v-login input.text2 { background-color: #2d3d54; color: #fff; }
.main-center { position: absolute; top: 50%; left: 50%; width: 500px; margin: -125px 0 0 -250px; }
.main-center .l-box { margin-top: 30px; }
.main-center .head { text-align: center; font: bold 24px/40px "Arial"; }
.main-center .row-input { border-bottom: 1px solid #6B7888; font-size: 18px; margin: 20px 0; }
.main-center input.text2 { border-width: 0; font-size: 18px; padding: 8px 0 8px 6px; width: 80%; }
.main-center .w-button { width: 180px; font-size: 18px; padding: 6px; font-weight: normal; }
#error { color: red; padding: 5px 20px 15px 0; line-height: 1.4; }
.v-login input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px #2d3d54 inset !important; }
.v-home .sidebar { background-color: #f1f1f1; }
.on-off li { border-bottom: 1px solid #fff; padding: 10px 0; font-size: 14px; }
.on-off li a { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; }
.on-off li .text { width: 100px; line-height: 35px; text-align: left; padding-left: 10px; margin-left: 0; }
.on-off li .text.full { float: none; width: auto; }
.ico-sel { line-height: 33px; border: 1px solid #ccc; cursor: pointer; margin: 0 10px; }
.ico-sel .inline-block { width: 50%; height: 33px; text-align: center; color: #fff; font: bold 14px/33px Arial,微软雅黑; }
.ico-sel .is1, .on-off .ico-sel.m2 .is2 { background-color: #0090ff; }
.ico-sel .is2, .on-off .ico-sel.m2 .is1 { background-color: #a1a1a1; }
.on-off .ico-sel.full .is1 { width: 100%; }
.on-off .ico-sel.full .is2 { display: none; }
.ico-sel .is-button { background-color: #1a83d3; text-decoration: none; }
.ico-sel.full .is-button { width: 100%; }
.ico-sel .is-button:hover { background-color: #0090ff; }
.mq-online { min-height: 100px; }
.mq-online .w-button { margin: 10px; display: block; height: 33px; line-height: 33px; }
.placeholder { height: 18px; }
.w-btn1 { background: #F43C12; color: #fff; }
.w-btn1:hover { background: #cc3d1d; color: #fff; }
.w-btn2 { background: #3498DB; color: #fff; }
.w-btn2:hover { background: #2676ac; color: #fff; }
.mini-table { color: #666; border-collapse: collapse; width: 100%; }
.mini-table td { padding: 3px 2px; }
.mini-table .title { font-size: 16px; padding: 0 0 5px 10px; color: #347EDA; font-family: 幼圆;  border-bottom: 1px solid #f9f9f9; }
.mini-table .title .more { padding: 5px 10px 0 0; font-size: 12px; }
.mini-table .name { width: 45px; padding-left: 5px; }
.mini-table .top-item td { border-bottom: 1px solid #f9f9f9; line-height: 20px; padding: 5px 2px; }
.mini-table .lastRow td { border-width: 0; }
.mini-table .ico { width: 30px; text-align: right; }
.mini-table .ico a { display: inline-block; width: 20px; line-height: 20px; cursor: default; text-align: center; }
.mini-table .ico .top3 { background-color: #F7563B; color: #fff; }
.mini-table .ico .top10 { background-color: #D6D8DE; color: #888; }
.mini-table .top-item .name2 { color: #3B5DA4; padding-left: 5px; }
.mini-table .operate { width: 40px; text-align: center; }
.mini-table .operate a { color: #3B5DA4; }
.mini-table .operate a:hover { text-decoration: underline; }
.titleBasic {  line-height: 2em; padding: 5px 0; border: 1px solid #cdcdcd; background-color: #f9f9f9; }
.titleBasic h2 { padding-left: 10px; }
.titleBasic .h2 { position: relative; }
.titleBasic .hl { position: absolute; left: 24px; top: 0; font-size: 16px; }
.titleBasic .hr { position: absolute; right: 0; top: 0; font-size: 14px; }
.home-title { position: relative; }
.home-title .tips { position: absolute; top: 0; right: 10px; color: red; }
.v-statistics { margin-bottom: 10px; }
.v-statistics .pager { }
.statistics-info, .ac-info { margin: 10px 0; background-color: #F5F5F5; padding: 8px 10px; font-size: 14px; position: relative; }
.statistics-info td.name { color: #666; }
table.statistics { width: 100%; line-height: 26px; border-collapse: collapse;  background-color: #fafafa; table-layout: fixed; *table-layout: auto; }
table.statistics td { border: 1px solid #ccc; text-align: center; }
table.statistics .head td { font-size: 14px; font-weight: bold; color: #369; padding: 5px 0; }
table.statistics .head .operate { width: 110px; }
table.statistics .name { font-size: 12px; font-weight: bold; }
table.statistics .stt1 { width: 80px; }
table.statistics .text-left, table.statistics .head .text-left { text-align: left; padding-left: 10px; }
table.table .text-left, table.table .head .text-left { text-align: left; padding-left: 10px; }
table.statistics tr.head { background-color: #eee; }
table.statistics tr.odd { background-color: #f6f6f6; }
table.statistics .name a { color: #1165b9; text-decoration: none; }
table.statistics .name a:hover { text-decoration: underline; }
table.statistics .name a.skip { color: #333; cursor: text; }
table.statistics .name a.skip:hover { text-decoration: none; }
table.statistics .playing-name { word-break: break-all; word-wrap: break-word; }
.dataTable ul li { width: 49%; margin: 10px 0; _display: inline; }
.dataTable ul li.lastRow { margin-bottom: 0; }
.dataTable ul li h3 { height: 40px; line-height: 38px; color: #fff; font-size: 14px; position: relative; }
.dataTable ul li h3 span { display: inline-block; width: 22px; height: 20px; margin-right: 5px; background: url(../images/icon02.png) no-repeat; vertical-align: middle; _margin: 10px 0; *display: inline; *zoom: 1; }
.dataTable ul li.blueLine h3 { background: #405f89; }
.dataTable ul li.grayLine h3 { background: #b9b9b9; }
.dataTable a.ico { background: url(../images/icon02.png) 0 -3px no-repeat; _background: url(../images/ie/icon02.png) no-repeat; padding: 0 5px 0 30px; }
.dataTable .blueLine a.ico { _background-position: -2px -4px; }
.dataTable .grayLine a.ico { _background-position: -2px -32px; }
.dataTable ul li h3 a.pr { position: absolute; top: 0px; right: 10px; }
.dataTable .chart { padding: 10px; height: 210px; }
.blueLine { border: 1px solid #405F89; }
.grayLine { border: 1px solid #cdcdcd; }
.update_info { font-size: 12px; }
#dataTableLine a.update-time, #dataTableLine a.disk-update-time { font-size: 12px; margin-left: 5px; }
.x-net-check-box .x-main { padding-bottom: 0; }
.x-net-check-info { line-height: 1.6em; margin: 0 15px 10px; min-width: 500px; }
.user-ips { padding: 0 10px; line-height: 1.6; }
.right-box { float: right; *position: absolute; *top: 3px; *right: 10px; }
.x-restart-nodata { margin-right: 5px; }
.ui-ip { width: 110px; text-align: right; }
col.b-type { width: 80px; }
col.d-name { width: 80px; }
col.mac { width: 130px; }
col.ip { width: 110px; }
col.dns { width: 110px; }
col.netmask { width: 110px; }
col.gateway { width: 110px; }
col.pci-id { width: 70px; }
col.vendor { width: 240px; }
col.link-ico { width: 80px; }
col.nic { width: 200px; }
col.top-type { width: 80px; }
col.has-pppoe { width: 100px; }
col.has-vlan { width: 100px; }
col.vlan-id { width: 70px; }
col.mirror-copy { width: 200px; }
col.weight { width: 70px; }
col.bw-up { width: 100px; }
col.bw-down { width: 100px; }
col.bytes-up { width: 100px; }
col.bytes-down { width: 100px; }
col.load-up { width: 100px; }
col.load-down { width: 100px; }
col.client-name { width: 200px; }
.vendor { text-align: left; }
table.list td.td-nics { font-size: 12px; line-height: 2em; }
.td-nics .nic-address { margin-top: 6px; }
.td-nics label { max-width: 425px; margin-left: 2px; }
.v-nic div, .v-netype div { line-height: 2em; }
a.nic-stat, .nic-linked-yes, .nic-linked-no { width: 24px; height: 24px; background-image: url(../images/ico-nic.png); background-repeat: no-repeat; margin-left: 5px; cursor: default; }
.x-nic-config a.nic-stat.yes, .nic-linked-yes { background-position: -26px 0; }
.x-nic-config a.nic-stat.no, .nic-linked-no { background-position: 0 0; }
.x-detail .sel-bonding, .x-detail .sel-hit-mode, .x-detail .sel-hash-policy { width: 300px; }
.fw-normal { font-weight: normal; }
.x-nic-config .w-mini { height: 23px; line-height: 23px; margin-top: -2px; margin-left: 5px; }
table.dns input.text { width: 200px; }
.dns-check { margin-left: 5px; cursor: pointer; }
.dns-stat { margin-left: 10px; color: #777; cursor: default;  }
table.tools div.dns-row { line-height: 2em; }
table.tools div.dns-row a, a.dns-check, a.dns-del { color: #155da3; text-decoration: underline; }
table.tools .w-button.text-button { height: 21px; line-height: 21px; margin: -4px 0 0 5px; }
table.tools div.dns-row a.mark, table.tools div.dns-row a.text { text-decoration: none; }
table.tools div.dns-row a.mark { color: #777; }
col.account { width: 120px; }
col.realname { width: 90px; }
col.rate-up { width: 80px; }
col.rate-down { width: 80px; }
col.maxlogin { width: 80px; }
col.desc { width: 120px; }
col.client-name { width: 150px; }
col.reply-only { width: 90px; }
col.metric { width: 80px; }
.x-detail select.sel-netmask { width: 96%; padding: 5px; }
.t-title { font-size: 14px; font-weight: bold; margin: 20px 0; padding: 5px 10px; background-color: #f3f3f3; color: #666; }
.sr-title { margin: 20px 0 5px 0; }
.sr-info { font-weight: normal; line-height: 2em; margin: 5px 0; }
a.ml86 { margin-left: 86px; }
.dlList { margin-bottom: -1px; border: 1px solid #cdcdcd; line-height: 34px; }
.dlListZebra {  line-height: 36px;  overflow: hidden; }
.dlListZebra dt { float: left; padding: 0 0 0 10px; text-align: left; font-size: 14px; font-weight: bold; }
.dlListZebra dd { float: left; padding: 0 0 0 10px; }
.bgGray9 { background: #f9f9f9; }
.arrow-box { color: #333; text-decoration: none; cursor: pointer;  }
.arrow-box:hover { color: #336699; }
.arrow-box .arrow { border-width: 5px; border-color: #336699 #f9f9f9 #f9f9f9 #f9f9f9; margin: 5px 0 0 10px; }
.arrow-box .up { border-color: #f9f9f9 #f9f9f9 #336699 #f9f9f9; margin-top: -5px; }
col.dev { width: 150px; }
col.irq { width: 80px; }
col.linked { width: 80px; }
col.duplex { width: 80px; }
col.speed { width: 90px; }
col.rv-bytes { width: 80px; }
col.rv-pkts { width: 90px; }
col.st-bytes { width: 80px; }
col.st-pkts { width: 90px; }
col.err { width: 80px; }
col.drop { width: 80px; }
col.mtu { width: 80px; }
.x-cluster .x-input input { width: 98%; padding-left: 5px; }
input.x-cluster-master-ip, input.x-nas-ip, input.x-nas-dir, input.x-mini-ip { width: 120px; background-color: #f2f2f2; border-color: #ccc; border-style: solid; border-width: 0 0 1px; text-align: center; }
.x-disk { width: 31%; margin: 0 0 5px 2%; }
.x-disk.x1 { margin-left: 0; }
.x-disk .x-title { text-align: center; font-size: 14px; }
.x-disk .x-title .name { font-weight: bold; }
.x-disk .x-chart { height: 170px; }
.x-disk .x-operate {  text-align: center; margin: 5px 0; position: relative; }
.x-ops { position: relative; }
.u-ops { position: absolute; width: 100px; background-color: #fff; border: 1px solid #ddd; padding: 1px 0; cursor: default; display: none; }
.u-ops li { padding: 4px 1px; margin: 2px 3px; }
.u-ops li:hover { background-color: #eee; }
.f-path { overflow: hidden; width: 96%; height: 24px; white-space: nowrap; margin: 2px auto; text-align: left; }
.row-line { border-top: 1px dashed #ddd; margin-bottom: 10px; }
.row-full { height: 1.6em; white-space: nowrap; overflow: hidden; }
.row-disk { line-height: 1.8em; font-size: 13px; }
col.disk-name { width: 140px; }
col.disk-model { width: 140px; }
col.disk-sn { width: 140px; }
col.disk-used { width: 220px; }
col.status { width: 80px; }
col.inpool { width: 90px; }
col.disk { width: 180px; }
col.temp { width: 80px; }
col.disk-rw { width: 160px; }
col.disk-io { width: 140px; }
col.used { width: 80px; }
col.left { width: 80px; }
tr.vlan-pro td.value { padding: 5px 10px; }
tr.vlan-pro textarea.text { width: 560px; margin: 5px 0 0 0; max-width: 96%; }
col.vlanid { width: 80px; }
col.dev2 { width: 90px; }
col.pppoe_name { width: 80px; }
col.pppoe_user { width: 120px; }
h3.title .w-button { height: 20px; line-height: 20px; }
col.h-sort { width: 100px; }
col.h-name { width: 140px; }
col.h-type { width: 70px; }
col.h-cid { width: 160px; }
col.h-group { width: 140px; }
col.h-port { width: 100px; }
col.h-src { width: 100px; }
select.cid { width: 150px; }
select.sid { width: 80px; }
.max-hls-text {  }
.h-group .mini { width: 120px; text-align: left; padding-left: 5px; }
.view .h-name { font-weight: bold; text-align: left; padding-left: 10px; word-break: break-all; }
.sup { font-size: 10px; vertical-align: super; line-height: 12px; margin-left: 5px; }
.sup-webkit { font-size: 12px; transform: scale(0.875); margin-top: 1px; }
.tips1 { font-size: 12px; line-height: 1.6em; text-align: left; padding: 5px 10px; }
.x-detail .tips1 { margin: 5px 10px 5px 0; }
.x-ls-detail .tips1 { margin: 0 5px 10px 5px; }
.x-detail .cid, .x-detail .sid, .x-detail .sel-sat-channel { width: 120px; }
.x-detail textarea.text2 { height: 52px; width: 96%; vertical-align: middle; margin: 3px 0; padding-left: 5px; word-break: break-all; }
.x-detail textarea.x-src { width: 350px; float: left; }
.x-detail .box-encoder { float: left; margin-left: 5px; line-height: 18px; }
.cid-same, .cid-none { padding-left: 20px; color: red; }
.cid-same .row, .cid-none .row { line-height: 1.6em; }
.cs-item { margin: 10px 0; }
.cs-line { border-bottom: 1px dashed #ccc; }
.auto-port, .use-hit-ip { font-size: 12px; }
.xd-ls .sel { width: 130px; }
.x-startTime, .x-endTime { width: 136px; }
.x-detail input.x-subtitle { width: 330px; text-align: left; }
tr.pro { display: none !important; }
col.h-dvb { width: 60px; }
col.h-freg { width: 140px; }
col.h-channels { width: 280px; }
col.h-drate { width: 90px; }
col.h-polarity { width: 90px; }
col.h-fpoint { width: 90px; }
col.h-srate { width: 90px; }
col.h-pg { }
input.x-udp-ip { width: 120px; background-color: #f2f2f2; padding: 3px 0; }
.x-detail input.mini2 { width: 94%; }
.x-ls-detail .x-content { text-align: center; }
.x-ls-detail textarea.text { height: 400px; }
.xd-ctypes textarea.text { width: 97%; height: 160px; }
.xd-ctypes .tips1 { margin: 5px 0; }
.h-fpoint .mini, .h-drate .mini, .h-polarity .mini, .h-srate .mini, select.polarity { width: 70px; }
.view .h-channels, .x-ls-detail .h-channels { text-align: left; padding-left: 10px; word-break: break-all; }
.v-freg-channel .mini { width: 80px; }
.v-freg-channel .h-name .mini { width: 160px; }
.sel-sys-freg { width: 120px; }
.table .h-pg { width: 180px; padding: 0; }
.h-pg .inline-block { vertical-align: middle; }
.h-pg .progress-box { width: 120px; }
.h-pg .progress-bar { background-color: #ccc; }
.h-pg .progress { background-color: #2B85E9; height: 8px; }
.h-pg .progress-val { width: 42px; text-align: right; }
.xd-multicast .sel { width: 160px; }
table.video { table-layout: fixed; font-size: 12px; }
table.video col.h-no { width: 60px; }
table.video col.v-name { width: 500px; }
.v-list table.video col.v-name { width: auto; }
table.video col.v-type { width: 90px; }
table.video col.v-size { width: 90px; }
table.video col.v-pic { width: 80px; }
table.video col.v-desc { width: 80px; }
table.video col.v-addtime { width: 140px; }
table.video .v-name { text-align: left; word-break: break-all; word-wrap: break-word; }
table.video .v-name a.ico { display: block; line-height: 24px; background: url(../images/ico-filetypes.png) no-repeat; padding-left: 30px; cursor: pointer; }
table.video .v-name a.x-folder { background-position: 0 4px; }
table.video .v-name a.x-media { background-position: 0 -24px; }
table.video i.num { font-size: 9px; vertical-align: super; background-color: #ea6112; color: #fff; margin-left: 10px; padding: 1px 10px 1px 5px; }
.v-list { background-color: #f5f5f5; }
.v-list .table tr td { border-width: 0 0 1px 0; border-style: dashed; }
.v-list .table tr.last-row td { border-width: 0; }
.v-viewer { position: absolute; display: none; }
.v-viewer img { position: absolute; top: -100px; left: -320px; width: 320px; height: 180px; }
.v-viewer .v-detail { position: absolute; top: -200px; left: -300px; width: 300px; background-color: #f7f7f7; padding: 10px 0 10px 10px; text-align: left; line-height: 1.8; }
.v-detail .vd-name { font-size: 16px; font-weight: bold; color: #3399e0; }
.v-detail .vd-value { color: #009cff; }
.v-detail .vd-mark { width: 260px; color: #888; max-height: 200px; overflow: auto; }
.app-image { background-color: #f6f6f6; padding: 10px; margin: 10px 0; clear: both; }
.app-image .i-title { }
.app-image .i-title a { color: #369; font-size: 14px; cursor: pointer; }
.app-image .i-title a:hover, .app-image .i-title a.on { border-bottom: 2px solid #ff6600; }
.app-image .i-view { display: none; }
.app-image .i-button, .app-image .i-upload, .app-image .u-link { margin: 10px 0; }
.app-image .i-button .w-button { width: 60px; margin-right: 5px; }
.app-image .i-button .i-select-upload { width: auto; }
.app-image .i-button .text { line-height: 28px; margin-left: 10px; }
.app-image .i-link { width: 200px; padding: 3px 5px; }
.app-image .u-link .w-button { margin-left: 5px; height: 21px; line-height: 21px; }
.app-image .u-item { margin: 0; }
.app-image .u-progress-bar, .app-image .u-detail { bottom: 0; }
.app-image .u-name { display: none; }
.rec-image .u-img, .rec-image .u-img img { width: 420px; height: 197px; }
.fixed-image .u-img, .fixed-image .u-img img { width: 137px; height: 224px; }
.start-image .u-img, .start-image .u-img img { width: 202px; height: 123px; }
.start-i0 .u-img, .start-i0 .u-img img { width: 384px; height: 216px; }
.start-image .u-link { display: none; }
.start-i2 .u-link { display: block; }
table.l-user { *table-layout: fixed; }
.xd-ls .sel { width: 126px; }
.app-push .x-log { width: 400px; height: 200px; float: left; margin: 10px 0; }
.v-app-push div { line-height: 2.2em; }
.preview-bgcolor, .preview-color { width: 20px; height: 20px; }
.preview-subtitle, .preview-notify { font: 14px/2em 微软雅黑; padding: 0 10px; background-color: #828282; color: #99cc33; }
.preview-notify { color: #fff; }
table.app-push td.name {  }
.app-push a.text {  text-align: right; padding-right: 10px; margin-left: 0; }
.app-push a.upload-status, .app-push a.push-status { margin-left: 10px; }
.app-push .upgrade-local, .uw-info, .uw-btn { display: none; }
.app-push .upgrade-web { line-height: 2.4em; }
.app-push .c-ver { }
.app-push .push-ver { }
.app-push .push-log { line-height: 2em; color: #777; font-family: 宋体; padding-left: 2em; }
.app-push .upgrade-web .w-button { height: 20px; line-height: 20px; }
.box-notify-opacity, .box-notify-opacity .inline-block { vertical-align: middle; }
.box-notify-opacity .range-slider-box { width: 160px; margin-right: 10px; }
.box-charts .x-chart { height: 280px; margin-bottom: 15px; }
.box-charts .faq { margin-bottom: 15px; }
#savedFlow .x-chart { height: 210px; margin-bottom: 0; }
.ah-item { border: 1px solid #6eb8e2; padding: 10px; margin-bottom: 10px; position: relative; }
.ah-tools { overflow: hidden; }
.ah-bg, .a-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.ah-bg img, .a-img img { width: 100%; height: 100%; }
.ah-tools, .ah-head, .ah-apps-view { position: relative; z-index: 2; }
.ah-head { overflow: hidden; margin: 10px 0; clear: both; }
.ah-head .x-logo, .ah-head .x-app-title { float: left; }
.ah-head .x-logo img { width: 50px; height: 50px; }
.ah-head .x-app-title { margin: 10px 0 0 5px; }
.ah-apps-view { clear: both; margin: 10px 0; }
.ah-app-item { float: left; width: 160px; margin-right: 10px; text-align: center; overflow: hidden; }
.ah-app { border: 1px solid #ddd; position: relative; }
.ah-large { height: 202px; }
.ah-small { height: 95px; }
.ah-small-bottom { margin-top: 10px; }
.a-tool { position: absolute; top: 50%; width: 100%; margin-top: -10px; }
.a-tool div { height: 18px; line-height: 18px; }
.a-arrow { position: absolute; top: 0; right: 0; border-width: 23px; border-color: #ea3f39 #ea3f39 transparent transparent; cursor: text; }
.a-text1 { position: absolute; top: 5px; right: 2px; color: #fff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); margin-top: 2px; }
.a-text2, .a-text2-bg { position: absolute; bottom: 0; width: 100%; padding: 3px 0; }
.a-text2-bg { background-color: #f5f5f5; height: 18px; }
.a-title { position: absolute; top: 50%; width: 100%; margin-top: -34px; font-weight: bold; color: green; white-space: nowrap; }
.a-arrow, .a-text1, .a-title, .a-text2-bg { display: none; }
.ah-item-old { }
.ah-app-item1 { width: 500px; margin: 0; overflow: hidden; }
.ah-app-item2 { width: 240px; margin: 0 0 0 20px; overflow: hidden; }
.ah-large1 { height: 260px; margin-bottom: 10px; }
.ah-large2 { height: 430px; }
.ah-item-old .ah-small { height: 160px; }
.ah-small-left { float: left; width: 48%; }
.ah-small-right { float: right; width: 48%; }
.ah-item-old .ah-apps-view { width: 1026px; margin: 0 auto; }
.ah-item-old .a-arrow, .ah-item-old .a-text1 { display: block; }
.ah-large1 .a-arrow, .ah-large2 .a-arrow { border-width: 28px; }
.ah-large1 .a-arrow { border-color: #1f7cd0 #1f7cd0 transparent transparent; }
.ah-large2 .a-arrow { border-color: #1da70d #1da70d transparent transparent; }
.ah-large1 .a-text1, .ah-large2 .a-text1 { top: 10px; right: -5px; }
.ah-item .no-link .x-edit { display: none; }
.ah-app-controls { position: absolute; bottom: 10px; left: 50%; margin-left: -70px; z-index: 30; }
.ah-app-controls a { float: left; display: inline-block; width: 19px; height: 19px; line-height: 19px; cursor: pointer; background-color: #06A4E1; color: #fff; margin: 0 5px; overflow: hidden; }
.ah-app-controls a:hover, .ah-app-controls a.on { background-color: #e05a00; }
.a-img .u-item { margin-left: 0; position: absolute; top: 0; }
.a-img .u-item, .a-img .u-img, .a-img .u-img img { width: 100%; height: 100%; }
.a-img .u-progress-bar, .a-img .u-detail { bottom: 0; }
.xd-app .sel { width: 160px; }
.xd-app input.a-link { padding: 0; width: 98%; text-align: left; }
.tip-preview, .desc-preview { line-height: 18px; padding: 2px 5px; vertical-align: middle; }
.drag-drop-area { height: 200px; line-height: 200px; text-align: center; font-size: 18px; color: #777; border: 1px solid #6eb8e2; margin: 10px 0; }
.v-image-list { overflow: hidden; }
.xd-upload .ui-file .u-name { width: 130px; height: 36px; overflow: hidden; }
.xd-upload .ui-file .u-progress-bar { width: 120px; margin: 15px 0 0 10px; }
.xd-upload .ui-file .u-speed, .xd-upload .ui-file .u-op { display: none; }
.u-selected { background: #ed502e; color: #fff; }
.us-item { cursor: pointer; margin-bottom: 10px; }
.us-item .u-no-img { background-color: #f5f5f5; }
.app-nt2 .n-type { color: red; }
.n-content { text-align: left; padding-left: 10px; word-break: break-all; word-wrap: break-word; }
.n-expired td { color: #888; }
.g-groups { line-height: 1.8; padding: 5px 10px; background-color: #f9f9f9; }
.hotel-food-view .no-image { background-color: #f5f5f5; width: 100%; height: 150px; }
.hotel-food-view .a-arrow, .hotel-food-view .a-text1 { display: block; }
.hotel-food-view .a-tool { text-align: center; }
.hotel-food-view .u-detail { overflow: hidden; }
.hotel-food-view .u-item { width: 13%; margin-left: 1%; }
.hotel-food-view .u-img, .hotel-food-view .u-img img { width: 100%; }
.food-image-box { position: relative; }
input.x-intime { text-align: left; }
#pad_vod { margin-left: 10px; }
.v-app-push input.Wdate { text-align: left; }
.pad-image-box { width: 160px; margin-top: 5px; position: relative; }
col.group { width: 140px; }
col.uid { width: 110px; }
col.uname { width: 110px; }
col.passwd { width: 110px; }
col.father { width: 110px; }
col.time { width: 140px; }
col.memo { width: 240px; }
col.mac-bind { width: 90px; }
col.channels { width: 500px; }
.view table th.channels, .view table td.channels { text-align: left; word-break: break-all; }
table.list tr.g-channels-box { line-height: 1.8; }
table.list .g-channels-box .value { padding: 5px 10px; }
.g-desc { background-color: #f6f6f6; padding: 2px 5px; color: #666; }
.g-channels-box .chk-all-box { color: #0f74d9; }
.d-channel-names { background-color: #f9f9f9; margin: 5px 0; padding: 5px 10px; color: red; }
.g-channels-nogroup .item label { color: green; }
.g-channels { background-color: #f9f9f9; padding: 10px; margin-bottom: 10px; }
th.mac-bind { width: 75px; }
.view table th.memo, .view table td.memo { text-align: left; }
.row2 { text-align: left; line-height: 1.6em; }
textarea.x-memo { margin: 5px 0; width: 96%; }
.v-iptv-mode .sidebar, .v-iptv-mode #header .sidebar-toggle { display: none; }
.v-iptv-mode .content-wrap { margin: 0; }
.x-detail .sel-app-home { width: 160px; }
.hotel-img .i-hotel-img { width: 23.5%; margin-left: 1%; }
.hotel-img .u-item { margin-left: 0; height: 150px; position: relative; }
.hotel-img .no-image .u-item { background-color: #f5f5f5; }
.hotel-img .i-upload { position: relative; }
.hotel-img .i-upload, .hotel-img .u-item, .hotel-img .u-img, .hotel-img .u-img img { width: 100%; }
.hotel-img .i-upload .u-name { display: none; }
.hotel-img .u-progress-bar, .hotel-img .u-detail { bottom: 0; }
.hotel-img .i-button { text-align: center; padding: 10px 0; clear: both; }
.hotel-img .no-image .i-del { display: none; }
table.hotel-menu { border: 1px solid #cdcdcd; }
table.hotel-menu tr th { border-width: 0; padding: 12px 8px; }
table.hotel-menu tr td { border-width: 1px 0 0 0; padding: 12px 8px; }
table.hotel-menu tr.menu-l1 td {  }
table.hotel-menu tr.menu-l2 td { border-width: 0; }
table.hotel-menu tr.menu-l1, table.hotel-menu tr.menu-l1 input.mini { background-color: #FFFFDD; }
table.hotel-menu tr.menu-l2, table.hotel-menu tr.menu-l2 input.mini { background-color: #f6f6f6; }
table.hotel-menu tr.menu-l2:hover, table.hotel-menu tr.menu-l2:hover input.mini { background-color: #e5e5e5; }
table.hotel-menu col.h-menu-l1 { width: 120px; }
table.hotel-menu col.h-menu-l2 { width: 140px; }
table.hotel-menu col.sort { width: 70px; }
table.hotel-menu col.operate { width: 160px; }
table.hotel-menu td.h-menu-l1 { text-align: right; }
table.hotel-menu .h-menu-l2, table.hotel-menu .h-name-en, table.hotel-menu .operate { text-align: left; }
table.hotel-menu a.add, table.hotel-menu a.down { margin-left: 5px; }
table.hotel-menu .s-up, table.hotel-menu .s-down { width: 36px; height: 18px; background: url(../images/arrow36.png) no-repeat; }
table.hotel-menu .s-down { background-position: 0 -18px; }
table.hotel-menu-detail .hotel-img .i-hotel-img { width: 32%; }
.hotel-app-push a.text { width: 70px; }
table.hotel-app-push td.name { width: 200px; }
.x-hotel-detail textarea { width: 96%; }
.x-hotel-detail input.text { width: 200px; }
table.list td.hotel-menu-img { padding: 10px; }
.last-hotel-img .i-button { padding-bottom: 0; }
table.tools td.value input { height: 24px; line-height: 24px; padding-left: 6px;  }
table.tools td.value input[type=text] { border: 1px solid #CDCDCD; }
table.tools .w-button { height: 24px; line-height: 24px; vertical-align: middle; }
table.tools .i-button { height: 22px; line-height: 22px; margin: -3px 0 0 5px; }
table.tools .x-reset { margin-left: 10px; }
#x-debug, #x-verb, #x-autoUP, #x-reboot { border: 0 none; }
td.restore-opts .chk-item { display: block; }
.btn-box { text-align: center; margin: 100px 0; }
.btn-box .w-button { width: 120px; padding: 5px 16px; }
.btn-box .poweroff { margin-left: 20px; }
.run-info { text-align: center; font-size: 14px; }
.register-code { width: 350px; height: 80px; }
#register-info td.value { font-size: 14px; }
#register-info .x-submit { margin: 2px 0 0 10px; }
#register-info td.text-hot { font-size: 16px; }
.life-time { font-size: 14px; color: #08b0e2; }
td.wb-box .w-button { margin-right: 5px; }
.x-reg div.mark { line-height: 24px; }
.x-input input.x-sn, .x-sn-box input { padding-left: 5px; width: 97%; }
.up-patch input.text { width: 240px; }
table.tools input.url { width: 400px; }
#x-autoUP, #x-reboot-upgraded { padding: 0; margin: 0 5px 0 0; }
div.compact { height: 20px; line-height: 20px; padding: 2px 0; }
div.compact input { height: 20px; line-height: 20px; }
.v-sys-upgrade .radio-item input { vertical-align: middle; }
.compact-box { line-height: 20px; padding: 2px 0; }
.v-sys-upgrade .x-check { margin-right: 5px; }
.v-sys-upgrade .v-info { line-height: 2em; }
.v-sys-upgrade .u-info { line-height: 2em; font-family: 宋体,Simsun; color: #666666; white-space: pre; }
.web-url a { font-size: 14px; color: #0a3ee6; }
.table .vid, .table .vloc { text-align: center; }
.table .model { text-align: left; }
col.vid { width: 100px; }
col.vtype { width: 150px; }
col.vloc { width: 80px; }
col.model { width: 300px; }
.v-agreement { line-height: 2em; }
.x-apply-try input.text { width: 240px; }
.x-apply-try .sel { width: 122px; }
.x-apply-try .sel-type { width: 246px; }
.x-apply-try .sel-city { margin-left: 6px; }
.try-qrcode { height: 320px; }
.try-qrcode img { width: 320px; height: 320px; }
body.theme-mq { background-color: #f9f9f9; }
body.v-login { background-color: #2d3d54; }
.lingan #header { background-color: #0f647a; }
.lingan #header .logo, .lingan #header .user-box, .lingan #header .user-op, .lingan .sidebar-toggle:hover { background-color: #215968; }
.lingan #header .user-info .arrow-down { border-color: #fff #215968 #215968 #215968; }
.lingan #header .main-item:hover .main-name, .lingan #header .m-hover .main-name, .lingan #header .m-on .main-name { background-color: #10aaaa; }
.lingan #header .logo img { margin: 16px 5px 0; }
@media(min-width:2000px) {
    #header, .main-view { width: 1920px; margin: 0 auto; }
}
@media(min-width:800px) {
    .v-home .sidebar { overflow: hidden; }
}
@media(max-width:1080px) {
    #header .logo, #header .ssid-text, #header .ssid-link { display: none; }
    #header .navbar { margin-left: 0; }
    #header .sidebar-toggle { display: inline-block; }
    .sidebar { left: -230px; }
    .content-wrap { margin: 0; }
    .hotel-food-view .u-item { width: 19%; margin-left: 1%; }
}
@media(max-width:700px) {
    .dataTable ul li { width: auto; float: none; display: block; }
}
@media(max-width:550px) {
    .main-center { width: 90%; margin-left: -45%; }
    .main-center .w-button { width: auto; }
    input.text { max-width: 90%; }
    textarea.text { max-width: 92%; }
    table.list td.name, table.list col.name { width: 35%; }
    .btn-box .w-button { width: 80%; display: block; margin: 20px auto; }
    .hotel-food-view .u-item { width: 48%; margin-left: 1%; }
}
@media(max-width:400px) {
    .v-home .update-time { display: none; }
    .radio-item, .chk-item, .auto-row { display: block; }
    .max-hls-text { margin-left: 0; }
    .show-passwd, .attach-item, td.value a.mark { display: block; margin: 5px 0 0 0; }
}
@media(max-height:400px) {
    .main-center { top: 100px; margin-top: 0; }
    .main-center .l-box { margin: 20px 0; }
}