/**
 * Created by z on 2016/8/12.
 */
body,dl,dd,ul,ol,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,input,textarea,optgroup,p,blockquote,figure,hr,menu,dir,thead,tbody,tfoot,th,td {
    margin:0;
    padding:0
}
body{
    background-color: #fff;
}
ul,ol {
    list-style-type:none;
    list-style-image:none
}
a:hover{
    cursor: pointer;
}
a {
    text-decoration:none;
    color: #f8ebd0;
}
a:active {
    color: #FFF;
    background-color:transparent
}
a:active,a:hover {
    outline:0 none
}
a:focus {
    outline: 0 none;
}
body{
    height:100%;
    font:12px/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif;
    -webkit-text-size-adjust:none;
    background-color: #FFF;
    font-size: 14px;
}
.z{
    float: left;
    width: 100%;
    height:auto;
}
/*header*/
.mui-bar{
    background-color: #fff;
}
.mui-bar .mui-title{
    font-size: 18px;
    color: #333;
}
.mui-bar-nav.mui-bar .mui-icon, .mui-bar-nav.mui-bar .mui-icon:active{
    color: #333;
}
/*center*/
.mui-content{
    background-color: #fff;
}
#z-center{
    width: 100%;
    min-width:320px;
    max-width:640px;
    height: auto;
    margin:0 auto;
}
#z-center .page{
    width: 100%;
    height: auto;
    float: left;
}
.mui-content>div{
    padding: 0 12px;
}
.mui-content .mui-input-row{
    padding-left: 52px;
    padding-right: 12px;
}
.mui-input-row label{
    position: absolute;
    left: 12px;
    width: 40px;
    padding: 0;
    line-height: 60px;
    font-size: 16px;
    color: #333;
}
.mui-input-row label~input{
    width: 100%;
    font-size: 16px;
    height: 60px;
    padding: 20px 15px 20px 0;
}
.mui-input-row .mui-input-clear~.mui-icon-clear{
    top: 20px;
}
#z-center button{
    float: left;
    margin-top: 12px;
    height: 50px;
    padding: 0;
    line-height: 50px;
    background-color: #f61d4a;
}