body{
  min-width: 1200px;
}
.btn-default,.btn-warning,btn-info{
	
  text-shadow:none;
}
input::-ms-clear, input::-ms-reveal {
    display: none;
}
.form-control:-moz-placeholder {
  color: #939393;
}

.form-control::-moz-placeholder {
  color: #939393;
  opacity: 1;
}

.form-control:-ms-input-placeholder {
  color: #939393;
}

.form-control::-webkit-input-placeholder {
  color: #939393;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #bfbfbf; 
  border-color:#bfbfbf; 
}

.legend-panel-right{
	position: relative;
        margin-top: 31px;
}
.btn-default,.btn-warning,btn-info:hover{ 
  text-shadow:none;
}

a:focus {  
    outline:none;  
}
.container, .container-fluid{
  width: 1200px !important;
}

.starter-template {
  padding: 40px 15px;
  text-align: center;
}

.tree-root{
  padding-left: 0;
}

.legend-panel-left-dump ul{
  list-style-type: none;
}
.public_header_right {
    height: 50px;
    line-height: 50px;
        margin-top: 30px;
}
.legend-count {
  font-size: 80%;
}
.public_header_right .nav>li>a{
  padding-left: 10px;
  padding-right: 10px;
}
.legend-breadcrumbs .breadcrumb {
  background-color: transparent!important;
  font-size: 80%;
  margin-bottom: 0px!important;
}
    .legend-breadcrumbs .breadcrumb > li + li:before {
        content: "";
    padding: 15px;
    background: url(../image/arrow-grey.png) no-repeat center;
    position: absolute;
    top:-6px;
    }

    .legend-breadcrumbs .breadcrumb > li + li:before{
      top: -9px\0;
      top: *-9px;
    }

.legend-search-result-items {
  height: 100%;
  width: 100%;
}

.legend-view {
  padding: 5px;
  margin: 0px;
}
.resource_name{
	text-align:center;
    color:#333;
}
.resource_category{
	text-align:center;
}
.legend-view-thumb .legend-resource-item {
  width: 160px;
  height: 160px;
  margin: 5px;
}

.legend-view-thumbtext .legend-resource-item {
  width: 100%;
  height: 110px;
  margin: 5px;
}

.legend-view-text .legend-resource-item {
  height: 25px;
}

.item-thumbnail-info {
  height: 110px;
  width: 165px;
}

.legend-resource-item .thumbnail {
  height: 90px;
  width: 100%;
  margin-bottom: 0px!important;
  padding: 0px!important;
  border: none!important;
  border-radius: 0!important;
}

.legend-menu-item,
.legend-menu-current-item,
.legend-menu-sub-items {
  margin-left: 0px!important;
  margin-right: 0px!important;
}

.legend-menu-current-item {
  padding-left: 10px;
}

.legend-menu-item {
  height: 20px;
  overflow-x: none;
  overflow-y: auto;
}

.legend-menu-sub-items {
  padding-left: 10px;
}

.legend-shadow {
  -webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.25),inset 0 -1px 0 rgba(0,0,0,0.1)!important;
  -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.25),inset 0 -1px 0 rgba(0,0,0,0.1)!important;
  box-shadow: 0 3px 3px rgba(0,0,0,0.25),inset 0 -1px 0 rgba(0,0,0,0.1)!important;

  z-index:999;
}


.all-sort-list h3 {
  margin: 0; padding: 0;
}
.all-sort-list h3 i{
    padding: 14px 4px;
    margin-left: 10px;
        position: relative;
    top: -17px;
}
.all-sort-list { position:relative; width:100%; }
.all-sort-list .item { position:relative;height:47px; }
.all-sort-list .item.bo { border-top:none; }
.all-sort-list .item h3 { 
    padding-right: 20px;
    position: relative;
    height: 47px;
    line-height: 47px;
    font-size: 14px;
    font-weight: normal;
    width: 100%;
    overflow: hidden;
}
.all-sort-list .hover h3 {  position:relative;z-index:103;}
.all-sort-list .item span { padding:0px 5px; font-family:"\5B8B\4F53"; }
.all-sort-list .item h3 a.updateTree {  
    text-decoration:none;
    display: inline-block;
    padding-left: 10px;
       color: #424E67;
    max-width: 180px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.resource_name{
    z-index: 2;
    cursor:pointer;
}
.resource_name:hover{
    color:#7B7B7B;
}
.all-sort-list .item-list {
  display:none;
  position:absolute;
  width:186px;
  min-height:200px;
  _height:200px;
  box-shadow:0px 0px 10px #DDDDDD;
  top:0;
  z-index:102;
}
.all-sort-list .contentTree{
  height: auto;
}
#legend_normal_tree>div>div{
 left: 285px;
}
.all-sort-list .item-list .close {
  position:absolute;
  width:26px;
  height:26px;
  cursor:pointer;
  top:-1px;
  right:-26px;
  font-size:20px;
  line-height:20px;
  text-align:center;
  font-family:"Microsoft Yahei";
  background-color:transparent\9;
}

.item-list .subitem { float:left; width:100%; }
.item-list .subitem dl { margin-bottom: 0; padding:6px 0px; overflow:hidden; zoom:1; }
.item-list .subitem .fore1 { 
    border-top:none; 
    position: relative;
}
.item-list .subitem .fore1:hover{
        background-color: #DFF1F3;
}
.item-list .subitem dt {    float: left;
    width: 54px;
    line-height: 26px;
    text-align: right;
    padding: 6px 6px 0px 0px;
    font-weight: 700;
    font-size: 13px;
    color: #666666;}
.item-list .subitem dt a { text-decoration:underline; }
.item-list .cat-right { float:right; width:210px; }
.item-list .cat-right dl { width:194px; padding:6px 8px; }
.item-list .cat-right dt { padding:3px 6px 0px 0px; font-weight:700;}
/*滑动箭头*/
.item-list .subitem .slide_symbol{
    width: 477px;
    height:25px;
    top: 70px;
    position:absolute;
}
.slide_symbol .over_slide{
        position: absolute;
        top: -5px;
        left: 0px;
        display: none;
}
.slide_symbol .below_slide{
        position: absolute;
        top:0px;
        left: 0px;
}
.slide_symbol .left_slide{
        width:216px;
        float: left;
        height: 1px;
        margin-top: 9px;
}
.slide_symbol .center_slide{
        width:40px;
        height:18px ;
        float: left;
        cursor: pointer;
}
.all-sort-list .item .slide_symbol .center_slide span{
        line-height:16px;
        text-align: center;
        float: left;
        width: 38px;
        height: 18px;
        display: block;
        font-weight: 700;
}

.all-sort-list .item .slide_symbol .below_slide .center_slide span{
        line-height:25px;
}
.legend-header-tree {
  z-index: 102;
  position: absolute;
}

.legend-nav {
  padding: 5px;
}

.legend-nav span{
  padding: 5px;
}

.legend-index-item {
  font-size: 150%;
}

.legend-view-item {
  padding: 20px;
}
.item-buttons {
  width: 100px;
}

.item-buttons .btn{
  margin: 5px;
}
body,button,strong, input, select, textarea,h1 ,h2, h3, h4, h5, h6 { font-family: Microsoft YaHei,'宋体' , Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;}
.right{
    float: right;
}
.right_align{
    text-align: right;
}
.left{
    float: left;
}
.left_align{
    text-align: left;
}
.center{
    text-align: center;
}
.hand{
    cursor: pointer !important;
}
.middle{
    vertical-align: middle;
}
.dom_hidden{
       display: none;
}
.word_hidden{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.word_hidden_upload{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
    align-items: center;
}
.word_line_left{
    display: inline-block;
    width: 52px;
    height: 2px;
    background-color:#dddddd;
}
.bold{ font-weight:bold}
.line{
    padding: 0 20px 0;
    margin: 20px 0;
    line-height: 1px;
    text-align: center;
}
#totop{position:fixed;bottom:50px;right:1%;z-index:1111111111; cursor:pointer; display:none;text-align:right;}
/*html #totop{position:absolute;cursor:pointer;right:40px; display:none;top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight)-112+"px")}*/
#totop a{display:block;width:38px;height:38px;float:right;}
#totop .top_cateqr {
    width: 145px;
    height: 145px;
    position: absolute;
    top: -50%;
    right: 39px;
    margin-top: 5px;
    display:none;
}
    #totop .top_cateqr img {width:145px;height:145px;
    }
.underline{
  text-decoration: underline;
}
.noneline{
  text-decoration: none;
}
.body-font-size{
  font-size: 14px;
}
.font-size-index{ /*首页资源名称字体大小*/
  font-size: 1em;
}
.font-title-index{ 
  font-size: 1.2em;
}
.font-nav-category{ 
       font-size: 16px;
    padding-left: 32px;
    color:#676767;
}
.font-hotword-category{
  font-size: 1em;
}
/*底部信息*/
.container-footer .container{
    min-height: 100px;
}
.container-footer .container .blank-line{
    height: 18px;line-height: 18px;
}
.container-footer .container .right_align,.container-footer .container .right_align,.container-footer .container .whole{
    padding-bottom: 10px;
}
.container-footer .container .whole{
    margin: 0 auto;
    text-align: center;
}
.container-footer .container .copyright{
    text-align: center;height: 50;line-height: 18px;
    padding-bottom: 15px;
}
.keyword_info{
  max-width: 175px;
}
.keyword_iconlist{
  max-width: 545px;
  /*float: left;*/
}
.keyword_iconlist_a{
  max-width: 100px;
  padding-left: 8px;
  display: block;
  float: left;
}
.enter_master{
  display: none;
}

.wire_frame{
  width:70px;
  position: absolute;
  top:27px;
  height: 70px;
  z-index: 15;
  border: 2px solid blue;
}
.wire_border{
  z-index: 100;
  position: absolute;
  top:27px;
  left: 1px;
  width: 68px;
  height: 68px;
  background-color: #fff;
  opacity: 0;
  filter:alpha(opacity=0);
}
.user_name a{
  float: left;
}
/*#user_name>span.user_arrow_up{
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #F4693A;
  margin-top: -15px;
}*/
#user_name>span.user_arrow_down{
  -ms-transition:150ms;
  transition:150ms;
  -webkit-transition:150ms;
  -moz-transition:150ms;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #fff;
  margin-top: -15px;
}
li#manager {
    color: #fff;
}
.media{
  display: none;
}
.transform{
  -webkit-transform:rotateX(180deg);
  transform:rotateX(180deg);
  -ms-transform:rotateX(180deg);
  -moz-transform:rotateX(180deg);
  -o-transform:rotateX(180deg);

}
#manage_user dd>span,#uc_mycategroy .t_b{
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #fff;
  position: absolute;
  z-index: 0;
  left:40%;
  top:-8px;
}
#manage_user dd span.t_t{
  top:-9px;
  border-bottom: 8px solid #D3D3D3;
}
#user{
  position: relative;
  padding: 0px;  
}

#manage_user dt{
  padding: 10px 0px;
}
#manage_user dd{
  text-align:left;
  width: 160px;
  height: auto;
  display: none;
  left: -77px;
  top:41px;
  background: #fff;
  position: absolute;
  z-index: 1000;
  /*padding: 3px;*/
  border:1px solid #D3D3D3;
}
#manage_user dd a{
  display: block;
  white-space:nowrap;
  padding:20px ;
  /*padding-top: 5px;*/
  color: #2A2B2D;
  margin-left:0px;
  font-size:12px;
  border-bottom:1px solid #eeeeee;
}
#manage_user dd a:last-of-type{
    border:none;
}
#manage_user dd > span{
    display:none !important;
}
#manage_user dd a span{
    display:inline-block;
    width:18px;
    height:16px;
    margin-right:10px;
    vertical-align:middle;
}
.media_user span{
    background:url(../image/media_user.png) no-repeat center;
}
.cate_user_name span{
    background:url(../image/personal.png) no-repeat center;
}
#manage_menu span{
    background:url(../image/centerManage.png) no-repeat center;
}
#user_menu span{
    background:url(../image/userCenter.png) no-repeat center;
}
.login_out span{
    background:url(../image/exit.png) no-repeat center;
}
#iptv_menu span{
     background:url(../image/iptv_menu.png) no-repeat center;
}
#online_menu span {
    background: url(../image/online_menu.png) no-repeat center;
}
#iptv_manage_menu span{
     background:url(../image/iptv_manage_menu.png) no-repeat center;
}
#manage_user dd a:hover{
  background: #efefef;
  color: #47c4cf;
}
.media_user:hover span{
    background:url(../image/media_userB.png) no-repeat center;
}
.cate_user_name:hover span{
    background:url(../image/personalB.png) no-repeat center;
}
#manage_menu:hover span{
    background:url(../image/centerManageB.png) no-repeat center;
}
#user_menu:hover span{
    background:url(../image/userCenterB.png) no-repeat center;
}
.login_out:hover span{
    background:url(../image/exitB.png) no-repeat center;
}
#iptv_menu:hover span{
     background:url(../image/iptv_menuB.png) no-repeat center;
}
#online_menu:hover span{
     background:url(../image/online_menuB.png) no-repeat center;
}
#iptv_manage_menu:hover span{
     background:url(../image/iptv_manage_menuB.png) no-repeat center;
}
/*modal*/
.modal-header{
    background-color: #41ACB6;
    color: #fff;
    border-bottom: none;
        padding: 15px 24px;
}
.modal-title{
    font-size:18px;
}
.modal-header i{
    font-style: normal;
    font-size: 20px;
    line-height: 1;
    cursor:pointer;
}
.modal-footer{
        padding: 17px 30px 22px 20px;
        border-top:1px solid #ececec;
        margin:0;
}
.modal-footer button{
    width:120px;
    height:44px;
    font-size:18px;
    letter-spacing:1px;
    margin-left:15px;
    border-radius:4px;
}
.modal-footer button:first-of-type{
    background-color:#25bed0;
    color:#fff;
    border-color:#25bed0;
}
.modal-footer button:nth-of-type(3){
    background-color:#25bed0;
    border-color:#25bed0;
}
.modal-footer button:last-of-type{
    background-color:#25bed0;
    color:#fff;
    border:1px solid #25bed0;
}
/*注册*/
#sign_in_modal .modal-dialog{
    width:520px;
}
#sign_in_modal .register-prompt{
   text-align:left;
}
#sign_in_modal .modal-dialog .modal-header i{
    display:inline-block;
    width:18px;
    height:18px;
    background:url(../image/loginSign.png) no-repeat center;
}
#sign_in_modal .modal-dialog .modal-header button{
    margin-top:3px;
}
#sign_in_modal .form-group{
    margin-bottom:11px;
}
#sign_in_modal .form-group:nth-of-type(4){
    margin-bottom:25px;
}
#sign_in_modal .form-group .form-control{
    height:40px;
    color:#ccc;
    font-size:14px;
    border-radius:3px;
}
#sign_in_agree_content{
    height:400px;overflow-y:scroll;
}
/*modal end*/
.container-header {
    background-color: #233041;
}
.container-header .container{
    padding:0px;
}
.container-header .row{
    margin:0px;
}
.container-header .index-header-search{
    padding:0px;
    padding-right:7px;
}
.index-header-search {
    margin-top: 38px;
}
.main_search div.input-group {
    width: 278px;
    height: 36px;   
    margin-right:0px;
    border: 1px solid #3e4b5b;
}
#search_input {
    height: 36px;
}
.main_search .input-group-btn{
    width:48px;
}
.main_search #camera {
    position: absolute;
    right: 70px;
    top: 50%;
    font-size: 20px;
    height: 20px;
    width: 25px;
    background: #fff url(../image/camera.png);
    outline: none;
    margin-top: -10px;
    cursor:pointer;
}
#search_btn {
    width: 48px !important;
    height: 36px;
    position: relative;
    background: #fff url(../image/searchStation.png) no-repeat center;
}
#search_btn:before {
    content: '';
    position: absolute;
    width: 1px;
    height: 20px;
    left: 0px;
    top: 50%;
    margin-top: -10px;
    background-color: #dce0e0;
}
.index-header-linksn ul li a {
    color: #fff;
    font-size:16px;   
	padding:10px 0px;
    cursor:pointer;
    font-weight:normal;
}
.index-header-linksn ul li:hover a{
    color:#01A6D6;
}
#manage_user #user_name a{
    color:#fff;
}
#uploader{
    cursor:pointer;
}
/*page*/
.page {    
    margin-top: 24px;
    margin-bottom: 24px;
    text-align: center;
}

    .page a {
        border: 1px solid #e7e9ee;
        border-radius: 5px;
        color: #5d5d5d;
        display: inline-block;
        font-size: 14px;
        height: 28px;
        line-height: 28px;
        min-width: 24px;
        margin: 0 4px;
        padding: 0 10px;
    }
    .page a:hover,.page span:hover{
        border: 1px solid #4abac4;
         background-color:#4abac4;
         color:#fff;
    }
    .page span.active {
         border: 1px solid #4abac4;
         background-color:#4abac4;
        border-radius: 5px;
        color: #fff;
        display: inline-block;       
        font-size: 14px;
        height: 28px;
        line-height: 28px;
        margin: 0 4px;
        min-width: 24px;
        padding: 0 10px;
    }

    .page i {
        font-style: normal;
        margin-left: 10px;
    }
   .page input{
       float:none;
       padding: 0 10px;
       height:28px;
       border-radius:5px;
       width: 38px;      
       line-height: 28px;
       text-align: center;
       background: #fff;
       border: 1px solid #ebebeb;
       outline: 0;
       color: #bdbdbd;
       font-size: 14px;
   }
/*page end*/
/* 底部 */
.footer{width: 100%; padding: 55px 0 41px; background: #112136;}
.footer .container{padding:0px;width:1200px !important;}
.footer .ft_wrap{width: 100%; overflow: hidden;}
.footer .ft_link{float: left; width: 371px; }
.footer .ft_wrap h3{width: 100%; margin-bottom: 18px; padding-left: 27px; color: #80808f; font-size: 18px;}
.footer .ft_link h3{ background: url(../image/link_icon.png) no-repeat left center;}
.footer .ft_wrap h3 span{font-size:14px}
.footer .ft_link .links{width: 100%;overflow: hidden;padding-left:27px;}
.footer .ft_link .links > div{padding:10px 0px;}

.footer .ft_address{position: relative; float: left; width: 583px;padding-left:38px;}
.footer .ft_address::after{display: block;}
.footer .ft_wrap .ft_box{display: inline-block;}
.footer .ft_address h3{ text-align: left; background: url(../image/address_icon.png) no-repeat left center;}
.footer .ft_address .address{list-style:none;padding-left:27px;}
.footer .ft_address .address .add_item{color: #80808f; font-size: 14px; line-height: 36px;}

.footer .ft_code{float: left; width: 245px; text-align: center;}
.footer .ft_code h3{background: url(../image/code_icon.png) no-repeat left center;}
.footer .ft_code .code_img{margin-top: 48px; color: #80808f; line-height: 2.5rem}
.footer .ft_code .code_img img{width: 100px;height:100px;}
.footer .ft_code .code_img p{font-size:0.75rem;}
.footer .ft_wrap .ft_line{position: absolute; width: 1px; height: 100%; top: 0; background: #3e3e5a}
.footer .ft_wrap .ft_line_fl{left: 0;}
.footer .ft_wrap .ft_line_fr{right: 0;}
.footer #about_href_container a{
    font-size: 14px;   
    color:#80808f !important;
}
.footer #about_href_container a:hover{
    color:#fff !important;
}

/*上传人像*/
#canceal {
    position: absolute;
    right: 20px;
    top: 10px;
    font-size: 25px;
    cursor:pointer;
}
#popup {
    position: absolute;
    left: -238px;
    top: 38px;
    height: 166px;
    z-index:99999;
}
#popup .webuploader-pick{
    height:35px;
    line-height:35px;
    background:none !important;
    color:#fff;
}

.index-header-linksn ul > li{
    margin-left:30px;
}
#pop {
    margin: 38px 64px auto 74px;
    padding: 0;
    text-align: left;
}

    #pop img {
        float: left;
        margin-right: 36px;
    }

    #pop h3 {
        font-size: 18px;
        margin-right: 10px;
        text-align: left;
        font-weight: 600;
    }

    #pop span {
        color: #939393;
        position: relative;
        top: -3px;
        line-height: 1.8;
    }

#btns {
    margin-top: 5px;
}

#face, #scene {
    background: #47C4CF;
    height: 36px;
    width: 120px;
    border-radius: 1px;
    color: #fff;
    display: inline-block;
    font-size: 16px;
}

#face {
    margin-right: 10px;
}

.img {
    display: block;
    width: 16px;
    height: 16px;
    float: left;
    margin-top: 12px;
    margin-left: 15px;
}

div.webuploader-pick {
    width: 80px;
    border-radius: 2px;
}
#face div.webuploader-pick{
width: 120px;
}

#face .img {
    background: url(../image/face_img.png);
    margin-left: 8px;
    position: relative;
    left: 6px;
}

#scene .img {
    background: url("../image/scene_img.png") no-repeat;
}
/*小图标*/
.audio {
     background-position-x: -613px;
}

.video {
    background-position-x: -544px;    
}

.pic {
    background-position-x: -749px;
}

.txt {
    background-position-x: -274px;
}

.word {
    background-position-x: 1px;
}

.pdf {
    background-position-x: -205px;
}

.ppt {
    background-position-x: -136px;
}

.xls {
    background-position-x: -68px;
}

.rar {
    background-position-x: -681px;
}

.exe {
    background-position-x: -409px;
}

.other {
    background-position-x: -477px;
}
.html{
    background-position-x: -341px;
}
/*大图标*/
.imgBg{
    position:relative;
    display:inline-block;
    width:100%;
    height:100%;      
    transform:scale(1);
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -o-transform:scale(1);
    -ms-transform:scale(1);
    transition:1s; 
    -webkit-transition:1s;
    -ms-transition:1s;
    -moz-transition:1s;
    -o-transition:1s;
}
.imgBg:hover,.iconBg:hover i{
     transform:scale(1.2);
}
.imgBgContainer:hover .imgBg{
      transform:scale(1.2);
}
.imgBg.hasFigureBorder{
        background-size: 163px 114px!important;
}
.iconBg{
    position:relative;
    display:inline-block;
    width:100%;
    height:100%;  
}
.iconBg > i{
    position:absolute;
    width:162px;
    height:142px;
    top:50%;
    left:50%;
    margin-left:-81px;
    margin-top:-71px;
     transform:scale(1);
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -o-transform:scale(1);
    -ms-transform:scale(1);
    transition:1s; 
    -webkit-transition:1s;
    -ms-transition:1s;
    -moz-transition:1s;
    -o-transition:1s;
}
.iconBg.word{
    background-color:#dbe7f9;
}
.iconBg.xls{
     background-color:#e3f9ed;
}
.iconBg.ppt{
    background-color:#fee3dc;
}
.iconBg.pdf{
    background-color:#fde1e1;
}
.iconBg.txt{
    background-color:#eeeded;
}
.iconBg.html{
    background-color:#def6fb;
}
.iconBg.exe{
    background-color:#d4eeff;
}
.iconBg.other{
     background-color:#f9e9ff;
}
.iconBg.video{
   background-color:#d4eeff;
}
.iconBg.audio{
    background-color:#d4eeff;
}
.iconBg.rar{
    background-color:#eae4ff;
}
.iconBg.pic{
    background-color:#d4eeff;
}
.iconBg.word i{
    background:url(../image/bigIcon.png) no-repeat 0px center;
}
.iconBg.xls i{
     background:url(../image/bigIcon.png) -162px center;
}
.iconBg.ppt i{
    background:url(../image/bigIcon.png) -324px center;
}
.iconBg.pdf i{
    background:url(../image/bigIcon.png) -648px center;
}
.iconBg.txt i{
    background:url(../image/bigIcon.png) -486px center;
}
.iconBg.html i{
    background:url(../image/bigIcon.png) -810px center;
}
.iconBg.exe i{
    background:url(../image/bigIcon.png) -1134px center;
}
.iconBg.other > i{
     background:url(../image/bigIcon.png) -972px center;
}
.iconBg.video i{
    background:url(../image/bigIcon.png) -1620px center;
}
.iconBg.audio > i{
    background:url(../image/bigIcon.png) -1459px center;
}
.iconBg.rar i{
    background:url(../image/bigIcon.png) -1296px center;
}
.iconBg.pic i{
    background:url(../image/bigIcon.png) -1782px center;
}
.iconBg.other > i > i,.iconBg.audio > i > i{
    position:absolute;
    color:#636363;
    font-size:14px;
    font-style:normal;
    bottom:23px;
    left:50%;
    transform:translateX(-50%);
}
.iconBg.other > i > i{
    bottom:15px;
    color:#fff;
}
.iconBg.middle > i {        
    width:65px;
    height:78px;
    margin-left:-33px;
    margin-top:-39px;
}
.iconBg.other.middle > i > i{
    bottom:3px;
    color:#fff;
}
.iconBg.audio.middle > i > i{
    bottom:6px;
    color:#636363;
}
.iconBg.word.middle i{
    background:url(../image/middleIcon.png) 0px center;
}
.iconBg.xls.middle i{
     background:url(../image/middleIcon.png) -66px center;
}
.iconBg.ppt.middle i{
    background:url(../image/middleIcon.png) -132px center;
}
.iconBg.pdf.middle i{
    background:url(../image/middleIcon.png) -198px center;
}
.iconBg.txt.middle i{
    background:url(../image/middleIcon.png) -331px center;
}
.iconBg.html.middle i{
    background:url(../image/middleIcon.png) -528px center;
}
.iconBg.exe.middle i{
    background:url(../image/middleIcon.png) -462px center;
}
.iconBg.other.middle > i{
     background:url(../image/middleIcon.png) -265px center;
}
.iconBg.video.middle i{
    background:url(../image/middleIcon.png) -660px center;
}
.iconBg.audio.middle > i{
    background:url(../image/middleIcon.png) -594px center;
}
.iconBg.rar.middle i{
    background:url(../image/middleIcon.png) -396px center;
}
.iconBg.pic.middle i{
    background:url(../image/middleIcon.png) -724px center;
}
textarea {
    resize: none;
}