.dj-comment-pc .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: 999;top:50%;}
.dj-comment-pc .signContent {text-align:center;margin:0 auto;}
.dj-comment-pc .signContainer {position:relative;border-radius:4px 4px 0 0;}
.dj-comment-pc .loginForm {padding:0 24px 24px;}
.dj-comment-pc .loginForm .tabBoxSwitch .tabBoxSwitchUl {list-style:none;}
.dj-comment-pc .loginForm .tabBoxSwitch .tabBoxSwitchUl li {display:inline-block;height:60px;font-size:16px;line-height:60px;margin-right:24px;cursor:pointer;}
.dj-comment-pc .tab-active {position:relative;color:#1a1a1a;font-weight:600;font-synthesis:style;}
.dj-comment-pc .tab-active::before {display:block;position:absolute;bottom:0;content:"";width:100%;height:3px;background-color:#0084ff;}
.dj-comment-pc .tabBox {text-align:left;}
.dj-comment-pc .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;}
.dj-comment-pc .phoneBox {position:relative;display:inline-block;}
.dj-comment-pc .phoneGroup {display:inline-block;min-width:72px;text-align:left;}
.dj-comment-pc .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;}
.dj-comment-pc .phone-btn:focus {outline:none;}
.dj-comment-pc .selectBtn {text-align:left;color:#8590a6;text-align:center;background:none;border-radius:3px;height:calc(100% - 42px);}
.dj-comment-pc .line-show {width:1px;height:22px;margin:0 12px;background:#ebebeb;}
.dj-comment-pc .phoneInputGroup {display:inline-block;position:relative;width:213px;}
.dj-comment-pc .Select-arrow {margin-left:8px;fill:currentcolor;width:24px;height:24px;display:inline-block;vertical-align:middle;}
.dj-comment-pc .inputLabel {width:100%;height:48px;padding:0;color:#8590a6;border:none;border-radius:0;display:flex;}
.dj-comment-pc .isShow::after {content:attr(data-content);color:red;position:absolute;top:0;bottom:0;height:48px;line-height:48px;display:flex;z-index:90;}
.dj-comment-pc .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;}
.dj-comment-pc  input.msgInput {appearance:none;-webkit-appearance:none;}
.dj-comment-pc  input::-webkit-inner-spin-button,input::-webkit-outer-spin-button {-ms-progress-appearance:none;}
.dj-comment-pc  input[type="number"] {appearance:textfield;}
.dj-comment-pc  input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {-webkit-appearance:none;appearance:none;margin:0;}
.dj-comment-pc .msgBtn {position:absolute;top:24px;right:0;padding:4px 0;color:#175199;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.dj-comment-pc .msgBtn:hover,.voice-btn:hover {color:#76839b;}
.dj-comment-pc .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;}
.dj-comment-pc .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;}
.dj-comment-pc .SignFlow-switchPassword {position:absolute;right:0;}
.dj-comment-pc .SignFlow-switchLogin {position:absolute;left:0;}
.dj-comment-pc .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;}
.dj-comment-pc .out-login-btn-shw:hover {color:#76839b;}
.dj-comment-pc .login-out-phoneBox {display:none;}
.dj-comment-pc .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;}
.dj-comment-pc .SignContainer-tip a {color:grey;text-decoration:none;}
.dj-comment-pc .ercodeSignBox {position:relative;text-align:center;padding:40px 0;display:none;}
.dj-comment-pc .css-1hmxk26 {box-sizing:border-box;margin:0;min-width:0;border-top:1px solid;border-color:#EBEBEB;margin-left:24px;margin-right:24px;}
.dj-comment-pc .icons {height:30px;float:left;padding-right:5px;margin-top:18px;}
.dj-zhezhao {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: 998;}
.dj-comment-pc .dj-comment-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; }
.dj-comment-pc .dj-comment-button:focus{outline:none;}
.dj-comment-pc .dj-login-submit {background-color:#0084ff;margin-top:30px;}
.dj-comment-pc .dj-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(../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;padding-bottom:0 !important}
.dj-commentAll textarea,.dj-commentAll .flex-text-wrap {outline:0;margin:0;border:none;padding:0;padding-bottom:0 !important}
.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:36px;font-family:helvetica neue,Helvetica,Arial,sans-serif;font-size:100%;   border:1px solid #c6c8ce;width:100%;-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;height:36px;padding-left:10px;font-size:14px;}
.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;height: 36px;}
}
 .dj-rich-content{overflow:hidden;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}
 .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}
 /* 会员信息提示box */
.aw-card-tips{display:none;position:absolute;z-index:9999;width: 290px;background: #fff;border:1px solid #ccc;box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);}
.aw-card-tips .mod-head{position: relative;min-height:60px;padding: 10px 10px 0 70px; font-size: 14px;}
.aw-card-tips .mod-head p{margin: 0; height: 24px; line-height: 24px; color: #666;}
.aw-card-tips .mod-head p span:first-child {margin-right: 15px;}
.aw-card-tips .mod-head .title .name{color: #155faa; float: left; clear: both;}
.aw-card-tips .mod-head .img{position: absolute;left: 10px;top: 10px;border-radius: 4px;width: 50px; height: 50px;overflow: hidden;}
.aw-card-tips .mod-head .img img{width: 50px; height: 50px;}
.aw-card-tips .mod-head .desc{max-height: 65px;overflow: hidden;margin-bottom: 10px;}