/* ---- 使用说明书--- */
 
.guideMain {
  width: 1200px;
  margin: 20px auto;
  background-color: #fff;
  border-radius: 10px; 
  box-shadow: 5px 0px 10px rgba(0, 0, 0, 0.08);
}

.guideMainBox {
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  
 
}
 

.nav_box {  
  padding: 0px 0 56px 0;
  left: 0px;
  box-sizing: border-box;
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 90;
  border-right: 1px solid #dbe4e8;
   height: calc(100vh - 10px);
  border-radius: 10px 0px 0px 10px;
  overflow: hidden; 
}
 

.nav_tit {
  font-size: 18px;
  font-weight: bold;
  color: #222;
  line-height: 30px;
  padding: 25px 25px 5px 25px;
}
/* .autoMenu { overflow: hidden; overflow-y: auto;   } 用于elementUI滚动条*/
.scrollbarMenu {height: calc(100% - 10px); position: relative; }
.autoMenu { overflow: hidden; height: 100%; } 
.autoMenu ul.fistUl { padding: 20px 0px 20px 20px;}
.autoMenu .scroll_con {
  height: 100%;
  overflow: hidden;
  padding: 40px 0px 56px 0px;
  box-sizing: border-box;
}
.autoMenu ul li { position: relative; 
  font-size: 15px;
  line-height: 24px;
  margin-bottom: 10px;
}
.autoMenu ul li.level01 { margin-top: 20px;}
.autoMenu ul>li.level02 {
	padding-left: 20px;
}
.autoMenu ul>li.level03 {
	padding-left: 36px;
  font-size: 14px;
   margin-bottom: 10px;
}
 
 
.autoMenu ul>li.sub ul{
	padding-left: 20px;
}
 
.autoMenu ul li a {
  display: block;
  padding: 0 5px 0 10px;
  box-sizing: border-box;

  position: relative;
  color: #777;  
}
.autoMenu ul li.level01 a {  
  color: #333;
}

.autoMenu ul li.active > a {
  color: #ff5f19;
  position: relative;
}
.autoMenu ul li a:hover { color: #ff5f19; }

.autoMenu span.menu_up,
.autoMenu span.menu_down {
   position: absolute; top: 0px; left: -10px; display: block; width: 20px; height: 20px; border: 0px;  background:  url(../images/iconSprite.png) no-repeat 2px -204px; cursor: pointer; }
.autoMenu span.menu_down { transform:rotate(180deg);}
.autoMenu span.menu_up:hover,
.autoMenu span.menu_down:hover {
  background-position: -17px -204px;
}
.center_areaBox {
  width: 840px;
  padding: 25px 50px;
  min-height: calc(100vh - 430px); 
}
 
.center_area p {
  margin-bottom: 25px;
  line-height: 22px;
  text-indent: 2em;
  text-align: justify;
}
  

.center_area .tit {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 25px;
}
 

 
 /* 右侧内容 */

.cajGuide { text-align: center; font-size: 28px; line-height: 42px; padding-top:50px; font-weight: bold;}
.center_areaBox h3,
.center_areaBox h4,
.center_areaBox h5 {
  margin: 35px 0 15px;
  font-size: 20px;
  line-height: 36px;
  font-weight: bold;
}

.center_areaBox h3 {
  font-size: 24px; 
  padding-top: 100px;
}
 
.center_areaBox h4 {
  font-size: 18px;
}

.center_areaBox h5 {
  font-size: 16px; 
}

.center_areaBox p {
 font-size: 16px;
 line-height: 26px;
 padding: 5px 0px;
}
.center_areaBox  a.blue { 
  color: #0052d9;
  text-decoration: underline;
  }

.center_areaBox .center {
  text-align: center;
  margin: 10px auto 20px;
}
   
.center_areaBox .center img {
  max-width: 650px;
  cursor: pointer;
}
 
.guideTable {border-collapse: collapse; table-layout: fixed; font-size: 14px; margin: 0px auto;}
.guideTable th, .guideTable td { padding: 8px 20px; height: 20px; background-color: #e5e5e5; font-weight: normal; color: #333; border: 1px solid #e8e6e7; text-align: left;  }
.guideTable th { font-weight: bold;}
.guideTable td {   background-color: #fff; text-align: left; cursor: pointer; }
.center_areaBox p.npmOrder { text-align: center; position: relative;  margin: 10px 0px;  padding: 0px 50px 0px 30px ; background-color: #f8f8f8; border:1px solid #e5e5e5; color: #333; }
.center_areaBox p.npmOrder ins.copytxt { position: absolute; width: 20px; height: 20px; background-color: #ff5f19; display: block; right: 5px; top: 2px; cursor: pointer;}

.splitLine { border: 1px solid #ccc;  border-width: 1px 0px 1px 0px; height: 3px; font-size: 0px; line-height: 2px; margin: 80px 0px 0px; display: none;}

.icon_install { display: inline-block; vertical-align: middle;}
.icon_install img { width: 36px; margin-top: -8px; margin-right: 10px;}
/* 指南文档图片放大 */
.zoom-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  text-align: center;
  overflow: auto;
  z-index: 100;
  text-align: center; 
}
.zoom-modal img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
  cursor: zoom-out;
  position:absolute;
  margin: auto;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}


/* 滚动条 */
.scrollbarMenu .scroll_bar { position: absolute; top: 0; right: 0; width: 5px; height: 100%; background-color: #e4e4e4; display: none;  } 
.scrollbarMenu:hover .scroll_bar {display: block; }
/* 滚动块 */
.scrollbarMenu .scroll_slider { position: absolute; top: 0; left: 0px; width: 5px; height: 48px; background-color: #525252; border-radius: 5px; opacity: .5 }
.scrollbarMenu .scroll_slider:hover { opacity: .5 }