body {background-color: #fcfcfd;}
#head { display: flex;
  padding-top: 5px; justify-content: center;}
#head_img { object-fit: cover;
  width:86%;}
#neck {height: 45px; width: 90%; text-align: right; padding-top: 18px; } #juzi {visibility: hidden;}
#page-body {display: flex; justify-content: center;}
#dir { padding: 25px; display: flex; flex-flow: column;
  justify-content: center; background-color: #f5f8f3; border-radius: 15px;}
#fancontent {width:76%; padding: 5px; background-color: #f6f7f8;}
.space-dir {height: 50px;}
.space-cont {height: 30px; width: 36%; text-align: center;}
#page-vspace {width: 1%;}
.dir-text-box { padding: 6px; min-width: 200px; text-align: center;
  font-family:'Arial Normal', 'Arial';
  font-weight:350; color: #505352; font-style:normal; border-radius: 8px;
  font-size:20px; background-color: rgb(233, 236, 231);}
b {color: #f8ad5e; font-size:20px;}
a, a:hover  {text-decoration: none}
.dir-text-box:hover  {background-color: rgb(139, 143, 135);
  color: #f3f5f2; cursor: pointer; border-radius: 3px;}
.nr-box {padding: 25px; display: flex; flex-flow: column;
  justify-content: center; align-items: center;}
#newstitle { padding: 6px; min-width: 260px;
  text-align: center; width: 68%; font-weight:390; color: #262018;
   font-size:26px; }
.conten-text {padding: 6px; min-width: 260px;
  text-align: left; text-indent: 2em; width: 99%;
  font-weight:300; color: #505352; font-size:18px;}
.jing-text {padding: 6px; min-width: 260px;
    text-align: center;  width: 99%;
    font-weight:300; color: #262018; font-size:18px;}
 .jing-left {padding: 6px; min-width: 260px;
      text-align: left;  width: 99%;
      font-weight:300; color: #262018; font-size:18px;}
#foot { padding: 16px; min-width: 330px; min-height: 68px;
    text-align: center; color: #675858; font-style:normal;
    font-size:15px; }
#nr-feedback,#nr-join,#nr-download,#nr-help {display: none;}
.downloadpad {display: flex; width:80%;}
.downitem1 {min-width:90px; }
.downitem2 {min-width:35px; }

.head-blank {height: 12px;}
.pic-bar {display: flex; height:125px; width: 76%; margin:auto;  line-height:125px;}
.barimg {height:99%;  width:95%; margin: auto;}
#pic-bar-repeat { background-image: url("../imgfile/gonghua.jpg"); height:215px; width: 76%; margin:auto;}
#pic-bar-repeat2 { background-image: url("../imgfile/gongdeng.jpg"); height:210px; width: 75%; margin:auto;}
#helpdir { padding: 5px; display: flex; flex-flow: column;
  justify-content: center; background-color: #f5f8f3; border-radius: 15px;}
.dir-title {padding: 6px; min-width: 200px; text-align: center;
  font-family:'Arial Normal', 'Arial';
  font-weight:380; color: #b63e72; font-style:normal; border-radius: 8px;
  font-size:24px; }
.dir-help { min-width: 200px; padding-left: 15px; display: flex;
    margin: 8px; height: 30px;
     border-radius: 8px;
     background-color: rgb(233, 236, 231);}
.manuico {height:100%; width: 76%; margin:auto;  }
.helpicoimg {height: 70%; width:20px; line-height:70%; display: block; margin: 5px; display: none; }
.helptxt { min-width:85px; font-family:'Arial Normal', 'Arial'; font-weight:350; color: #505352;
  font-style:normal;font-size:20px;}
.dir-help:hover .helpicoimg {display: block;}

.bim {font-weight:350; font-size: 25px; }
.footdir {display: flex; height: 39px; width:75%;}
.footdir1 { width:33%;}
.footdir2 { width:33%; text-align: center; }
.footdir3 { width:33%; text-align: right; }