@CHARSET "UTF-8";

html{
	margin: 0 auto;
}

a:focus,a:hover,a:active{
    color: #fff;
}
.footer{
	color: #fff;
}

.centerBox{
    width: 100%;
}

.centerBox .fee{
    height: 3.5rem;
    line-height: 3.5rem;
    font-size: 1.5rem;
    border-bottom: 1px solid #eee;
    background: #00558E;
    color: #FFFFFF;
}
.centerBox .fee .glyphicon{
    padding: 0 0.5rem;
    line-height: 3.5rem;
}
.centerBox .fee .list{
}
.centerBox .fee .scan{
    float: right;
}
.centerBox .user{
    padding: 1rem;
    background: #fff;
}
.centerBox .user .face{
    padding-left: 0;
    padding-right: 10px;
}
.centerBox .user .face>img{
    width: 100%;
}
.centerBox .user .info{
    padding-left: 5px;
    padding-right: 10px;
    line-height: 3rem;
}
.centerBox .user .arrow{
    line-height: 8rem;
}
.centerBox .menu{
    padding: 0.6rem 0;
    line-height: 4rem;
    font-size: 1.5rem;
    text-align: center;
    background: #DDF0FD;
    color: #00558E;
}
.centerBox .menu>div{
    margin-bottom: 0.5rem;
    border-right: 1px dashed #6BABD6;
}
.centerBox .menu>div.end{
    border-right: 0;
}

.centerBox .items{
    padding: 0;
    text-align: center;
    color: #333333;
    background: #fff;
}
.centerBox .items>div{
    border-right: 1px solid #eee;
    border-top: 1px solid #eee;
    border-bottom: 0;
}
.centerBox .items>div.rend{
    border-right: 0;
}
.centerBox .items>div.bend{
    border-bottom: 1px solid #eee;
}
.centerBox .items>div i{
    height: 4rem;
    line-height: 4.5rem;
    font-size: 2rem;
    top: 1px;
    display: inline-block;
}
.centerBox .items>div span{
    display: inline-block;
    height: 2.5rem;
    line-height: 1rem;
    font-size: 1.3rem;
}