@charset "utf-8";

/* 引入中国建设字体 */
@font-face {
    font-family:'zgjszt';
    src:url('https://www.capitalmuseum.org.cn/dj/djdt/assets/fonts/zgjszt.ttf');
    font-display:block;}
.ff_zgjszt{font-family:'zgjszt';}

/* 嵌入页面 */
iframe{border:none;position:relative;height:100%;width:100%;z-index:50;}
input:focus{outline:none;}
body{width:100%;height:100%;background:#000;}
.main{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;}
#loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background-color:rgba(34,153,255,1);display:none;}
#loading:after{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:2rem;height:2rem;line-height:2rem;font-size:2rem;content:"\e9f5";font-family:'iconfounts' !important;color:#fff;text-shadow:rgba(0,0,0,.5) 0 0 .05rem;animation: turnAround 1s linear infinite;}
@keyframes turnAround{
      0%{transform:rotate(  0deg)}
    100%{transform:rotate(360deg)}
}
/* Scrollbar Beautification  滚动条美化 */
.scrollbar{overflow-y:auto!important;overflow-x:hidden;
    scrollbar-3dlight-color:#fff;
    scrollbar-highlight-color:#999;
    scrollbar-face-color:#ccc;
    scrollbar-arrow-color:#666;
    scrollbar-shadow-color:#ccc;
    scrollbar-base-color:#fff;
    scrollbar-track-color:#eee;
}
.scrollbar::-webkit-scrollbar-track-piece{background-color:rgba(0,0,0,.3);border:rgba(0,0,0,.3) solid .1rem;border-radius:5rem;}/*滚动条凹槽的颜色，还可以设置边框属性*/
.scrollbar::-webkit-scrollbar{width:.2rem;}/*滚动条的宽度*/
.scrollbar::-webkit-scrollbar-thumb{background-color:rgba(30,266,255,.4);background-clip:padding-box;min-height:1.5rem;border-radius:5rem;cursor:pointer;transition:all .2s;}/*滚动条的设置*/
.scrollbar::-webkit-scrollbar-thumb:hover{background-color:rgba(30,266,255,.8);}

/* button style 按钮样式 */
.btn{display:inline-block;background-color:#08e;color:#eee !important;font-size:.7rem;padding:0 .5em;height:1.9em;line-height:1.9em;border-radius:.15rem;cursor:pointer;text-align:center;border:#06c solid .05rem;box-shadow:inset #6bf 0 1px 0, inset #6bf 1px 0 0;transition:background-color .2s,color .2s;}
.btn:hover{background-color:#29f;color:#fff !important;transition:background-color .2s,color .2s;}
.btn_small{font-size:.6rem;padding:0 .2rem;height:1.7em;line-height:1.7em;}
.btn.btn_block{display:block;}

.btn.btn_borderless{background-color:transparent;color:#999 !important;border:none;box-shadow:#fff 0 0 0;}
.btn.btn_borderless:hover{color:#eee !important;}

.btn.btn_white{background-color:transparent;color:#999 !important;border:#ccc solid .05rem;;box-shadow:#fff 0 0 0;}
.btn.btn_white:hover{color:#eee !important;border:#ddd solid .05rem;;}

.btn.btn_grey{background-color:#999;color:#fff !important;border:#777 solid .05rem;;box-shadow:inset #bbb 0 1px 0, inset #bbb 1px 0 0;}
.btn.btn_grey:hover{background-color:#bbb;border:#777 solid .05rem;;box-shadow:inset #ccc 0 1px 0, inset #ccc 1px 0 0;}

.btn.btn_orange{background-color:#e70;color:#fff !important;border:#f60 solid .05rem;;box-shadow:inset #f90 0 1px 0, inset #f90 1px 0 0;}
.btn.btn_orange:hover{background-color:#f80;border:#f80 solid .05rem;;box-shadow:inset #fa2 0 1px 0, inset #fa2 1px 0 0;}

.btn.btn_green{background-color:#090;color:#fff !important;border:#090 solid .05rem;;box-shadow:inset #0b0 0 1px 0, inset #0b0 1px 0 0;}
.btn.btn_green:hover{background-color:#0c0;border:#0c0 solid .05rem;;box-shadow:inset #0d0 0 1px 0, inset #0d0 1px 0 0;}

/* button style 尖角按钮样式 */
.kbtn{display:inline-block;background-size:100% 100%;cursor:pointer;text-align:center;transition:all .2s;padding:.35em 1.6em .55em;}
.kbtn span{font-size:.75em;color:#eee;text-shadow:#000 0 1px 1px;transition:color .2s;}
.kbtn:hover span{color:#fff;}
.kbtn span i{font-size:.8em;text-shadow:#000 0 1px 1px,#000 0 1px 2px;}

/*  */
.kbtn.kbtn_s{background-image:url(https://www.capitalmuseum.org.cn/dj/djdt/assets/images/btn_s.png);}
.kbtn.kbtn_s:hover{background-image:url(https://www.capitalmuseum.org.cn/dj/djdt/assets/images/btn_sOn.png);}
.kbtn.kbtn_s.active{background-image:url(https://www.capitalmuseum.org.cn/dj/djdt/assets/images/btn_sAct.png);}

.kbtn.kbtn_n{background-image:url(https://www.capitalmuseum.org.cn/dj/djdt/assets/images/btn_n.png);}
.kbtn.kbtn_n:hover{background-image:url(https://www.capitalmuseum.org.cn/dj/djdt/assets/images/btn_nOn.png);}
.kbtn.kbtn_n.active{background-image:url(https://www.capitalmuseum.org.cn/dj/djdt/assets/images/btn_nAct.png);}

.kbtn.kbtn_l{background-image:url(https://www.capitalmuseum.org.cn/dj/djdt/assets/images/btn_l.png);}
.kbtn.kbtn_l:hover{background-image:url(https://www.capitalmuseum.org.cn/dj/djdt/assets/images/btn_lOn.png);}
.kbtn.kbtn_l.active{background-image:url(https://www.capitalmuseum.org.cn/dj/djdt/assets/images/btn_lAct.png);}

/* button style 尖角按钮样式 */
.kbtn_hex{display:block;width:4rem;background-image:url(https://www.capitalmuseum.org.cn/dj/djdt/assets/images/btn_hex.png);background-size:100% 100%;cursor:pointer;text-align:center;transition:all .2s;}
.kbtn_hex > div{position:relative;width:100%;height:0;padding-bottom:112.6%;overflow:hidden;text-align:center}
.kbtn_hex span{position:absolute;display:block;color:#eee;right:0;left:0;text-shadow:#000 0 1px 1px,#000 0 1px 2px;transition:all .2s;}
.kbtn_hex span:nth-child(1){top:25%;}
.kbtn_hex span:nth-child(2){top:51%;font-size:.6em;}
.kbtn_hex span i{font-size:1.6em;}
.kbtn_hex:hover span{color:#fff;}
.kbtn_hex:hover{background-image:url(https://www.capitalmuseum.org.cn/dj/djdt/assets/images/btn_hexOn.png);}

/* 表单和仿制表单组件样式 */
[type='text'],
[type='password']{display:inline-block;background-color:#fff;border:#ccc solid .05rem;;border-radius:.15rem;font-size:.6rem;color:#444;height:1.4rem;line-height:1.4rem;padding:0 .25rem;}

.checkBox{cursor:pointer;}

.textarea{width:100%;box-sizing:border-box;resize:none;min-height:2.44rem;color:#999;outline:none;border:#ccc solid .05rem;font-size:.6rem;border-radius:.15rem;z-index:40;overflow:hidden;}

.datePicker{display:inline-block;position:relative;background-color:#fff;border:#ccc solid .05rem;;border-radius:.15rem;height:1.4rem;line-height:1.4rem;cursor:pointer;}
.datePicker > span{position:relative;z-index:10;display:block;font-size:.6rem;text-align:left;color:#666;min-width:1rem;padding:0 1.15rem 0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;}

.text{display:inline-block;position:relative;background-color:#fff;border:#ccc solid .05rem;;border-radius:.15rem;height:1.4rem;line-height:1.4rem;cursor:pointer;}
.text > span{position:relative;z-index:10;display:block;font-size:.6rem;text-align:left;color:#666;min-width:1rem;padding:0 1.15rem 0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;}

.select{display:inline-block;position:relative;background-color:rgba(0,25,50,1);border:#06b solid .05rem;border-radius:.15rem;height:1.4rem;line-height:1.4rem;cursor:pointer;padding:0 .5rem;}
.select > span{position:relative;z-index:10;display:block;font-size:.6rem;text-align:left;color:#29f;min-width:1rem;padding:0 1.15rem 0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;}
.select > span:after{display:block;content:'';position:absolute;right:.5rem;top:0;bottom:0;z-index:1;margin:auto;width:0;height:0;border-top:#00b6c9 solid .2rem;border-right:transparent solid .2rem;border-left:transparent solid .2rem;}
.select > ul{position:absolute;border:#06b solid .05rem;border-top:none;top:1.45rem;left:0;right:0;z-index:500;display:none;background-color:rgba(0,25,50,1);}
.select > ul > li{padding:0 .25rem;text-align:left;font-size:.6rem;color:#29f;transition:color .2s,background-color .2s;}
.select > ul > li:hover{color:#fff;background-color:#29f;transition:color .1s,background-color .1s;}
.select > .mask{position:fixed;top:0;left:0;bottom:0;right:0;z-index:400;}
.select.select_s{font-size:.6rem;border-radius:.1rem;height:1.0rem;line-height:1.0rem;}
.select.select_s > span{font-size:.6rem;padding:0 .85rem 0 .2rem;}
.select.select_s:after{right:.25rem;}
.select.select_s > ul{top:1.05rem;}
.select.select_noArrow:after{display:none;}
.select.select_noArrow > span{padding:0 .25rem;}
.select.select_s.select_noArrow > span{padding:0 .2rem;}

/* 带标题的表单容器 */
.titleInput{position:relative;display:block;padding-top:.6rem;padding-bottom:.2rem;}
.titleInput > .title{position:absolute;top:0;left:.5rem;color:#fff;font-size:.65rem;text-shadow:rgba(0,0,0,1) 0 0 2px,rgba(0,0,0,1) 0 2px 1px,rgba(0,0,0,1) 0 -2px 1px,rgba(0,0,0,1) 2px 0 1px,rgba(0,0,0,1) -2px 0 1px;z-index:10;}
.inputWrap{position:relative;padding:.15rem .8rem;}
.inputWrap::before,
.inputWrap::after{position:absolute;display:block;top:0;bottom:0;content:'';background-image:url(https://www.capitalmuseum.org.cn/dj/djdt/assets/images/inputBgdark.png);background-repeat:no-repeat;background-size:auto 100%;}
.inputWrap::before{left:0;right:50%;background-position-x:left;}
.inputWrap::after{left:50%;right:0;background-position-x:right;}
.inputWrap [type='text'],
.inputWrap [type='password']{position:relative;z-index:10;display:inline-block;background:none;border:none;border-radius:0;}
.textareaWrap{position:relative;}
.textareaWrap > div{padding:.15rem .8rem;}
.textareaWrap::before,
.textareaWrap::after,
.textareaWrap > div::before,
.textareaWrap > div::after{position:absolute;display:block;content:'';background-image:url(https://www.capitalmuseum.org.cn/dj/djdt/assets/images/textareaBgdark.png);background-repeat:no-repeat;}
.textareaWrap::before{top:0;left:0;bottom:50%;right:50%;background-position:left top;}
.textareaWrap::after{top:0;left:50%;bottom:50%;right:0;background-position:right top;}
.textareaWrap > div::before{top:50%;left:0;bottom:0;right:50%;background-position:left bottom;}
.textareaWrap > div::after{top:50%;left:50%;bottom:0;right:0;background-position:right bottom;}
.textareaWrap .textarea{position:relative;background:none;color:#1ee2ff;border:none;border-radius:0;padding:.3rem .8rem .3rem 0;}

.selectWrap.select{background:none;border:none;border-radius:0;height:1.7rem;line-height:1.7rem;}
.selectWrap.select::before,
.selectWrap.select::after{position:absolute;display:block;top:0;bottom:0;content:'';background-image:url(https://www.capitalmuseum.org.cn/dj/djdt/assets/images/inputBgdark.png);background-repeat:no-repeat;background-size:auto 100%;}
.selectWrap.select::before{left:0;right:50%;background-position-x:left;}
.selectWrap.select::after{left:50%;right:0;background-position-x:right;}
.selectWrap.select > span{color:#1ee2ff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;}
.selectWrap.select > span:after{border-top:#00b6c9 solid .2rem;right:1.5rem;}
.selectWrap.select > ul{border:#00b6c9 solid 2px;border-top:none;top:1.7rem;left:.45rem;right:.45rem;z-index:500;border-radius:0 0 .3rem .3rem;display:none;background-color:rgba(0,25,50,1);}
.selectWrap.select > ul > li{padding:0 .25rem;text-align:left;font-size:.6rem;color:#1ee2ff;transition:color .2s,background-color .2s;}
.selectWrap.select > ul > li:hover{color:#fff;background-color:rgba(0,182,201,.5);transition:color .1s,background-color .1s;}

.colorPicker{position:relative;display:block;}
.colorPicker > div{position:relative;border:rgba(35,154,255,.1) solid .1rem;width:1.0rem;height:1.0rem;border-radius:.3rem;padding:.2rem 1.0rem .2rem .2rem;cursor:pointer;transition:all .2s;}
.colorPicker > div:hover{border:rgba(35,154,255,.3) solid .1rem;}
.colorPicker > div::after{position:absolute;display:block;content:'';top:0;bottom:0;right:.3rem;margin:auto 0;width:0;height:0;border-top:rgba(35,154,255,.1) solid .2rem;border-left:transparent solid .2rem;border-right:transparent solid .2rem;transition:all .2s;}
.colorPicker > div:hover::after{border-top:rgba(35,154,255,.3) solid .2rem;}
.colorPicker > div.active{border:rgba(35,154,255,.5) solid .1rem;}
.colorPicker > div.active::after{border-top:rgba(35,154,255,.5) solid .2rem;}
.colorPicker > div > span{display:block;height:1rem;width:1rem;border-radius:.1rem;}
.colorPicker dl{position:absolute;display:none;top:1.7rem;left:-.0rem;padding:.5rem .4rem .4rem .5rem;background-color:rgba(0,49,88,.95);border:rgba(35,154,255,.5) solid .1rem;border-radius:.3rem;z-index:501;}
.colorPicker dl ul > li{display:block;float:left;border:rgba(255,255,255,.1) solid .05rem;height:.65rem;width:.65rem;border-radius:.1rem;margin:0 .05rem .05rem 0;opacity:.8;cursor:pointer;}
.colorPicker dl ul > li:hover{border:rgba(255,255,255,.9) solid .05rem;opacity:1;}
.colorPicker .mask{position:fixed;top:0;left:0;bottom:0;right:0;z-index:500;cursor:pointer;}


.iconPicker{position:relative;display:block;}
.iconPicker > div{position:relative;border:rgba(35,255,255,.1) solid .1rem;width:1.0rem;height:1.0rem;border-radius:.3rem;padding:.2rem 1.0rem .2rem .2rem;cursor:pointer;transition:all .2s;}
.iconPicker > div:hover{border:rgba(35,255,255,.3) solid .1rem;}
.iconPicker > div::after{position:absolute;display:block;content:'';top:0;bottom:0;right:.3rem;margin:auto 0;width:0;height:0;border-top:rgba(35,255,255,.1) solid .2rem;border-left:transparent solid .2rem;border-right:transparent solid .2rem;transition:all .2s;}
.iconPicker > div:hover::after{border-top:rgba(35,255,255,.3) solid .2rem;}
.iconPicker > div.active{border:rgba(35,255,255,.5) solid .1rem;}
.iconPicker > div.active::after{border-top:rgba(35,255,255,.5) solid .2rem;}
.iconPicker > div > span{display:block;height:1rem;width:1rem;border-radius:.1rem;line-height:1rem;text-align:center;color:#0ff;font-size:.8rem;}
.iconPicker dl{position:absolute;display:none;top:1.7rem;left:-.0rem;padding:.5rem .4rem .4rem .5rem;background-color:rgba(0,49,88,.95);border:rgba(35,255,255,.5) solid .1rem;border-radius:.3rem;z-index:501;}
.iconPicker dl ul > li{display:block;float:left;border:rgba(255,255,255,.1) solid .05rem;height:1.2rem;width:1.2rem;line-height:1.2rem;text-align:center;border-radius:.15rem;margin:0 .05rem .05rem 0;opacity:.8;color:#0ff;font-size:.8rem;cursor:pointer;}
.iconPicker dl ul > li:hover{border:#057 solid .05rem;opacity:1;background-color:#034;}
.iconPicker .mask{position:fixed;top:0;left:0;bottom:0;right:0;z-index:500;cursor:pointer;}

/* 表单内的可选择列表 */
.imgList_optional{position:relative;}
/* .imgList_optional > div{padding:.15rem .8rem;} */
.imgList_optional::before,
.imgList_optional::after,
.imgList_optional > div::before,
.imgList_optional > div::after{position:absolute;display:block;content:'';background-image:url(https://www.capitalmuseum.org.cn/dj/djdt/assets/images/textareaBgdark.png);background-repeat:no-repeat;}
.imgList_optional::before{top:0;left:0;bottom:50%;right:50%;background-position:left top;}
.imgList_optional::after{top:0;left:50%;bottom:50%;right:0;background-position:right top;}
.imgList_optional > div::before{top:50%;left:0;bottom:0;right:50%;background-position:left bottom;}
.imgList_optional > div::after{top:50%;left:50%;bottom:0;right:0;background-position:right bottom;}

/* 翻页样式 */
.pageIndex > span{font-size:.6rem;color:#999;padding:0 .15rem;}
.pagination{display:block;}
.pagination ul{display:inline-block;}
.pagination ul li{display:inline-block;position:relative;height:1.4rem;line-height:1.4rem;min-width:1.0rem;color:#088;font-size:.6rem;font-weight:bold;cursor:pointer;text-align:center;transition:all .2s;}
.pagination ul li:hover{color:#eee;transition:background-color .1s,color .1s;}
.pagination ul li.active{color:#fff;font-weight:bold;}

/* input的placeholder样式 */
::-webkit-input-placeholder{color:#1fbfff;}
::-moz-placeholder{color:#1fbfff;}
:-moz-placeholder{color:#1fbfff;}
:-ms-input-placeholder{color:#1fbfff;}