.cd-main-content {min-height: 100%;position: relative;/*-webkit-transform: translateZ(0);*/}
.cd-main-content.lateral-menu-is-open {/*transform:translate(-20px,0px);*/}/*整体向左移动*/
    
.menup {position:absolute;top:0;left:0;width:96%;transition:0.5s}/*菜单距离右侧的边距,通过百分比来控制*/
.menup.lateral-menu-is-open {background:#000;opacity: 0.7;width:100%;height:50000%; margin-left:-220px; }

#cd-menu-trigger {background:#333;/*按钮背景色*/position: absolute; border:0px solid #eee; right:0%;height:46px;width:50px;top:10px;opacity: 1;}

#cd-menu-trigger .cd-menu-icon {width:20px;height:3px;background:#126ACE;/*横线颜色*/ border-radius:5px;display: inline-block;position: absolute;left: 50%;top: 50%;bottom:auto;right: auto;-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);-o-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%)}
#cd-menu-trigger .cd-menu-icon::before, #cd-menu-trigger .cd-menu-icon:after {background:#126ACE;content: '';width:100%;right:0%;height:100%;position:absolute;background:inherit}
#cd-menu-trigger .cd-menu-icon::before {background:#126ACE;bottom: 7px;border-radius:5px;}
#cd-menu-trigger .cd-menu-icon::after {top:7px; border-radius:5px;}
#cd-menu-trigger.is-clicked .cd-menu-icon {background: rgba(255, 255, 255, 0)}
#cd-menu-trigger.is-clicked .cd-menu-icon::before, #cd-menu-trigger.is-clicked .cd-menu-icon::after {background:#126ACE;}

#cd-menu-trigger.is-clicked .cd-menu-icon::before {bottom: 0;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
#cd-menu-trigger.is-clicked .cd-menu-icon::after {top: 0;
-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg)}
#cd-lateral-nav {position: fixed;background:#FFF; background-size:150%;height: 50000%;right: 0;top: 0; padding-top:20px;/*顶部填充*/ visibility: hidden;width: 220px;-webkit-transform: translateZ(0);-webkit-backface-visibility: hidden;
  -moz-transition-property: -moz-transform;transition-property: transform;-webkit-transform: translateX(80px);-moz-transform: translateX(80px);
  -ms-transform: translateX(80px);-o-transform: translateX(80px);transform: translateX(80px);}

  
/*链接的字体,行距,边距控制CSS*/   
#cd-lateral-nav .cd-navigation {font-size:14px;line-height:60px;}
#cd-lateral-nav .sub-menu {margin-left:20px; display:block} 
#cd-lateral-nav a {text-transform:uppercase; border-bottom:1px solid rgba(255,255,255,0.1); display: block; color:#fff; padding-left:40px}
#cd-lateral-nav a:hover { background:#126ACE;color:#fff; }


/*菜单背景色*/
#cd-lateral-nav.lateral-menu-is-open {background:#126ACE;opacity: 1;
  -webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);
  visibility: visible;-webkit-transition: -webkit-transform .1s 0s, visibility 0s 0s;-moz-transition: -moz-transform .1s 0s, visibility 0s 0s;
  transition: transform .1s 0s, visibility 0s 0s;-webkit-overflow-scrolling: touch;}
#cd-lateral-nav .item-has-children > a { position: relative}
#cd-lateral-nav .item-has-children > a::after {
  content: '';display: block;height: 11px;width: 8px;position: absolute;top: 50%;bottom: auto;
  -webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);
  transform: translateY(-50%);right: 1em;background: url("../img/cd-arrow.svg") no-repeat center center;
  background-size: 8px 11px;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;
  transition-property: transform;-webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;transition-duration: 0.8s;}
#cd-lateral-nav .item-has-children > a.submenu-open::after {
  -webkit-transform: translateY(-50%) rotate(90deg);
  -moz-transform: translateY(-50%) rotate(90deg);
  -ms-transform: translateY(-50%) rotate(90deg);
  -o-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
}