/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
*, *:active, *:focus {outline: 0 none;}
*html{ margin:0; padding:0;}
ul,li{ margin:0; padding:0;}
form{ margin:0; padding:0;}
a{color:#0090D9; text-decoration:none;}
a:hover{ text-decoration:none;border-radius:2px;}
body
{
    background:/*#DBE1E1*/#F1F2F5;
    font-size: 12px;
    font-family:微软雅黑, Verdana, Helvetica, Sans-Serif;
    margin: 0;    
    padding: 0;
    color: #2B2B2B;   
    border:solid 0px red;
    cursor:default;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page
{
    padding:0;
    margin-top:75px;
    width: 950px;    
    margin-left: auto;
    margin-right: auto;    
    border:solid 0px #000;
    min-height:100%;
    _height:100%;    
    word-break:break-all;word-wrap:break-word;
}

#header
{  
    
    margin-bottom: 0px;
    color: #000;
    padding: 0;
    margin:0;
    border:solid 0px red;
    height:60px;
}

.top-bar-bg
{
    background:-moz-linear-gradient(center top , #fff, #fff) repeat scroll 0 0 transparent;    
    background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)); 
    background-color:#fff\0;
    *background-color:#fff;
    _background-color:#fff;
    background:rgba(255, 255, 255, .96);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    height: 100%;    
    position:fixed;
    left: 0;
    top: 0;
    _position:absolute;/*_top:expression(documentElement.scrollTop+'px');    */
    width: 100%;
    z-index:1002;
    }

#title{}
#title a.logo{ height:35px; display:block; float:left; margin-top:10px; margin-left:0px; /*font-family:@Adobe 黑体 Std R;*/ font-size:28px; color:#00AEEC; font-weight:600;}
#title a.logo:active{ margin-top:10px;  opacity:.9;}
#logindisplay
{
    position:absolute;
    top:10px;    
    color:#CAECF9;    
}
#logindisplay a{color:#CAECF9; text-decoration:none; margin-left:8px;}
#logindisplay a:hover{ text-decoration:underline;}

#header_container{width:950px; margin:0 auto; position:relative;}

#main
{
    border:solid 0px #36B2E5-;
    padding:0px;
    margin:0px;        
}

.container{*+float:left;}
.tow-column{border: 0px solid #5599BB; border-radius:4px; box-shadow: 0px 0px 0px #999999;}

.column-left{ float:left; width:620px;  margin:0; padding:0px; _padding:20px 10px 20px 20px; border:solid 0px red; background:transparent; }
.column-right{ float:right; width:280px;  padding:20px; background:#fff; border-radius:4px;  border:solid 0px #000; }
.column-right h2{ font-size:14px; margin:14px 0; padding:0;}
.column-right a{ color:#808080;}

.main-inner{background:#fff; padding:20px; *+float:left; border: 0px solid #5599BB; border-radius: 4px; box-shadow: 0 0 0px #A9B8B8; width:896px; }/*F0F8FB*/

#footer
{
    font-family:Arial;
    color: #aaa;
    padding: 10px 0;
    text-align: center;
    line-height: normal;
    margin:30px auto 0px;    
    font-size: 14px;    
    border-top:solid 0px #6FBFE6;
    width:100%;
    background:#555;
    border-radius:0px;  
    /*text-shadow: 1px 1px 1px #fff;*/
}
#footer p{ line-height:26px;}
#footer a{ color:#aaa; text-decoration:none; font-size:12px; /*text-shadow: 1px 1px 1px #fff;*/}
#footer a:hover{ text-decoration:underline;}


/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/


select{ border:solid 1px #BBB; border-radius:5px; background:#FCFCFC; color:#222; height:32px;}
.txt{ border: 1px solid #BBB; border-radius:5px; background:#FCFCFC; font-size:14px; height:32px; line-height:32px; padding:2px 10px 2px; color:#222;}
textarea,.textarea{ font-size:14px; border: 1px solid #BBB;border-radius:5px; background:#FCFCFC; overflow:auto; padding:4px 10px 4px; font-size:14px; color:#222;}
.focus-border{border-color:#5599BB; border-color: rgba(85, 153, 187, 0.75) !important; box-shadow: 0 0 8px rgba(85, 153, 187, 0.5); background-image:none; background-color:#fff;}
.c{}


.btn{font-size:16px; border-left:solid 1px #FB7299; border-top:solid 1px #FB7299; border-right:solid 1px #FB7299; border-bottom:solid 1px #FB7299; background:#FB7299; background: -moz-linear-gradient(center top , #FB7299, #FB7299) repeat scroll 0 0 transparent; background:-webkit-gradient(linear, left top, left bottom, from(#FB7299), to(#FB7299)); font-weight:bold; color:#fff; padding:8px 26px; *padding:7px 22px; margin-right:5px; border-radius:5px; cursor:pointer;  }
.btn-hover{ background:#FA658E; border:solid 1px #FB7299; color:#fff; box-shadow:1px 1px 4px #FFF;}
.calendar-txt{border: 1px solid #7F9DB9; height:18px; line-height:18px; background:url(images/input_bg2.gif) repeat-x 0 -11px;  }
.calendar-ico{background:url(images/calendar_14x14.gif) no-repeat 145px center;}
a.cancel{ color:#868686; text-decoration:none; margin-left:10px; font-size:16px; vertical-align:middle; }
a.cancel:hover{ color:#000; text-decoration:none;}

.drop{ border:solid 1px #7F9DB9; height:24px; background:url(images/input_bg2.gif) repeat-x 0 -11px;}

/* TABLE
----------------------------------------------------------*/

.table 
{
  border: solid 1px #e8eef4;
  border-collapse: collapse;
}

.table td 
{
  padding: 5px;   
  border: solid 1px #e8eef4;
}

.table th
{
  padding: 6px 5px;
  text-align: left;
  background-color: #e8eef4; 
  border: solid 1px #e8eef4;   
}

.tb-form{ margin:0 0 30px 90px;}
.tb-form th{ text-align:right; font-weight:normal; padding:10px 2px; font-size:14px; vertical-align:top;}
.tb-form td{ padding:4px 2px;}
.tb-form th label{ font-size:14px;}
.tb-form td label{ font-size:12px; color:#666;}

.reg-form{ margin:60px 0px 60px 100px;}
.reg-form th{ text-align:right; font-weight:normal; padding:15px 2px; font-size:14px; vertical-align:top;}
.reg-form td{ padding:10px 2px;}
.reg-form th label{ font-size:14px;}
.reg-form td label{ font-size:12px; color:#666; margin-top:14px; display:inline;}

.box-form{ margin:0px;}
.box-form th{ text-align:right; font-weight:normal; padding:10px 2px; *padding:12px 2px; font-size:14px; vertical-align:top;}
.box-form td{ padding:4px 2px;}
.box-form label{ font-size:14px;}

/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both; font-size:0px; height:0px; line-height:0; margin:0; padding:0;
}

.error
{
    color:red;
}


.field-validation-error
{
    color:red;
}

.input-validation-error
{
    border: 1px solid red;
    background-image:none;
    background-color: #FFF4F4;
}

.validation-summary-errors
{
    font-weight: bold;
    color: red;
}


/* MENU
---------------------------------------------------------*/

 .menu
    {margin: 0;       
        padding: 0;        
        position:absolute;
        top:12px; *+top:8px;top:8px\0; left:180px;
        z-index:1001;
        border:solid 0px red;
        z-index:1001;
    }
    .menu li
    {
        margin:0;
        float: left;
        list-style: none;
        /*font: 12px Tahoma, Arial;*/
    }
    .menu li a
    {
        display: block;        
        padding: 8px 12px 8px;
        text-decoration: none;
        margin-right:1px;        
        font-size:16px;
        font-weight:600;
        color:#000;
        white-space: nowrap;        
    }
    .menu li a.hover
    {
        background:#eee;
        color:#000;
        border:solid 0px #eee; 
        border-radius:6px 6px 6px 6px;
        padding:8px 12px 8px;       
    }
    .menu li ul
    {
        margin: 0;
        padding: 0px 2px 2px;
        position: absolute;
        top:39px; *+top:37px;top:37px\0;
        visibility: hidden;
        border: 1px solid #eee;
        border-top:solid 0px #ccc;        
        z-index:99999; 
        background:#fff;
        background:rgba(255, 255, 255, .96);
        border-radius:6px 6px 6px 6px;
        box-shadow:0 0 6px rgba(0, 0, 0, 0.3);
    }
    .menu li ul li
    {
        float: none;
        display: inline;
    }
    .menu li ul li a
    {
        font-size:12px;
        font-weight:normal;
        width: 120px;
        color: #000;
        margin:0;
        padding:8px 0px 8px 12px;        
    }
    .menu li ul li a:hover
    {
        background:#f0f0f0;
        color:#000;        
    }
    .menu li ul li.sp a
    {
        border-bottom: solid 1px #E6E6E6;
    }
    .menu i{ font-size:26px; font-weight:900;}
    
     
    .top-action{ position:absolute; right:2px; top:14px; color:#444;}
    .top-action a{color:#444; text-decoration:none; margin-left:5px; float:left; border:solid 0px #fff;}  
    .top-action a:hover{ color:#000; text-decoration:none;}
    .top-action ul.action-list{ margin:0; padding:0; list-style:none;float:left;}
    .top-action ul li.list-item a{}
    .top-action ul li{ float:left; height:30px; line-height:30px;}
    
    .top-action li.list-item a.set{ padding-right:5px; background-image:none; line-height:22px; *+margin-top:2px; margin-top:2px\0;}
    .top-action a.set span{ float:left; cursor:pointer; margin-top:5px;}
    .top-action a.set span.setup{ margin-top:9px; *margin-top:7px; margin-top:7px\0;}
    .top-action a.set strong{ width:18px; height:18px; float:left; margin-left:4px; }
    .top-action a.set:hover strong{ }    
    .top-action a.signout{ padding:0 15px;margin-top:1px;}
    .top-action a.signout:hover{ }
    .top-action a.message{ padding:0 15px;margin-top:1px;}  
    .top-action a.message:hover{ }  
    .top-action li strong.hot{ background:red; color:#fff; font-weight:bold; padding:0 2px;  height:12px; font-size:10px; position:absolute; top:0px; right:30px; border-radius:3px; float:none; line-height:12px; cursor:pointer;}  
    
    
    .top-action li ul{ display:none; padding:0px; width:150px;list-style:none; border:solid 1px #EEE; background:#fff; color:#333; position:absolute; border-radius:6px;box-shadow:0 0 6px rgba(0, 0, 0, 0.3);}
    .top-action li ul li{ margin:0; padding:0px; float:none; }
    .top-action li ul li a.pop-item{ color:#333; width:120px;float:left; margin:0; padding:8px 15px; background-image:none;}
    .top-action li ul li a.pop-item:hover{ color:#000; background:#F0F0F0;}
    
    .top-action a i{ font-size:16px;}
    
    .top-search-wrap{ position:absolute; top:0px; left:440px; padding:0 20px 20px;}
    .top-search-wrap-focus  
    {
        background:#fff;
        border-radius:0px 0px 6px 6px;
        box-shadow:0 0 6px rgba(0, 0, 0, 0.3);
    }
    .top-search{ margin-top:12px; border-radius:6.25rem; height:34px; background:#eee;}
    .top-search i{font-size:16px; margin-left:10px;}
    .top-search input{border:0; background-color:transparent;  height:34px; width:140px;}
    .top-search-wrap-focus .top-search input{width:240px;}
    .top-search-wrap-focus select{width:280px; background:#eee; color:#000; height:34px; border-radius:6.25rem; border:0; padding:0 20px;}
    .top-search-date {border-radius:6.25rem; height:34px; background:#eee;}
    .top-search-date input { height:30px; width:90px; padding:0 20px; color:#000; background: transparent; border:0;}
    .top-search-submit{ background:#FB7299; color:#FFF; border:0; width:80px; height:40px; border-radius:8px; font-size:14px;}
    .top-search-cancel{ background:#EEE; color:#000; border:0; width:80px; height:40px; border-radius:8px; font-size:14px;}
    
    
    .ka{ padding:10px;}
    .ka div{ margin:5px 0px; clear:both;}
    .ka dl{ float:left; margin:5px; padding:0;}
    .ka dt{float:left; margin:0; padding:5px 2px 0 0;}
    .ka dd{float:left; margin:0; padding:0;}

.tab1{width:855px; margin:0px 20px 20px; padding:0; height:27px; position:relative; border-bottom:solid 1px #EEE;}

/*.tabList { border-bottom:solid 0px #ccc; overflow:hidden; height:27px; margin:20px 0; padding:0 0 0 12px; background:url(images/tab_1.jpg) left 26px repeat-x; }
.tabList li { font-size:12px; font-family:宋体;float:left; display:block; margin:0 5px 0 -1px;  color:#1E50A2; font-size:14px; border-left:0px solid #ccc; border-right:1px solid #ccc; cursor:default; background:url(images/tab_1.gif) left top repeat-x #F5F8FD;}
.tabList li.current {font-weight:bold; color:#2b2b2b;padding:7px 23px;  background:url(images/tab_1.gif) left -30px repeat-x #FAFBFF;}
.tabList li.current a{}
.tabList li a{ display:block; color:#666; text-decoration:none;padding:4.5px 25px; padding:6px 25px \9; *padding:6px 24px; _padding:5px 25px;}
.tabList li a:hover{ color:#000; border:solid 1px #999; border-bottom:1px solid #f0f0f0; padding:3.5px 24px;padding:5px 24px \9; *padding:5px 23px; _padding:4px 24px;}
*/

.tabList { border-bottom:solid 0px #ccc; overflow:hidden; height:33px; margin:20px 0; margin-bottom:0px; padding:0 0 0 0px; background-color:transparent;  position:absolute; bottom:0; left:0; }
.tabList li {float:left; display:block; margin:0 5px 0 -1px;  color:#1E50A2; font-size:15px;  cursor:default;}
.tabList li.current {font-weight:bold; color:#2b2b2b;padding:5px 23px 0; background:#FFF;}
.tabList li.current span{border-bottom:4px solid #74C5EA; padding-bottom:4px;}
.tabList li.current a{}
.tabList li a{ display:block; color:#666; text-decoration:none;padding:4.5px 25px; padding:6px 25px \9; *padding:6px 24px; _padding:5px 25px;}
.tabList li a:hover{ color:#000; border:solid 1px #FFF; border-bottom:1px solid #FFF; padding:3.5px 24px;padding:5px 24px \9; *padding:5px 23px; _padding:4px 24px;}


.tabList li.write-shortmsg{ background:#fff; border:0;}
.tabList li.write-shortmsg a{ padding:4.5px 10px;}
.tabList li.write-shortmsg a:hover{ border:0; padding:4.5px 10px;}


.face-80{ padding:0px; border:0; margin:10px; _margin:4px; background:#fff; float:left;}
.face-80 a{ display:block; border:solid 0px #ccc; width:80px; height:80px;}
.face-80 img{border:solid 0px #fff; border-radius:4px; padding:0; margin:0; width:80px; height:80px;}

.nophoto80{ background:url(images/nophoto.png) no-repeat 0 0; width:80px; height:80px;}
.nophoto48{ background:url(images/nophoto.png) no-repeat 0 -80px; width:48px; height:48px;}
.nophoto24{ background:url(images/nophoto.png) no-repeat 0 -128px; width:24px; height:24px;}


.category-wrapper{  border:solid 0px #f0f0f0;}
.category-wrapper div{width:160px; border-right:solid 1px #ccc; float:left; margin-right:10px;}
.category-wrapper ul{ list-style:none; margin:0; padding:2px; display:block}
.category-wrapper li{ margin:0px; word-break:break-all; padding:4px; *padding:3px; position:relative; cursor:default;}

.category-wrapper li a{ padding:2px; color:#333; text-decoration:none; white-space:normal; }
.category-wrapper li a:hover{  }

.category-wrapper li.hover{border:solid 1px #A6DEFD; padding:3px;*padding:2px; background-color:#DEF3FE;}

.category-wrapper li a.removed{ color:#AFAFAF;}
.category-wrapper li a span{ background:url(images/check_ico.gif) no-repeat -5px -33px; width:12px; height:12px; float:left; margin-right:5px;}
.category-wrapper li a.removed span{ background:url(images/check_ico.gif) no-repeat -5px -6px; }

.category-wrapper li span.edit{ display:block; position:absolute; right:18px; top:4px; _right:44px; cursor:pointer; background:url(images/category_edit.gif) no-repeat center; width:13px; height:13px;}
.category-wrapper li span.del{ display:block; position:absolute; right:2px; top:4px; _right:28px; cursor:pointer; background:url(images/window_close_grey2.gif) no-repeat center; width:13px; height:13px;}
.category-wrapper h3{ font-size:14px; margin:10px 6px;}

.winbox{ border:solid 0px #ccc; padding:0px; position:absolute; background:#fff;z-index:998;}
.winbox-title{ height:20px; line-height:20px; font-weight:bold; background:#f0f0f0; border-bottom:solid 1px #ccc; }
.winbox-title label{ padding-left:6px;}
.winbox-title span{ display:block; cursor:pointer; position:absolute; top:3px; right:6px; width:14px; height:14px; background:url(images/window_close_grey.gif) no-repeat center;}

.dropshadow{
 float:left;
 clear:left;
 background:url(images/shadowAlpha.png) no-repeat bottom right !important;
 background:url(images/shadow.gif) no-repeat bottom right;
 margin: 10px 0 10px 10px !important;
 margin: 10px 0 10px 5px;
 width: 360px;
 padding: 0px;
 z-index:997;
}

.winbox .inner {  position:relative;bottom:6px;right: 6px;border:solid 1px #999; padding:0px; margin: 0px; background:#fff; }
.winbox .inner table{ margin:0px; padding:10px;}
.drop-box{width:298px; border:solid 2px #5599BB; border-radius:6px; box-shadow:1px 1px 4px #ccc; background:#fff; clear:both; display:none; position:absolute; padding:5px;}
.drop-box a{ color:#2669AC; text-decoration:none;white-space:nowrap; margin:5px; line-height:22px;}
.drop-box a:hover{ color:#F07800;}
.drop-box .close{display:block; width:13px; height:13px; background:url(images/window_close_grey.gif) no-repeat center; position:absolute; top:1px; right:2px; cursor:pointer;}
.drop-box .add-new{ text-align:right;}


.book{ margin:0px; padding:0;}
.book-date{ background:#F1F2F5; border:solid 0px #F1EFAE; border-radius: 10px; float:left; margin:18px 0 16px 20px; _margin:8px 0 8px 8px; cursor:pointer;}
.book-date span{ display:block; width:48px;padding:0px 2px 1px; margin:-2px 0 0; background:#fff; color:#000; font-weight:bold; font-size:28px; text-align:center; border:solid 1px #ccc; border-top-width:0; border-radius:0 0 10px 10px;}
.book-date span.book-date-month{font-size:8pt; _font-size:8pt;*font-size:8pt; font-weight:normal; background:#00AEEC; color:#fff;border-radius:10px 10px 0 0; padding:3px 3px; white-space:nowrap; word-break:keep-all; height:14px; overflow:hidden; border:0;}
.book-date span.ds{ background:#FB7299;}
.book-date-ds{ background:#F7E6EA;}

.day-count{ /*position:absolute; top:6px; right:5px;*/ padding:10px 0 4px;}
.day-count span{ padding:2px;}

.book-items{ background:#fff; border-radius: 4px; border-bottom:solid 0px #ccc; margin-bottom:10px; *float:left;_float:left;/*可以解决IE6,7 滚动 层消失的问题*/} 
.book-day-items{ background:#fff; float:right;border-radius: 6px; margin:10px 16px 16px 0; _margin:0 0 0 15px; width:515px;}

.book-item2{ text-align:left;margin:0; padding:5px 10px; border-top:dashed 1px #DCDDDD; background:#fff;}
.book-item2 .book-details{ color:#333;  width:440px; font-size:14px; line-height:22px; padding:4px 0 !important; }
.book-item2 .book-details a{ color: #0090D9; font-weight:bold; text-decoration:none;}
.book-item2 .book-details a:hover{ color:#fff; background:#0090D9;}
.book-item2 .book-details a.item-name{ color:#333; font-weight:normal;}
.book-item2 .book-details a.item-name:hover{ color:#fff; background:#0090D9;}
.book-item2 .book-photo{ padding:0;}
.book-item2 .book-photo img{}
.book-item2 .book-photo a{ margin-right:5px;}
.book-item2 .book-mood {border:solid 0px #ccc; width:440px; margin:4px 0; font-size:14px; line-height:22px; }
.book-item2 .book-mood img{ vertical-align:middle;}
.book-item2 .book-op{ text-align:right; width:490px; padding-top:8px;}
.book-op a{ color:#999; text-decoration:none; margin-left:0px; padding:2px 5px;}
.book-op a:hover{ text-decoration:none; color:#fff; background:#999;}
.book-op .float-left{ float:left; color:#999;}
.book-op .float-right{ float:right; color:#999;}

/* 评论样式
-------------------------------------------------------*/

.comment-wrapper{ border:solid 0px #ccc; margin:0px;}
.comment{padding:20px 10px; border-bottom:dashed 1px #dcdddd;}
.comment-main{ float:left; width:455px; border:solid 0px red;}
.comment-userinfo{ margin:5px 0px; color:#999;}
.comment-userinfo a{ color:#0082CB; text-decoration:none;}
.comment-userinfo a:hover{ text-decoration:underline;}
.comment-content{ color:#666; line-height:22px; word-break:break-all; word-wrap:break-word; }
.comment-userface{ float:left; width:50px; height:50px; margin:0px 20px 0px 20px; _margin:0px 14px 0px 14px;}
.face{ border:solid 0px #ccc; border-radius:4px; padding:0px;}
.face a{ float:left; padding:0px; width:100%; height:100%; display:block;}

.emotion-ico{ background:url(images/icon_1.png) no-repeat 0px 0px; width:18px; height:18px; cursor:pointer; margin-bottom:4px;}


.reply-wrapper{ margin:10px 0px 3px 0px; background:#EFF4F8; word-break:break-all;word-wrap:break-word;}
.reply{padding:10px 0px; border-bottom:dashed 1px #dcdddd;background:#EFF4F8; border-left:solid 3px #ABC5DA;}
.reply-main{ float:left; width:355px; border:solid 0px red;}
.reply-userinfo{ margin:5px 0px; color:#999;}
.reply-userinfo a{ color:#0082CB; text-decoration:none;}
.reply-userinfo a:hover{ text-decoration:underline;}
.reply-content{ color:#666; line-height:22px; word-break:break-all; word-wrap:break-word;}
.reply-userface{ float:left; width:26px; height:26px; margin:0px 10px 0px 20px; _margin:0px 10px 0px 14px; background:#fff;}

.reply-box{ display:none; background:#EFF4F8; padding:10px 20px;border-left:solid 3px #ABC5DA;}
.reply-box textarea{ background-color:#fff; resize:vertical;}

.msgbox{ position:absolute; top:300px; left:200px; height:50px; background:url(images/gb_tip_layer.png) -6px -3px no-repeat; padding-left:43px; width:400px;}
.msgbox-left{ border:solid 0px blue; padding-right:3px;}
.msgbox-right{background:url(images/gb_tip_layer.png) 0px 3px repeat-x; }
.msgbox-center{ border:solid 0px green; height:50px;background:url(images/gb_tip_layer.png) 4px -164px repeat-x;}


.upload-wrapper{display:none; position:absolute; background:#fff; border:solid 1px #ccc; padding:20px; width:300px;}
.upload-wrapper span{ display:block; cursor:pointer; position:absolute; top:2px; right:2px; width:14px; height:14px; background:url(images/window_close_grey.gif) no-repeat center;}
.upload-loading{ background:url(/content/images/load.gif) no-repeat left center; display:none; padding-left:50px;}
.upload-msg{ display:none; color:red; margin-top:10px;}

.img-wrapper{ padding:4px 4px 22px 4px; border:solid 1px #999; position:relative; float:left; margin:6px; width:100px; height:100px; text-align:center;}
a.img-del{ color:#333; position:absolute; bottom:1px; left:40px; padding:0;font-size:12px;}
a.img-del:hover{ text-decoration:underline; background:#fff; padding:0px; }


a.btn-green{ background:url(images/btn_green_93x30.gif) no-repeat; width:93px; height:30px; display:block; text-align:center; line-height:30px; color:#000; font-size:14px;  text-decoration:none;}
a.btn-green:hover{background:url(images/btn_orange_93x30.gif) no-repeat;}

.pager {	
	font-size:12px;
	padding:10px 0;
	text-align:right;
	 margin:30px 0 10px 0;
}
.pager .current {
	background-color:#EEE;
	border:2px solid #EEE;
	color:#000;
	font-weight:bold;
	padding:2px 5px;
	-moz-border-radius:5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.pager a 
{
    background-color:#fff;
	border:2px solid #fff;
	color:#4B78BB;
	margin:0 2px;
	padding:2px 5px;
	text-decoration:none;
	-moz-border-radius:5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.pager a:hover{
	background-color:#FB7299;
	border:2px solid #FB7299;
	color:#FFFFFF;
}


/*访客*/
.visitors-wrapper{ width:190px;}
.visitors-wrapper dl{ margin:5px; padding:0; width:50px; height:70px; float:left; border:solid 0px red;}
.visitors-wrapper dt{ margin:0; padding:0;}
.visitors-wrapper dd{  margin:2px 0px 0px 0px; padding:0; text-align:center; _width:50px; overflow:hidden; white-space:nowrap; word-break:keep-all;}
.visitors-wrapper dd a{ color:#333; text-decoration:none;}
.visitors-wrapper img{ background:#fff; padding:2px;}


/*个人资料*/
.profile-wrapper{position:relative; z-index:10; color:#333; margin-top:10px; word-break:break-all;white-space:normal; }
.name-area{ position:absolute; top:0px; left:92px; _left:10px; margin-right:10px; }
.name-area .n{font-weight:bold; margin-bottom:10px; white-space:normal; width:85px; word-break:break-all;}
.name-area .s{ margin-bottom:5px;}
.name-area .a{}
.signature{ position:relative; padding:0px; margin:10px 0px; line-height:20px;}
.userurl{ width:265px; margin-left:0px; border:solid 0px #fff; white-space:normal;}
.userurl a{ word-break:break-all; }

/**/



.bir-star{ font-size:14px;}

.select-y{ font-size:14px; width:70px; padding:2px 10px 2px;}
.select-m{ font-size:14px; width:50px;padding:2px 10px 2px;}
.select-d{ font-size:14px; width:50px;padding:2px 10px 2px;}

.select-p{ font-size:14px; width:110px;padding:2px 10px 2px;}
.select-c{ font-size:14px; width:110px;padding:2px 10px 2px;}

.summary-wrapper{ background:#FFFFE1; border:solid 1px #FDDE82; padding:10px; width:540px; margin:10px auto;}


.expense-sub-tabs{ padding-left:30px;}
.expense-sub-tabs a{ color:#333; margin-right:10px; text-decoration:none;}
.expense-sub-tabs a:hover{ text-decoration:underline;}
.expense-sub-tabs a.current{ font-weight:bold; font-size:18px; text-decoration:none;}

.select-cond{ margin:10px 0; padding-left:30px;}
.select-cond a{ color:#494949; text-decoration:none; margin-right:4px;}
.select-cond a:hover{ text-decoration:underline;}
.select-cond a.current{ font-weight:bold; color:#000; font-size:18px; text-decoration:none; background:#fff;}

.font-tip{ color:#FD6102; font-size:12px;}

.alert-box{ display:none; border:solid 1px #FF9D5B; border-radius:6px; width:750px; padding:2px 10px; line-height:32px; margin:10px auto; background:#FFFFE0;}
.post-message-text{ font-size:26px; font-weight:bold; line-height:50px;}
.post-message-text a{color:#1EA9DD;}
.post-message-text a:hover{color:#62C400;}

span.msg-ico{ background-image:url(images/icon_001/msg_ico.gif); width:45px; height:45px; float:left; margin-right:20px;}
span.msg-ico-ok{ background-position:90px center; border:solid 0px #ccc;}

.dp-icon{ background:url(images/icon_001/dp_icon.gif) no-repeat left center;}

.reg-btn{ background:url(/content/images/index_images/reg_btn_152x50.png) no-repeat center; width:152px; height:50px; border:0; cursor:pointer;}
.reg-btn-hover{background:url(/content/images/index_images/reg_btn_152x50_hover.png) no-repeat center;}


.border{border-bottom:solid 1px #efefef; border-right:solid 1px #efefef; border-top:solid 1px #C4C7BD; border-left:solid 1px #C4C7BD;}

/*短消息样式*/
.smsg-wrapper{ margin:20px; *margin:5px 20px;}
.smsg-wrapper table{ margin:0px;border-bottom:dashed 1px #ddd; width:100%;}
.smsg-wrapper table td a{  }

#msg_action_holder a:hover{ background:#0090D9; color:#fff;}



.radius-box{ background:#f6f6f6; border:solid 1px #f0f0f0; color:#444; font-size:14px; padding:10px; -moz-border-radius:5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; }
a.radius-btn{background:#EAF3FA; border:solid 1px #DDEDF9; border-bottom:solid 2px #B9DAF2; border-right:solid 2px #B9DAF2; color:#2679BB; font-size:14px; padding:2px 10px; -moz-border-radius:3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px; }

a.button80-y{ background:url(/content/images/btn.png) no-repeat 0 -22px; width:80px; height:20px; padding:3px 16px;*padding:4px 16px; _padding:3px 16px; line-height:20px; font-size:12px; color:#994800;}
a.button80-y:hover{ background:url(/content/images/btn.png) no-repeat 0 -44px; text-decoration:none;}
a.button80{ background:url(/content/images/btn.png) no-repeat 0 0px; width:80px; height:20px; padding:3px 16px; *padding:4px 16px;_padding:3px 16px; line-height:20px; _line-height:20px; font-size:12px; color:#333;}
a.button80:hover{ background:url(/content/images/btn.png) no-repeat 0 -44px; color:#994800; text-decoration:none;}



/*头像列表*/
.alist{list-style:none; margin:0px; width:280px; overflow:hidden;}
.alist li{float:left;margin:0 18px 13px 4px; _margin:0 14px 3px 4px;}
.alist:after{content:".";display:block;font-size:0;line-height:0;clear:both;visibility:hidden;}
.alist li a{float:left; color:#808080; width:48px;height:74px;overflow:hidden;white-space:nowrap;text-decoration:none;}
.alist li a img{height:48px; border:0px; margin:0;padding:0; text-decoration:none; border-radius:4px;}
.alist li a span{display:block;text-align:center;line-height:175%;white-space:nowrap;word-break:keep-all; overflow:hidden; margin:0; padding:0;}
.alist li a:hover span{ text-decoration:underline;}
.alist li a div{ cursor:pointer;}
.alist{*zoom:1;}

.vlist{list-style:none; margin:0px; width:280px; overflow:hidden;}
.vlist li{float:left;margin:0 18px 3px 4px; _margin:0 14px 3px 4px;}
.vlist:after{content:".";display:block;font-size:0;line-height:0;clear:both;visibility:hidden;}
.vlist li a{float:left; color:#808080; width:48px;height:74px;overflow:hidden;text-decoration:none;}
.vlist li a img{height:48px; border:0px; margin:0;padding:0; text-decoration:none; border-radius:4px;}
.vlist li a span{display:block;text-align:center;line-height:175%;white-space:nowrap; margin:0; padding:0;}
.vlist li a:hover span{ text-decoration:underline;}
.vlist li a div{ cursor:pointer;}
.vlist{*zoom:1;}
.vlist span.vtime{ color:#999; text-decoration:none;}

.analysis-nav{ margin:20px 0;}
.analysis-nav ul{ list-style:none;}
.analysis-nav li{ border-bottom:dashed 1px #ADCFD1; display:block;}
.analysis-nav li a{ color:#0082CB; font-size:14px; display:block; width:225px; padding:6px 20px 6px; text-decoration:none;}
.analysis-nav li a:hover{ background:#fff;}


.big-msg{font-family:微软雅黑; font-size:42px; color:#9BD8F2; text-align:center; line-height:60px; margin:0 0 10px; padding:40px 0; background:#fff; border-radius:5px;}

.search-box{border-top:solid 0px #e5e5e5; border-radius:4px; background:#fff; width:610px; padding:5px; margin:0px auto 10px; color:#707070; position:relative;}
.search-box div{ padding:5px 0;}
.c999{ color:#999;}
.c333{ color:#333;}

.pb30{ padding-bottom:30px;}

a.gray{ color:#999; text-decoration:none;}
a.gray:hover{ color:#000;}

a.green{ background:#E3FFD5; color:#339900;border: 1px solid #CFF3BB;
    cursor: pointer;
    display: block;
    height: 18px;
    line-height: 18px; padding:0 5px;
    }
a.green:hover{ background:#4FBE4F; color:#fff; border:solid 1px #339933;}

.addnew {
    cursor: pointer;
    float: left;
    font-family: Arial;
    font-size: 17px;
    font-weight: bold;
    line-height: 18px;
    margin: 0 1px 0 3px;
}

a.recent-account{ color:#6EAFD5;}

a.artZoom { cursor:url(/content/images/icon/zoomin.cur),pointer; position:relative;}
a.artZoom img{border:solid 1px #ccc; padding:2px; box-shadow:1px 1px 4px #ccc;}
a.artZoom:hover img{ border:solid 2px #D8D8D8; padding:1px;}


.msg-index{ min-height:360px; _height:360px;}
.msg-index .write-msg a{ color:#2B4A78;}
.msg-index a{ font-size:14px; color:#333;}
.msg-index a:hover{ color:#000;}


.input-form{ margin:10px 0;}
.input-form th{ font-size:14px; color:#333; vertical-align:top; text-align:right; font-weight:normal;}

.item-forbidden{width:14px; height:14px; background:url(/content/images/icon_001/imgs_1.gif) no-repeat 0 -50px; display:inline-block;}

#update_avatar_link_holder{ display:inline-block; vertical-align:top; margin:5px 0 0 5px;}
#update_avatar_link_holder a:hover{ background:#0090D9; color:#fff;}

.popnote-container{background:#C42306; color:#fff; font-weight:bold; padding:20px; line-height:22px; font-size:12px; text-shadow:0 -1px 0 rgba(255,128,128,0.8);line-height:17px;padding:16px 18px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;-moz-box-shadow:0 2px 5px rgba(0,0,0,0.3),0 1px 0 rgba(255,255,255,0.5) inset,0 -1px 0 rgba(0,0,0,0.2) inset;-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.3),0 1px 0 rgba(255,255,255,0.5) inset,0 -1px 0 rgba(0,0,0,0.2) inset;box-shadow:0 2px 5px rgba(0,0,0,0.3),0 1px 0 rgba(255,255,255,0.5) inset,0 -1px 0 rgba(0,0,0,0.2) inset;position:absolute;top:50%;left:50%;margin-left:-125px;width:200px;z-index:1000;}
.popnote-container ul{list-style:none;text-align:left;margin:0;padding:0; max-width:200px;}
.popnote-container .field-validation-error{ color:#fff;}

a.ui-clear-msg{ background:url(/content/img2/rubbish.png) no-repeat 2px center; padding-left:14px; color:#999;}
a.ui-clear-msg:hover{ background-color:#999; color:#fff;}

table.grid
{
    width:100%;
  border: solid 1px #e8eef4;
  border-collapse: collapse;
}

table.grid td 
{
  padding: 5px;   
  border: solid 1px #e8eef4;
}

table.grid th
{
  padding: 6px 5px;
  text-align: left;
  background-color: #e8eef4; 
  border: solid 1px #e8eef4;   
}


#about_content{ float:left; width:600px;}
#about_links{ float:right; width:200px;}
#about_links ul{ list-style:none; margin:0; padding:0;}
#about_links li{ margin:10px 0;}
#about_links li a{ font-size:14px; text-decoration:underline;}
#about_links li span{ font-size:14px; font-weight:bold;}
#feedback_post_button{ width:160px; height:36px; font-size:14px; font-weight:bold;}



.mobile{ background:url(/content/img2/mobile.png) no-repeat left 42px; padding:40px 50px;}

.activeusers-area {    
    font-size: 12px;
    margin: 90px 0px 0;
    width: 480px;   
    _width:490px;
}
.activeusers-area dl {
    float: left;
    height: 50px;
    margin: 5px;
    padding: 0;
    width: 50px;
}
.activeusers-area dt {
    margin: 0;
    padding: 0;
}
.activeusers-area dd 
{
    display:none;
    margin: 6px 0 0;
    overflow: hidden;
    padding: 0;
    text-align: center;
    white-space: nowrap; display:none;
}
.activeusers-area dd a {
    color: #1E50A2;
    text-decoration: none;
}
.activeusers-area img {
    border: 0 solid #CCCCCC;
    width:48px; height:48px;
    box-shadow:1px 1px 3px #ccc;
}

.activeusers-area .title{ color:#333; font-size:16px; text-shadow:1px 1px 3px #ccc; padding:0px 0px 10px;}



pre{word-break:break-all; word-wrap:break-word;}


.privacy-settings{ margin:20px 20px 0;}
.privacy-settings .mod{ margin:10px 0 0;}
.privacy-settings .hd{ font-size:14px; padding:4px 0; color:#333; font-weight:bold; border-bottom:solid 1px #ccc;}
.privacy-settings .bd{ padding:20px;}
.privacy-settings .bd p{ font-size:12px; color:#666;line-height:22px;}
.privacy-settings .bd label{ font-size:14px; color:#222; }

.privacy-lock{ background:#fff url(/content/img2/lock.gif) no-repeat 40px center; margin:20px 0; border-radius:4px; border-top:solid 0px #ccc; height:118px; line-height:118px; padding-left:90px; font-size:16px; font-weight:normal; color:#666; }


button{color:rgba(0,0,0,0.63);
       font-size:16px;
       font-weight:normal;
       /*font-family:微软雅黑;
       text-shadow:0 1px 1px rgba(255,255,255,0.37);
       -moz-box-shadow:0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(255,255,255,0.7) inset;
       -webkit-box-shadow:0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(255,255,255,0.7) inset;
       box-shadow:0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(255,255,255,0.7) inset;
       
       background:#44ADF2 url('/content/img2/blue_button_submit_250x40_2.png') no-repeat right center;
display:block;
       position:relative;
margin:12px 0 0 0;
border:1px solid #2C78AB;
*/
       
       -moz-border-radius:25px;
       -webkit-border-radius:25px;
       border-radius:25px;
       cursor:pointer;
       -moz-background-clip:padding-box;
       -webkit-background-clip:padding-box;
       background-clip:padding-box;
       opacity:.9;
       white-space:nowrap; color:#000;
}
button:hover{opacity:1}
button:active
{
    -moz-box-shadow:0 1px 0 rgba(255,255,255,0.3),0 1px 3px rgba(0,0,0,0.7) inset;
    -webkit-box-shadow:0 1px 0 rgba(255,255,255,0.3),0 1px 3px rgba(0,0,0,0.7) inset;
    box-shadow:0 1px 0 rgba(255,255,255,0.3),0 1px 3px rgba(0,0,0,0.7) inset;opacity:1
}

button.cancel{ background:#EEE; color:#000; border:0; width:80px; height:40px; border-radius:8px; font-size:14px; }

#date1,#date2{ width:140px;}


@media screen and (max-width: 64rem) {
    :root {
    --hg-font-size-lion: 4.375rem;
    --hg-font-size-zebra: 2.8125rem;
    --hg-font-size-camel: 2.125rem;
    }
#header_container
{
    justify-content: center;
}
}


@font-face {
 font-family:element-icons;
 src:url(element-icons.woff?535877f50039c0cb49a6196a5b7517cd) format("woff"),
 url(element-icons.ttf?732389ded34cb9c52dd88271f1345af9) format("truetype");
 font-weight:400;
 font-display:"auto";
 font-style:normal
}
[class*=" el-icon-"],
[class^=el-icon-] {
 font-family:element-icons!important;
 speak:none;
 font-style:normal;
 font-weight:400;
 font-variant:normal;
 text-transform:none;
 line-height:1;
 vertical-align:baseline;
 display:inline-block;
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale
}
.el-icon-ice-cream-round:before {
 content:"\E6A0"
}
.el-icon-ice-cream-square:before {
 content:"\E6A3"
}
.el-icon-lollipop:before {
 content:"\E6A4"
}
.el-icon-potato-strips:before {
 content:"\E6A5"
}
.el-icon-milk-tea:before {
 content:"\E6A6"
}
.el-icon-ice-drink:before {
 content:"\E6A7"
}
.el-icon-ice-tea:before {
 content:"\E6A9"
}
.el-icon-coffee:before {
 content:"\E6AA"
}
.el-icon-orange:before {
 content:"\E6AB"
}
.el-icon-pear:before {
 content:"\E6AC"
}
.el-icon-apple:before {
 content:"\E6AD"
}
.el-icon-cherry:before {
 content:"\E6AE"
}
.el-icon-watermelon:before {
 content:"\E6AF"
}
.el-icon-grape:before {
 content:"\E6B0"
}
.el-icon-refrigerator:before {
 content:"\E6B1"
}
.el-icon-goblet-square-full:before {
 content:"\E6B2"
}
.el-icon-goblet-square:before {
 content:"\E6B3"
}
.el-icon-goblet-full:before {
 content:"\E6B4"
}
.el-icon-goblet:before {
 content:"\E6B5"
}
.el-icon-cold-drink:before {
 content:"\E6B6"
}
.el-icon-coffee-cup:before {
 content:"\E6B8"
}
.el-icon-water-cup:before {
 content:"\E6B9"
}
.el-icon-hot-water:before {
 content:"\E6BA"
}
.el-icon-ice-cream:before {
 content:"\E6BB"
}
.el-icon-dessert:before {
 content:"\E6BC"
}
.el-icon-sugar:before {
 content:"\E6BD"
}
.el-icon-tableware:before {
 content:"\E6BE"
}
.el-icon-burger:before {
 content:"\E6BF"
}
.el-icon-knife-fork:before {
 content:"\E6C1"
}
.el-icon-fork-spoon:before {
 content:"\E6C2"
}
.el-icon-chicken:before {
 content:"\E6C3"
}
.el-icon-food:before {
 content:"\E6C4"
}
.el-icon-dish-1:before {
 content:"\E6C5"
}
.el-icon-dish:before {
 content:"\E6C6"
}
.el-icon-moon-night:before {
 content:"\E6EE"
}
.el-icon-moon:before {
 content:"\E6F0"
}
.el-icon-cloudy-and-sunny:before {
 content:"\E6F1"
}
.el-icon-partly-cloudy:before {
 content:"\E6F2"
}
.el-icon-cloudy:before {
 content:"\E6F3"
}
.el-icon-sunny:before {
 content:"\E6F6";
}
.el-icon-sunset:before {
 content:"\E6F7"
}
.el-icon-sunrise-1:before {
 content:"\E6F8"
}
.el-icon-sunrise:before {
 content:"\E6F9"
}
.el-icon-heavy-rain:before {
 content:"\E6FA"
}
.el-icon-lightning:before {
 content:"\E6FB"
}
.el-icon-light-rain:before {
 content:"\E6FC"
}
.el-icon-wind-power:before {
 content:"\E6FD"
}
.el-icon-baseball:before {
 content:"\E712"
}
.el-icon-soccer:before {
 content:"\E713"
}
.el-icon-football:before {
 content:"\E715"
}
.el-icon-basketball:before {
 content:"\E716"
}
.el-icon-ship:before {
 content:"\E73F"
}
.el-icon-truck:before {
 content:"\E740"
}
.el-icon-bicycle:before {
 content:"\E741"
}
.el-icon-mobile-phone:before {
 content:"\E6D3"
}
.el-icon-service:before {
 content:"\E6D4"
}
.el-icon-key:before {
 content:"\E6E2"
}
.el-icon-unlock:before {
 content:"\E6E4"
}
.el-icon-lock:before {
 content:"\E6E5"
}
.el-icon-watch:before {
 content:"\E6FE"
}
.el-icon-watch-1:before {
 content:"\E6FF"
}
.el-icon-timer:before {
 content:"\E702"
}
.el-icon-alarm-clock:before {
 content:"\E703"
}
.el-icon-map-location:before {
 content:"\E704"
}
.el-icon-delete-location:before {
 content:"\E705"
}
.el-icon-add-location:before {
 content:"\E706"
}
.el-icon-location-information:before {
 content:"\E707"
}
.el-icon-location-outline:before {
 content:"\E708"
}
.el-icon-location:before {
 content:"\E79E"
}
.el-icon-place:before {
 content:"\E709"
}
.el-icon-discover:before {
 content:"\E70A"
}
.el-icon-first-aid-kit:before {
 content:"\E70B"
}
.el-icon-trophy-1:before {
 content:"\E70C"
}
.el-icon-trophy:before {
 content:"\E70D"
}
.el-icon-medal:before {
 content:"\E70E"
}
.el-icon-medal-1:before {
 content:"\E70F"
}
.el-icon-stopwatch:before {
 content:"\E710"
}
.el-icon-mic:before {
 content:"\E711"
}
.el-icon-copy-document:before {
 content:"\E718"
}
.el-icon-full-screen:before {
 content:"\E719"
}
.el-icon-switch-button:before {
 content:"\E71B"
}
.el-icon-aim:before {
 content:"\E71C"
}
.el-icon-crop:before {
 content:"\E71D"
}
.el-icon-odometer:before {
 content:"\E71E"
}
.el-icon-time:before {
 content:"\E71F"
}
.el-icon-bangzhu:before {
 content:"\E724"
}
.el-icon-close-notification:before {
 content:"\E726"
}
.el-icon-microphone:before {
 content:"\E727"
}
.el-icon-turn-off-microphone:before {
 content:"\E728"
}
.el-icon-position:before {
 content:"\E729"
}
.el-icon-postcard:before {
 content:"\E72A"
}
.el-icon-message:before {
 content:"\E72B"
}
.el-icon-chat-line-square:before {
 content:"\E72D"
}
.el-icon-chat-dot-square:before {
 content:"\E72E"
}
.el-icon-chat-dot-round:before {
 content:"\E72F"
}
.el-icon-chat-square:before {
 content:"\E730"
}
.el-icon-chat-line-round:before {
 content:"\E731"
}
.el-icon-chat-round:before {
 content:"\E732"
}
.el-icon-set-up:before {
 content:"\E733"
}
.el-icon-turn-off:before {
 content:"\E734"
}
.el-icon-open:before {
 content:"\E735"
}
.el-icon-connection:before {
 content:"\E736"
}
.el-icon-link:before {
 content:"\E737"
}
.el-icon-cpu:before {
 content:"\E738"
}
.el-icon-thumb:before {
 content:"\E739"
}
.el-icon-female:before {
 content:"\E73A"
}
.el-icon-male:before {
 content:"\E73B"
}
.el-icon-guide:before {
 content:"\E73C"
}
.el-icon-news:before {
 content:"\E73E"
}
.el-icon-price-tag:before {
 content:"\E744"
}
.el-icon-discount:before {
 content:"\E745"
}
.el-icon-wallet:before {
 content:"\E747"
}
.el-icon-coin:before {
 content:"\E748"
}
.el-icon-money:before {
 content:"\E749"
}
.el-icon-bank-card:before {
 content:"\E74A"
}
.el-icon-box:before {
 content:"\E74B"
}
.el-icon-present:before {
 content:"\E74C"
}
.el-icon-sell:before {
 content:"\E6D5"
}
.el-icon-sold-out:before {
 content:"\E6D6"
}
.el-icon-shopping-bag-2:before {
 content:"\E74D"
}
.el-icon-shopping-bag-1:before {
 content:"\E74E"
}
.el-icon-shopping-cart-2:before {
 content:"\E74F"
}
.el-icon-shopping-cart-1:before {
 content:"\E750"
}
.el-icon-shopping-cart-full:before {
 content:"\E751"
}
.el-icon-smoking:before {
 content:"\E752"
}
.el-icon-no-smoking:before {
 content:"\E753"
}
.el-icon-house:before {
 content:"\E754"
}
.el-icon-table-lamp:before {
 content:"\E755"
}
.el-icon-school:before {
 content:"\E756"
}
.el-icon-office-building:before {
 content:"\E757"
}
.el-icon-toilet-paper:before {
 content:"\E758"
}
.el-icon-notebook-2:before {
 content:"\E759"
}
.el-icon-notebook-1:before {
 content:"\E75A"
}
.el-icon-files:before {
 content:"\E75B"
}
.el-icon-collection:before {
 content:"\E75C"
}
.el-icon-receiving:before {
 content:"\E75D"
}
.el-icon-suitcase-1:before {
 content:"\E760"
}
.el-icon-suitcase:before {
 content:"\E761"
}
.el-icon-film:before {
 content:"\E763"
}
.el-icon-collection-tag:before {
 content:"\E765"
}
.el-icon-data-analysis:before {
 content:"\E766"
}
.el-icon-pie-chart:before {
 content:"\E767"
}
.el-icon-data-board:before {
 content:"\E768"
}
.el-icon-data-line:before {
 content:"\E76D"
}
.el-icon-reading:before {
 content:"\E769"
}
.el-icon-magic-stick:before {
 content:"\E76A"
}
.el-icon-coordinate:before {
 content:"\E76B"
}
.el-icon-mouse:before {
 content:"\E76C"
}
.el-icon-brush:before {
 content:"\E76E"
}
.el-icon-headset:before {
 content:"\E76F"
}
.el-icon-umbrella:before {
 content:"\E770"
}
.el-icon-scissors:before {
 content:"\E771"
}
.el-icon-mobile:before {
 content:"\E773"
}
.el-icon-attract:before {
 content:"\E774"
}
.el-icon-monitor:before {
 content:"\E775"
}
.el-icon-search:before {
 content:"\E778"
}
.el-icon-takeaway-box:before {
 content:"\E77A"
}
.el-icon-paperclip:before {
 content:"\E77D"
}
.el-icon-printer:before {
 content:"\E77E"
}
.el-icon-document-add:before {
 content:"\E782"
}
.el-icon-document:before {
 content:"\E785"
}
.el-icon-document-checked:before {
 content:"\E786"
}
.el-icon-document-copy:before {
 content:"\E787"
}
.el-icon-document-delete:before {
 content:"\E788"
}
.el-icon-document-remove:before {
 content:"\E789"
}
.el-icon-tickets:before {
 content:"\E78B"
}
.el-icon-folder-checked:before {
 content:"\E77F"
}
.el-icon-folder-delete:before {
 content:"\E780"
}
.el-icon-folder-remove:before {
 content:"\E781"
}
.el-icon-folder-add:before {
 content:"\E783"
}
.el-icon-folder-opened:before {
 content:"\E784"
}
.el-icon-folder:before {
 content:"\E78A"
}
.el-icon-edit-outline:before {
 content:"\E764"
}
.el-icon-edit:before {
 content:"\E78C"
}
.el-icon-date:before {
 content:"\E78E"
}
.el-icon-c-scale-to-original:before {
 content:"\E7C6"
}
.el-icon-view:before {
 content:"\E6CE"
}
.el-icon-loading:before {
 content:"\E6CF"
}
.el-icon-rank:before {
 content:"\E6D1"
}
.el-icon-sort-down:before {
 content:"\E7C4"
}
.el-icon-sort-up:before {
 content:"\E7C5"
}
.el-icon-sort:before {
 content:"\E6D2"
}
.el-icon-finished:before {
 content:"\E6CD"
}
.el-icon-refresh-left:before {
 content:"\E6C7"
}
.el-icon-refresh-right:before {
 content:"\E6C8"
}
.el-icon-refresh:before {
 content:"\E6D0"
}
.el-icon-video-play:before {
 content:"\E7C0"
}
.el-icon-video-pause:before {
 content:"\E7C1"
}
.el-icon-d-arrow-right:before {
 content:"\E6DC"
}
.el-icon-d-arrow-left:before {
 content:"\E6DD"
}
.el-icon-arrow-up:before {
 content:"\E6E1"
}
.el-icon-arrow-down:before {
 content:"\E6DF"
}
.el-icon-arrow-right:before {
 content:"\E6E0"
}
.el-icon-arrow-left:before {
 content:"\E6DE"
}
.el-icon-top-right:before {
 content:"\E6E7"
}
.el-icon-top-left:before {
 content:"\E6E8"
}
.el-icon-top:before {
 content:"\E6E6"
}
.el-icon-bottom:before {
 content:"\E6EB"
}
.el-icon-right:before {
 content:"\E6E9"
}
.el-icon-back:before {
 content:"\E6EA"
}
.el-icon-bottom-right:before {
 content:"\E6EC"
}
.el-icon-bottom-left:before {
 content:"\E6ED"
}
.el-icon-caret-top:before {
 content:"\E78F"
}
.el-icon-caret-bottom:before {
 content:"\E790"
}
.el-icon-caret-right:before {
 content:"\E791"
}
.el-icon-caret-left:before {
 content:"\E792"
}
.el-icon-d-caret:before {
 content:"\E79A"
}
.el-icon-share:before {
 content:"\E793"
}
.el-icon-menu:before {
 content:"\E798"
}
.el-icon-s-grid:before {
 content:"\E7A6"
}
.el-icon-s-check:before {
 content:"\E7A7"
}
.el-icon-s-data:before {
 content:"\E7A8"
}
.el-icon-s-opportunity:before {
 content:"\E7AA"
}
.el-icon-s-custom:before {
 content:"\E7AB"
}
.el-icon-s-claim:before {
 content:"\E7AD"
}
.el-icon-s-finance:before {
 content:"\E7AE"
}
.el-icon-s-comment:before {
 content:"\E7AF"
}
.el-icon-s-flag:before {
 content:"\E7B0"
}
.el-icon-s-marketing:before {
 content:"\E7B1"
}
.el-icon-s-shop:before {
 content:"\E7B4"
}
.el-icon-s-open:before {
 content:"\E7B5"
}
.el-icon-s-management:before {
 content:"\E7B6"
}
.el-icon-s-ticket:before {
 content:"\E7B7"
}
.el-icon-s-release:before {
 content:"\E7B8"
}
.el-icon-s-home:before {
 content:"\E7B9"
}
.el-icon-s-promotion:before {
 content:"\E7BA"
}
.el-icon-s-operation:before {
 content:"\E7BB"
}
.el-icon-s-unfold:before {
 content:"\E7BC"
}
.el-icon-s-fold:before {
 content:"\E7A9"
}
.el-icon-s-platform:before {
 content:"\E7BD"
}
.el-icon-s-order:before {
 content:"\E7BE"
}
.el-icon-s-cooperation:before {
 content:"\E7BF"
}
.el-icon-bell:before {
 content:"\E725"
}
.el-icon-message-solid:before {
 content:"\E799"
}
.el-icon-video-camera:before {
 content:"\E772"
}
.el-icon-video-camera-solid:before {
 content:"\E796"
}
.el-icon-camera:before {
 content:"\E779"
}
.el-icon-camera-solid:before {
 content:"\E79B"
}
.el-icon-download:before {
 content:"\E77C"
}
.el-icon-upload2:before {
 content:"\E77B"
}
.el-icon-upload:before {
 content:"\E7C3"
}
.el-icon-picture-outline-round:before {
 content:"\E75F"
}
.el-icon-picture-outline:before {
 content:"\E75E"
}
.el-icon-picture:before {
 content:"\E79F"
}
.el-icon-close:before {
 content:"\E6DB"
}
.el-icon-check:before {
 content:"\E6DA"
}
.el-icon-plus:before {
 content:"\E6D9"
}
.el-icon-minus:before {
 content:"\E6D8"
}
.el-icon-help:before {
 content:"\E73D"
}
.el-icon-s-help:before {
 content:"\E7B3"
}
.el-icon-circle-close:before {
 content:"\E78D"
}
.el-icon-circle-check:before {
 content:"\E720"
}
.el-icon-circle-plus-outline:before {
 content:"\E723"
}
.el-icon-remove-outline:before {
 content:"\E722"
}
.el-icon-zoom-out:before {
 content:"\E776"
}
.el-icon-zoom-in:before {
 content:"\E777"
}
.el-icon-error:before {
 content:"\E79D"
}
.el-icon-success:before {
 content:"\E79C"
}
.el-icon-circle-plus:before {
 content:"\E7A0"
}
.el-icon-remove:before {
 content:"\E7A2"
}
.el-icon-info:before {
 content:"\E7A1"
}
.el-icon-question:before {
 content:"\E7A4"
}
.el-icon-warning-outline:before {
 content:"\E6C9"
}
.el-icon-warning:before {
 content:"\E7A3"
}
.el-icon-goods:before {
 content:"\E7C2"
}
.el-icon-s-goods:before {
 content:"\E7B2"
}
.el-icon-star-off:before {
 content:"\E717"
}
.el-icon-star-on:before {
 content:"\E797"
}
.el-icon-more-outline:before {
 content:"\E6CC"
}
.el-icon-more:before {
 content:"\E794"
}
.el-icon-phone-outline:before {
 content:"\E6CB"
}
.el-icon-phone:before {
 content:"\E795"
}
.el-icon-user:before {
 content:"\E6E3"
}
.el-icon-user-solid:before {
 content:"\E7A5"
}
.el-icon-setting:before {
 content:"\E6CA"
}
.el-icon-s-tools:before {
 content:"\E7AC"
}
.el-icon-delete:before {
 content:"\E6D7"
}
.el-icon-delete-solid:before {
 content:"\E7C9"
}
.el-icon-eleme:before {
 content:"\E7C7"
}
.el-icon-platform-eleme:before {
 content:"\E7CA"
}
.el-icon-loading {
 -webkit-animation:rotating 2s linear infinite;
 animation:rotating 2s linear infinite
}
.el-icon--right {
 margin-left:5px
}
.el-icon--left {
 margin-right:5px
}
@-webkit-keyframes rotating {
 0% {
  transform:rotate(0)
 }
 to {
  transform:rotate(1turn)
 }
}
@keyframes rotating {
 0% {
  transform:rotate(0)
 }
 to {
  transform:rotate(1turn)
 }
}