﻿.dj-hide{display: none !important;}
/* 顶部通用 */
.itzjj-TopButton { display: inline-block; padding: 0 16px; font-size: 14px; line-height: 32px; height:34px; color: #8590A6; text-align: center; cursor: pointer; background: none;border: 1px solid; border-radius: 3px; }
/* Firefox button padding, border compatible */
.itzjj-TopButton::-moz-focus-inner {padding: 0;border: 0;}
.itzjj-TopButton i{font-style: normal;}
.itzjj-TopButton--blue { color: #0084FF; border-color: #0084FF; }
.itzjj-TopButton--blue:hover:not(:disabled) { background-color: rgba(0, 132, 255, 0.06); }
.itzjj-TopButton--grey { color: #8590A6; border-color: #8590A6; }
.itzjj-TopButton--grey:hover:not(:disabled) { background-color: rgba(133, 144, 166, 0.06); }
/* 填充型的按钮 */
.itzjj-TopButton--primary.itzjj-TopButton--blue { color: #FFFFFF; background-color: #0084FF; }
.itzjj-TopButton--primary.itzjj-TopButton--blue:hover:not(:disabled) { border-color: hsl(208.94117647058823, 100%, 45%); background-color: hsl(208.94117647058823, 100%, 45%); }
.itzjj-TopButton--primary.itzjj-TopButton--grey { color: #FFFFFF; background-color: #8590A6; }
.itzjj-TopButton--primary.itzjj-TopButton--grey:hover:not(:disabled) { border-color: hsl(220.00000000000003, 15.6398104265%, 53.6274509804%); background-color: hsl(220.00000000000003, 15.6398104265%, 53.6274509804%); }
.itzjj-TopButton-icon {vertical-align: text-bottom; fill: currentColor; margin-right: 7px; }
.itzjj-followButton { min-width: 96px; }
.itzjj-followButton-icon { margin-right: 8px; fill: currentColor; }

.itzjj-TopNav { position: relative; z-index: 100; width:100%; overflow: hidden; background: #FFFFFF; box-shadow: 0 1px 3px rgba(26, 26, 26, 0.1); background-clip: content-box; }
.itzjj-TopNav.is-fixed { position: fixed; z-index: 100; box-sizing: border-box;-webkit-font-smoothing: subpixel-antialiased;z-index: 110;}
.itzjj-TopNav .itzjj-TopNav-inner { position: relative; display: flex; width: 1000px; height: 52px; padding: 0 16px; margin: 0 auto; align-items: center; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; }
.itzjj-TopNav.is-hidden .itzjj-TopNav-inner { -webkit-transform: translateY(-100%); transform: translateY(-100%); }
.itzjj-TopNav .itzjj-TopNav-inner .LogoText{display:block;margin-right:8px;height:30px;background-size:cover;background-position:center;/*width:80px;*/}

/* 菜单部分 */
.itzjj-TopNav-menu { display: flex; justify-content: space-between; height: 30px; margin-right: 18px; margin-left: 27px; color: #999999; }
.itzjj-TopNav-menuItem { padding: 0 15px; font-size: 15px; line-height: 30px; color: #8590A6; }
.itzjj-TopNav-menuItem.itzjj-TopNav-menuItem-orgHome { padding-right: 22px; }
.itzjj-TopNav-menuItem:hover { color: #175199; }
.itzjj-TopNav-menuItem.is-active { color: #444444; }
.itzjj-TopNav-menuItem.is-org-active { color: #1A1A1A; /* 与设计一致，不支持设备将回退为 700 */
font-weight: 600; /* 禁止粗体合成(待 webkit bug 修复后可以删除，https://trac.webkit.org/changeset/223589/webkit) */
font-synthesis: style; }
.itzjj-TopNav-menuItem:first-child { padding-left: 0; }
.itzjj-TopNav-menuDivider { height: 15px; border-right: 1px #D3D3D3 solid; align-self: center; }
.itzjj-TopNav-input { width: 345px; }
.itzjj-TopNav-userInfo { flex: 1 1; justify-content: flex-end; display: flex; align-items: center; }
.itzjj-TopNav-notifications, .itzjj-TopNav-messages { margin-right: 40px; }
.itzjj-TopNav-profile { position: relative; font-size:0;}
.itzjj-TopNav-profile .itzjj-TopNav-profileEntry{display: flex;display:-webkit-flex;display:-ms-flexbox;;align-items:center;height: auto;padding: 0;line-height: inherit;background-color: transparent;border: none;border-radius: 0;}
.itzjj-TopNav-profile .itzjj-TopNav-profileEntry:hover { background-color: transparent; background-color: initial; color: hsl(220.00000000000003, 15.6398104265%, 53.6274509804%);}
.itzjj-TopNav-profile .itzjj-TopNav-profileAvatar{background: #FFFFFF; border-radius: 2px;margin-right: 10px;}
.itzjj-TopNav-profile .itzjj-TopNav-profileName{margin-right: 10px;}
.itzjj-TopNav-login { margin-right: 16px; }

/* 标题部分 */
.itzjj-TopHeader { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; }
.itzjj-TopHeader:not(.is-shown) { -webkit-transform: translateY(100%); transform: translateY(100%); }
.itzjj-TopHeader .itzjj-TopQuestion {display: flex; justify-content: space-between; width: 1000px; height: 100%; padding: 0 16px; margin: 0 auto;align-items: center; }
.itzjj-TopHeader .itzjj-TopQuestion .itzjj-TopQuestion-main { width: 694px; box-sizing: border-box; }
.itzjj-TopHeader .itzjj-TopQuestion-title {margin-bottom: 4px; font-size: 22px;font-weight: 600;font-synthesis: style; line-height: 32px; color: #1A1A1A;margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; }
.itzjj-TopHeader .itzjj-TopQuestion-side { width: 296px; text-align: right; }

.itzjj-TopHeader .itzjj-TopQuestion-side .itzjj-TopQuestionButtonGroup { display: inline-block; margin: 0 -8px; font-size: 0;}
.itzjj-TopHeader .itzjj-TopQuestion-side .itzjj-TopQuestionButtonGroup .itzjj-TopButton { margin: 0 8px; }

.itzjj-TopNav-holder{ visibility: hidden;position: relative; top: 0px; right: 0px; bottom: 0px; left: 0px; display: none; float: none; margin: 0px; height: 52px;}

/* iPad portrait overwrite TopNav */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
.itzjj-TopNav { min-width: auto; }
.itzjj-TopNav-inner { background: #FFFFFF; box-sizing: border-box; overflow-x: hidden; padding: 0 8px; width: 768px; }
}

/* 登录框部分 */
.itzjj-loginBox {box-sizing:border-box;margin:auto;min-width:0;padding:0;background-color:#FFFFFF;box-shadow:0 1px 3px rgba(26,26,26,0.1);border-radius:2px;background-color:#FFFFFF;width:400px;transform: translate3d(-50%,-50%,0);left: 50%;transition: all 0.8s;position: fixed;z-index: 1001;top:50%;display: none;}
.itzjj-loginBox-cover {position:fixed;left:0;top:0;width:100%;height:100%;display:none;background-color:rgba(0,0,0,.4);pointer-events:auto;box-sizing:content-box;z-index: 1000;}
.itzjj-loginBox .itzjj-loginBox-container {text-align:center;margin:0 auto;position:relative;border-radius:4px 4px 0 0;padding:0 24px 24px;}
.itzjj-loginBox .tabBox {text-align:left;}
.itzjj-loginBox .tabBoxSwitch {list-style:none;}
.itzjj-loginBox .tabBoxSwitch li {display:inline-block;height:60px;font-size:16px;line-height:60px;margin-right:24px;cursor:pointer;}
.itzjj-loginBox .tab-active {position:relative;color:#1a1a1a;font-weight:600;font-synthesis:style;}
.itzjj-loginBox .tab-active::before {display:block;position:absolute;bottom:0;content:"";width:100%;height:3px;background-color:#0084ff;}
.itzjj-loginBox .tabcontent {margin-top:25px;border-bottom:1px solid #ebebeb;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:48px;position:relative;}
.itzjj-loginBox .phoneBox {position:relative;display:inline-block;}
.itzjj-loginBox .phoneGroup {display:inline-block;min-width:72px;text-align:left;}
.itzjj-loginBox .phone-btn {border:none;height:auto;padding:0;line-height:inherit;background-color:transparent;border:none;border-radius:0;display:inline-block;font-size:14px;line-height:32px;cursor:pointer;}
.itzjj-loginBox .phone-btn:focus {outline:none;}
.itzjj-loginBox .selectBtn {text-align:left;color:#8590a6;text-align:center;background:none;border-radius:3px;height:calc(100% - 42px);}
.itzjj-loginBox .line-show {width:1px;height:22px;margin:0 12px;background:#ebebeb;}
.itzjj-loginBox .phoneInputGroup {display:inline-block;position:relative;width:213px;}
.itzjj-loginBox .Select-arrow {margin-left:8px;fill:currentcolor;width:24px;height:24px;display:inline-block;vertical-align:middle;}
.itzjj-loginBox .inputLabel {width:100%;height:48px;padding:0;color:#8590a6;border:none;border-radius:0;display:flex;}
.itzjj-loginBox .isShow::after {content:attr(data-content);color:red;position:absolute;top:0;bottom:0;height:48px;line-height:48px;display:flex;z-index:90;}
.itzjj-loginBox .inputStyle {display:inline-block;outline:none;flex:1 1;padding:0;overflow:hidden;font-family:inherit;font-size:inherit;font-weight:inherit;background:transparent;border:none;resize:none;z-index:100;}
.itzjj-loginBox  input.msgInput {appearance:none;-webkit-appearance:none;}
.itzjj-loginBox  input::-webkit-inner-spin-button,input::-webkit-outer-spin-button {-ms-progress-appearance:none;}
.itzjj-loginBox  input[type="number"] {appearance:textfield;}
.itzjj-loginBox  input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {-webkit-appearance:none;appearance:none;margin:0;}
.itzjj-loginBox .msgBtn {position:absolute;top:24px;right:0;padding:4px 0;color:#175199;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.itzjj-loginBox .msgBtn:hover,.voice-btn:hover {color:#76839b;}
.itzjj-loginBox .login_box {height:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background:#fff;position:relative;}
.itzjj-loginBox .voice-btn {display:inline-block;font-size:14px;line-height:32px;color:#8590a6;text-align:center;cursor:pointer;background:none;border-radius:3px;position:absolute;right:0;}
.itzjj-loginBox .SignFlow-switchPassword {position:absolute;right:0;}
.itzjj-loginBox .SignFlow-switchLogin {position:absolute;left:0;}
.itzjj-loginBox .out-login-btn-shw {display:inline-block;font-size:14px;line-height:32px;color:#175199;text-align:center;cursor:pointer;background:none;border-radius:3px;display:none;}
.itzjj-loginBox .out-login-btn-shw:hover {color:#76839b;}
.itzjj-loginBox .login-out-phoneBox {display:none;}
.itzjj-loginBox .SignContainer-tip {position:absolute;bottom:0;left:0;right:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:12px 24px;color:grey;font-size:13px;text-align:left;}
.itzjj-loginBox .SignContainer-tip a {color:grey;text-decoration:none;}
.itzjj-loginBox .ercodeSignBox {position:relative;text-align:center;padding:40px 0;display:none;}
.itzjj-loginBox .css-1hmxk26 {box-sizing:border-box;margin:0;min-width:0;border-top:1px solid;border-color:#EBEBEB;margin-left:24px;margin-right:24px;}
.itzjj-loginBox .icons {height:30px;float:left;padding-right:5px;margin-top:18px;}
.itzjj-loginBox .itzjj-login-button { color: #fff; width: 100%; display: block; font-size: 18px; height:40px; line-height: 40px; text-align: center; cursor: pointer; background: none; border: none; border-radius: 3px; outline: none; }
.itzjj-loginBox .itzjj-login-button:focus{outline:none;}
.itzjj-loginBox .itzjj-login-submit {background-color:#0084ff;margin-top:30px;}
.itzjj-loginBox .itzjj-login-cancel {background-color:#b7b7b7;margin-top:20px;}

/* 评论部分 */
/*通用评论框*/
.dj-commentAll {margin: 15px!important; overflow: hidden;}
.dj-commentAll .plBtn {width:75px;height:36px;line-height:36px;background-color:#0084FF;text-align:center;display:block;float:right;color:#fff;font-size:14px;border-radius:3px;margin-right:2px;}
.dj-commentAll .plBtn:hover {background-color:#2f904d;text-decoration:none;}
.dj-commentAll .comment-show {margin-top:20px}
.dj-commentAll .comment-show-con {width:100%;border-top:1px solid #ededed;padding:10px 0}
.dj-commentAll .comment-show-con-img {width:32px;height:32px;overflow:hidden;margin-top:5px}
.dj-commentAll .comment-show-con-img img {max-width:100%;}
.dj-commentAll .comment-show-con-list {width:85%;margin-left:3%;}
.dj-commentAll .pl-text {width:100%;margin-top:7px;word-wrap:break-word;overflow:hidden}
.dj-commentAll .date-dz {width:100%;float:left}
.dj-commentAll .hf-list-con {float:left;width:100%;background-color:#eaeaec;margin-top:7px}
.dj-commentAll .comment-size-name {font-size:12px;color:#e87826;}
.dj-commentAll .my-pl-con {font-size:12px;color:#444;width:100%}
.dj-commentAll .date-dz-left {font-size:12px;color:#8b8b8b;display:block;padding-top:18px}
.dj-commentAll .comment-time,.dj-commentAll .comment-pl-block {padding-top:7px}
.dj-commentAll .comment-pl-block {margin-top:0}
.dj-commentAll .date-dz-right {display:block;padding-top:6px;padding-right:18px;position:relative;overflow:hidden}
.dj-commentAll .removeBlock {float:left;font-size:12px;color:#8b8b8b;margin-right:24px;display:block;opacity:0}
.dj-commentAll .hf-con-block {display:block}
.dj-commentAll .date-dz-pl,.dj-commentAll .date-dz-line,.dj-commentAll .date-dz-z {font-size:12px;color:#8b8b8b}
.dj-commentAll .date-dz-line {display:block;padding:0 20px}
.dj-commentAll .date-dz-z-click-red {width:17px;height:17px;display:block;float:left;background-image:url(https://djkdgo.cdn.bcebos.com/static/common/images/icon-all_01.png);background-repeat:no-repeat;background-position:-6px -198px;margin-right:5px}
.dj-commentAll .z-num {font-style:normal}
.dj-commentAll .date-dz-z-click {color:#b83b44}
.dj-commentAll .red {background-position:-6px -119px !important}
.dj-commentAll .hf-pl {width:70px;height:36px;line-height:30px;background-color:#339b53;text-align:center;display:block;float:right;color:#fff;font-size:14px;border-radius:6px;margin-right:2px;line-height:36px;}
.dj-commentAll .hf-con {width:100%;margin-top:24px}
.dj-commentAll .hf-input {font-size:12px}
.dj-commentAll .all-pl-con {width:96%;padding:2% 0;float:left;margin:0 2%}
.dj-commentAll .atName {font-size:12px;color:#339b53}
.dj-commentAll .hfpl-text {margin-top:0}
.dj-commentAll .date-dz:hover .removeBlock {opacity:1}
.dj-commentAll .hf-list-con .all-pl-con {border-top:1px solid #d9d9d9;padding-bottom:12px}
.dj-commentAll .hf-list-con .all-pl-con:first-child {border-top:0}
.dj-commentAll pre {white-space:pre;white-space:pre-wrap;word-wrap:break-word}
.dj-commentAll .flex-text-wrap {width:70%;position:relative;zoom:1}
.dj-commentAll textarea,.dj-commentAll .flex-text-wrap {outline:0;margin:0;border:none;padding:0;}
.dj-commentAll .flex-text-wrap textarea,.dj-commentAll .flex-text-wrap pre {white-space:pre;word-wrap:break-word;white-space:pre-wrap;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
.dj-commentAll .flex-text-wrap textarea {overflow:hidden;position:absolute;top:0;left:0;height:100%;width:100%;resize:none;color:#484848;}
.dj-commentAll .flex-text-wrap pre {display:block;visibility:hidden}
.dj-commentAll textarea,.dj-commentAll .flex-text-wrap pre {line-height:1.7;font-family:helvetica neue,Helvetica,Arial,sans-serif;font-size:100%;padding: 10px 15px;border:1px solid #c6c8ce;width:100%;appearance:none;-webkit-appearance:none;background:#fff;-webkit-border-radius:3px;border-radius:3px;border-radius:3px;background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-box-shadow:0 0 8px rgba(182,195,214,.6) inset,0 1px 1px #fff;box-shadow:0 0 8px rgba(182,195,214,.6) inset,0 1px 1px #fff;box-shadow:0 0 4px rgba(182,195,214,.6) inset,0 1px 1px #fff;-webkit-transition-duration:300ms;transition-duration:300ms;-o-transition-duration:300ms;-ms-transition-duration:300ms;transition-duration:300ms;-webkit-transition-easing:ease-in-out;transition-easing:ease-in-out;-o-transition-easing:ease-in-out;-ms-transition-easing:ease-in-out;transition-easing:ease-in-out;-webkit-transition-property:border-color,-webkit-box-shadow;-webkit-transition-property:border-color,box-shadow;transition-property:border-color,box-shadow;transition-property:border-color,box-shadow;-o-transition-property:border-color,box-shadow;-ms-transition-property:border-color,box-shadow;transition-property:border-color,box-shadow;margin: 0;}
.dj-commentAll .fork-link {display:block;position:absolute;top:0;right:0;width:140px}
@media only screen and (-webkit-min-device-pixel-ratio:1.25),(min-resolution:120dpi) {html {background-size:51px auto}
}
/*当分辨率大于768时，CSS*/
@media only screen and (min-device-width:768px) {
    .dj-commentAll .flex-text-wrap {width:85%;float: left;}
}
/* 编辑器部分 */
.dj-rich-content{color:#3e3e3e;line-height:1.6;font-size:17px;background:#fff;position:relative}
.dj-rich-content *{max-width:100%;box-sizing:border-box;-webkit-box-sizing:border-box;word-wrap:break-word}
.dj-rich-content p{clear:both;min-height:1em;margin:0!important;}
.dj-rich-content em{font-style:italic}
.dj-rich-content fieldset{min-width:0}
.dj-rich-content pre{white-space:pre-wrap;word-wrap:break-word}
.dj-rich-content figure{text-align:center;border:solid 1px #ccc;border-radius:2px;background:rgba(0,0,0,0.05);padding:10px;margin:10px 20px;display:inline-block}
.dj-rich-content figure > figcaption{text-align:center;display:block}
.dj-rich-content blockquote{margin:0;padding-left:10px;border-left:3px solid #dbdbdb}
.dj-rich-content a{color:#607fa6;text-decoration:none}
.dj-rich-content img{height:auto}
.dj-rich-content img:hover{z-index:-1;cursor:pointer}
.dj-rich-content iframe.video_iframe{background-color:#000000;width:100%;position:static}
.dj-rich-content audio,.dj-rich-content iframe.qqmusic_iframe{width:100%;background-color:#fff}
.dj-rich-content iframe.qqmusic_iframe{margin:10px 0}

/*点赞公共样式*/
.dj-dianzan .nodian {background: url(../image/nodian.png) no-repeat;}
.itzjj-likeButton-active .nodian {background: url(../image/okdian.png) no-repeat;}
.dj-dianzan .dianzan{width:18px;height: 18px;background-size: contain;margin-right: 2px;cursor: pointer;display: inline-block;}
.dj-content-clickbtn{padding: 3px 5px;line-height:1.2;border-radius: 10px; padding: 0 5px; font-size: 12px;border: 1px solid transparent;background-color: #009688; color: #fff; white-space: nowrap;cursor: pointer;text-align: center;display: inline-block;outline: 0;appearance: none; -webkit-appearance: none; transition: all .3s; box-sizing: border-box;}
/*快速留言*/
.button_link_message {display: inline-flex; align-items: center; justify-content: center; font-size: 14px; padding: 0 8px; height: 24px; border-radius: 4px; background: #1880ff; color: #fff!important;; border: 1px solid #1880ff; border-radius: 20px; text-decoration: none; } 
.quick-message-icon {width: 16px!important; margin-right: 5px; border: none; padding: 0; outline: none;margin-bottom:0!important;}