.blackMask{height:100vh;width:100vw;background-color:rgba(255,255,255,0.76);position:fixed;z-index:900;left:0;top:0}
#pushContainer{margin-top: 70px;}
#pushContainer,#pushTopNav{transition:transform 0.3s ease-out;overflow:hidden;}
#pushContainer.show{-webkit-transform:translateX(500px);transform:translateX(500px);width:100vw;height:100vh;margin:0;padding:0}
#pushTopNav.show{-webkit-transform:translateX(500px);transform:translateX(500px);margin:0;padding:0}
#nav{position:fixed;left:-500px;top:0;margin:0;width:500px;height: 100%;-webkit-overflow-scrolling:touch;background-color:#333;z-index:990;overflow-y:auto;-moz-transform:translateZ(0);-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:transform 0.3s ease-out;transition:transform 0.3s ease-out}
#nav.show{-webkit-transform:translateX(500px);transform:translateX(500px)}
/*navToggle*/
.navToggle{display:block;overflow:hidden;position:absolute;cursor:pointer;box-sizing:border-box;width:50px;height:45px;padding:0;left:2%;top: 2.7%;z-index:888;-moz-transition:-moz-transform .3s;-o-transition:-o-transform .3s;-webkit-transition:-webkit-transform .3s;transition:transform .3s}
.navToggle span,.navToggle:before,.navToggle:after{height:2px;width:27px;top:47%;left:50%;margin-left:-11px;background:#999;position:absolute;display:block;content:'';text-indent:-9999px;transition:all 300ms ease-in-out}
.navToggle:before{margin-top:-9px}
.navToggle:after{margin-top:9px}
.navToggle.show span{opacity:0}
.navToggle.show:before{margin-top:0;-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.navToggle.show:after{margin-top:0;-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}
/*nav*/
/*20170721*/
.navPC{top:20%;}
.navMb{ right: 2%; left: initial;}
/**/
#nav *{
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;}
/*menu*/
#nav .menu{width: 80%; margin: 70px auto 60PX auto;}
#nav .menu li{width:100%; font-size: 21px; margin: 20px 0; text-align: center; display:block;}
#nav .menu a{color: #ddd; }
#nav .menu a:hover{color: #59B2C4;}
#nav hr{width: 100%; height:1px; background-color: #ddd; display:block;}
/*subMenu*/
#nav .subMenu{width: 80%; margin: 0 auto;}
#nav .subMenu li{width:47%; font-size: 18px; margin: 2% 1%;  text-align: center; display: inline-block;}
#nav .subMenu a{color: #59B2C4; border: 1px solid #59B2C4; border-radius: 0.5em; padding: 15px 0!important; display: block;}
#nav .subMenu a:hover{color: #18D1EA; border: 1px solid #18D1EA; background-color: rgba(89,178,196,0.3);}
#nav .subMenu i{margin: 0 10px 0 0; font-size: 18px; }
#nav .subMenu .msg{width: 32px; height: 18px; font-size: 14px; background-color: #EC297B; color: #fff; border-radius: 1em; text-align: center; display:inline-block; margin: 0 0 0 5px;}
/*searchActivity*/
#nav .searchActivity{width: 80%; margin: 50px auto 0 auto;}
#nav .searchActivity p{font-size: 18px; color: #DDD; margin: 0 0 20px 20px;}
#nav .searchActivity input{width: 100%; height: 40px; font-size: 16px; background-color: #DDD; border-radius: 3em; border: none; margin: 0 0 20px 0; padding: 0 15px;}
#nav .searchActivity select{width: 100%; height: 40px; font-size: 16px; background-color: #DDD; border-radius: 3em; border: none; margin: 0 0 20px 0; padding: 0 15px;}
#nav .searchActivity button{width: 45px; height: 45px;}
#nav .searchActivity button{width: 45px; height: 45px; border-radius: 99em; font-size: 18px; color: #fff;  text-align: center; background-color: #333; border: 1px solid #ddd; margin: 0 auto; display: list-item;}
#nav .searchActivity button:before{ font-family: FontAwesome; content: "\f002"; color: #fff;}
#nav .searchActivity button:hover{background-color: #555;}

@media (max-width: 768px){
#pushContainer.show{-webkit-transform:translateX(350px);transform:translateX(350px);}
#pushTopNav.show{-webkit-transform:translateX(350px);transform:translateX(350px);}
#nav{position:fixed;left:-350px;width:350px;}
#nav.show{-webkit-transform:translateX(350px);transform:translateX(350px);}
/*nav*/
#nav .subMenu li{width:100%; font-size: 18px; margin: 2% 0%;  }
}
@media (max-width: 480px){
}