/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font:12px/1.14 arial,\5b8b\4f53;color:#333;outline:0;}
body{background:#fff;}
a,a:hover{color:#333;}
body{
    overflow: hidden;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
/* function */
.f-cb:after,.f-cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
.f-cb,.f-cbli li{zoom:1;}
.f-ib{display:inline-block;*display:inline;*zoom:1;}
.f-dn{display:none;}
.f-db{display:block;}
.f-fl{float:left;}
.f-fr{float:right;}
.f-pr{position:relative;}
.f-prz{position:relative;zoom:1;}
.f-oh{overflow:hidden;}
.f-ff0{font-family:arial,\5b8b\4f53;}
.f-ff1{font-family:"Microsoft YaHei",\5fae\8f6f\96c5\9ed1,arial,\5b8b\4f53;}
.f-fs1{font-size:12px;}
.f-fs2{font-size:14px;}
.f-fwn{font-weight:normal;}
.f-fwb{font-weight:bold;}
.f-tal{text-align:left;}
.f-tac{text-align:center;}
.f-tar{text-align:right;}
.f-taj{text-align:justify;text-justify:inter-ideograph;}
.f-vam,.f-vama *{vertical-align:middle;}
.f-wsn{word-wrap:normal;white-space:nowrap;}
.f-pre{overflow:hidden;text-align:left;white-space:pre-wrap;word-wrap:break-word;word-break:break-all;}
.f-wwb{white-space:normal;word-wrap:break-word;word-break:break-all;}
.f-ti{overflow:hidden;text-indent:-30000px;}
.f-ti2{text-indent:2em;}
.f-lhn{line-height:normal;}
.f-tdu,.f-tdu:hover{text-decoration:underline;}
.f-tdn,.f-tdn:hover{text-decoration:none;}
.f-toe{overflow:hidden;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis;}
.f-csp{cursor:pointer;}
.f-csd{cursor:default;}
.f-csh{cursor:help;}
.f-csm{cursor:move;}
.f-usn{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}
/* 三列中间自适应布局 */
body,html,.g-bd5{margin:0 0 10px; height: 100%; background: #fff}
.g-sd51,.g-sd52{position:relative;float:left;width:240px;margin:0 -240px 0 0; background: #eee;height: 100%;}
.g-sd52{float:right;width:60px;margin:0 0 0 -60px;}
.g-mn5{float:left;width:100%; background: #999;height: 100%;}
.g-mn5c{margin:0 60px 0 240px;height: 100%; position:relative;z-index: 100;}
.g-c{height: 100%;width: 100%;}
.g-ct{margin-bottom: -60px; height: 60px;}
.g-cb{height:100%;}
.g-cbi{position:absolute;top:0px; bottom: 0px;left:0px;right: 0px; margin-top:60px;}
.editorbox{
transition: all 0.2s;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
position:absolute;
top: 0;right: 0;bottom: 0;left: 0;
z-index: 0;
background: #434B58;
}
.editorbox pre{
    background: #434B58;
    position:absolute;
    top: 0;right: 0;bottom: 0;left: 0;
    z-index: 500;
    opacity: 1;
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
}
.editorbox pre.now{
-webkit-animation: frame_layer_0 0.3s ;-webkit-animation-fill-mode:both;
-moz-animation: frame_layer_0 0.3s ;-moz-animation-fill-mode:both;
z-index: 501;}
@-webkit-keyframes frame_layer_0 {
    0%   {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes frame_layer_0 {
    0%   {opacity:0;}
    100% {opacity:1;}
}
::-webkit-scrollbar {width: 15px; background: #404852;  }
::-webkit-scrollbar-button{display: none;}
::-webkit-scrollbar-thumb{background: #586274;transition: all 0.2s;-moz-transition: all 0.2s;-webkit-transition: all 0.2s;-o-transition: all 0.2s;}
::-webkit-scrollbar-thumb:hover{background: #2B8CBE; }
::-moz-selection{text-shadow:none;}
::selection{text-shadow:none;}
    .lt {
        position:absolute;
        left:0px;
        top:0px;
        color:#fff;
        width:240px;
        z-index:20;
        height:60px;
        overflow:hidden;
        background: rgba(43,140,190,1);
        text-shadow: 0 0 2px rgba(0,0,0,0.7);
        transition: all 0.2s;
        -moz-transition: all 0.2s;
        -webkit-transition: all 0.2s;
        -o-transition: all 0.2s;  
    }
    .lt.hover{
        z-index: 2000;
        position:fixed;
        left:0px;
        top:0px;
        height:90%;
        margin-bottom:-90%;
        -moz-box-shadow:0px 0px 5px #000;
        -webkit-box-shadow:0px 0px 5px #000;
        box-shadow:0px 0px 5px #000;
    }

    .lt a{color:#fff;}
    .lt .name{
        position:relative;
        width:100%;
        height:60px;
        line-height:60px;
        font-size: 2em;
        text-align:left;
        color:#fff;
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }
    .lt .name i{padding-left:10px; font-size: 32px; line-height: 60px;}
    .lt .name span{padding-left:10px; font-size: 28px;line-height: 60px; display:inline-block; width:194px;}
    .lt .m{
        position:absolute;
        top:60px;
        left:0px;
        right:0px;
        bottom:0px;
        overflow:auto;
    }
    .lt ul li{
        text-indent: 10px;
    }
    .lt ul li a{
        display:block;
        color:#fff;
        line-height:25px;
        text-indent:20px;
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }
    .lt ul li a:hover{
        background:#F56D59;
    }
    .lt ul li a.now{
        background:#4FB3D3;
    }
    .lt ul li a.hover{
        background:#F56D59;
    }
    .funmenu{
        overflow-y: auto;
        overflow-x:hidden;
       -moz-user-select: none;     /*火狐*/
       -webkit-user-select: none;  /*webkit浏览器*/
       -ms-user-select: none;      /*IE10*/
       -khtml-user-select: none;   /*早期浏览器*/
       user-select: none;
    }
    .funmenu ul>li{text-indent: 10px;position:relative;}
    .funmenu ul>li{
        display:block;
        line-height:30px;
        color:#fff;
        cursor:pointer;
    }
    .funmenu ul>li:hover {
        background:#586274;
    }
    .funmenu ul>li ul.in{
        width:100%;
        height:100%;
        position:absolute;
        top:0px;
        left:0px;
        overflow:hidden;
        opacity: 0.15;
    }
    .funmenu ul>li:hover ul.in{
        opacity: 0.3;
    }
    .funmenu ul>li:active ul.in{
        opacity: 1;
    }
    .funmenu ul>li ul.in li {
        text-align:center;
        text-indent: 0;
        display:block;
        float:left;
        background:#43505F;
        line-height:30px;
        cursor:pointer;
    }
    .funmenu ul>li ul.in li:hover,.funmenu ul>li ul.in li.hover {background:#F56D59;}
    .lt .logo{
        z-index:1;
        pointer-events:none;
        position:fixed;
        bottom:0px;
        left:0px;
        /*background:url(img/logo.png) no-repeat center 5px ;*/
        width:240px;
        height:10%;
        transition: all 0.2s;
        -moz-transition: all 0.2s;
        -webkit-transition: all 0.2s;
        -o-transition: all 0.2s;
/*opacity:0;*/
        -webkit-box-reflect: below 100px -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(.5, transparent), to(rgba(3,3,3,.2)));
-webkit-text-fill-color: transparent;
    }
    .lt.hover .logo{
        opacity:1;
    }
    .ace_content{
        text-shadow: 0px 0px 1px #666;
    }
    .lt .open{
        border-bottom:5px #353D49 solid;
    }
/*    ul.plugbox{
       transition: all 0.2s;
        -moz-transition: all 0.2s;
        -webkit-transition: all 0.2s;
        -o-transition: all 0.2s; 
    }*/
    ul.plugbox li{
        width: 60px;
        height: 60px;
    }
    ul.plugbox li a{
        transition: all 0.2s;
        -moz-transition: all 0.2s;
        -webkit-transition: all 0.2s;
        -o-transition: all 0.2s;  
        display: block;
        height: 60px;
        line-height: 60px;
        text-align: center;
        padding: 0 3px;
        color: #fff;
        font-size: 28px;
        border-left:0px solid #4FB3D3;
    }
    ul.plugbox li a:hover{
        padding-left: 0px;
        border-left:3px solid #4FB3D3;
        background: #434B58;
    }
    .plugtopbox{background: #2B8CBE;}
    .plugtop{
        line-height: 60px;
        text-align: center;
        position: relative;
    }
    .plugtop .cloud1{
        line-height: 60px;
        font-size: 32px;
        color: #fff;
    }
    .plugtop .cloud2{
        line-height: 16px;
        font-size: 16px;
        color: #2B8CBE;
        position: absolute;
        left: 22px;
        top: 24px;
        opacity: 0;
        transition: all 0.2s;
        -moz-transition: all 0.2s;
        -webkit-transition: all 0.2s;
        -o-transition: all 0.2s;  
    }
    .plugtop .cloudnum{
        position: absolute;
        right: 10px;
        top: 26px;
        line-height: 14px;
        /*background: rgba(79,179,211,.8);*/
        background: #fff;
        font-size: 12px;
        min-width: 14px;
        color: #2B8CBE;
        opacity: 1;
        border-radius: 8px;
        transition: all 0.2s;
        -moz-transition: all 0.2s;
        -webkit-transition: all 0.2s;
        -o-transition: all 0.2s;  
    }
    .plugtop.show .cloud2{
        opacity: 1;
    }
    .msg ul li a{
        width: 100%;
        font-size: 16px;
        float: left;
        height: 60px;
        background:#6FD3F7;
        display:block;
        line-height: 60px;
        text-align: center;
        color: #fff;
        transition: all 0.2s;
        -moz-transition: all 0.2s;
        -webkit-transition: all 0.2s;
        -o-transition: all 0.2s;
    }
    .msg ul li.inf a{background: #4FB3D3;}
    .msg ul li.wer a{background: #FEA20F;}
    .msg ul li.suc a{background: #18C3A0;}
    .msg ul li.err a{background: #E9624E;}
.msg{
    overflow: hidden;
}
.msg ul{
    overflow:hidden;
    height: 100%;
    width: 100%;
}
.msg ul li {
    z-index: 9;
    opacity: 0;
    position: relative;
    overflow:hidden;
    float: left;
    width:90px;
    margin-left: -90px;
    margin-right: 0px;
    -moz-box-shadow:0px 0px 1px #000;
    -webkit-box-shadow:0px 0px 1px #000;
    box-shadow:0px 0px 1px #000;        
    transition: margin-left 0.4s linear,opacity 0.3s linear;
    -moz-transition: margin-left 0.4s linear,opacity 0.3s linear;
    -webkit-transition:  margin-left 0.4s linear,opacity 0.3s linear;
    -o-transition: margin-left 0.4s linear,opacity 0.3s linear;
}
@-webkit-keyframes frame_layer_1 {
    0%   {margin-right: -90px;}
    100% {margin-right: 0px;}
}
@-moz-keyframes frame_layer_1 {
    0%   {margin-right: -90px;}
    100% {margin-right: 0px;}
}

.msg ul li.jr{
    z-index: 10;
    opacity: 1;
    margin-right: 0px;
    margin-left: 0px;
    -webkit-animation: frame_layer_1 0.6s ;-webkit-animation-fill-mode:both;
    -moz-animation: frame_layer_1 0.6s ;-moz-animation-fill-mode:both;
}
.msg ul li .loading{
    display: block;
    width: 100%;
    height: 3px;
    position: absolute;
    top: 57px;
    left:0px;
}
.msg ul li .loading .in{
    transition: all 1s linear;
    -moz-transition: all 1s linear;
    -webkit-transition: all 1s linear;
    -o-transition: all 1s linear;
    display: block;
    width: 0%;
    height: 3px;
    background: rgba(255,255,255,0.5);
}