﻿html { overflow: hidden; }
body { color:#757575; }
#browser { background: #ffffee; height: 40px; line-height: 40px; text-align: center; font-weight: bold; font-size: 14px; border: 1px solid #ffe5b1; position: relative; display: none; }
#browser a { color: #3B87B1; }
#browser #bClose { position: absolute; right: 6px; top: 0; width: 20px; height: 20px; line-height: 20px; font-size: 28px; *font-size:24px;
color: #d2160b; border-radius: 14px; font-weight: normal; }
/*container*/
#container { margin: 0 auto;  }
/*col-side*/
#col-side { float: left; width: 95px; _margin-right: -3px; position: relative; z-index: 1000; }
#col-side .side-fold, #nav .main-nav { display: block; text-indent: -9999px; overflow: hidden; background-repeat:no-repeat; }
#icon-vension{display: block;position:absolute;top:0;left:0;z-index:999;}
@font-face {
  font-family: 'yi-font';  /* project id："178899" */
  src: url('//at.alicdn.com/t/font_d4mznoq9yjjaif6r.eot');
  src: url('//at.alicdn.com/t/font_d4mznoq9yjjaif6r.eot') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_d4mznoq9yjjaif6r.woff') format('woff'),
  url('//at.alicdn.com/t/font_d4mznoq9yjjaif6r.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_d4mznoq9yjjaif6r.svg#iconfont') format('svg');
}
.yi-font{ font-family:"yi-font"; font-style:normal;}

#col-side .side-fold { font-size: 16px; color: #b8d2e1; height: 45px; background-position: -588px 0; border-top: 1px solid #5595b8; border-color: rgba(255,255,255,0.2); }
/*col_main*/
#col-main { overflow: hidden; zoom: 1; }
#main-hd {position: relative;z-index: 101; height: 86px;padding: 0  0; }
#main-hd .notice{line-height: 30px;
border: 1px solid #ffdcb7;
padding: 0 10px 0 10px;
background: #ffeab5;
height: 30px;
overflow: hidden;max-width:1400px;}

#main-hd .try-box {line-height: 30px;border: 1px solid #ffdcb7;background: #ffeab5;height: 30px;overflow: hidden;max-width:1400px;}
.try-box #holder {
    max-width: 1394px;
    color: #aa7600;
    overflow: hidden;
}
.try-box #holder ul 
{
    margin-left:30px;
float: left;
}
.try-box #holder a {
color: #aa7600;
}.ml10 {
margin-left: 10px!important;
}
.lite-red, a.lite-red:hover {
color: #e05a50!important;
}
#main-hd .header{height:70px; max-width:1400px;}
.header .header-wrap
{
    padding: 0 30px;line-height:70px;
}
.header h2 {
    color: #344750;
    font-size: 18px;
    display: inline-block;
    float: left;
    font-weight: 600;
}
.header .h2-spec {
    margin-left: 10px;
    font-size: 14px;
    float: left;
    line-height:70px;
    display:none;
}
.header .icon-box {
    margin-left: 10px;
    margin-top:27px;
    font-size: 14px;
    float: left;
    height:23px;
    display:none;
}
.header .icon-box .icon-ca{ background:url(img/drp_icon.png) no-repeat 18px 18px;width:18px; height:18px; float:left; cursor:pointer; background-position: -152px -19px; }
.header .icon-box .icon-ca-on{ background:url(img/drp_icon.png) no-repeat 18px 18px;width:18px; height:18px; float:left; cursor:pointer; background-position: -133px -19px;}
.header .icon-box .icon-eos{ background:url(img/drp_icon.png) no-repeat 18px 18px;width:18px; height:18px; float:left;cursor:pointer; background-position: -114px -19px; margin-left:5px;}
.header .icon-box .icon-eos-on{ background:url(img/drp_icon.png) no-repeat 18px 18px;width:18px; height:18px; float:left;cursor:pointer; background-position: -95px -19px; margin-left:5px;}
.header .icon-box .upgrade-link
{
    height: 18px;
    line-height: 18px;
    font-size: 14px; float:left; 
    margin-left:20px;
    color:#e00;/*09C*/
}
.header .header-user {
    float: right;
    line-height: 70px;
    text-align: right;
    display: inline-block;
    color: #787878;
    font-size: 12px;
}
.header .control-filter {
    margin-right: 5px;
    display: inline;
}
li,ul{list-style:none}
.header .control-filter .target_box li{text-align:center}
.header .control-filter a{margin-right:0;display:inline-block;text-align:center; }
.header .control-filter .table-filter{background: url(img/header-table-filter.png) no-repeat;background-position: right 4px;padding-right: 15px;}
.table-filter{display:inline-block;padding-right:20px;line-height:20px;height:20px;background:url(img/header-table-filter.png) no-repeat;background-position:right 4px;cursor:pointer}
.table-filter:hover{background-position:right -22px;color:#0591aa}
.shadow{-moz-box-shadow:1px 1px 3px rgba(0,0,0,.4);-webkit-box-shadow:1px 1px 3px rgba(0,0,0,.4);box-shadow:1px 1px 3px rgba(0,0,0,.4)}

.target_box{max-height:370px;overflow-y:auto;line-height:12px;width:90px}
.target_box{border:1px solid #4d5b69;background-color:#fff;border-radius:3px}
.target_box ul{overflow:auto}
.target_box li{cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:20px}
.target_box li:hover{background-color:#F0F0F0}
.target_box li a{font-size:12px;display:block;padding:5px;text-align:center}
.target_box li.filter-op a{text-align:left;background-color:#f5f5f5;border-top:1px solid #dce2e7;color:#1b96a9}
.target_box li.filter-op a:hover{text-align:left;background-color:#eceaea;border-top:1px solid #dce2e7;color:#1b96a9}.



#main-hd .user-menu { float: right; margin:3px 0 0 0; }
#main-hd .user-menu li { float: left; display: inline; position: relative; font-family:'\5b8b\4f53'; font-weight:normal; }
#main-hd .user-menu li.space{ margin:0 10px; color:#CCC; vertical-align:middle; }
#SysNews span{ background:#f74c23; color:#FFF; border-radius:6px; position:relative; padding:0 8px; line-height:1; margin:0 0 0 2px; font-size:12px;}
.ui-icons { float:left; width: 16px; height: 16px; background: url('img/page_spr_icons.png') no-repeat; margin:2px 4px 0 0 }
.icon-news{background-position: -288px -96px;}
.icon-user { background-position: -304px -96px; }
.icon-support { width:30px; background-position: -320px -96px; }
.icon-help { background-position: -352px -96px; }
.icon-quit { background-position: -368px -96px; }
#main-hd .user-menu a { display: block; _display:inline-block; height: 100%; width: auto; overflow: hidden; }
.user-menu a:hover .icon-news{background-position: -288px -112px;}
.user-menu a:hover .icon-user { background-position: -304px -112px; }
.user-menu a:hover .icon-support { background-position: -320px -112px; }
.user-menu a:hover .icon-help { background-position: -352px -112px; }
.user-menu a:hover .icon-quit { background-position: -368px -112px; }
#main-hd .company { margin-right: 10px; font: bold 24px/1.5 'Microsoft Yahei'; text-shadow: 0 0 1px rgba(0,0,0,0.2); max-width:360px; float:left; overflow:hidden; }
#main-hd .period{ float:left; margin:15px 0 0 0; }
#main-bd { overflow: hidden; zoom: 1; }
#sysSkin{ cursor:pointer; }


#main-hd .user-menu .buy-now{ background:#F74C23; color:#FFF; padding:0 5px; font-weight:bold; border-radius:3px; }
#main-hd .user-menu .buy-now:hover{ color:#FFF; }

#page-tab { zoom: 1;}
/* personal-center-form */
.personal-center-form { padding: 0 20px; width: 260px; }
.personal-center-form .row-tip { color: #aaa; }
.personal-center-form .warning { color: #FF2200; font-size: 12px; padding-bottom: 5px; text-align: center; }
/* -----------------------
   * tab *
* ----------------------- */
.body-loading {position:fixed;z-index:9999;top:0;left:0;background:rgba(0,0,0,0.45);width:100%;height:100%;overflow:hidden;opacity:.9;}
.l-tab-loading {position:fixed;z-index:9999;top:0;left:0;background:rgba(0,0,0,0.45);width:100%;height:100%;overflow:hidden;opacity:.9;}
.spinner{margin:25% auto;width:35px;height:35px;position:relative;z-index:999999999;}
.container1 > div,.container2 > div,.container3 > div{width:8px;height:8px;background-color:#fff;border-radius:100%;position:absolute;-webkit-animation:bouncedelay 1.2s infinite ease-in-out;animation:bouncedelay 1.2s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.spinner .spinner-container{position:absolute;width:100%;height:100%;}
.container2{-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg);}
.container3{-webkit-transform:rotateZ(90deg);transform:rotateZ(90deg);}
.circle1{top:0;left:0;}.circle2{top:0;right:0;}.circle3{right:0;bottom:0;}.circle4{left:0;bottom:0;}
.container2 .circle1{-webkit-animation-delay:-1.1s;animation-delay:-1.1s;}
.container3 .circle1{-webkit-animation-delay:-1.0s;animation-delay:-1.0s;}
.container1 .circle2{-webkit-animation-delay:-0.9s;animation-delay:-0.9s;}
.container2 .circle2{-webkit-animation-delay:-0.8s;animation-delay:-0.8s;}
.container3 .circle2{-webkit-animation-delay:-0.7s;animation-delay:-0.7s;}
.container1 .circle3{-webkit-animation-delay:-0.6s;animation-delay:-0.6s;}
.container2 .circle3{-webkit-animation-delay:-0.5s;animation-delay:-0.5s;}
.container3 .circle3{-webkit-animation-delay:-0.4s;animation-delay:-0.4s;}
.container1 .circle4{-webkit-animation-delay:-0.3s;animation-delay:-0.3s;}
.container2 .circle4{-webkit-animation-delay:-0.2s;animation-delay:-0.2s;}
.container3 .circle4{-webkit-animation-delay:-0.1s;animation-delay:-0.1s;}
@-webkit-keyframes bouncedelay{0%,80%,100%{-webkit-transform:scale(0.0)}40%{-webkit-transform:scale(1.0)}}
@keyframes bouncedelay{0%,80%,100%{transform:scale(0.0);-webkit-transform:scale(0.0);}40%{transform:scale(1.0);-webkit-transform:scale(1.0);}}
.l-tab-links { position: relative; height: 32px; overflow: hidden; z-index: 1; }
.l-tab-links-left, .l-tab-links-right { position: absolute; width: 16px; z-index: 13; overflow: hidden; cursor: pointer; }
.l-tab-links-left { left: 0; border-top-left-radius: 2px; }
.l-tab-links-right { right: 0; border-top-right-radius: 2px; }
.l-tab-links-left i, .l-tab-links-right i { border-style: solid; border-width: 5px; font-size: 0; height: 0; margin: 10px 0 0 0; display:block; width:0; height:0; overflow:hidden;}
.l-tab-links-right i { background-position: -16px -16px; }
.l-tab-links-left-over, .l-tab-links-right-over { background: #f4f4f4; }
.l-tab-links-left-over i { background-position: 0 -16px; }
.l-tab-links-right-over i { background-position: -16px -16px; }
.l-tab-links-left-invalid { background-position: 0 0; }
.l-tab-links-right-invalid { background-position: -16px 0; }
.l-tab-links ul { list-style: none; width: 9999px; overflow: hidden; position: absolute; top: 0; left: 0; zoom: 1; }
.l-tab-links li { float: left; margin: 0; padding: 0; display: inline; cursor: pointer; position: relative; overflow: hidden; }
.l-tab-links li.l-selected { z-index: 10; z-index: 10; 
/*background: -moz-linear-gradient(top, #fcfcfc, #f4f4f4); 
background: -webkit-gradient(linear, 0 0, 0 100%, from(#fcfcfc), to(#f4f4f4)); 
background: -o-linear-gradient(top, #fcfcfc, #f4f4f4);
background: -ms-linear-gradient(top, #fcfcfc 0%,#f4f4f4 100%); 
background: linear-gradient(top, #fcfcfc, #f4f4f4); 
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f4f4f4');*/}
.l-tab-links li a { display: block; margin: 0 30px 0 10px; text-decoration: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -khtml-user-select: none; user-select: none; }
.l-tab-links li.l-selected a { color: #757575; font-size: 14px; }
.l-tab-links-item-left, .l-tab-links-item-right { display: none; }
.l-tab-links-item-close { width: 12px; height: 12px; overflow: hidden; position: absolute; top: 8px; right: 5px; z-index: 12; cursor: pointer; }
.l-selected .l-tab-links-item-close { background-position: 0 -12px; top: 8px; }
.l-tab-links .l-tab-links-item-close-over { background-position: 0 -12px; border-radius: 1px; color:#c5160b; }
.l-tab-content { margin: 0 auto; padding: 0; width: 100%; background:#F7F7F7; }
.l-tab-content-item { width: 100%; overflow: hidden; position: relative; }
.l-tab-content-item iframe { width: 100%; height: 100%; border: none; }
.l-tab-drag-proxy { border: 1px solid #BDD1EE; position: absolute; z-index: 1001; height: 25px; line-height: 25px; padding-left: 19px; padding-right: 4px; background: white; }
.l-tab-drag-proxy .l-drop-icon { position: absolute; top: 5px; left: 4px; width: 16px; height: 16px; }
.l-drop-no { background: white url('img/ligerui/drop-icons.gif') no-repeat 0px -20px; width: 16px; height: 16px; overflow: hidden; }
.l-drop-yes { background: white url('img/ligerui/drop-icons.gif') no-repeat 0px 0px; width: 16px; height: 16px; overflow: hidden; }
.l-tab-drag-droptip { width: 9px; position: absolute; top: 30px; left: 30px; height: 44px; z-index: 1000; }
.l-tab-drag-droptip .l-drop-move-up { position: absolute; top: 0px; }
.l-tab-drag-droptip .l-drop-move-down { position: absolute; bottom: 0px; }
.l-drop-move-up { background: transparent url('img/ligerui/drop-icons.gif') no-repeat -40px 0px; width: 9px; height: 9px; overflow: hidden; }
.l-drop-move-down { background: transparent url('img/ligerui/drop-icons.gif') no-repeat -60px 0px; width: 9px; height: 9px; overflow: hidden; }
/* --------------
   *   menu  *
* ------------ */

.l-menu { border: 1px solid #979797; background: #F5F5F5; position: absolute; overflow: hidden; padding-bottom: 2px; z-index: 1001 }
.l-menu-shadow { z-index: 1000;  filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=2, MakeShadow=false, ShadowOpacity=0.2);background: #ddd; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2); position: absolute; }
.l-menu-inner { position: relative; width: 100%; z-index: 103; }
.l-menu-over { position: absolute; top: -24px; left: 2px; z-index: 102; height: 22px; overflow: hidden; background: url('img/ligerui/menu-item-over-m.gif') repeat-x; width: 97%; }
.l-menu-yline { background: url('img/ligerui/menu-line-y.gif') repeat-y; width: 2px; height: 2000px; position: absolute; left: 28px; top: 1px; z-index: 101; }
.l-menu-over-l { background: url('img/ligerui/menu-item-over-l.gif') no-repeat; width: 28px; height: 22px; position: absolute; top: 0; left: 0; }
.l-menu-over-r { background: url('img/ligerui/menu-item-over-r.gif') no-repeat; width: 3px; height: 22px; position: absolute; top: 0; right: 0; }
.l-menu-item { position: relative; height: 23px; line-height: 23px; width: 100%; cursor: pointer; }
.l-menu-item-line { background: url('img/ligerui/menu-line-x.gif') repeat-x; height: 2px; width: 100%; margin-top: 1px; margin-bottom: 1px; margin-left: 30px; line-height: 2px; overflow: hidden; }
.l-menu-item-arrow { background: url('img/ligerui/menu-item-arrow.gif') no-repeat; position: absolute; top: 8px; right: 9px; width: 4px; height: 7px; }
.l-menu-item-text { color: #000000; left: 33px; position: absolute; top: 0; }
.l-menu-item-icon { left: 3px; top: 0; position: absolute; width: 25px; height: 22px; overflow: hidden; }
.l-menu-item-disable { cursor: default; }
.l-menu-item-disable .l-menu-item-text { color: #A1A1A1; }
#tabManage { width: 26px; border-top-right-radius: 3px; }
#tabManage i { border-style: solid; border-width: 4px; font-size: 0; height: 0; margin: 13px 0 0 8px; display:block;width:0;height:0;overflow:hidden;}
#tabManage .tab-menu { position: absolute; z-index: 100; width: 200px; background: #F00; border: 1px solid #F00; }
.l-tab-menu { position: absolute; background: none repeat scroll 0 0 #fff; border: 1px solid #ccc; border-radius: 0 0 4px 4px; cursor: default; left: 0; line-height: 25px; outline: 0 none; padding: 7px 0; position: absolute !important; text-align: left; top: 0; white-space: nowrap; z-index: 1000; box-shadow:0 0 10px rgba(0, 0, 0, 0.5); }
.l-tab-menu p { width:115px; text-indent:10px; margin-bottom:3px; cursor:pointer; }
.l-tab-menu p b{ float:left; width:16px; height:16px; margin:6px 0 0 10px; }
#tabCloseAll b{ background:url(img/close_all.png) 0 0 no-repeat; }
.l-tab-menu p:hover{ background:#eee; }
/*重新初始化*/
.re-initialize{ color:#555; }
.re-initialize h3{ color:#F00; margin-bottom:10px; }
.re-initialize ul{ padding-left:16px; margin-bottom:10px; }
.re-initialize ul li{ list-style:square; }
.re-initialize p input{ vertical-align:middle; margin-right:6px; }
.check-confirm{ visibility:hidden; color:#F00; font-size:12px; }



.ui-tips {
	padding: 8px 30px;
	color: #4caf50;
	font-size: 12px;
	background-repeat: no-repeat;
    background-position: 15px center;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.16),0 1px 4px 0 rgba(0,0,0,.12);
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.16),0 1px 4px 0 rgba(0,0,0,.12);
    opacity: .95;
}

.ui-tips .close {
	position: absolute;
	top: 7px;
	right: 5px;
	width: 12px;
	height: 12px;
	overflow: hidden;
	font-size: 0;
	cursor: pointer;
	background-position: -48px 0
}

.ui-tips i {
	position: absolute;
	top: 8px;
	left: 8px;
	display: block;
	width: 16px;
	height: 16px;
	overflow: hidden;
	font-size: 0
}

.ui-tips-error {
	background-color: rgba(255,205,210,.8);
	color: #f44336;
	box-shadow: 0 0 5px rgba(225,86,86,0.15);
	border-color: #ffcdd2
}

.ui-tips-error a {
	color: #3b87b1
}

.ui-tips-error i {
	background-position: -16px 0
}

.ui-tips-warning {
	color: #ff9800;
	background-color:rgba(255,224,178,.8);border-color:#ffe0b2;box-shadow:0 0 5px rgba(248,171,58,0.15)
}

.ui-tips-warning a {
	color: #3b87b1
}

.ui-tips-warning i {
	background-position: -32px 0
}

.ui-tips-success {
	background-color:rgba(200,230,201,.8);
	color: #4caf50;
	box-shadow: 0 0 5px rgba(200,230,201,0.15);
	border-color: #c8e6c9
}
.ui-tips-success a {
	color: #3b87b1
}

.ui-tips-success i {
	background-position: 0 0
}

.ui-tips-text {
	color: #f00
}