/* TUTTI图书馆-公共部分 */ 
.md34889.z-main{width: 100%;} 
.md34889.z-main .layout{width: 16rem;max-width: 92%;margin: 0 auto;}
.md34889.z-main .my-top{width: 100%;padding-bottom: .45rem;}
.md34889.z-main .my-titles{width: 100%;color: #404040;font-weight: bold;line-height: 1.2;}
.md34889.z-main .my-synopsis{width: 100%;max-width: 70em;padding-top: .15rem;color: #333333;line-height: 1.72;}
.md34889.z-main input::-webkit-input-placeholder,
.md34889.z-main textarea::-webkit-input-placeholder{color: #999999;}
.md34889.z-main input:-moz-placeholder,
.md34889.z-main textarea:-moz-placeholder{color: #999999;}
.md34889.z-main input::-moz-placeholder,
.md34889.z-main textarea::-moz-placeholder{color: #999999;}
.md34889.z-main input:-ms-input-placeholder,
.md34889.z-main textarea:-ms-input-placeholder{color: #999999;}
.md34889.z-main .selectbox{width: 100%;position: relative;z-index: 8;}
.md34889.z-main .select-tip{width: 100%;display: block;cursor: pointer;position: relative;padding-left: .2rem; padding-right: .4rem;border-radius: .1rem;border: solid 1px #cccccc;}
.md34889.z-main .select-tip:after{content: "";position: absolute;right: .2rem;top: 0;z-index: 1;width: .1rem;height: 100%;background-image: url('../images/a7.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.md34889.z-main .select-cur{display: block; width: 100%;height:.6rem;line-height:.6rem;color: #999;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.md34889.z-main .select-cur span{color: #ff0000;}
.md34889.z-main .select-sub{visibility: hidden;z-index: -1;opacity: 0; position: absolute;top: 100%;left: 0;width: 100%;background-color: #fff; box-shadow: 0 3px 6px -4px rgba(0,0,0,.12), 0 6px 16px 0 rgba(0,0,0,.08), 0 9px 28px 8px rgba(0,0,0,.05);}
.md34889.z-main .select-cont{width: 100%;max-height: calc(2rem + 16em);overflow: auto;}
.md34889.z-main .select-item{display: block;cursor: pointer; width: 100%; line-height: 1.6;padding: .1rem .15rem .1rem .2rem;color: #666666;}
.md34889.z-main .select-item:hover{background-color: var(--theme) !important;color: #fff !important;}
.md34889.z-main .select-item.select{background-color: #f5f5f5;}
.md34889.z-main .selectbox.show {z-index: 28;}
.md34889.z-main .selectbox.show .select-sub{visibility: visible;z-index: 98;opacity: 1;transition: all ease .5s;}
.md34889.z-main .selectbox.active .select-cur{color: #191919;}
.md34889.z-main .select-one{width: 100%;}
.md34889.z-main .select-two{width: 100%;}
.md34889.z-main .select-two .select-item{width: 100%;color: #888;padding-left: .4rem;}

.md34889.z-main .z-top{width: 100%;padding: .25rem 0 .55rem; background-color: #f7f7f7;}
.md34889.z-main .z-bottom{width: 100%;padding:.6rem  0 .95rem;}
.md34889.z-main .z-buttom{position: absolute;top: .1rem;right: .35rem;z-index: 18;}
.md34889.z-main .z-add{display: block;margin-bottom: .1rem;cursor: pointer;}
.md34889.z-main .z-add_icon1{display: flex;align-items: center;justify-content: center;width: .5rem;height: .5rem;border-radius: 50%;}
.md34889.z-main .z-add_icon1 img{width: 100%;height: 100%;object-fit: contain;}
.md34889.z-main .z-add_icon2{display: none;align-items: center;justify-content: center;width: .5rem;height: .5rem;border-radius: 50%;background-color: var(--theme);}
.md34889.z-main .z-add_icon2 img{width: 100%;height: 100%;object-fit: contain;}
.md34889.z-main .z-add:hover .z-add_icon1{background-color: var(--theme);} 
.md34889.z-main .z-add:hover .z-add_icon1 img{filter: grayscale(100%) brightness(500%);} 
.md34889.z-main .z-add.active .z-add_icon1{display: none;}
.md34889.z-main .z-add.active .z-add_icon2{display: flex;} 
.md34889.z-main .z-link{transition: all .3s;display: flex;align-items: center;justify-content: center;cursor: pointer;width: .5rem;height: .5rem;border-radius: 50%;margin-bottom: .1rem;}
.md34889.z-main .z-link img{width: 100%;height: 100%;object-fit: contain;} 
.md34889.z-main .z-link:hover{background-color: var(--theme);}
.md34889.z-main .z-link:hover img{filter: grayscale(100%) brightness(500%);}

.md34889.z-main .z-cont{width: 100%;position: relative;z-index: 18;padding-bottom: .3rem;}
.md34889.z-main .z-four{width: 100%;display: flex;flex-wrap: wrap;}
.md34889.z-main .z-one{width: 49%;margin-right:2%;margin-bottom: .3rem;} 
.md34889.z-main .z-one:nth-child(2n){margin-right: 0;}
.md34889.z-main .z-search{display: flex;align-items: center;width: 100%;border-radius: .1rem;border: solid 1px #cccccc;}
.md34889.z-main .z-inputbox{flex: 1;}
.md34889.z-main .z-input{width: 100%;border: none;background-color: transparent;height: .6rem;padding-left: .2rem;color: #191919;}
.md34889.z-main .z-submit{display: block;cursor: pointer;border: none;background-color: transparent;width: .6rem;height: .6rem;background-image: url('../images/a8.png'); background-size: .19rem auto;background-position: center center;background-repeat: no-repeat;}
.md34889.z-main .z-two{display: flex;flex-wrap: wrap;justify-content: space-between;}
.md34889.z-main .z-two .z-time{width: 24.37%;margin-bottom: .2rem;position: relative;}
.md34889.z-main .z-two .z-time  .select-tip:after{display: none;}
.md34889.z-main .z-sort{position: absolute;top: 0;right: 0;z-index: 10;display: flex;align-items: center;justify-content: center;cursor: pointer;width: .66rem;height: 100%;background-color: #fff;border-radius: 0 .1rem .1rem 0;border: 1px solid #cccccc;}
.md34889.z-main .z-sort img{width: .21rem;transform: rotate(0);transition: all .3s;} 
.md34889.z-main .z-sort.down img{transform: rotate(-180deg);}
.md34889.z-main .z-show_zc{display: flex;align-items: center;cursor: pointer;width: 100%;width: 24.37%;margin-bottom: .2rem;border: solid 1px #cccccc;border-radius: .1rem;}
.md34889.z-main .z-show_zc-tip{display: flex;align-items: center;flex: 1;min-height: .6rem;padding: 0 .2rem;color: #191919;line-height: 1.6;border-right: solid 1px #cccccc;}
.md34889.z-main .z-show_zc-tip img{height: 1em;margin-right: .1rem;}
.md34889.z-main .z-nub{min-width: .6rem;text-align: center;color: var(--theme);line-height: 1.6;padding: 0 .15rem;}


.md34889.z-main .z-navbox{width: 100%;text-align: center;font-size: 0;padding-bottom: .2rem;}
.md34889.z-main .z-nav{transition: all .3s;display: inline-block;vertical-align: middle;cursor: pointer;margin: 0 .1rem .2rem;min-width: 3rem;padding: 0 .15rem;line-height: .6rem;background-color: #ffffff;border-radius: .1rem;border: solid 1px #cccccc;}
.md34889.z-main .z-nav:hover{color: #fff;background-color: var(--theme);border: solid 1px var(--theme);}
.md34889.z-main .z-nav.active{color: #fff;background-color: var(--theme);border: solid 1px var(--theme);}

@media (max-width: 750px) {
  .md34889.z-main .z-buttom{right: .25rem;}
   .md34889.z-main .z-one{width: 100%;margin-right: 0;}
   .md34889.z-main .z-two .z-time{width: 100%;}
   .md34889.z-main .z-show_zc{width: 100%;}
}

/* TUTTI图书馆-文档 */
.md34889.z-main .za-cont{position: relative;left: -.25rem;width: calc(100% + .5rem);display: flex;flex-wrap: wrap;}
.md34889.z-main .za-item{position: relative;width: 33.33%;padding: 0 .25rem;margin-bottom: .45rem;}  
.md34889.z-main .za-link{display: block;width: 100%;}
.md34889.z-main .za-imgbox{display: block;position: relative;cursor: pointer;width: 100%;}
.md34889.z-main .za-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(320/500*100%);background-color: #e9e9e9;}
.md34889.z-main .za-img img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%) scale(1.00);width: 78.4%;height: 78.4%;object-fit: contain;transition: all ease .5s;}
.md34889.z-main .za-text{width: 100%;padding-top: .15rem;}
.md34889.z-main .za-name{width: 100%;margin-bottom: .08rem;color: #191919;line-height: 1.4;}
.md34889.z-main .za-intro{width: 100%;color: #666666;line-height: 1.6;}
.md34889.z-main .za-img:hover  img{transform: scale(1.05) translate(-50%,-50%);} 
.md34889.z-main .za-bottom{width: 100%;padding-top: .2rem;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.md34889.z-main .za-download{display: flex;align-items: center;cursor: pointer;line-height: 1.6;color: var(--theme);}
.md34889.z-main .za-download img{height: 1em;margin-left: .07rem;}
.md34889.z-main .za-size{color: #666666;line-height: 1.6;}

@media (max-width: 750px) {
  .md34889.z-main .za-cont{left: -.15rem;width: calc(100% + .3rem);}
  .md34889.z-main .za-item{width: 50%;padding: 0 .15rem;}
}

/* TUTTI图书馆-视频 */
.md34889.z-main .zb-cont{position: relative;left: -.25rem;width: calc(100% + .5rem);display: flex;flex-wrap: wrap;}
.md34889.z-main .zb-item{position: relative;width: 33.33%;padding: 0 .25rem;margin-bottom: .45rem;}
.md34889.z-main .zb-item .z-add_icon1 img{filter: grayscale(100%) brightness(500%);}
.md34889.z-main .zb-item .z-link img{filter: grayscale(100%) brightness(500%);}
.md34889.z-main .zb-link{display: block;cursor: pointer;width: 100%;}
.md34889.z-main .zb-imgbox{position: relative;width: 100%;}
.md34889.z-main .zb-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(320/500*100%);}
.md34889.z-main .zb-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.md34889.z-main .zb-play{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.md34889.z-main .zb-svg{display: flex;align-items: center;justify-content: center;width: .7rem;height: .7rem;border-radius: 50%;background-color: #ffffff;}
.md34889.z-main .zb-svg svg{width: .14rem;color: var(--theme);}
.md34889.z-main .zb-text{width: 100%;padding-top: .15rem;}
.md34889.z-main .zb-name{width: 100%;margin-bottom: .08rem;color: #191919;line-height: 1.4;}
.md34889.z-main .zb-intro{width: 100%;color: #666666;line-height: 1.6;}
.md34889.z-main .zb-link:hover .zb-img img{transform: scale(1.05);}
.md34889.z-main .zb-link:hover .zb-name{color: var(--theme);}

@media (max-width: 750px) {
  .md34889.z-main .zb-cont{left: -.15rem;width: calc(100% + .3rem);}
  .md34889.z-main .zb-item{width: 50%;padding: 0 .15rem;}
}

/* TUTTI图书馆-批量下载 */
.md34889.z-main .zc-main{display: none;width: 100%;}
.md34889.z-main .zc-main.show{display: block;}
.md34889.z-main .zc-no{display: block;width: 100%;margin-bottom: .2rem;padding: .25rem .4rem;border-radius: .1rem;border: solid 1px #cccccc;}
.md34889.z-main .zc-titles{width: 100%;margin-bottom: .1rem;color: #191919;line-height: 1.4;}
.md34889.z-main .zc-synopsis{width: 100%;color: #666666;line-height: 1.6;}
.md34889.z-main .zc-cont{display: none;width: 100%;}
.md34889.z-main .zc-textbox{width: 100%;margin-bottom: .15rem;color: #999999;line-height: 1.85;}
.md34889.z-main .zc-buttom{width: 100%;font-size: 0;} 
.md34889.z-main .zc-download{transition: all .3s;display: inline-block;vertical-align: middle;cursor: pointer;margin-bottom: .2rem;margin-right: .2rem;color: #ffffff;min-width: 2.2rem;padding: 0 .15rem;text-align: center;line-height: .6rem;border-radius: .1rem;background-color: var(--theme);border: solid 1px var(--theme);}
.md34889.z-main .zc-download img{height: .93em;margin-left: .25rem;filter: grayscale(100%) brightness(500%);}
.md34889.z-main .zc-download:hover{color: var(--theme);background-color: #fff;border: solid 1px var(--theme);}
.md34889.z-main .zc-download:hover img{filter:none;}
.md34889.z-main .zc-empty{transition: all .3s;display: inline-block;vertical-align: middle;cursor: pointer;margin-bottom: .2rem;color: var(--theme);min-width: 2.2rem;padding: 0 .15rem;text-align: center;line-height: .6rem;border-radius: .1rem;border: solid 1px #cccccc;}
.md34889.z-main .zc-empty:hover{color: #fff;background-color: var(--theme);border: solid 1px var(--theme);}
.md34889.z-main .zc-list{width: 100%;}
.md34889.z-main .zc-item{display: none;flex-wrap: wrap;width: 100%;margin-bottom: .15rem;border-radius: .1rem;border: solid 1px #cccccc;}
.md34889.z-main .zc-imgbox{display: flex;align-items: center;justify-content: center;width: 1rem;background-color: #e9e9e9;	border-radius: .1rem 0 0 .1rem;}
.md34889.z-main .zc-img{width: 100%;height: 1.2rem;display: flex;align-items: center;justify-content: center;}
.md34889.z-main .zc-img img{max-width: 90%;max-height: 83%;}
.md34889.z-main .zc-text{flex: 1;display: flex;align-items: center;padding: .1rem .1rem .1rem .2rem;}
.md34889.z-main .zc-lt{flex: 1;}
.md34889.z-main .zc-name{width: 100%;color: #191919;line-height: 1.33;}
.md34889.z-main .zc-intro{width: 100%;color: #666666;line-height: 1.5;}
.md34889.z-main .zc-download_one{display: flex;align-items: center;cursor: pointer;margin-top: .08rem;line-height: 1.6;color: var(--theme);}
.md34889.z-main .zc-download_one img{height:.93em;margin-left: .07rem;}
.md34889.z-main .zc-rt{font-size: 0;}
.md34889.z-main .zc-delete{display: flex;align-items: center;justify-content: center;cursor: pointer;margin-left: .2rem;width: .5rem;height: .5rem;border-radius: 50%;background-color: var(--theme);}
.md34889.z-main .zc-item.show{display: flex;}
.md34889.z-main .zc-item.video .zc-download_one{display: none;}

.md34889.z-main .zc-main.show_more .zc-no{display: none;}
.md34889.z-main .zc-main.show_more .zc-cont{display: block;} 
@media (max-width: 750px) {
  .md34889.z-main .zc-no{padding: .25rem .3rem;}
}




/* 视频弹框 */
.xd-main{opacity: 0;z-index: -1;visibility: hidden;transition: opacity .5s; position: fixed;top: 0;left: 0;width: 100%;height: 100%;}
.xd-main.show{opacity: 1;z-index: 388;visibility: visible;}
.xd-shade{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #000;opacity: .6;display: block;cursor: pointer;}
.xd-inner{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 75%;max-height: 90vh;overflow: auto;}
.xd-cont{position: relative;width: 100%;padding-top: 50%; overflow: hidden;background-color: #000;}
.xd-iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.xd-video{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.xd-text{width: 100%;padding-top: .15rem;text-align: center;}
.xd-name{width: 100%;color: #fff;line-height: 1.5;font-weight: bold;}

/* 图片弹框 */
.xe-main{opacity: 0;z-index: -1;visibility: hidden;transition: opacity .5s; position: fixed;top: 0;left: 0;width: 100%;height: 100%;}
.xe-main.show{opacity: 1;z-index: 388;visibility: visible;}
.xe-shade{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #000;opacity: .6;display: block;cursor: pointer;}
.xe-inner{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 75%;max-height: 90vh; overflow: auto;}
.xe-cont{position: relative;width: 100%;height: 75vh;overflow: hidden;}
.xe-img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.xe-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: contain;}
.xe-text{width: 100%;padding-top: .15rem;text-align: center;}
.xe-name{width: 100%;color: #fff;line-height: 1.5;font-weight: bold;}