/*itzjj-public-CSS
 made by OnlyScv
 WX:18074477180
 QQ:200980998
 鼎尖网络科技：web前端设计。
 轻量化的前端模板。
 */
html{font-size:62.5%;font-weight: 300; line-height:1em } body, ul, ol, p, h1, h2, h3, dl, dt, dd, li, input, textarea, button { margin:0; padding:0; word-break:break-all } 
body{text-align:left; font-family:'PingFangSC-Light',Arial,Helvetica,sans-serif,"Hiragino Sans GB"; color:#474747; background-color:#FFF;font-size-adjust:none; -webkit-text-size-adjust:none }
ul, li, dl, dt, dd { list-style:none }
a, a:visited { text-decoration:none; color:#474747 } 
*{-webkit-tap-highlight-color:rgba(0,0,0,0) }
img{vertical-align:middle }
em{font-style: normal;}
/*page-CSS*/
.container {max-width:750px;margin:0 auto;}
.notes-wrapper {padding:.667rem .533rem;position:relative;border-radius:10px;margin-top:-10px;background:#fff;}
.notes-cover {background-color:#f8f8f8;position:relative;}
.notes-wrapper header {margin-bottom:.53333rem;font-size:.62rem;line-height:1.4;font-weight:400;}
.notes-wrapper header p:first-of-type {display:inline;}
.notes-wrapper header .yuanchung {border:1px solid #888484;padding:0 8px !important;border-radius:10px;font-size:14px;margin-right:8px;line-height: 1;}
.notes-author {margin-bottom:.26667rem;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;}
.notes-author .author {-webkit-box-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;}
.notes-author .avatar {float:left;margin-right:.26667rem;width:0.5rem;height:0.5rem;background-color:#f8f8f8;border-radius:50%;position:relative;}
.notes-author .avatar img {width:100%;border-radius:50%;display:block;}
.author-cont {overflow:hidden;font-size:.32rem;color:#999;line-height:1;}
.notes-author .name,.pub-time {display:inline-block;max-width:2.667rem;font-size:.42667rem;line-height:.58667rem;height:.58667rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;color:#696969;}
.notes-author .pub-time {margin-left:.26667rem;}
.notes-author .user-lv {vertical-align:.053rem;}
/*article css*/
.notes-detail {margin-left:-0.533rem;margin-right:-0.533rem;padding:0 .533rem;word-break:break-word;}
.notes-detail {padding:0.233rem;}
.notes-detail p{font-size:.48rem;line-height:1.7;margin-bottom:.5rem;}
.notes-detail img {width:100%;border-radius:5px;}
.dj-hide{display:none!important;}
.agreementOpenBox{
  width: 100%;
  height: 100vh;
  background: rgba(0,0,0,0.5);
  z-index: 9999;
  position: fixed;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.agreementContentBox{
  width:716px;
  background-color: white;
  border-radius: 20px;
  box-sizing: border-box;
  padding: 20px;
  margin: 0px auto;
  position: absolute; left: 50%; top: 50%;
  transform: translate(-50%, -50%);  
}
.agreementTxt{
  height: 415px;
  overflow-y: auto;
}
.agreementCloseBtn{
  background-color: #1e9fff;
  color: white;
  height: 40px;
  line-height: 40px;
  width: 100px;
  text-align: center;
  border-radius: 5px;
  margin: 15px auto 0px;
  cursor: pointer;
}

.agreementTxt p{
  text-align: left !important;
  font-size: 16px !important;
  line-height: 1.8 !important;
}

.dj-opnen-gdtad-privacyagreements{
  text-decoration: underline !important;
  cursor: pointer !important;
  color: #2b9ec3 !important;
}

.dj-opnen-gdtad-privacyagreements:hover{
  color: #09408E !important;
}

@media screen and (max-width:768px) {
  .agreementContentBox{
    width: 90%;
    font-size: 16px;
  }
  .agreementTxt{
    height: 70vh;
  }
}