@charset "utf-8";
body, html {
    background: #eff4f5
}

.top-upload {
    height: 50px;
    line-height: 50px;
    background: #fff;
    min-width:1200px
}

.top-upload .logo {
    float: left;
    margin-top: 10px;
    height: 30px;
    line-height: 30px;
    font-size: 20px;
    font-weight: bold;
}

.top-upload .logo img {
    margin: -4px 10px 0 20px
}

.flowStep {
    margin-left: 180px;
    float: left;
    font-size: 14px;
    color: #999;
}

.flowStep .itm {
    float: left;
}

.flowStep .itm .icon-succ {
    display: none;
}

.flowStep .itm span {
    margin-left: 3px;
    vertical-align: middle;
    font-weight: bold;
}

.flowStep .itm .num {
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    background: #999;
    font-size: 12px;
    font-family: Arial;
    border-radius: 25px;
    vertical-align: middle;
}

.flowStep .itm .sip {
    margin: 0 30px;
    display: inline-block;
    width: 8px;
    height: 8px;
    background: url(../img/arrow-r-8.png) center no-repeat;
    background-size: 8px;
    opacity: .5;
}

.flowStep.step1 .itm1 {
    color: #cc2929
}

.flowStep.step1 .itm1 .num {
    background: #cc2929
}

.flowStep.step2 .itm1 {
    color: #000
}

.flowStep.step2 .itm1 .num {
    display: none;
}

.flowStep.step2 .itm1 .icon-succ {
    display: inline-block;
}

.flowStep.step2 .itm1 .sip {
    opacity: 1;
}

.flowStep.step2 .itm2 {
    color: #cc2929
}

.flowStep.step2 .itm2 .num {
    background: #cc2929
}

.flowStep.step3 .itm1 {
    color: #000
}

.flowStep.step3 .itm1 .num {
    display: none;
}

.flowStep.step3 .itm1 .icon-succ {
    display: inline-block;
}

.flowStep.step3 .itm1 .sip {
    opacity: 1;
}

.flowStep.step3 .itm2 {
    color: #000
}

.flowStep.step3 .itm2 .num {
    display: none;
}

.flowStep.step3 .itm2 .icon-succ {
    display: inline-block;
}

.flowStep.step3 .itm2 .sip {
    opacity: 1;
}

.flowStep.step3 .itm3 {
    color: #cc2929
}

.flowStep.step3 .itm3 .num {
    background: #cc2929
}

/* 上传按钮 */

.uploadBtns {
    float: right;
    padding-top: 7px;
    height: 43px;
    margin-right: 20px;
}

.uploadBtns a {
    display: inline-block;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    color: #fff;
    padding: 0 20px;
    border-radius: 5px;
    font-weight: bold;
}

.uploadBtns a.btn-red {
    background: #cc2929;
}

.uploadBtns a.btn-red:hover {
    background: #b91a1a;
    transition: all .2s
}

.uploadBtns a.btn-grey {
    background: #666;
}

.uploadBtns a.btn-grey:hover {
    background: #484646;
    transition: all .2s
}

.uploadBtns a.btn-disable {
    background: #ddd;
    color: #666;
    cursor: not-allowed
}

.uploadBtns .txt {
    font-size: 12px;
    color: #696b6c;
    padding-left: 20px
}

.uploadBtns a.none {
    display: none;
}

.sub-top {
    height: 40px;
    line-height: 40px;
    color: #999;
    font-size: 12px;
}

.upLoadBox {
    width: 1178px;
    padding: 20px 0 0 20px;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #b8c4ce;
    min-height: 390px;
    margin: 0 auto 10px
}

.upLoadBox ul {
    padding: 0;
    min-height: 0;
}

.upLoadBox li {
    position: relative;
    width: 216px;
    text-align: center;
    height: 195px;
    line-height: 144px;
    margin: 0 19.5px 0 0;
    float: left;
    overflow: hidden;
}

.upLoadBox li .imgWrap {
    width: 216px;
    height: 144px;
    background:#ddd url('../img/loading.gif') center no-repeat
}

.upLoadBox li .img {
    height: inherit;
}
.upLoadBox li .img .percent{ height: 2px; width:216px; background:none}
.upLoadBox li .img .percent .in{ height: inherit;}
.upLoadBox li .img .percent .txt{ height: 20px; padding:0 8px; background:rgba(0,0,0,.8); left: 8px; bottom:8px; right:auto; line-height: 20px; font-weight: bold; border-radius: 5px;}
.upLoadBox li .img .err{ position: absolute; height: 20px; padding:0 8px; color:#fff; background:rgba(204,41,41,.8); left: 8px; bottom:8px; right:auto; line-height: 20px; font-weight: bold; border-radius: 5px;}

.upLoadBox .upbtn{ display: block; width:212px; height: 110px; border:2px dashed #b8c4ce; border-radius: 5px; text-align: center; padding-top:30px}
.upLoadBox .upbtn .icon-add{ display: block; margin:0 auto; width: 30px; height: 30px; background:#2d3e50 url(../img/icon-add-10-10.png) center no-repeat; background-size: 16px; border-radius: 50%;}
.upLoadBox .upbtn em{ font-size: 12px; color: #b8c4ce; line-height: 20px; display: block;}
.upLoadBox .upbtn em.txt1{ height: 30px; line-height: 35px; color: #2d3e50; font-size: 18px; font-weight: bold;}
.upLoadBox .iptUp{ font-size: 0; position: absolute; left: 0; top:0; z-index: 1; display: inline-block; width: 216px; height: 144px; border:none; background: none; opacity: 0; cursor:pointer}

.uploadTips{ width: 1200px; margin:0 auto;color: #2d3e50; line-height: 24px;}
.uploadTips dt{ font-size: 14px; }
.uploadTips dd{ font-size: 12px}

/* 著录部分 */
.zhuluLeft{ width:890px; float: left;}
.resRight{ position: fixed; top:90px; right:32.5px; z-index: 10;  padding:0 20px 10px; width:245px; background:#fff; border-radius: 5px; transition:  top .1s; }
.gcZhulu{ width: 828px;padding: 20px 30px 0 30px;background: #fff;border-radius: 5px;border: 1px solid #b8c4ce;min-height: 390px;margin: 0 auto 40px}

.dtl-rside .sideR-list{ margin-bottom: 10px }
.resRight .tit{ line-height: 60px; height: 55px; font-size: 20px; font-family: 'Microsoft YaHei'; font-weight: bold; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; }
.resRight li{ margin-bottom: 15px;; position: relative; height: 40px;padding-left: 70px }
.resRight li .img{ position: absolute; left: 0; top:0; width: 60px; height: 40px; overflow:hidden; background: #f7f7f7 url(../img/logo-small-grey.png) center no-repeat; background-size: 40px }
.resRight li .img:hover{ transform: translateY(-2px); transition: all .3s }
.resRight li .img a{ display:block; width: inherit; height: inherit; background: #f7f7f7 url(../img/logo-small-grey.png) center no-repeat; background-size: 20px}
.resRight li .name{ font-size: 12px; line-height: 20px; display:block; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
.resRight li .num{ font-size: 12px; color: #999 }
.resRight li .state-add{ color: #cc2929; float:right}
.resRight li .state-add:hover{ font-weight: bold; transition: all .3s;}
.resRight li .state-added{ display: none; color: #999; float:right;}
.resRight li.li_added .state-add{ display: none;}
.resRight li.li_added .state-added{ display: inline-block;}
.resRight li.li_added .img{ opacity: .5;}
.resRight li.li_added .name{ color: #999;}
.resRight .allAdd{ color: #cc2929; font-size: 12px; line-height: 30px; font-weight: bold;}
.resRight .allAdd:hover{ transform:scale(1.1); transition: all .3s;}
.resRight ul{ max-height: 385px; overflow-y: auto;}
.resRight ul::-webkit-scrollbar {width:2px;background-color:#fff}
.resRight ul::-webkit-scrollbar-track {border-radius:10px}
.resRight ul::-webkit-scrollbar-thumb {border-radius:10px;background:#fff}

.gcZhulu .zlTitle{ line-height: 40px; min-height: 40px; padding-bottom: 10px; font-size: 30px; border-bottom: 1px solid #eee; outline: none; color: #333;}
.gcZhulu .zlDesc{ padding:10px 0; outline: none;}
.gcZhulu .zlDesc p{ line-height: 24px; min-height: 24px; color: #333;margin-bottom:10px; padding:10px 0; text-indent: 2em;}

.gcZhulu .zlTitle:empty:before{content: attr(placeholder); color:#999;}
/*焦点时内容为空*/
.gcZhulu .zlTitle:focus:before{ content:none;}

.gcZhulu .descTop p:empty:before{content: attr(placeholder);   color:#999 }
/*焦点时内容为空*/
.gcZhulu .descTop p:focus:before{ content:none }

.img-body{ position: relative;}
.img-body .img{ position: relative; left:115px; width:600px; text-align: center; transition: left .3s; }
.img-body .img .bg-eee{ position: relative; width: inherit; margin-bottom: 0; max-height: 600px; background:#eff4f5;text-align: center; overflow:hidden}
.img-body .img img{ margin:0 auto; max-width:100%; max-height: 600px;}
.img-body .img .insert-img-icons{ position: absolute; top:10px; right:10px; height: 30px; padding:0 8px; background:rgba(0,0,0,.6); border-radius: 25px;}
.img-body .img .insert-img-icons a{ width:30px; margin:0; display: inline-block; height: inherit; background: url(../img/icon-info-16.png) center no-repeat; background-size: 16px;}
.img-body .img .insert-img-icons a.icon-del{ background:url(../img/icon-del-16.png) center no-repeat; background-size: 16px;}
.img-body .img .insert-img-icons a:hover{ transform:scale(1.1); transition: all .3s;}

.img-body .img.posLeft{ left:0;transition: left .2s; }
.img-body .img-desc{ outline: none; display: inline-block; line-height: inherit; height: inherit; margin-bottom:0 !important; min-width: 20%;outline: none; max-width: 80%; padding: 10px; margin: 0 auto;border-bottom: 1px solid #eee;font-size: 12px;color: #999;width: auto;text-align: center;box-sizing: border-box;position: relative;line-height: 20px; min-height: 39px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.img-body .img-info{ display: none; position: absolute; width:215px; right:0; top:0; margin-bottom: 0;}
.img-body .img-info .itm{ height: 40px; margin-bottom: 0; border-bottom: 1px solid #eee; font-size: 12px;}
.img-body .img-info .itm input{ height: 20px; padding:10px 0; width: 100%; border:none}
.img-body .img-info .itm select{ height: 40px; line-height: 40px; width:100%; border: none; background:none; outline: none;}

.img-body .img.longImg .bg-eee{ height: 600px;}
.img-body .img.longImg img{ width:400px; height: auto; max-height: none; max-width:none}
.img-body .img.longImg .gradientGrey2{ height: 100px; position: absolute; left:0; bottom:0; width:inherit; z-index: 3;}
.img-body .img.longImg .tap-longImg{ position: absolute; z-index: 4; height: 20px; left:10px; bottom:10px; font-size: 12px; color: #fff; line-height: 20px; padding:0 5px; border-radius: 25px; background:#cd2828;}

.img-body .video{}
.img-body .video video{ width:600px; height: 400px;}
.img-body .ado .adoBox{ height: 50px; background:#eef0f1; display: block }
.img-body .ado .adoBox audio{ display: block; width:600px; height: 50px; outline: none}
.img-body .img .showBig{ display: none;}

.gcBiaoyin .itm{ width:430px; margin:0 30px 30px 0; float: left;}
.gcBiaoyin .itm .ipt .inputP, .gcBiaoyin .itm .ipt input{ width: 410px; border:1px solid #b8c4ce}
.gcBiaoyin .itm .sel,.gcBiaoyin .itm .sel select{ width:428px}
.gcBiaoyin .itm .sel{ border:1px solid #b8c4ce}

.gcBiaoyin{ width:inherit}
.gcBiaoyin .gcForm{ position: relative; margin-right: 0; width:inherit; padding-top:30px; border-top:1px solid #d3dce1}
.gcBiaoyin .gcForm .moreItm{ position: absolute; left:0; top:-15px; height: 30px; padding-right:10px; background:#eff4f5; line-height: 30px; font-size: 12px; color:#999;}
.gcBiaoyin .itm.long{ width:890px; float: none; margin-right: 0; overflow: hidden;}
.gcBiaoyin .itm.long .ipt .inputP, .gcBiaoyin .itm.long .ipt input{ width: 870px;}
.gcBiaoyin .itm.long .sel,.gcBiaoyin .itm.long .sel select{ width:888px}
.gcBiaoyin .itm .chooseClfy .btn-choose{ border-left: 1px solid #d3dce1;}

.gcBiaoyin .itm .ipt.column2{ height: 38px; border:1px solid #b8c4ce; border-radius: 5px; background:#fff}
.gcBiaoyin .itm .ipt.column2 input{ float:left; width:424px!important; height: 20px; border:none; border-radius: 0; outline: none;}
.gcBiaoyin .itm .ipt.column2 input:first-child{ border-right: 1px solid #b8c4ce; width:425px; border-radius: 5px 0 0 5px;}
.gcBiaoyin .itm .ipt.column2 input:focus {border:none}
.gcBiaoyin .itm .ipt.column2 input:first-child:focus { border-right: 1px solid #b8c4ce;}
.gcBiaoyin .itm .ipt.column2 input:last-child:focus{ border-left: none;}

/* 专题弹层 */
.gc-diolog-ent .entList{ margin:0 10px}
.gc-diolog-ent .entList::-webkit-scrollbar {width:2px;background-color:#f1f2f3}
.gc-diolog-ent .entList::-webkit-scrollbar-track {border-radius:10px}
.gc-diolog-ent .entList::-webkit-scrollbar-thumb {border-radius:10px;background:#666}
.gc-diolog-ent .entList li{ height: 30px; line-height: 30px;}
.gc-diolog-ent .entList li .name{ height: inherit; line-height: inherit;width: 470px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; float: left;}
.gc-diolog-ent .entList li .num{ height: inherit; line-height: inherit;}

.gc-diolog-ent .createEnt{height: auto; margin:0 10px}
.gc-diolog-ent .createEnt .light-gray{ line-height: 20px;}
.gc-diolog-ent .createEnt a:hover{ color: #333; font-weight: bold;}

/*馆藏分类选择*/
.chooseClfySel{ display: none; position: absolute; left:0; top:75px; z-index: 10; width:408px; padding:10px; overflow-y: auto; height: 240px; background: #fff; border:1px solid #b8c4ce; border-radius: 5px;}
.chooseClfySel .itm{ width:408px}
.chooseClfySel::-webkit-scrollbar {width:2px;background-color:#999;border-radius:10px}
.chooseClfySel::-webkit-scrollbar-track {border-radius:10px}
.chooseClfySel::-webkit-scrollbar-thumb {border-radius:10px;background:#333}
#upNav{ height: auto; overflow-y: visible; width:408px; border-right: none; margin-bottom:0}
#upNav .navT a,#upNav .navUl li a{ width:auto}

/*馆藏详情*/
.zlDetail{ width:860px}
.zlDetail .zlDesc p{ margin-bottom: 10px;line-height: 24px; color: #333; padding:10px 0; text-indent: 2em;}
.zlDetail .insertWrap{ margin-bottom: 40px;}
.zlDetail .img .insert-img-icons{ position: absolute; right:0; top:0; border-radius: 0 0 0 10px; padding:0}
.zlDetail .img .insert-img-icons a:hover{ transform: scale(1);}
.zlDetail .img  .showBig {position: absolute; z-index: 3;right: 5px;bottom: 5px; border-radius: 5px;text-align: center;line-height: 28px;display: inline-block; width: 30px; height: 30px;cursor: pointer; background:rgba(0,0,0,.5) url(../img/icon-big-14.png) center no-repeat}