wp/nwyj/.svn/pristine/99/9979d58f963c53de82d8e87fcca6885f529dd846.svn-base

::-webkit-scrollbar { width: 12px;}
::-moz-scr
::-webkit-scrollbar-track { -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3); border-radius:10px;}
::-webkit-scrollbar-thumb { border-radius:10px; background: rgba(0,0,0,0.1); -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5);}
::-webkit-scrollbar-thumb:window-inactive { background: rgba(255,0,0,0.4);}

.cursor_pointer{ cursor:pointer; }
.cursor_nodrop{ cursor:no-drop; }

.float_right{ float:right; }
.float_left{ float:left; }
.hidden_yes{ display: none;}

.lwh{ width:0; height:0; }

/*  专题列表  */
.cockpit_index_left_subject_ul, .cockpit_ilsl_sublist_ul{ list-style: none; }
.cockpit_index_left_subject_ul{ margin-left:20px; }
.cockpit_ilsl_sublist_ul{ margin-left:45px;}

.cockpit_index_left_subject_li{ list-style-type: none; color: #d7ebfc; padding-left: 10px;
    border-bottom: solid 1px #255076; width: 210px; display: list-item; text-align: -webkit-match-parent; }
.cockpit_index_left_subject_li:hover{ color:#fcbe00; }
.cockpit_ilsl_title_box{ margin-top: 5px; width:200px; height:25px; display: inline-block; overflow: hidden; line-height: 25px; }
.ci_title_box{ width:140px; display:inline-block; float:left; padding-left:10px; cursor:pointer; }
.select_view{ background-color:rgba(128,128,128,.3); border-radius:10px; }
.cockpit_ilsl_sublist_box{ margin:5px 0 10px 0; border-top:dashed 1px #255076; }
.cisl_sublist_box_div{ height: 30px; }
.close_cockpit_subject_sublist{width:0; height:0; border-top:10px solid #d7ebfc;
    border-right:7px solid transparent; border-left:7px solid transparent; cursor: pointer;
    display:inline-block; float: right; margin: 7px 13px; }
.close_cockpit_subject_sublist_box{ display:inline-block; float:right; width:40px; height:23px; }
.close_cockpit_subject_sublist_box:hover{ /* border:1px solid #d7ebfc; */background-color: rgba(128,128,128,.3); border-radius:10px; }
.close_subject_group_box{ display:inline-block; float:right; width:40px; height:23px; margin-right:20px; }
.open_cockpit_subject_sublist{width:0; height:0; border-bottom:10px solid #d7ebfc;
    border-right:7px solid transparent; border-left:7px solid transparent; cursor: pointer;
    display:inline-block; float: right; margin: 7px 13px;}


/* 左侧的图片 */
.cockpit_ilsl_sublist_li{ margin: 15px 0px 0 -40px; }
.charwin_checkbox{ width:30px; height:30px; display:inline-block; float:left; cursor:pointer; }
.charwin_checkbox0{background: url('/nwyj/images/cockpit/btn/charwin_checkbox.png') no-repeat -14px -11px;}
.charwin_checkbox1{background: url('/nwyj/images/cockpit/btn/charwin_checkbox.png') no-repeat -14px -58px;}
.charwin_checkbox2{background: url('/nwyj/images/cockpit/btn/charwin_checkbox.png') no-repeat -54px -58px;}
.charwin_checkbox3{background: url('/nwyj/images/cockpit/btn/charwin_checkbox.png') no-repeat -94px -58px;}
.charwin_checkbox4{background: url('/nwyj/images/cockpit/btn/charwin_checkbox.png') no-repeat -134px -58px;}

.cisl_li_sub_count_div{width:155px; height:30px; background-color:#1f7acd; float:left; display: inline-block;
    line-height: 30px; margin: 0 10px; }
.cockpit_ilsl_li_title_span{width:100%; overflow: hidden; display: inline-block; text-overflow: ellipsis; white-space:nowrap; cursor:pointer;}

/* 保存按钮 */
.subject_btn {
    min-height: 15px; display: inline-block; padding: 2px 6px; margin: 20px 5px 5px 135px; cursor: pointer; opacity: 0.9;
    color: #FFF; background: #3a617e; font-size: 1em; letter-spacing: 1px; text-shadow: rgba(0,0,0,0.9) 0px 1px 2px; border: 1px solid #242424;
   
    -webkit-border-radius: 4px;
     -khtml-border-radius: 4px;
       -moz-border-radius: 4px;
         -o-border-radius: 4px;
            border-radius: 4px;
    -webkit-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
     -khtml-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
       -moz-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
         -o-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
            box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
    -webkit-transition: all 0.1s linear;
     -khtml-transition: all 0.1s linear;
       -moz-transition: all 0.1s linear;
         -o-transition: all 0.1s linear;
            transition: all 0.1s linear;
}
.subject_btn:hover {
    -webkit-box-shadow: rgba(0,0,0,0.5) 0px 2px 5px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
     -khtml-box-shadow: rgba(0,0,0,0.5) 0px 2px 5px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
       -moz-box-shadow: rgba(0,0,0,0.5) 0px 2px 5px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
         -o-box-shadow: rgba(0,0,0,0.5) 0px 2px 5px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
            box-shadow: rgba(0,0,0,0.5) 0px 2px 5px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
}
.subject_btn:active {
    -webkit-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px,inset rgba(255,255,255,0) 0px 1px 0px, inset rgba(0,0,0,0.5) 0px 0px 5px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
     -khtml-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px,inset rgba(255,255,255,0) 0px 1px 0px, inset rgba(0,0,0,0.5) 0px 0px 5px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
       -moz-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0) 0px 1px 0px, inset rgba(0,0,0,0.5) 0px 0px 5px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
         -o-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0) 0px 1px 0px, inset rgba(0,0,0,0.5) 0px 0px 5px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
            box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0) 0px 1px 0px, inset rgba(0,0,0,0.5) 0px 0px 5px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
}
.subject_shine {
   display: block;
   position: relative;
   background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
   background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0)));
   background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
   background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
   background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 );
   background: linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
   padding: 0px 12px; top: -2px; left: -10px; height: 1px;
   -webkit-box-shadow: rgba(255,255,255,0.2) 0px 1px 5px;
    -khtml-box-shadow: rgba(255,255,255,0.2) 0px 1px 5px;
      -moz-box-shadow: rgba(255,255,255,0.2) 0px 1px 5px;
        -o-box-shadow: rgba(255,255,255,0.2) 0px 1px 5px;
           box-shadow: rgba(255,255,255,0.2) 0px 1px 5px;
   -webkit-transition: all 0.3s ease-in-out;
    -khtml-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
           transition: all 0.3s ease-in-out;
}
.subject_btn:hover .subject_shine {left: 0px;}
.subject_btn:active .subject_shine {opacity: 0;}

/* 组合专题的专题区分  */
.subject_group{ width: 180px; color:#d7ebfc; left: -40px; height: 30px; position: relative; border-bottom: 1px dashed #255076; margin-top: 20px; padding-left:20px;}
.subject_group:hover{ background:rgba(128,128,128,.3); color:#fcbe00; border-radius:20px;}				
.sh_grout_img{float:right; width:30px; height:30px;}