.fixed-dialog-container { text-align: center; width: 400px; overflow: hidden; box-sizing: content-box; background: white; border-radius: 4px; z-index: 2000; position: fixed; left: 50%; top: 50%; margin-top: -256px; margin-left: -200px; display: none; } .fixed-dialog-head { padding: 0 10px; font-size: 18px; text-align: left; height: 50px; line-height: 50px; margin: 0; border-bottom: solid 1px #eeeeee; } .fixed-dialog-tips { margin: 0; background: white; padding: 10px 0; } .fixed-dialog-tipbox { margin: 0; padding: 0 5px; font-size: 16px; line-height: 25px; } .fixed-dialog-tipbox .fixed-yrz-tag { display: inline-block; padding: 0px 5px; background-color: #e6e6e6; color: #2196F3; line-height: 25px; height: 25px; border-radius: 5px; margin-right: 3px; } .fixed-dialog-tipbox .fixed-yrz-tag .fixed-yrz-kefuname { font-style: normal; } .fixed-dialog-tipbox .fixed-dialog-tipwx { color: red; } .fixed-dialog-body { padding: 0; margin: 0; background: #f0f0f0; } .fixed-dialog-body .fixed-dialog-codetext { color: #2196F3; height: 25px; line-height: 30px; font-size: 15px; margin: 0; padding: 0; text-align: center; } .fixed-dialog-body .fixed-dialog-codecon { height: 320px; width: 320px; padding: 5px 40px; } .fixed-dialog-body .fixed-dialog-codeimg { width: 320px; height: 320px; } .fixed-dialog-foot { font-size: 16px; border-top: solid 1px #eeeeee; cursor: pointer; } .fixed-dialog-foot .fixed-dialog-okbtn { width: 199px; text-align: center; text-decoration: none; height: 50px; line-height: 50px; color: #1381ff; border-right: solid 1px #eeeeee; display: block; float: left; } .fixed-dialog-foot .fixed-dialog-cancelbtn { width: 200px; margin-left: -1px; text-align: center; text-decoration: none; height: 50px; line-height: 50px; color: #1381ff; display: block; float: left; } .fixed-dialog-cover { z-index: 1000; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: #000; opacity: .3; display: none; } .fixed-tool-suffix { display: inline; padding: 0px; margin: 0px; width: 100px!important; height: auto; border-radius: 0px; color: rgb(255, 70, 3); font-weight: 700; cursor: pointer; vertical-align: middle!important; cursor: pointer; padding:0!important;} /*ITZJJ全局CSS补充*/ .kefuBoda { color: initial !important } .infotext_box { width: 70%; position: absolute; bottom: 50px; z-index: 10; padding: 5px 10px; box-sizing: border-box; font-size: 18px; line-height: 1.4em; color: #fff; text-overflow: ellipsis; display: -webkit-box; -moz-box-orient: vertical; overflow: hidden; text-shadow: 2px 2px 1px #1a1a1a; } video, .videoBox { max-height: 100%; max-width: 700px; max-width: 100%; } div[player="ckplayer"] { max-width: 700px;height:400px} #footer .ft-safety { display: none; } em { font-style: normal!important; font-weight: inherit; } /**dj通用CSS**/ .dj-fl { float: left; } .dj-fr { float: right; } .dj-clear { clear: both; } .dj-mgr10 { margin-right: 10px; } .huidawo p:first-of-type { display: inline!important; padding-left: 5px; } .huidauser { color: chocolate; } .logowz { position: relative } .dj-footlogo { text-align: center; } .dj-footlogo img { max-width: 110px; clear: both; } .dj-content h3, .dj-content h3 * { font-size: 18px!important; } .dj-content * img { max-width: 100%; margin-bottom: 5px; } .dj-contentxxl * img { max-width: 100%; margin-bottom: 0px; } .dj-content .kefuImg { width: 308px; max-width: 100%; } .dj-hide { display: none!important; }.dj-copyright-xkz {margin-top: 8px;}.footimg-list{width: 200px; margin: 0 auto; display: flex;justify-content: space-around;margin-top: 10px;}
/*补充的一些LayUI 徽章不包括点效果*/
.layui-badge { height: 18px; line-height: 18px; } .layui-badge, .layui-badge-dot, .layui-badge-rim { position: relative; display: inline-block; padding: 0 6px; font-size: 12px; text-align: center; background-color: #FF5722; color: #fff; border-radius: 2px; } .layui-bg-black { background-color: #393D49!important; } .layui-bg-blue { background-color: #1E9FFF!important; } .layui-bg-green { background-color: #009688!important; } .layui-bg-orange { background-color: #FFB800!important; } .layui-bg-black, .layui-bg-blue, .layui-bg-cyan, .layui-bg-green, .layui-bg-orange, .layui-bg-red { color: #fff!important; } .layui-badge-rim { height: 18px; line-height: 18px; border-width: 1px; border-style: solid; background-color: #fff; color: #666; border-color: #eee; } .dj-usertag{margin-right: 5px;}
/*PUB*/
.mgl2{margin-left:2px!important;}.mgl5{margin-left:5px!important;}.ml8{margin-left:8px!important;}.mgl10{margin-left:10px!important;}.mgl15{margin-left:15px!important;}.mgl25{margin-left:25px!important;}.mgl35{margin-left:35px!important;}.mgr10{margin-right:10px!important;}.mgr8{margin-right:8px!important;}.mgr5{margin-right:5px!important;}.mgr18{margin-right:18px!important;}.mgr20{margin-right:20px!important;}.itzjj-likeButton{cursor:pointer;}
/*点赞通用主样式*/
.d-flex{display:flex;}
.dj-likebtn-main{cursor: pointer;height: 18px;display:inline-flex;line-height: 1.5;}
.dj-likebtn-main .dj-zan-icon{width: 18px; height: 18px;  margin-right: 3px;margin-right: 10px;display: inline-block;}
.dj-likebtn-main .dianzan{background-size: contain;}
/*未点赞状态*/
.dj-likebtn-main .dianzan{background-image: url('/static/skin/article/static/images/nodian.png')}
/*点赞后的状态*/
.dj-likebtn-main.itzjj-likeButton-active .dianzan{background-image: url('/static/skin/article/static/images/okdianred.png')}
.dj-likebtn-main.itzjj-likeButton-active {color: tomato!important;}

/* 通用返回顶部 */
.itzjj-gotop { position: fixed; bottom: 0; right: 12px; display: flex; flex-direction: column; transition: -webkit-transform 0.2s ease; transition: transform 0.2s ease; transition: transform 0.2s ease, -webkit-transform 0.2s ease; will-change: transfrom; }
.itzjj-gotop-animayed { width: 40px; height: calc(40px + 12px); transition: height 0.2s ease; }
.itzjj-gotop-animayed .itzjj-gotop-tip {width: 0; height: 0;position: relative; z-index: 9999; left:-6px; top:-18px; display:none;}
.itzjj-gotop-animayed .itzjj-gotop-tip-wrapper { position: relative; width: 0; height: 0; }
.itzjj-gotop-tip-content {position: absolute;top: 0;left: 0;padding: 6px 8px;color: #FFFFFF;white-space: nowrap;background-color: rgba(26, 26, 26, 0.8);border-radius: 4px;font-size: 13px;
-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-transform: translate(-100%, -50%) translateX(-8px);transform: translate(-100%, -50%) translateX(-8px);}
.itzjj-gotop-tip-content::before {position: absolute;z-index: -1;border-color: rgba(26, 26, 26, 0.8) transparent transparent  rgba(26, 26, 26, 0.8);border-style: solid;border-width: 4px;
content: '';-webkit-transform: translate(-50%, -50%) rotate(45deg);transform: translate(-50%, -50%) rotate(45deg);top: 50%;left: 100%;-webkit-transform: translate(-50%, -50%) rotate(135deg);transform: translate(-50%, -50%) rotate(135deg);}
.itzjj-gotop-animayed-hidden { height: 0; }
.itzjj-gotop-button {margin: 0;font: inherit;outline: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;display: inline-block;font-size: 14px;color: #8590A6;text-align: center;cursor: pointer;padding: 0;line-height: inherit;border: none;background: #FFFFFF;border-radius: 4px;width: 40px;height: 40px;box-shadow: 0 1px 3px rgba(26, 26, 26, 0.1);}
.itzjj-gotop-button:hover { background: #D3D3D3; }
.itzjj-gotop-button::-moz-focus-inner {padding: 0;border: 0;}
.itzjj-gotop-button:focus { outline: none; }
.itzjj-gotop-button:disabled { cursor: default; opacity: 0.5; }
.itzjj-gotop-button .itzjj-gotop-icon { fill: #8590A6; }
.itzjj-gotop-button .itzjj-gotop-icon:hover { fill: #8590A6; }
/*文字单行*/
.dj-txt-inline{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
/*whatapp和点击查看二维码*/
.dj-modalBox-open{overflow: hidden;}
.fixed-tool-suffix{padding: 0px; margin: 0px; margin-bottom: 0px; width:100px !important; height: auto;  cursor: pointer; vertical-align: middle !important; padding: 0 !important;}
.dj-whats-app{padding: 0px; margin: 0px; margin-bottom: 0px; width:124px !important; height: auto; cursor: pointer; vertical-align: middle !important; padding: 0 !important;}
.dj-editor-funcbtn {margin: 0px!important;cursor: pointer; vertical-align: middle !important; padding: 0 !important;height: 24px !important;display: inline-block !important;}
.dj-whats-app{width:124px !important;}
.dj-open-line,.dj-open-messenger{width:84px !important;}
.dj-open-qywx,.dj-open-wxinfo{width:98px !important;}


/*底部浮动*/
.dj-bottom-fixed-btnbox {
  position: fixed !important;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index:99999999;
  cursor: pointer;
}
.dj-images-bottom-fixed{max-height: 80px;box-sizing: border-box;width:100%;height:100%;display: block;}
.dj-bottom-fixed-btnbox.txt-mode .inner-content{
  text-align: center;
  max-width: 650px;
  color: #fff;
  cursor: pointer;
  background-color: #4cb050;
  height: 55px;
  line-height: 55px;
  padding: 0 10px;
  font-size: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-sizing: border-box;
  margin: 0;
  box-shadow:0 4px 12px 0 rgba(0,0,0,0.1);
}
.dj-bottom-fixed-btnbox.txt-mode .inner-content p{display: inline-block;}

/*弹窗内容CSS*/
.gt-jmy-h5-dialog-custom-dialog{position:fixed;width:100%;height:100%;z-index: 999999;} .gt-jmy-h5-dialog-custom-dialog-mask{position:absolute;width:100%;height:100%} .gt-jmy-h5-dialog-custom-dialog-container.is-center{left:50%;top:50%;transform:translate(-50%,-50%)} .gt-jmy-h5-dialog-custom-dialog-container{position:absolute;height:auto;background:#fff} .wechat-modal-container{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:20px;position:relative;background:#fff;border-radius:20px} .wechat-modal-container .close{position:absolute;right:5px;top:5px;z-index:2;cursor:pointer} .wechat-modal-content{width:100%} .wechat-modal-content-jump{display:flex;align-items:center;justify-content:center;flex-direction:column} .wechat-modal-content-jump .image{height:42px;width:42px} .wechat-modal-content-jump .title{color:#000;font-size:20px;line-height:20px;font-weight:700;margin:8px 0} .wechat-modal-content-jump .desc,.wechat-modal-content-jump .wechat-number{color:#666;font-size:16px;line-height:1.2;font-weight:600;margin: 15px;display: inline-block;}.wechat-modal-content-jump .button{background-color:#1aad17;border-radius:8px;width:138px;height:42px;display:flex;align-items:center;justify-content:center;margin-top:5px;cursor:pointer;outline:0;-webkit-appearance:none} .wechat-modal-content-jump .button span{color:#fff;font-size:17px;letter-spacing: 2px;} .groot-ui-image{overflow-y: hidden; width: 32px; height: 32px; margin: 0; padding: 0; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center;}

/*右侧悬浮CSS*/
.float-container{position: fixed; right: 20px; bottom: calc(20px + 10vh); display: flex; flex-direction: column; gap: 15px; z-index: 9999; } 
.float-container .float-button {border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; cursor: pointer; } 
.float-container .icon { width: 64px; height: 64px;font-size: 10px;}
@media screen and (max-width: 768px) {
    .float-container { position: fixed; right: 10px; bottom: calc(30px + 5vh);}
    .float-container .icon { width: 50px; height: 50px;}
}


.modalBox-open {
  overflow: hidden;
}
.pc-modalMark {
display: block;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
background:rgba(0,0,0,0.6);
opacity: 0.7;
z-index: 11;
}
.pc-popwximg .auto_popup {
background-color: #fff;
box-shadow: 0 2px 30.4px 1.6px rgba(204,204,223,.5);
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
z-index: 999999999;
max-height: calc(100vh - 60px);
position: fixed;
box-sizing: border-box;
border-radius: 20px;
}
.pc-popwximg .wind_tctsk_con {
width: 350px;
height: 460px;
position: relative;
border-radius: 20px;
}
.pc-popwximg .wind_tctsk_con_foot{width:100%;height:44px;position: absolute;bottom:0px; background:#efefef;color:#686868;border-top:1px solid #e1e1e1;border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;left:0;font-size:16px;}
.pc-popwximg .wind_tctsk_con_foot p{float:left;width:50%;height:44px;text-align:center;line-height:42px; cursor: pointer;padding:0;margin: 0;} 
.pc-popwximg .wind_img_tips{width: 72px; height: 72px; margin-top: -35px; margin-left: 140px;} 
.pc-popwximg .wind_tctsk_con2{width: 230px;margin: auto;overflow: hidden;display:flex;flex-direction: column;align-items: center;}
.pc-popwximg .showewm{margin-top:5px;height: 265px;overflow: hidden;position:relative;width: 100%;}.okedtxt{text-align: center;font-size: 18px;}
.pc-popwximg .hasrzed{font-size:12px;text-align:left;border:1px solid #2cb663;color:#23ad3e;background:#fff;border-radius: 6px;float: left;padding: 0px 5px;line-height: 17px;}
.pc-popwximg .mfusertx{margin-top:10px;height: 60px;width: 200px;}
.pc-popwximg .showwxh{font-size:14px;text-align:left;margin-bottom:5px;}
.pc-popwximg .erwmsty{width:100%;border:0px;left:-2px;position: absolute;}
.pc-popwximg .okoksure{background:#71c341;color:#fff;border-bottom-right-radius: 20px;}
.pc-popwximg .userdfimg{width:35px;height:35px;float:left;margin-right:5px;margin-top:2px;border-radius: 50%;}
.pc-popwximg .wind_tctsk .kefuQrcodeNew > img {max-height: 260px;}
.pc-popwximg .kefuQrcodeNew {text-align: center;}
/*CSS+*/
.itzjj-PopUser .itzjj-PopUser-profile .itzjj-PopUser-info .itzjj-PopUser-name,.aw-card-tips .mod-head .title .name{color: #666!important;cursor:inherit!important;}
.showinWx,.fixed-in-bottom{display:none!important;}#kefuVoice{width:1px;height:1px;display:none;}.kefuQrcode{display: flex}.kefuQrcode img{max-width: 360px!important;width: 100%;margin: auto;}.dj-colorbg{padding:0 4px; border-radius:4px;}.itzjj-openWorkwx-inpage{cursor: pointer;}.djgo-page-bottom{color: inherit;text-decoration: none;}body{word-break: break-all;}