body{
  margin:0;
  -moz-user-select:none;
  -webkit-user-select:none;
  font-family:'微软雅黑',Tahoma,Arial,Roboto,"Droid Sans","Helvetica Neue","Droid Sans Fallback","Heiti SC",sans-self;
}
.pageContainer{
    max-width: 768px;
    margin: 0 auto;
}
.pageHead > img{
    max-width: 100%;
}
.pageHead{
    height:200px;
    background-image: url('../images/head.png');
    background-size: 100%;
    position: relative;
}
.headText{
    text-align: center;
    color:#fff;
    font-size: 35px;
    position: absolute;
    left:50%;
    top:50%;
    /*margin-top:-65px;
    margin-left:-200px;*/ 
    transform:translate(-50%,-50%);
    background: url('../images/logo.png') no-repeat center top;
    background-size: 80% 40%;
    padding-top:50px;
}
.listMenus{
    list-style: none;
    padding:0px;
    margin: 0 auto; 
    position: absolute;
    left:0;
    top:10px;
    background-color: #fff;   
    z-index: 99;
 
}
.listMenusChangePos{
    left:50%;
    transform:translate(-50%,0);  
}
.listMenuWrap{
    text-align: center;
}
.menuText{
    display: block;
    text-align: center;
}
.listMenuWrap > img{
    max-width: 100%; 
    width:80px;           
}
.listMenu{
    width:100px;
    padding:10px 5px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}
#menuSelect{
    position: relative;    
}

.pageLeft{
   position: relative;}

/*.pageRight{   
   margin-left: 80px;
}*/
.menuContent > ul{
    padding:0px;
    list-style: none;
}
.menuContent ul{   
    list-style: none;
}
.childMenu{   
    padding-left:0px;
}
.menuItemWrap{
    position:relative;
    border-bottom: 1px solid #ccc;
}
.menuItemWrap > span{
    line-height:60px;
    font-size: 20px;
}
.menuItemWrap > img{
    width: 20px;
    vertical-align: sub;
    margin-right:10px;
    position: absolute;
    left:0;
    top:20px;
}
.firstMenuText{
    background: url('../images/arrowR.png') no-repeat right center;
    background-size: 14px 22px;    
}
.firstMenuText.active{
    background-image: url('../images/arrowD.png');
    background-size: 22px 13px;
}
/*.menuItemWrap:after{
    content:'>';
    position:absolute;
    right:10px; 
    top:20px;   
}*/
.childMenuItem{
    position: relative;
}
.childMenuItemText{
    background: url('../images/arrowR.png') no-repeat right center;
    background-size: 14px 22px;
}
.childMenuItemText.active{
    background-image: url('../images/arrowD.png');
    background-size: 22px 13px;
}
.menuLink,.childMenuItemText{
    text-decoration: none;
    color:#656565;
    font-size: 16px;
    display: block;
}
.childMenu .menuItem{
    text-indent: 35px;
}
.firstMenuText{
    display: block;
    margin-left:30px;
}
.menuItem{
    line-height:40px;
    border-bottom: 1px solid #ccc;
}
.textHide{
    display:none;
}
.childMenu li:last-child > .menuItem{
    border-bottom:none;
}
.listMenu.active{
    color:#e1a035;
    transform: scale(1.1);
}
.textTabIndex2 .menuItem{
    text-indent: 55px;
}
.textTabIndex3 .menuItem{
    text-indent: 75px;
}
.textTabIndex4 .menuItem{
    text-indent: 95px;
}
.textTabIndex5 .menuItem{
    text-indent: 115px;
}
.textTabIndex6 .menuItem{
    text-indent: 135px;
}
.childMenuItemText.active{
    color:#e1a035;
    font-size: 20px;
}
#menuSelectText{
    font-size: 25px;
    color: #000;
    line-height: 30px;
    padding:10px 0 10px 3px;
    background: url('../images/menu.png') no-repeat left center;
    background-size: 35px;
    text-indent: 35px;
}
.mensContents{
    padding-left:3px;
    padding-right: 5px;
}
.menuSelectText2{
   font-size: 12px;
   margin-left: 8px;
}