.baseWidth{
width:10.0rem;
margin:0 auto ;
}
.layout {     
width:9.6rem;      
margin: 1.3rem 0.2rem 0 0.2rem;
           
}
/* layoutTop*/
.layoutTop{           
height:1.3rem;
position: fixed;
width: 10.0rem;
top: 0;
z-index: 100;
background-color:white;
cursor:pointer;
}
.layoutTop__logo{
width:4.0rem;
height:1.3rem;
background-image:url(/Images/icon-mp/logo.png);
background-size:3.5rem auto;
background-position: center;
float:left;
display:block;
}
.scrollbar--1::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 0 rgba(0,0,0,0.3);
background-color: rgba(200,200,200,0.5);
border-radius: 0;
}

.scrollbar--1::-webkit-scrollbar
{
background-color: rgba(200,200,200,0.5);
width: 0.1rem;
height: 0.1rem;
}

.scrollbar--1::-webkit-scrollbar-thumb
{
border-radius: 0;
background-color: #AAA;
}

.mpMenus {
display: block;
float: right;
           
}

.mpMenus--open .mpMenus__inner {
width: 4.0rem;
             
}

.mpMenus__startButton {
position: absolute;
z-index: 102;
right: 0;
height: 1.0rem;
width: 1.0rem;           
font-family: 'iconfont';
color: #D6B565;
text-align: center;
line-height: 1.3rem;
font-size: 0.65rem;
cursor: pointer;
            
}

.mpMenus__inner {
position: absolute;
z-index: 100;
overflow-x: hidden;
overflow-y: auto;
top: 0;
right: 0;
height: 100vh; 
padding-top: 1.3rem;
background-color: rgba(85, 143, 206, 0.8);           
width: 0rem;
box-sizing: border-box;
transition: width 0.15s linear;
display:none;
            
}

.mpMenuItem {
text-align: center;

}

.mpMenuItem__text {
line-height: 2.5em;
font-size: 0.5rem;
border-top: 0.04rem solid #EEEEEE;
background-color: rgba(85, 143, 206, 0.8);        
cursor: pointer;
color: white;

}

.mpMenuItem--home .mpMenuItem__text {
border-width: 0;

}   
   /* layoutTop over*/  
   
   /*layoutFooter*/
.layoutFooter{
background-color:white;
padding-bottom:1.0rem;
}
.layoutFooter__contact{
height:3.5rem;
display: -webkit-box;
display: box;
display: -webkit-flex;
display: flex;           
}
.layoutFooter__contactItem{
-webkit-flex:  1;
flex: 1;
margin-top:0.3rem;     
            
}
.layoutFooter__contactItem:last-child{
margin-left:0.3rem; 
margin-right:0.3rem;
}
.layoutFooter__contactItem:first-child{
margin-left:0.8rem; 
            
}
.layoutFooter__contactPhone{
text-align:center;
background-image:url(/Images/icon-mp/logo.png);
background-size:100% auto;
background-position: center 3%;
padding-top:1.5rem;
box-sizing:border-box;
font-size:0.25rem;
color:#888888;
padding-left:0.2rem;
box-sizing:border-box;
            
}      
.layoutFooter__contactWeChat{
font-size:0.3rem;  
color:#808080;   
text-align:center;   
padding-top:2.6rem;
box-sizing:border-box;
background-image:url(/Images/icon-mp/wb.png);
background-size:2.5rem auto;
background-position: center top;
            
}       

.layoutFooter__copyright{
height:1.3rem;
background-color:#568CC8;

}
.commentLeft__copyright {
height:0.6rem;
margin-left:0.4rem;
color: white;
line-height:0.6rem;
       
}

 
.commentLeft__Icp {
margin-left:1.0rem;
margin-top:0.1rem;
width:7.8rem;
color:white;
text-align:center;        
}
a{
color: inherit;
}
.mp__map{
float:left;
color:white;
font-size:0.3rem;
margin-left:0.4rem;
cursor:pointer;
display:block;
}
.layoutFooter__link{
font-size:0.25rem;
line-height :0.5rem;
color:white;
background-color:#568CC8;
padding:0.2rem;
box-sizing:border-box;
border:0.01rem solid rgba(200,200,200,0.5);
}
.layoutFooter__link a{
color:inherit;
}
  /* layoutFooter over*/   

  /*pageList*/
.pageList {
height: 1.0rem;
width: 10.0rem;
display: -webkit-box;
display: box;
display: -webkit-flex;
display: flex;
position: fixed;
z-index: 100;
bottom: 0;
}

.pageList__item {
-webkit-flex: 1;
flex: 1;
background-size: 0.8rem auto;
background-position: 22% center;
color: white;
font-size: 0.3rem;
padding-left: 1.5rem;
box-sizing: border-box;
line-height: 1.0rem;
cursor: pointer;
display:block;
}

.pageList__online {
background-image: url(/Images/icon-mp/ico3.png);
background-color: #4BB4E7;
}

.pageList__tel {
background-image: url(/Images/icon-mp/ico1.png);
background-color: #73DCFF;
}

.pageList__contact {
background-image: url(/Images/icon-mp/ico2.png);
background-color: #99CCFF;
display:block;
}
/*pageList over*/