img { border: 0;}
.ck-slide ul { margin: 0; padding: 0; list-style-type: none;}
.ck-slide { position: relative; overflow: hidden;}
.ck-slide ul.ck-slide-wrapper { position: absolute; top: 0; left: 0; z-index: 1; margin: 0; padding: 0;}
.ck-slide ul.ck-slide-wrapper li { position: absolute;}
.ck-prev,.ck-next { position: absolute; top: 50%; z-index: 2; width: 35px; height: 70px; margin-top: -35px; opacity: 1; background: red; text-indent: -9999px; background-repeat: no-repeat; transition: opacity .2s linear 0s;}
.ck-prev:hover,.ck-next:hover{opacity:.7;} 
 .ck-prev { left: -36px; background: url(../images/arrow-left.png) #d8181c 50% no-repeat;}
 .ck-next { right: -36px; background: url(../images/arrow-right.png) #d8181c 50% no-repeat;}
.ck-slidebox { position: absolute; left: 50%; bottom: 12px; z-index: 30;}
.ck-slidebox ul { height: 20px; padding: 0 4px; border-radius: 8px; background: rgba(0,0,0,0.5);}
.ck-slidebox ul li { float: left; height: 12px; margin: 4px 4px;}
.ck-slidebox ul li em { display: block; width: 12px; height: 12px; border-radius: 100%; background-color: #fff; text-indent: -9999px; cursor: pointer;}
.ck-slidebox ul li.current em { background-color: #fe6500;}
.ck-slidebox ul li em:hover { background-color: #fe6500;}
.ck-slide2 ul { margin: 0; padding: 0; list-style-type: none;}
.ck-slide2 { position: relative; overflow: hidden;}
.ck-slide2 ul.ck-slide-wrapper { position: absolute; top: 0; left: 0; z-index: 1; margin: 0; padding: 0;}
.ck-slide2 ul.ck-slide-wrapper li { position: absolute;}
/**/
.menu { position: absolute; left: 0; top: 0; width: 200px; height: 100%; background-color: #ccc; font-family: Consolas,arial,"宋体";}
  .menuc { height: 100%; overflow-x: hidden; overflow-y: auto;}
  .menu span { display: block; height: 100px;}
  .menu a { display: block; height: 40px; margin: 0 0 1px 2px; padding-left: 10px; line-height: 40px; font-size: 14px; color: #333; text-decoration: none;}
  .menu a:hover { background-color: #eee;}
  .menu .cur { color: #000; background-color: #fff !important;}
  .main { height: 100%; margin-left: 200px;}
  .mianc { position: relative; height: 100%; overflow-x: hidden; overflow-y: auto;}
  .main h1 { width: 900px; margin: 40px auto; font: 32px "Microsoft Yahei";}
  .explain, .dowebok-explain { margin-top: 20px; font-size: 14px; text-align: center; color: #f50;}

  .vad { margin: 50px 0 5px; font-family: Consolas,arial,宋体,sans-serif; text-align:center;}
  .vad a { display: inline-block; height: 36px; line-height: 36px; margin: 0 5px; padding: 0 50px; font-size: 14px; text-align:center; color:#eee; text-decoration: none; background-color: #222;}
  .vad a:hover { color: #fff; background-color: #000;}
  .thead { width: 728px; height: 90px; margin: 0 auto; border-bottom: 40px solid #fff;}

  .code { position: relative; margin-top: 100px; padding-top: 41px;}
  .code h3 { position: absolute; top: 0; z-index: 10; width: 100px; height: 40px; font: 16px/40px "Microsoft Yahei"; text-align: center; cursor: pointer;}
  .code .cur { border: 1px solid #f0f0f0; border-bottom: 1px solid #f8f8f8; background-color: #f8f8f8;}
  .code .h31 { left: 0;}
  .code .h32 { left: 102px;}
  .code .h33 { left: 204px;}
  .code .h34 { left: 306px;}
  .code { width: 900px; margin-left: auto; margin-right: auto;}
  pre { padding: 15px 0; border: 1px solid #f0f0f0; background-color: #f8f8f8;}
  .f-dn { display: none;}