*{ margin:0; padding:0}
html{ overflow:auto}
body,input,textarea,select,text{ font-size:12px; font-family:微软雅黑; color:#606060}
select{    outline: none;
    border: 1px solid #ddd;
    height: 30px;
    line-height: 30px;
    border-radius: 4px;
    padding: 0 5px;}
body{ padding:20px}
.bottomBody{padding:20px 20px 45px 20px}
.transition{transition: all 0.5s ease;-moz-transition: all 0.5s ease;webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;}
ul li{ list-style:none}
a{ text-decoration:none; color:#606060}
::selection{background: #014f7b; color: white; /* Safari */} 
::-moz-selection{background: #014f7b; color: white; /* Firefox */ } 
.margin{ margin-top:15px ! important}
.margin25{margin-top:25px ! important}
/*滚动条样式*/
::-webkit-scrollbar {
    width: 6px;
    height:10px
}
 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border:1px solid #aaa;
}
 
::-webkit-scrollbar-thumb {
    
    background: #597ca6; 
    -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
background: rgba(255,0,0,0.4); 
}
/*滚动条样式*/
/*后台布局*/
.rccp-layout-top{ height:75px;position:relative; z-index:100;
                  background: -webkit-gradient(linear, 0 0, 0 100%, from(#374c67), to(#2a3e57));
        background: -o-linear-gradient(top, #374c67, #2a3e57);
        background: -ms-linear-gradient(top, #374c67 0%,#2a3e57 100%);
        background: linear-gradient(top, #374c67, #2a3e57);
        background: -moz-linear-gradient(top, #374c67, #2a3e57);}
.rccp-layout-top-logo{ float:left;}
.rccp-layout-top-logo img{ max-height: 60px; margin: 7px 10px}
.rccp-layout-top-logo.admin{ background:url('/images/logo-all-white.png') no-repeat center; width:350px; height:75px}
.rccp-layout-top-title{ float:left; font-size:24px; color:#fff; font-weight:bold; letter-spacing:2px; line-height:75px;}
.rccp-layout-top-toolbar{ float:right; padding:0 20px}
.rccp-layout-top-toolbar > ul > li{ cursor:pointer; padding:0 10px; display:inline-block; height:75px;
                                    transition: all 0.5s ease;-moz-transition: all 0.5s ease;webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;}
.rccp-layout-top-toolbar > ul > li:hover{ background:#597ca6}
.rccp-layout-top-toolbar > ul .rccp-icon-box{ position:relative; vertical-align:top}
.rccp-layout-top-toolbar > ul .rccp-icon-box > ul{ position:absolute; top:100%; left:-75px; overflow:hidden; padding:0 0px 0 8px; background:#597ca6; 
                                                   display:none; width:190px}
.rccp-layout-top-toolbar > ul .rccp-icon-box > ul > li{ float:left; margin:8px 8px 8px 0}
.rccp-layout-top-toolbar > ul .rccp-icon-box > ul > li > a{ background:#ddd; display:block; width:24px; height:24px; border:3px solid transparent}
.rccp-layout-top-toolbar > ul .rccp-icon-box > ul > li > .selected{ border-color:#fff}
.rccp-layout-top-toolbar > ul .rccp-icon-box > i{ color:#ddd; font-size:25px; margin:21px 5px;}
.rccp-layout-top-toolbar > ul .rccp-icon-box:hover > ul{ display:block}
.rccp-login-box{ position:relative}
.rccp-login-box .avatar{ float:left; margin:15px 0;width:30px }
.rccp-login-box .name{font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial; color:#ddd; font-size:13px; text-align:center;
                      float: left;height: 30px;line-height: 30px;display: inline-block;margin: 15px 5px;letter-spacing:1px}
.rccp-icon-box .num{ position:absolute; top:15px; right:10px; background:#ff6c60; border-radius:100%; display:block; width:18px; height:18px; line-height:18px; text-align:center; color:#fff;
                     font-family:Cursive}                      
.rccp-login-box > i{ margin:22px 0; color:#ddd; font-size:16px;transition: all 0.5s ease;-moz-transition: all 0.5s ease;webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;}
.rccp-login-box .dropdown{ position:absolute; top:100%; left:-42px; background:#fff; min-height:50px; width:150px;box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
                           border: 1px solid #ddd; display:none}
.rccp-login-box .dropdown > li > a{ height:30px; line-height:30px; display:block; color:#333; text-indent:5px; letter-spacing:1px; font-size:12px;
                                    margin-top:1px}                           
.rccp-login-box .dropdown > li > a:hover{ background:#eee}
.rccp-login-box .dropdown > li > a > i{ font-size:14px; margin-right:5px; width:20px}
.rccp-login-box .dropdown .arrow-inner{height: 0;line-height: 0;overflow: hidden;width: 0;position: absolute;top: -12px;right: 10px;
                                              border-style: solid;border-width: 6px;border-color: transparent transparent #ddd transparent;}
.rccp-login-box .dropdown .arrow-outer{height: 0;line-height: 0;overflow: hidden;width: 0;position: absolute;top: -11px;right: 10px;
                                              border-style: solid;border-width: 6px;border-color: transparent transparent #fff transparent;}
.rccp-layout-top-toolbar > ul .rccp-login-box:hover .dropdown{ display:block}
.rccp-layout-top-toolbar > ul .rccp-login-box:hover > i{-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);
	                transform: rotate(180deg);}
.rccp-layout-bottom{ height:29px; line-height:29px; background:#354d67;border-top:1px solid transparent; text-align:center; color:#fff}	     
.rccp-layout-center{ position:relative; z-index:50}   
.rccp-layout-left{ position:absolute; left:0; height:100%; width:180px; top:0; z-index:10; border-left:0px solid transparent;
                    overflow:hidden; background:#f7faff;border-right: 1px solid #ddd}  
.rccp-layout-right{ position:absolute; height:100%; right:0; top:0; background:#fff; z-index:9}
.rccp-layout-right .frame-container{ position:absolute; height:100%; width:100%; top:0; left:0; background:#fff; z-index:100}
.rccp-layout-right .rccp-frame-tab{ position:absolute; width:100%; left:0; bottom:-29px; display:none; background:#354d67}
.rccp-layout-right .rccp-frame-tab > div{white-space:nowrap; overflow:hidden; padding:0 19px}
.rccp-layout-right .rccp-frame-tab .link{ color:#fff; border:1px solid #597ca6; height:25px; line-height:25px; min-width:60px; cursor:pointer;position:relative;
                                        display:inline-block; letter-spacing:1px; font-weight:bold; text-align:center; margin-right:2px; margin-left:1px;
                                        padding:0 10px; z-index:10}      
.rccp-layout-right .rccp-frame-tab .link.selected{ color:#666; background:#fff; border-color:#fff; height:27px; line-height:27px}                                        
.rccp-layout-right .rccp-frame-tab .link > i{ position:absolute; right:0px; top:0; display:none}
.rccp-layout-right .rccp-frame-tab .link:hover i{ display:block}
.rccp-layout-right .setting-box{ position:absolute; z-index:200; right:5px; bottom:5px;
                                 filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7;}
.rccp-layout-right .setting-box > li > a{ width:30px; height:30px; line-height:30px; text-align:center; background:#354d67; color:#fff; display:block;
                                          cursor:pointer}
.rccp-layout-right .setting-box > li > a:hover{ background:#597ca6}                                          
.rccp-layout-right .setting-box > li > a > i{ font-size:14px}
.rccp-frame-tab-link{ position:absolute; height:25px; line-height:25px; bottom:1px; width:15px; color:#fff;border:1px solid #597ca6; text-align:center;
                      font-weight:bold; cursor:pointer; z-index:20; background:#354d67}
.rccp-frame-tab-link.left{ left:0px}
.rccp-frame-tab-link.right{ right:0px}


.rccp-layout-left-toolbar{ text-align:right; margin: 0;padding: 10px 0; background:#597ca6}
.rccp-layout-left-toolbar .title{ color:#fff; font-size:16px; float:left;margin-left: 20px;font-weight: bold;letter-spacing: 1px}
.rccp-layout-left-toolbar > a{ display:inline-block; width:23px; height:23px;cursor:pointer;border-radius:100%;
                               border:1px solid #fff; margin-right:10px}      
.rccp-layout-left-toolbar > a > i{color: #fff;margin: 1px 7px;float: left; font-size:20px}
.rccp-layout-left-toolbar > a:hover > i{ color:#fff}

.rccp-layout-left-menu{}
.rccp-layout-left-menu > li{border-top: 1px solid #ddd; position:relative;}
.rccp-layout-left-menu > li > i{ position:absolute; right:10px; top:12px; color:#666; font-size:16px;
                                 transition: all 0.5s ease;-moz-transition: all 0.5s ease;webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;}
.rccp-layout-left-menu > li > a{ color:#44586f; height:40px; line-height:40px; display:block; letter-spacing:1px; font-size:14px; text-indent:2px; overflow:hidden;
                                 cursor:pointer;transition: all 0.5s ease;-moz-transition: all 0.5s ease;webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;
                                 background: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), to(#e0e0e0));
        background: -o-linear-gradient(top, #f9f9f9, #e0e0e0);
        background: -ms-linear-gradient(top, #f9f9f9 0%,#e0e0e0 100%);
        background: linear-gradient(top, #f9f9f9, #e0e0e0);
        background: -moz-linear-gradient(top, #f9f9f9, #e0e0e0); }
.rccp-layout-left-menu > li > a > span{transition: all 0.5s ease;-moz-transition: all 0.5s ease;webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;}                                 
.rccp-layout-left-menu > li > a:hover{ background:#e8ebf0}                                 
.rccp-layout-left-menu > li > a > i{ width: 30px;text-align: center;margin-right: 0px;font-size: 16px; color:#666;}
.rccp-layout-left-menu > li:first-child{ border:none}
.rccp-layout-left-menu > .selected > a{ background:#e8ebf0; color:#56667a}
.rccp-layout-left-menu > .selected > i{-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-o-transform: rotate(90deg);
	                transform: rotate(90deg);}
.rccp-layout-left-menu > li > ul{height:0;transition: all 0.5s ease;-moz-transition: all 0.5s ease;webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;
                                 overflow:hidden}	                
.rccp-layout-left-menu > li > ul:hover{ overflow:auto}                                 
.rccp-layout-left-menu > li > ul > li > a{ height:35px; line-height:35px; color:#44586f; display:block; letter-spacing:1px; text-indent:5px; font-size:12px;
                                           cursor:pointer;transition: all 0.5s ease;-moz-transition: all 0.5s ease;webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;
                                           border-bottom:1px solid #ddd}
.rccp-layout-left-menu > li > ul > li > a:hover{ background:#354a65; color:#fff}
.rccp-layout-left-menu > li > ul > li > a > i{ margin-right:5px; text-align:center; width:20px}
.rccp-layout-left-menu > li > ul > li > .selected{ background:#354a65; color:#fff}
.rccp-layout-left-menu > .selected > ul > li{ margin-top:0}
.rccp-layout-left-menu > li > ul > li:first-child{ display:none}
.rccp-layout-left-menu > li > ul > li:last-child > a{ border-bottom:0}


.rccp-layout-left.collapse{ width:40px; overflow:inherit}
.rccp-layout-left.collapse .rccp-layout-left-toolbar .title{ display:none}
.rccp-layout-left.collapse .rccp-layout-left-toolbar > a{ margin-left:7px}
.rccp-layout-left.collapse .rccp-layout-left-toolbar > a > i{ margin:1px 9px}
.rccp-layout-left.collapse .rccp-layout-left-menu > li{ position:relative}
.rccp-layout-left.collapse .rccp-layout-left-menu > li > ul{ position:absolute; left:42px; height:auto ! important; top:0; width:165px;  display:none;
                                                             overflow:inherit}
.rccp-layout-left.collapse .rccp-layout-left-menu > li > a{ text-indent:3px}
.rccp-layout-left.collapse .rccp-layout-left-menu > li > a > span{ width:0; overflow:hidden;}
.rccp-layout-left.collapse .rccp-layout-left-menu > li > a > i{ margin-top:14px}
.rccp-layout-left.collapse .rccp-layout-left-menu > li > i{ display:none}
.rccp-layout-left.collapse .rccp-layout-left-menu > li:hover ul{ display:block}
.rccp-layout-left.collapse .rccp-layout-left-menu > li > ul > li{background:#f7faff;}
.rccp-layout-left.collapse .rccp-layout-left-menu > li > ul > li > a{ text-indent:5px; white-space:nowrap; text-align:left; color:#56667a; height:30px; line-height:30px}
.rccp-layout-left.collapse .rccp-layout-left-menu > li > ul > li > a.selected{ color:#fff}
.rccp-layout-left.collapse .rccp-layout-left-menu > li > ul > li > a:hover{ color:#fff}
.rccp-layout-left.collapse .rccp-layout-left-menu > li > ul > li:first-child{ position:relative; margin-left:-2px; display:block; background:#354d67; }
.rccp-layout-left.collapse .rccp-layout-left-menu > li > ul > li:first-child > a{ height:40px; line-height:40px; font-size:14px; text-indent:15px;color:#fff}
.rccp-layout-left.collapse .rccp-layout-left-menu > li > ul > li:first-child > a.selected{ background:transparent}
.rccp-layout-left.collapse .rccp-layout-left-menu > li:hover{background:#12618f}
.rccp-layout-left.collapse .rccp-layout-left-menu > li > ul > li:first-child :hover{ background:#354d67}




.rccp-layout-frame-loading{ position:absolute; top:0; left:0; width:100%; height:100%; background:#fff url('../images/loading.jpg') no-repeat center}
/*后台布局*/

/*页面*/
.page-title{ font-size:30px; letter-spacing:2px; font-weight:normal; margin-bottom:15px}
.rccp-breadcrumb{ background:#eee; overflow:hidden;}
.rccp-breadcrumb > li{ float:left; height:35px; line-height:35px; margin-left:10px; font-size:14px}
.rccp-breadcrumb > li > a{ margin:0 5px}
.rccp-portlet{border: 1px solid #b4cef8; margin-top:10px}
.rccp-portlet-title{background-color: #4b8df8; height:35px; line-height:35px; color:#fff; font-size:14px; letter-spacing:1px; padding:0 15px}
.rccp-portlet-title .more{ float:right; cursor:pointer; margin-right:-5px}
.rccp-portlet-title .more > i{ font-size:16px; margin-top:8px}
.rccp-portlet-content{ padding:10px}
.rccp-portlet .rccp-portlet-title > i{ margin-right:5px}
.rccp-box{ overflow:hidden}
.rccp-box-left{ float:left; width:49%}
.rccp-box-right{ float:right; width:49%}
.rccp-form-bottom{ position:fixed; bottom:0; left:0; border-top:1px solid #ddd; background:#f5f5f5; width:100%; text-align:right; padding:5px 0;
                   z-index:200}
.rccp-form-bottom a{ margin-right:5px}

.rccp-form-top{ position:fixed; top:0; left:0; border-bottom:1px solid #ddd; background:#f5f5f5; width:100%; text-align:left; padding:5px 0}
.rccp-form-top a{ margin:0 0 0 5px}
.rccp-tab-form{ overflow:hidden; text-align:center; border-top:1px dashed #eee; margin:0 auto; width:95%; padding-top:10px}
.rccp-portlet.portlet-nobordered{ border:none;}
.rccp-portlet.portlet-nobordered .rccp-portlet-title{ border-bottom:2px solid #597ca6; background:none; color:#606060; font-weight:bold; 
                                                      display:inline-block;}
.rccp-portlet.portlet-nobordered .rccp-portlet-title > i{ margin-right:5px}      
.rccp-portlet.portlet-nobordered .rccp-portlet-content{ padding:10px 0}
.rccp-portlet.portlet-red {border: 1px solid #ef8476;}
.rccp-portlet.portlet-red .rccp-portlet-title{ background:#e02222}
.rccp-portlet.portlet-purple{ border:1px solid #af5cc1}
.rccp-portlet.portlet-purple .rccp-portlet-title{ background:#852b99}
.rccp-portlet.portlet-green{ border:1px solid #77e588}
.rccp-portlet.portlet-green .rccp-portlet-title{ background:#35aa47}
.rccp-portlet.portlet-yellow{ border:1px solid #fccb7e}
.rccp-portlet.portlet-yellow .rccp-portlet-title{ background:#ffb848}
.rccp-portlet.portlet-black{ border:1px solid #9d9c9c}
.rccp-portlet.portlet-black .rccp-portlet-title{ background:#555}
.project-title{ text-align:center; font-size:14px; font-weight:bold; letter-spacing:1px}
.chart{ margin:10px 0}

.rccp-order-box{ overflow:hidden}
.rccp-order-box > li{ float:left; min-width:160px; width:48%; height:30px; line-height:30px; font-size:13px; letter-spacing:1px; overflow:hidden; white-space:nowrap;
                      text-overflow: ellipsis}
.rccp-order-box > .fit{ width:100%}
.rccp-order-box > li .num{ color:#fff; display:inline-block; width:14px; height:14px; text-align:center; line-height:16px;
                           margin-right:5px; font-family:Arial; font-size:12px; border-radius:2px; border:1px solid transparent}
.portlet-green .rccp-order-box > li .num{ border:1px solid #35aa47; color:#35aa47}
.portlet-green .rccp-order-box > li .num.high{ background:#35aa47; color:#fff}
.portlet-yellow .rccp-order-box > li .num{ border:1px solid #ffb848; color:#ffb848}
.portlet-yellow .rccp-order-box > li .num.high{ background:#ffb848; color:#fff}
.portlet-black .rccp-order-box > li .num{ border:1px solid #555; color:#555}
.portlet-black .rccp-order-box > li .num.high{ background:#555; color:#fff}


.rccp-accordions > li{ border:1px solid #eee; margin-bottom:5px; position:relative}
.rccp-accordions > li .close{ position:absolute;top: -7px;right: -8px;cursor: pointer;font-size: 18px;width: 16px; color:#606060}
.rccp-accordions > li > a{ height:35px; line-height:35px; display:block; padding:0 15px; background:#f9f9f9; letter-spacing:1px; cursor:pointer;
                            font-weight:bold; font-size:13px}
.rccp-accordions > li > a > i{  font-size:16px; margin-left:10px;
                               transition: all 0.5s ease;-moz-transition: all 0.5s ease;webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;}
.rccp-accordions .rccp-accordions-content{ display:none; padding:10px}
.rccp-accordions .expand > a{ background:#fff;}
.rccp-accordions .expand > a > i{-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);}
.rccp-accordions .expand .rccp-accordions-content{ display:block}
/*按钮*/
.rccp-btn{ height:30px; line-height:30px; color:#fff; padding:0 12px; font-size:13px; letter-spacing:1px;background: #bec3c7;border-color: #bec3c7;
           display:inline-block;border-radius:4px; cursor:pointer; text-decoration:none; vertical-align:bottom;
           transition: all 0.5s ease;-moz-transition: all 0.5s ease;webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;}
.rccp-btn:hover{ background:#b0b5b9}  

.default-btn{background: -webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#f0f0f0));
        background: -o-linear-gradient(top, #fefefe, #f0f0f0);
        background: -ms-linear-gradient(top, #fefefe 0%,#f0f0f0 100%);
        background: linear-gradient(top, #fefefe, #f0f0f0);
        background: -moz-linear-gradient(top, #fefefe, #f0f0f0);border:1px solid #e0e0e0; color:#555}
.default-btn:hover{background: -webkit-gradient(linear, 0 0, 0 100%, from(#f0f0f0), to(#fefefe));
        background: -o-linear-gradient(top, #f0f0f0, #fefefe);
        background: -ms-linear-gradient(top, #f0f0f0 0%,#fefefe 100%);
        background: linear-gradient(top, #f0f0f0, #fefefe);
        background: -moz-linear-gradient(top, #f0f0f0, #fefefe);}  
.btn-primary{background: #41cac0 ! important;border-color: #41cac0 ! important;}
.btn-primary:hover{background: #39b2a9 ! important;border-color: #39b2a9 ! important;}

.btn-success{background: #78cd51 ! important;border-color: #78cd51 ! important;}
.btn-success:hover{background: #6dbb4a ! important;border-color: #6dbb4a ! important;}

.btn-info{background-color: #58c9f3;border-color: #58c9f3;}
.btn-info:hover{background-color: #53bee6;border-color: #53bee6;}

.btn-warning{background-color: #f1c500;border-color: #f1c500;}
.btn-warning:hover{background-color: #e4ba00;border-color: #e4ba00;}

.btn-danger{background-color: #ff6c60;border-color: #ff6c60;}
.btn-danger:hover{background-color: #ec6459;border-color: #ec6459;}

.btn-rounded{border-radius:30px}
.btn-shadow{box-shadow: 0 4px #9c9c9c;}
.btn-shadow.btn-primary{box-shadow: 0 4px #29b392}
.btn-shadow.btn-success {box-shadow: 0 4px #61a642;}
.btn-shadow.btn-info {box-shadow: 0 4px #1caadc;}
.btn-shadow.btn-warning {box-shadow: 0 4px #cab03f;}
.btn-shadow.btn-danger {box-shadow: 0 4px #d1595a;}
.btn-large{ height:43px; line-height:43px; padding:0 20px; font-size:16px}
.btn-small{ height:25px; line-height:25px; padding:0 8px; font-size:12px}
.btn-es{ height:20px; line-height:20px; font-size:12px; padding:0 6px}
.rccp-btn >i{margin-right:2px}
.rccp-btn.btn-small >i{ font-size:13px}
.rccp-btn .fa-angle-up{ margin:0 0 0 5px; font-size:14px;
                        transition: all 0.5s ease;-moz-transition: all 0.5s ease;webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;}
.rccp-btn-group{ display:inline-block; position:relative;}     
.rccp-btn-dropdown{ position:absolute; top:102%; left:0; background:#fff; border:1px solid #ddd; padding:2px 0; display:none}                   
.rccp-btn-dropdown > li > a{ height:25px; line-height:25px; display:block; cursor:pointer; font-size:12px; letter-spacing:1px; text-indent:5px; white-space:nowrap;
                             transition: all 0.5s ease;-moz-transition: all 0.5s ease;webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease; padding-right:10px; min-width:100px;}
.rccp-btn-dropdown > li > a:hover{ background:#eee;}
.rccp-btn-dropdown > li > a >i { font-size:14px; margin-right:5px; width:25px; text-align:center}
.rccp-btn-group:hover .rccp-btn-dropdown{ display:block}
.rccp-btn-group:hover .rccp-btn .fa-angle-up{-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);
	                transform: rotate(180deg);}
.rccp-btn-group.bottom .rccp-btn-dropdown{ top:auto; bottom:102%;}               
.btn-split{ background:#fff; border:1px solid #ddd; color:#000; height:25px; line-height:25px; font-size:12px}	                
.btn-split:hover{ background:#fff; border:1px solid #ddd}
.btn-split span{float: right;display: inline-block;border-left: 1px solid #ddd;height: 25px;margin-left: 10px;text-align: center;width: 10px;}
.btn-split span .fa-angle-up{ margin-top:6px; margin-left:6px; font-size:12px}
.rccp-btn.disabled{ background:#999 ! important; border:1px solid #999 ! important; color:#ddd}         
.rccp-btn.disabled:hover{ background:#999 ! important; border:1px solid #999 ! important; color:#ddd}
/*按钮*/

/*列表*/
.rccp-table{padding: 0;border-collapse: collapse;width: 100%; margin:0 auto}
.rccp-table th{ font-size:13px; font-weight:bold; padding:0 6px; text-align:center; border-bottom:1px solid #eee;background:#f9f9f9; white-space:nowrap}
.rccp-table td{border-bottom:1px solid #eee; padding:5px; text-align:center}
.rccp-table tr:last-child td{ border:none; }
.rccp-table tr:hover td{ background:#f9f9f9;transition: all 0.5s ease;-moz-transition: all 0.5s ease;webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;}
.rccp-table tr.filter th{ position:relative;color:inherit; font-size:inherit; font-weight:normal}
.rccp-table tr.editable td{ position:relative; padding:0}
.rccp-table tr.editable td.edited{ background:url('../images/icon-edited.gif') no-repeat 2px 2px}
.rccp-table tr.filter th .rccp-input-text,.rccp-table tr.filter th .rccp-advanced-select,.rccp-table tr.editable td .rccp-input-text,.rccp-table tr.editable td .rccp-advanced-select
{ position:absolute; top:0; left:0; width:100%; border:none; height:100%;border-radius:0}
.rccp-table tr.filter th .rccp-input-text:hover{box-shadow:none}
.rccp-table tr.filter th .rccp-input-text input,.rccp-table tr.editable td .rccp-input-text input
{position:absolute; top:0; left:0; width:100%; height:100%;}
.rccp-table tr.filter th .rccp-advanced-select .dropdown{ border-color:#eee}
.rccp-table tr.editable td .rccp-input-text input[type=number]{ width:95%}
.rccp-table tr.editable td textarea{ position:absolute; width:100%; height:100px; top:-1px; left:-1px; z-index:100; outline:none; border:1px solid #eee; background:#fff;}
.rccp-label{ display:inline-block; height:20px; line-height:20px; text-align:center; padding:0 5px; color:#fff; background:#999}
.rccp-table .link{ color:#ffb848; cursor:pointer}
.rccp-table .link:hover{ text-decoration:underline}
.label-success{ background:#3cc051}
.label-info{ background:#57b5e3}
.label-warning{background-color: #fcb322}

.table-bordered th{ border:1px solid #eee; background:#f9f9f9; height:30px}
.table-bordered td{ border:1px solid #eee}
.table-bordered tr:last-child td{border:1px solid #eee}

.table-striped tbody>tr:nth-child(odd)>td{background:#f9f9f9}
.rccp-table .rccp-checkbox,.rccp-table .rccp-radio{ margin:0}
.rccp-table.hasinput td,.rccp-table.hasinput th{ padding-top:0; padding-bottom:0}
.rccp-table.hasinput-td td{ padding-top:0; padding-bottom:0}
.rccp-table.nohead th{ display:none}
.rccp-table .edit-cell input{ background:none; outline:none; border:none; width:100%; height:100%}
.rccp-pager{ text-align:center; border:1px solid #eee; overflow:hidden; border-top:0; background:#f5f5f5}
.rccp-pager .rccp-pager{ border:none; position:relative; margin-left:-1px}
.rccp-pager > ul{ overflow:hidden; display:inline-block; border-right:1px solid #ddd}
.rccp-pager > ul > li{ float:left; position:relative; margin-right:-1px}
.rccp-pager > ul > li a{ height:28px; line-height:28px;border:1px solid #ddd; display:block; cursor:pointer;
                         font-size:13px; font-family:Arial; min-width:28px; text-align:center; border-top:0; border-bottom:0}
.rccp-pager > ul > li a:hover{ background:#f5f5f5}
.rccp-pager > ul > li span{ cursor:default; color:#bbb;height:28px; line-height:28px;border:1px solid #ddd; display:block; cursor:default;
                         font-size:13px; font-family:Arial; min-width:28px; text-align:center;border-top:0; border-bottom:0; background:#fff}
.rccp-pager > ul > li a.disabled{cursor:default; color:#bbb; background:#fff}                         
.rccp-pager > ul > li a.disabled:hover{ background:#fff; cursor:not-allowed}
.rccp-pager > ul > li input[type=text]{border: none;outline: none;height: 28px;line-height: 28px; background:none;
                            border-right:1px solid #ddd; text-align:center; width:28px; background:#fff;font-family: Arial;
                            box-shadow: inset 0px 2px 6px #bbb}
.rccp-pager > ul > li input[type=submit],.rccp-pager > ul > li input[type=button]
{ border:none; outline:none; height:28px; line-height:28px; border-left:1px solid #ddd; border-right:1px solid #ddd; margin-right:1px;
  width:28px; background:#f5f5f5; cursor:pointer}
.rccp-pager > div{ height:28px; line-height:28px; letter-spacing:1px}
.rccp-pager > div > select{    border: none;
    outline: none;
    height: 28px;
    line-height: 28px;
    background: none;
    border-right: 1px solid #ddd;
    text-align: center;
    background: #fff;
    font-family: Arial;
    box-shadow: inset 0px 2px 6px #bbb;}


.pagination-container{ text-align:center; border:1px solid #eee; overflow:hidden; border-top:0; background:#f5f5f5}
.rccp-pager .rccp-pager{ border:none; position:relative; margin-left:-1px}
.pagination-container > ul{ overflow:hidden; display:inline-block; border-right:1px solid #ddd}
.pagination-container > ul > li{ float:left; position:relative; margin-right:-1px}
.pagination-container > ul > li a{ height:28px; line-height:28px;border:1px solid #ddd; display:block; cursor:pointer;
                         font-size:13px; font-family:Arial; min-width:28px; text-align:center; border-top:0; border-bottom:0}
.pagination-container > ul > li a:hover{ background:#f5f5f5}
.pagination-container > ul > li span{ cursor:default; color:#bbb;height:28px; line-height:28px;border:1px solid #ddd; display:block; cursor:default;
                         font-size:13px; font-family:Arial; min-width:28px; text-align:center;border-top:0; border-bottom:0; background:#fff}
.pagination-container > ul > li a.disabled{cursor:default; color:#bbb;}                         
.pagination-container > ul > li a.disabled:hover{ background:#fff}
.pagination-container > ul > li input[type=text]{border: none;outline: none;height: 28px;line-height: 28px; background:none;
                            border-right:1px solid #ddd; text-align:center; width:28px; background:#fff;font-family: Arial;
                            box-shadow: inset 0px 2px 6px #bbb}
.pagination-container > ul > li input[type=submit]{ border:none; outline:none; height:28px; line-height:28px; border-left:1px solid #ddd; border-right:1px solid #ddd; margin-right:1px;
                                          width:28px; background:#f5f5f5; cursor:pointer}
.pagination-container > div{ height:28px; line-height:28px; letter-spacing:1px}

                                          
.rccp-table-scroll{ overflow:hidden}
.rccp-table-scroll .inner{ border:1px solid #eee}
.rccp-table-scroll .inner .head{background:#f9f9f9;border:1px solid #eee; position:relative;margin: -1px 0 0 -1px; overflow:hidden}
.rccp-table-scroll .content{ min-height:100px; overflow:scroll; border-top:0; position:relative; margin-top:-1px}
.rccp-table-scroll .rccp-table{ width:auto; margin:0 0 -1px -1px; position:relative;}
.rccp-table-scroll .head .rccp-table.table-bordered th{ border-top-width:0; border-bottom-width:0}
.rccp-table-scroll .head .rccp-table.table-bordered td{ border-bottom:0; background:#fff}
.rccp-table-scroll .head .rccp-table.table-bordered .filter th{ border-top-width:1px;border-bottom-width:1px}
.rccp-table-scroll .content .rccp-table.hasinput td{ padding:0 6px}
.rccp-table-scroll .rccp-table-column-filter > li > a{ height:29px; line-height:29px}
.rccp-table-scroll .rccp-table-column-filter > li > ul{ top:30px}


.table-checkbox{position:relative; height:30px; line-height:30px;display:inline-block;cursor:pointer}
.table-checkbox input[type=checkbox]{ position:absolute; z-index:-1;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0; left:0}
.table-checkbox em{ background:url('../images/sprite.png') no-repeat 0 -260px; display:block; float:left; width:19px; height:19px; margin:5px 2px}
.table-checkbox.checked em{ background-position:-76px -260px}
.table-checkbox.disabled em{ background-position:-19px -260px}
.table-checkbox.disabled.checked em{ background-position:-95px -260px}
.table-checkbox:hover em{ background-position:-38px -260px}
.table-checkbox.checked:hover em{background-position:-114px -260px}
.table-checkbox.disabled:hover em{ background-position:-57px -260px}
.table-checkbox.disabled.checked:hover em{background-position:-133px -260px}

.rccp-table td.num{ padding:0; background:#f9f9f9; font-family:Georgia;}
.rccp-table-container{ position:relative}
.rccp-table-column-filter{ position:absolute; right:1px; top:1px; border-left:1px solid #eee; z-index:100; background:#f9f9f9}
.rccp-table-column-filter > li{ position:relative; border-bottom:1px solid #eee}
.rccp-table-column-filter > li > a{ height:30px; line-height:30px; display:block; cursor:pointer}
.rccp-table-column-filter > li > a > i{ margin:8px 5px;transition: all 0.5s ease;-moz-transition: all 0.5s ease;webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;}
.rccp-table-column-filter > li > ul{ position:absolute; top:31px; right:-1px;  border:1px solid #eee; background:#fff; display:none; border-top:0}
.rccp-table-column-filter > li > ul > li{white-space:nowrap;}
.rccp-table-column-filter > li:hover{ background:#fff; border-bottom:1px solid #fff}
.rccp-table-column-filter > li:hover ul{ display:block}
.rccp-table-column-filter > li:hover >a > i{-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);
	                transform: rotate(180deg);}
.rccp-table-column-filter .rccp-checkbox{ height:25px; line-height:25px; display:block}
.rccp-table-column-filter .rccp-checkbox em{ margin:3px 2px}
.sort-th{ cursor:pointer; position:relative}
.sort-th > i{}
.sort-th input{ position:absolute; z-index:-1}
.table-bordered .selected td{background: #FCEF9A}
.table-bordered .selected:hover td{background: #FCEF9A}    
.table-bordered .selected td.num{ background:#f9f9f9}
.table-bordered .selected:hover td.num{ background:#f9f9f9}
.rccp-table-loading{ position:absolute; background:#fff url('../images/loading2.gif') no-repeat 8px center; border-radius:4px;
                     z-index:1000; top:50%; left:50%; text-indent:38px; letter-spacing:1px; padding-right:8px;
                     border:4px double #eee; height:35px; line-height:35px; margin-top:-18px; margin-left:-50px}   
.rccp-table-container .rccp-table td{ padding:0 6px; height:30px}
.rccp-table-container .rccp-table td >div{ overflow:hidden; word-break:break-all}
/*列表*/

/*选项卡*/
.rccp-tab .rccp-tab-link > a{ display:inline-block; height:30px; line-height:30px; text-align:center; position:relative; margin-bottom:-1px;
                              cursor:pointer; letter-spacing:1px;z-index:10}
.rccp-tab .rccp-tab-link > .selected{ border-top:3px solid #597ca6; border-left:1px solid #eee; border-right:1px solid #eee; border-bottom:1px solid #fff;
                                      font-weight:bold}
.rccp-tab .rccp-tab-link > .disabled{ color:#bbb}                                      
.rccp-tab .rccp-tab-link > a > label em{ display:none} 
.rccp-tab .rccp-tab-link > a > label{ margin:0; padding:0 15px}
.rccp-tab.tab-radio .rccp-tab-link > a > label{ margin:0 10px 0 0}
.rccp-tab.tab-radio .rccp-tab-link > a > label em{ display:block}  
.rccp-tab .rccp-tab-content{ border:1px solid #eee; padding:10px; overflow:auto; position:relative;z-index:9}
.rccp-tab .rccp-tab-content > div{ display:none;}
    .rccp-tab .rccp-tab-content > .frame-panel { position:absolute;top:0; left:0; width:100%; height:100%
    }
.rccp-tab .rccp-tab-content > div:first-child{ display:block}
.tab-right .rccp-tab-link{ text-align:right}

.tab-left{ overflow:hidden}
.tab-left .rccp-tab-link { float:left;}
.tab-left .rccp-tab-link > a{ display:block; width:100px; margin:0 -1px 0 0}
.tab-left .rccp-tab-link > .selected{ border-left:3px solid #4b8df8; border-top:1px solid #eee; border-bottom:1px solid #eee; border-right:1px solid #fff }
.tab-left .rccp-tab-content{ margin-left:103px}

.rccp-tab.tab-radio > .rccp-tab-link > .selected{ border-top:1px solid #eee; border-radius:4px 4px 0 0}
.rccp-tab.tab-radio > .rccp-tab-link > a{ padding:0}
.rccp-tab.tab-radio > .rccp-tab-link > a .rccp-radio{ margin:0; padding:0 10px}
.rccp-tab.tab-radio > .rccp-tab-content{ min-height:inherit}

.tab-left .rccp-tab-link > a{ height:auto; line-height:normal; text-align:left}
.tab-left .rccp-tab-link > a > label{ height:auto;line-height:normal; padding:5px 15px}
/*选项卡*/

/*输入框*/
.rccp-input-area > li{ margin-bottom:10px}
.rccp-input-area .rccp-btn{ margin:0}
.rccp-toobar-area{ border:1px solid #eee; border-bottom-width:0;background:#fafafa;border-radius: 4px 4px 0 0}
.rccp-toobar-area.bottom{ border-bottom-width:1px; border-top-width:0}
.rccp-toobar-area > li{ margin:0; padding:5px}
.rccp-toobar-area .caption{ font-size:13px; font-weight:bold; padding-left:5px; border-bottom:1px solid #eee}
.rccp-input-title{ min-width:60px; text-align:right; height:32px; line-height:32px; vertical-align:top}
.rccp-input-word{height:32px; line-height:32px; vertical-align:top}
.rccp-input-error{height:32px; line-height:32px; vertical-align:top; color:#ffb5b5; letter-spacing:1px; padding:0 5px}
.rccp-input-tip{ color:#ff6c60; text-indent:14px}
.rccp-input-area > li > ul > li{ display:inline-block; vertical-align:top}
.rccp-input-text,.rccp-input-select,.rccp-input-file
{ background:#fff;border:1px solid #ddd; position:relative;
transition: all 0.5s ease;-moz-transition: all 0.5s ease;webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;
border-radius:4px; display:inline-block}
.rccp-input-text input,.rccp-input-select input
{ background:none; outline:none; border:none; height:30px; line-height:30px; padding:0 8px 0 8px;letter-spacing:1px;  vertical-align:bottom;
  min-width:50px}
.rccp-input-text input[type=number]{ padding:0 0 0 8px}
.rccp-input-textarea{background:#fff;border:1px solid #ddd;
transition: all 0.5s ease;-moz-transition: all 0.5s ease;webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;
border-radius:4px; position:relative}
.rccp-input-textarea textarea{ background:none; outline:none; border:none; padding:5px; height:100px; width:400px}	                
.rccp-input-text:hover,.rccp-input-select:hover,.rccp-input-file:hover,.rccp-input-textarea:hover
{box-shadow: 0 0 5px #b2eaf9; border:1px solid #32aef5}
.rccp-input-textarea > span{ position:absolute; left:101%; bottom:0px; white-space:nowrap}
.rccp-input-text.disabled{ background:#eee}
.rccp-input-text.disabled input{cursor:not-allowed; color:#aaa}
.rccp-input-text.disabled:hover{box-shadow: none; border:1px solid #ddd;}
.rccp-input-text > a{ cursor:pointer; display:none; position:absolute; right:8px; top:8px}
.rccp-input-text > a i{ font-size:14px; color:#999}
.rccp-input-text.disabled > a{ display:none}
.rccp-input-text:hover > a{ display:block}
.rccp-input-text.disabled:hover > a{ display:none}
.rccp-input-select.multiple{ height:100px; padding:0}
.rccp-input-select.multiple option{ padding:3px; text-indent:5px; margin-top:2px}
.rccp-auto-complete{ position:relative;}
.rccp-auto-complete .dropdown{ position:absolute; top:102%; left:-1px; border:1px solid #ddd;width:100%; background:#fff; display:none}
.rccp-auto-complete .dropdown > li{height:25px; line-height:25px; text-indent:10px}
.rccp-auto-complete .dropdown > li > a{ height:25px; line-height:25px; cursor:pointer; letter-spacing:1px; display:block}
.rccp-auto-complete .dropdown > li > a:hover{ background:#eee}
.rccp-input-file{ position:relative; height:30px; line-height:30px; width:120px}
.rccp-input-file input{position:absolute;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0; left:0; width:100%; height:100%;
                       cursor:pointer}
.rccp-input-file a{ float:right; background:#eee; height:30px; line-height:30px; padding:0 8px; display:block; border-radius:0 3px 3px 0;border-left:1px solid #ddd}

.rccp-input-toggle{ cursor:pointer; width:60px; display:inline-block; position:relative; height:25px; line-height:25px; border:1px solid #597ca6;
                    border-radius:4px;transition: all 0.5s ease;-moz-transition: all 0.5s ease;webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;
                    background:#fff}
.rccp-input-toggle span{ background:#597ca6; height:25px; line-height:25px; position:absolute; width:30px;top:0; left:0; text-align:center;
                         color:#fff;transition: all 0.5s ease;-moz-transition: all 0.5s ease;webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;
                         border-radius:3px 0 0 3px}
.rccp-input-toggle.right{ border:1px solid #ddd}
.rccp-input-toggle.right span{ background:#ddd; color:#606060; left:50%;border-radius:0px 3px 3px 0px}
.rccp-input-toggle input[type=checkbox]{position: absolute;z-index: -1;filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;left: 0;}
.rccp-input-toggle.grid-toggle{ width:30px;border-color:transparent}
.rccp-input-toggle.grid-toggle.right span{ left:0; background:transparent; color:#bbb;}
.rccp-input-toggle.grid-toggle.right{ border-color:transparent}
.rccp-input-toggle.grid-toggle span{ color:#78cd51; background:transparent;  }
.rccp-input-toggle.grid-toggle{ background:transparent}

.rccp-radio{ position:relative; height:30px; line-height:30px;display:inline-block; margin:0 10px 0px 0; cursor:pointer;}
.rccp-radio input[type=radio]{ position:absolute; z-index:-1;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0; left:0}
.rccp-radio em{ background:url('../images/sprite.png') no-repeat 0 -279px; display:block; float:left; width:18px; height:18px; margin:6px 2px}
.rccp-radio.checked em{ background-position:-72px -279px}
.rccp-radio.disabled em{ background-position:-18px -279px}
.rccp-radio.disabled.checked em{ background-position:-90px -279px}
.rccp-radio:hover em{ background-position:-36px -279px}
.rccp-radio.checked:hover em{background-position:-108px -279px}
.rccp-radio.disabled:hover em{ background-position:-54px -279px}
.rccp-radio.disabled.checked:hover em{background-position:-126px -279px}

.rccp-checkbox{position:relative; height:30px; line-height:30px;display:inline-block; margin:0 10px 0px 0; cursor:pointer}
.rccp-checkbox input[type=checkbox]{ position:absolute; z-index:-1;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0; left:0; top:0; display:none}
.rccp-checkbox em{ background:url('../images/sprite.png') no-repeat 0 -260px; display:block; float:left; width:19px; height:19px; margin:5px 2px}
.rccp-checkbox.checked em{ background-position:-76px -260px}
.rccp-checkbox.disabled em{ background-position:-19px -260px}
.rccp-checkbox.disabled.checked em{ background-position:-95px -260px}
.rccp-checkbox:hover em{ background-position:-38px -260px}
.rccp-checkbox.checked:hover em{background-position:-114px -260px}
.rccp-checkbox.disabled:hover em{ background-position:-57px -260px}
.rccp-checkbox.disabled.checked:hover em{background-position:-133px -260px}

.rccp-advanced-select{height:30px; line-height:30px; letter-spacing:1px; outline:none; background:#fff;border:1px solid #ddd;
                      border-radius:4px; width:300px; cursor:pointer; position:relative; text-align:left; z-index:0;
                      transition: all 0.5s ease;-moz-transition: all 0.5s ease;webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;}
.rccp-advanced-select:hover{ border:1px solid #32aef5}                  
.rccp-advanced-select:hover > a{ display:block}
.rccp-advanced-select > span{ display:inline-block; height:30px; line-height:30px; min-width:50px; overflow:hidden; margin-left:8px; margin-right:30px}
.rccp-advanced-select .fa-angle-up{ position:absolute; right:8px; top:5px; font-size:16px; height:18px;
                                    transition: all 0.5s ease;-moz-transition: all 0.5s ease;webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;}
.rccp-advanced-select > .dropdown{border:1px solid #32aef5; position:absolute; top:30px; left:-1px; width:100%; background:#fff; display:none;
                                max-height:200px; overflow:auto}
.rccp-advanced-select .dropdown > li > a{ height:25px; line-height:25px; display:block; text-indent:8px}
.rccp-advanced-select .dropdown > li > a:hover{ background:#fafafa}
.rccp-advanced-select .dropdown > li > .selected{ background:#58c9f3; color:#fff}
.rccp-advanced-select .dropdown > li > .selected:hover{ background:#58c9f3; color:#fff}
.rccp-advanced-select.expand{ border-radius:4px 4px 0 0; z-index:500}
.rccp-advanced-select.expand > .fa-angle-up{-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);
	                transform: rotate(180deg);}
.rccp-advanced-select.expand > .dropdown{ display:block; border-top-width:0; border-radius:0 0 4px 4px}      
          

.rccp-advanced-select .rccp-checkbox{ display:block;margin:0 0 1px 0}
.rccp-advanced-select .rccp-checkbox em{ margin:5px 2px 5px 5px}
.rccp-advanced-select .rccp-checkbox:hover{background:#fafafa; }
.rccp-advanced-select .rccp-checkbox.checked{background:#f0f0f0;}
.rccp-advanced-select .rccp-checkbox.checked:hover{background:#f0f0f0;}

.rccp-multiple-select{position:relative; z-index:10}
.rccp-multiple-select-container{border:1px solid #ddd;min-width:300px;border-radius:4px; background:#fff; max-width:500px;
                                transition: all 0.5s ease;-moz-transition: all 0.5s ease;webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;}                    
.rccp-multiple-select-container > li{ display:inline-block;height: 25px;line-height: 25px;background: #eee;margin: 5px 0 0 5px;padding: 0 5px}
.rccp-multiple-select-container .input-li{ width:100%; height:auto; line-height:normal; background:none; margin:0; padding:0}
.rccp-multiple-select-container:hover{ border:1px solid #32aef5}         
.rccp-multiple-select-container input[type=text]{ height:30px; line-height:30px; outline:none; background:none; border:none; width:100%; padding:0 5px}
.rccp-multiple-select .fa-angle-up{ position:absolute; right:8px; bottom:10px; font-size:16px;
                                    transition: all 0.5s ease;-moz-transition: all 0.5s ease;webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;}                          
.rccp-multiple-select .dropdown{border:1px solid #32aef5; position:absolute; top:102%; left:0px; width:100%; background:#fff;
                                max-height:200px; overflow:auto; display:none} 
.rccp-multiple-select .dropdown > li{height:25px; line-height:25px; text-indent:8px;}                             
.rccp-multiple-select .dropdown > li > a{ height:25px; line-height:25px; display:block; text-indent:8px; cursor:pointer}
.rccp-multiple-select-container > li > i{ margin:0 3px; cursor:pointer}
.rccp-multiple-select .dropdown > li > a:hover{ background:#fafafa}        
.rccp-multiple-select .dropdown > .selected{ display:none ! important}
.rccp-multiple-select.expand .dropdown{ display:block}                                                         
.rccp-multiple-select.expand .fa-angle-up{-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);
	                transform: rotate(180deg);}
.rccp-input-word{text-align: center;height: 32px;line-height: 32px;vertical-align: top;}
.rccp-advanced-select > a{ cursor:pointer; display:none; position:absolute; right:24px; top:8px}
.rccp-advanced-select > a i{ font-size:14px}

.rccp-advanced-select.expand.up{ z-index:200;border-radius:0 0 4px 4px;}
.rccp-advanced-select.expand.up .dropdown{ top:inherit; bottom:30px;border-bottom-width:0px; border-radius:4px 4px 0 0;border-top-width:1px}
.rccp-advanced-select.disabled{ border:1px solid #ddd; background:#eee;}
.rccp-advanced-select.disabled > a{ display:none}
.rccp-advanced-select.disabled > span{ color:#999}
.rccp-advanced-select.disabled:hover{ border:1px solid #ddd; background:#eee; cursor:not-allowed;}
.rccp-advanced-select > em{ position:absolute; right:12px; top:8px; height:24px; width:24px; background:url('../images/nodeloading2.gif') no-repeat}
.rccp-advanced-select.multiple.inline .dropdown > li{ display:inline-block}
.rccp-advanced-select.multiple.inline .dropdown > li .rccp-checkbox.checked{ background:none;color:#606060}
.rccp-advanced-select.multiple.inline .dropdown > li .rccp-checkbox:hover{ background:none; }
.rccp-multiple-select.expand{ z-index:1000}
.rccp-auto-complete > em{ position:absolute; right:12px; top:8px; height:24px; width:24px; background:url('../images/nodeloading2.gif') no-repeat}
.invalidate {border: 1px solid #ffb5b5 ! important; background:#fee}
.invalidate:hover{border: 1px solid #ffb5b5;box-shadow: 0 0 5px #FFCCCC ! important;}
.rccp-advanced-select.invalidate .dropdown{border: 1px solid #ffb5b5 ! important;box-shadow: 0 0 5px #FFCCCC ! important;}
/*输入框*/

/*窗口*/
.rccp-overlay{ position:fixed; width:100%; top:0; left:0; background:#000;filter:alpha(opacity=20);-moz-opacity:0.2;-khtml-opacity: 0.2;opacity: 0.2;
               z-index:1000}
.rccp-dialog{border: 1px solid #597ca6;border-radius:8px; padding:0 8px 8px 8px;position:fixed; z-index:1001;
             background: -webkit-gradient(linear, 0 0, 0 bottom, from(#597ca6), to(#95B8DE));background: -moz-linear-gradient(#597ca6, #95B8DE);
             background: linear-gradient(#597ca6, #95B8DE);-pie-background: linear-gradient(#597ca6, #95B8DE);
             transition: all 0.5s ease;-moz-transition: all 0.5s ease;webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;
             }
.bounce{-webkit-animation:bounceIn 0.5s .1s ease both;-moz-animation:bounceIn 0.5s .1s ease both;}            
@-webkit-keyframes bounceIn
{
    0%{-webkit-transform: translateY(-500px);}
    100%{-webkit-transform:translateY(0);}
}
@-moz-keyframes bounceIn
{
    0%{-moz-transform:translateY(-500px);}
    100%{-moz-transform:translateY(0);};
}                  
.rccp-dialog .title > span{ color:#fff; height:30px; line-height:30px; font-size:12px; text-indent:0px; letter-spacing:1px; font-weight:bold}
.rccp-dialog .title > i{ margin-right:5px; color:#fff; font-size:12px}
.rccp-dialog .title .close{ float: right;margin: 5px 1px;cursor: pointer;border: 2px solid transparent;border-radius: 100%;
                            display: block;width: 16px;height: 16px;text-align: center}
.rccp-dialog .title .close > i{ font-size:13px; color:#fff; margin:1px 2px}
.rccp-dialog .title > a:hover{ -webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);
	                transform: rotate(180deg);}
.rccp-dialog .content{ background:#fff; border:1px solid #597ca6; position:relative}
.rccp-dialog .content.loading{text-indent: 40px;padding-top: 15px;letter-spacing: 1px;background: #fff url('../images/loading2.gif') no-repeat 10px 12px;}
.rccp-dialog .content > .icon{ background:url('../images/dialog-icons.gif') no-repeat 0 -142px; display:inline-block; width:48px; height:48px; margin:10px 10px 0 10px}
.rccp-dialog .content.warning > .icon{ background-position:0 -96px}
.rccp-dialog .content.success > .icon{ background-position:0 0}
.rccp-dialog .content.danger > .icon{ background-position:0 -48px}
.rccp-dialog .content > .text{ margin-top:20px; display:inline-block; vertical-align:top; letter-spacing:1px; width:170px}
.rccp-dialog .content > p{ text-align:center; padding:8px 0}
.rccp-dialog .content .rccp-btn{ margin:0px}
.rccp-dialog.tip{ bottom:-100px; right:1px;}
.rccp-dialog.tip .content{ height:auto; padding:10px; letter-spacing:1px}
/*窗口*/



/*
.subject-container-li{  margin:30px 0 30px 0; padding:0 20px 0 20px; line-height:30px;}

.x-form{ border:1px solid #e3e3e3;border-radius:4px}
.x-shadow{box-shadow: #999 2px 2px 2px; background-color:#fff}
.x-positionfixed{position:fixed; }
.subject-card{ top:20px; width:150px; z-index:300}
.subject-card .title{background: -webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#f0f0f0));
        background: -o-linear-gradient(top, #fefefe, #f0f0f0);
        background: -ms-linear-gradient(top, #fefefe 0%,#f0f0f0 100%);
        background: linear-gradient(top, #fefefe, #f0f0f0);border-radius:4px 4px 0 0;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#f0f0f0');
        background: -moz-linear-gradient(top, #fefefe, #f0f0f0); height:25px; line-height:25px; text-indent:10px;
         font-weight:bold;}
.subject-card em{ background:url('../images/opa-icons-darkgray16.png') no-repeat; display:block; width:16px; height:16px;}       
.subject-card .icon{ float:left; margin:4px 0px 4px 4px; background-position:-224px -96px}                     
.subject-card .title a{background:url('../images/opa-icons-darkgray16.png') no-repeat; display:block; width:16px; height:16px;float:right;margin: 4px 2px; cursor:pointer}
.subject-card .title .collapse{background-position:0 -16px;}
.subject-card .title .expand{background-position:-64px -16px}
.subject-card .content{ min-height:100px; padding:10px}
.subject-card .content ul{ overflow:hidden;border-top: 1px solid #ddd;width: 127px}
.subject-card .content ul li{ float:left; width:20px; height:20px; line-height:20px; text-align:center;border:1px solid #ddd; font-family:Georgia;
                              position: relative;margin-right: -1px;margin-top: -1px; cursor:pointer; color:#333;transition: all 0.5s ease;}
.subject-card .content ul li:hover{ background-color:#f5f5f5}                              
.subject-card .content ul .selected{  color:#fff;
                                     background: -webkit-gradient(linear, 0 0, 0 100%, from(#58ccff), to(#2eaae0));
background: -o-linear-gradient(top, #58ccff, #2eaae0);
background: -ms-linear-gradient(top, #58ccff 0%,#2eaae0 100%);
background: linear-gradient(top, #58ccff, #2eaae0);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#58ccff', endColorstr='#2eaae0');
background: -moz-linear-gradient(top, #58ccff, #2eaae0);}
.subject-card .content ul .selected:hover{ background: -webkit-gradient(linear, 0 0, 0 100%, from(#2eaae0), to(#58ccff));
background: -o-linear-gradient(top, #2eaae0, #58ccff);
background: -ms-linear-gradient(top, #2eaae0 0%,#58ccff 100%);
background: linear-gradient(top, #2eaae0, #58ccff);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2eaae0', endColorstr='#58ccff');
background: -moz-linear-gradient(top, #2eaae0, #58ccff); color:#fff}
.subject-card .content ul .unfinished{ background: -webkit-gradient(linear, 0 0, 0 100%, from(#E4626B), to(#D43636));
background: -o-linear-gradient(top, #E4626B, #D43636);
background: -ms-linear-gradient(top, #E4626B 0%,#D43636 100%);
background: linear-gradient(top, #E4626B, #D43636);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E4626B', endColorstr='#D43636');
background: -moz-linear-gradient(top, #E4626B, #D43636);color:#fff}
.subject-card .content ul .unfinished:hover{background: -webkit-gradient(linear, 0 0, 0 100%, from(#D43636), to(#E4626B));
background: -o-linear-gradient(top, #D43636, #E4626B);
background: -ms-linear-gradient(top, #D43636 0%,#E4626B 100%);
background: linear-gradient(top, #D43636, #E4626B);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D43636', endColorstr='#E4626B');
background: -moz-linear-gradient(top, #D43636, #E4626B); color:#fff}                              
                                            
                                            
.career-step{ width:583px; height:34px; background:url('../images/20141111-lc.png') no-repeat; margin:15px auto 35px auto; position:relative;
              letter-spacing:1px}
.career-step-1{ background-position:0 0}
.career-step-2{ background-position:0 -33px}
.career-step-3{ background-position:0 -70px}
.career-step .text{ position:absolute; bottom:0; left:0; font-size:18px; font-weight:bold}                                            
*/


.circliful {
    position: relative;  margin:10px
}

.circle-text, .circle-info, .circle-text-half, .circle-info-half {
    width: 100%;
    position: absolute;
    text-align: center;
    display: inline-block;
}

.circle-info, .circle-info-half {
	color: #999;
}

.circliful .fa {
	margin: -10px 3px 0 3px;
	position: relative;
	bottom: 4px;
}

/*布局*/
.rccp-slide-panel{ overflow:hidden; position:relative}
.rccp-slide-panel > li{ position:absolute; width:100%; height:100%; top:0; left:0; overflow:auto; 
                        transition: all 0.5s ease;-moz-transition: all 0.5s ease;webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;}
.rccp-panel-bottom{text-align:right; padding:5px 0;border-bottom:1px dashed #eee}
.rccp-panel-bottom a{ margin-right:5px}
.rccp-group{ border:1px dashed #ddd; padding:0 10px}

.rccp-ul-grid{ overflow:hidden; padding-bottom:1px}
.rccp-ul-grid > li{ float:left; width:30px; height:30px; border:1px solid #eee; position:relative; margin:0px -1px -1px 0; cursor:pointer; z-index:1;
                    transition: all 0.5s ease;-moz-transition: all 0.5s ease;webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;}
.rccp-ul-grid > li:hover{ border-color:#58c9f3; z-index:2}
/*布局*/
/*slider*/
.rccp-slider{background: -webkit-linear-gradient(left, #ffb11b,#91c330 ,#00aa90 ,#2da9df); /* Safari 5.1 - 6.0 */
             background: -o-linear-gradient(right, #ffb11b,#91c330 ,#00aa90 ,#2da9df); /* Opera 11.1 - 12.0 */
             background: -moz-linear-gradient(right, #ffb11b,#91c330 ,#00aa90 ,#2da9df); /* Firefox 3.6 - 15 */
             background: linear-gradient(to right, #ffb11b,#91c330 ,#00aa90 ,#2da9df); /* 标准的语法 */
             border:1px solid #f5f5f5;height:10px; border-radius:8px; position:relative}
.rccp-slider.disabled{filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter:gray;
    -webkit-filter: grayscale(100%);}             
.rccp-slider-focus{ position:absolute; top:-4px; left:69%; background:url('../images/20150505-ico.png') no-repeat -1px 0; display:block; height:19px; width:18px;
                    cursor:pointer; z-index:10}             
.rccp-slider-bg{ position:absolute; right:-1px; top:-1px; border:1px solid #f5f5f5; background:#f9f9f9; height:10px; width:100%;border-radius:0 8px 8px 0;
                 box-shadow: inset 0px 2px 6px #bbb}         
.rccp-slider-scale{ position:absolute; top:13px; left:0; width:100%; height:30px; z-index:9}
.rccp-slider-scale .small{ display:block; position:absolute; top:0; height:5px; width:0; border-left:1px solid #999}
.rccp-slider-scale .big{ display:block; position:absolute; top:0; height:10px; width:0; border-left:1px solid #999}
.rccp-slider-scale .num{ position:absolute; top:10px; font-family:Cursive}
/*slider*/

.highlight{ background:yellow}

.rccp-form-layout{ position:relative}
.rccp-form-layout > li{ position:absolute; border:1px solid #eee; top:0; height:100%;left:0; overflow:auto}
.rccp-form-layout > li > .title{ background:#f9f9f9; height:25px; line-height:25px; border-bottom:1px solid #eee; font-weight:bold; text-indent:14px; letter-spacing:1px}

/*答题页面*/
.subject-score-ul{ position:absolute;border:1px solid #ddd; padding:5px; position:absolute; height:100%; left:75%; top:0; width:20%; z-index:9;}
.subject-ul > .subject-li > span{ font-size:13px; color:#666; font-weight:bold; line-height:23px}
.subject-ul > .option-li{ margin-top:5px; position:relative}
.subject-ul > .option-li .option-ul.inline > li{ display:inline-block}
.score-box{ display:inline-block; width:20px; height:20px; border:1px solid #ddd; background:#f5f5f5; color:#666; line-height:20px; text-align:center;
            position:relative; cursor:pointer; margin:0 0 5px 5px;}
.option-box{  display:block; position:relative; cursor:pointer; line-height:25px; padding:0 5px; border:1px solid transparent}            
.option-box.checked{ border:1px solid #ddd; z-index:10; border-right:1px solid #fff; margin-right:-1px}
.score-box input,.option-box input{position:absolute; z-index:-1;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0; left:0}
.subject-score-left-li{ width:75%}
.subject-score-right-li{ border:1px solid #ddd; padding:5px; position:absolute; height:100%; left:75%; top:0; width:20%; z-index:9}
.scence-li > span{ font-size:15px; color:#333; font-weight:bold; line-height:23px}
.group-subject{ overflow:hidden; border-bottom:1px solid #ddd; margin-bottom:10px; padding-bottom:10px}
.group-subject:last-child{ border:none}
.group-subject > div{ float:left; width:49%}
.group-subject > div:first-child{ border-right:1px dashed #ddd; margin-right:10px}
.subject-ul > .remark-li{ overflow:hidden}
.subject-ul > .remark-li > span{ float:right; width:80px; display:inline-block; text-align:center; font-weight:bold}
.option-li > .option-ul > li{ overflow:hidden}
.option-li > .option-ul > li > .right{ float:right; width:80px; text-align:center}
/*答题页面*/


/*前台登录页面*/
.login-fixed-bg{ position:fixed; top:0; left:0; width:100%; height:100%; z-index:-1}
.login-fixed-bg img{ height:100%; width:100%; position:absolute; top:0; left:0;/*transform:scale(1.5);-moz-transform:scale(1.5);
                     -webkit-transform:scale(1.5);-ms-transform:scale(1.5);-o-transform:scale(1.5)*/}
.fade-enlarge{/*animation:fade-enlarge 10s 1 forwards;-moz-animation:fade-enlarge 10s 1 forwards;-webkit-animation:fade-enlarge 10s 1 forwards;
          -ms-animation:fade-enlarge 10s 1 forwards;-o-animation:fade-enlarge 10s 1 forwards*/}


@keyframes fade-enlarge{from{filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;transform:scale(1.5)}to{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;transform:scale(1)}}
@-moz-keyframes fade-enlarge{from{filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;-moz-transform:scale(1.5)}to{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;-moz-transform:scale(1)}}
@-webkit-keyframes fade-enlarge{from{filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;-webkit-transform:scale(1.5)}to{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;-webkit-transform:scale(1)}}
@-ms-keyframes fade-enlarge{from{filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;-ms-transform:scale(1.5)}to{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;-ms-transform:scale(1)}}
@-o-keyframes fade-enlarge{from{filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;-o-transform:scale(1.5)}to{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;-o-transform:scale(1)}}


.login-box{ position:fixed; top:50%; left:50%; width:350px; margin-top:-215px; margin-left:-175px}
.login-box-title{font-size: 24px;color: #fff;font-weight: bold;letter-spacing: 2px;text-align:center; padding-bottom:10px}
.login-box-title img{ display:block; margin:0 auto; max-width:315px}
.login-box-content{ background:url('/images/login-bg.png') repeat left top; border-radius:16px; padding:50px 35px 30px 35px}
.login-input{ height:40px; line-height:40px;box-shadow: inset 0px 0px 2px #333; border-radius:8px; position:relative;
              background:url('/images/login-bg.png') repeat left top; }
.login-input > i{ position:absolute; bottom:-30px; left:0; color:#ff6c60; letter-spacing:1px; display:none}
.login-input input{ background:none; outline:none; border:none; position:absolute; left:50px; height:100%; width:205px;
                    font-family: 'Audiowide', cursive, arial, helvetica, sans-serif; font-size:14px; color:#fff; letter-spacing:1px;
                    line-height:40px}
.login-input > em{ position:absolute; left:10px; top:9px; color:#fff; width:21px; height:21px; background:url('/images/login-ico.png')}                    
.login-input > span{ color:#fff; position:absolute; left:38px; top:9px; border-left:1px solid #666; width:1px; height:23px; display:none}
.login-input-code{ width:130px;}
.login-input-code input{ width:77%; left:0; padding:0 15px}
.login-input-code img{ position:absolute; right:-125px; height:32px; width:110px; top:3px}

.shake{  
    -webkit-animation-name:shake;  
    -webkit-animation-duration:1s;  
    -moz-animation-name:shake;  
    -moz-animation-duration:1s;  
    }  
@-webkit-keyframes shake {  
  
    0%, 100% {-webkit-transform: translateX(0);}  
    10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);}  
    20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);}  
}  
@-moz-keyframes shake {  
    0%, 100% {-moz-transform: translateX(0);}  
    10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);}  
    20%, 40%, 60%, 80% {-moz-transform: translateX(10px);}  
}  
/*前台登录页面*/

.error-row{
    color:coral;
    font-weight:bold;
}

.normal-row{
    color:#a5f283;
}

.top-time {
    float: right;
    height: 75px;
    color: #fff;
    line-height: 75px;
}
.ztree{ overflow:auto}

.icon-btn{ height:25px; line-height:25px; width:25px; padding:0}
.icon-btn > i{ font-size:12px; margin:7px}

.asterisk { color:#e81717;font-weight:bold }