.layui-m-layershade{
    background-color: rgba(0,0,0,0.5) !important;
}
.head{
    overflow: hidden;
    padding:.714286rem;
    background-color: #ffffff;
    border-bottom:.071429rem solid #e4e4e4;
}
.head .avatar{
    width:6.428571rem;
    float: left;
    padding-right:.714286rem;
}
.head .avatar img{
    width:100%;
    height:100%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
}
.head .right{
    float: left;
    width:70%;
    line-height:2.857143rem;
}
.head .right .nick{
    color: #333;
}
.head .right .login{
    line-height:1.428571rem;
    display: block;
    padding:.357143rem 0;
    width:100%;
    text-align: center;
    color: #333;
    background-color: #E8E8E8;
    -webkit-border-radius: .357143rem;
    -moz-border-radius: .357143rem;
    border-radius: .357143rem;
    font-size:1rem;
}

.head-new .avatar img{
    width:5.357143rem;
}
.head-new div.joinTime{
    font-size:.857143rem;
}
.head-new .setting-info img{
    width:1.785714rem;
}
.head-new .setting-info{
    position: absolute;
    right:1.071429rem;
    top:1.071429rem;
}
.head-new .nick{
    font-size:1.285714rem;
    font-weight: bold;
    margin-top:.357143rem;
}
.head-new div{
    color: #ffffff;
    font-size:1rem;
}
.head-new .login{
    color: #999;
    background-color: #ffffff;
    border:1px solid #f3f3f3;
    -webkit-border-radius: .214286rem;
    -moz-border-radius: .214286rem;
    border-radius: .214286rem;
    padding:.357143rem 1.071429rem;
    font-size:.857143rem;
}
.head-new .back img{
    width:1.714286rem;
}
.head-new .back{
    position: absolute;
    top:0;
    left:0;
    display: block;
    padding:.928571rem 1.428571rem 1.428571rem .714286rem;
}
.head-new{
    width:100%;
    height:12.857143rem;
    position: relative;
    background: url('/wxStatic/img/me_bg.png') no-repeat center center;
    -webkit-background-size:100% 100%;
    background-size:100% 100%;
    text-align: center;
    padding-top:2.142857rem;
}

.toolbar{
    background-color: #ffffff;
    padding:1.428571rem .714286rem .714286rem .714286rem;
    border-bottom:1px solid #e4e4e4;
    height:6.714286rem;
    text-align: center;
}
.toolbar a{
    display: inline-block;
    width:20%;
    text-align: center;
    font-size:1rem;
    color: #333;
    float: left;
}
.toolbar a img{
    width:2.142857rem;
}
.toolbar a p{
    text-overflow: ellipsis;overflow: hidden;white-space: nowrap;
}

body > .content a{
    display: block;
    width:100%;
    padding:1.071429rem .714286rem;
    padding-left:1.071429rem;
    background-color: #ffffff;
    border-bottom:1px solid #e4e4e4;
    font-size:1rem;
}
body > .content a .icon{
    width:1.357143rem;
    float: left;
    margin-right:.714286rem;
    position: relative;
    top:.142857rem;
}
body > .content a .right{
    float: right;
    font-size:1rem;
    color: #8E8E8E;
}
body > .content a .right img{
    width:1.071429rem;
    position: relative;
    top:.142857rem;
}

div.input {
    width:100%;
    padding:.714286rem;
    background-color: #fff;
    border-bottom:.071429rem solid #E6E6E6;
    font-size:1.142857rem;
}
div.input > label{
    display: inline-block;
    width:5.714286rem;
    color: #333;
    margin-right:.714286rem;
}
div.input > input{
    width:60%;
    padding:.357143rem;
    border:none;
    font-size:1.142857rem;
}
button.submit{
    width:93%;
    padding:.714286rem;
    -webkit-border-radius: .214286rem;
    -moz-border-radius: .214286rem;
    border-radius: .214286rem;
    color: #ffffff;
    margin:0 auto;
    margin-top:1.071429rem;
    display: block;
    background-color: #ff8f72;
    font-size:1.142857rem;
    border:none;
}

.pay{
    width:100%;
    margin-top:1.428571rem;
    overflow: hidden;
}
.pay > div{
    width:50%;
    float: left;
    text-align: center;
}
.pay > div div{
    width:90%;
    padding:.5rem;
    color: #ffffff;
    -webkit-border-radius: .357143rem;
    -moz-border-radius: .357143rem;
    border-radius: .357143rem;
    background-color: #5DAEFC;
    border:1px solid #5DAEFC;
    display: inline-block;
}
.pay > div#wx div{
    background-color: #0AB70E;
    border:1px solid #0AB70E;
}
.pay > div.on{
    width:100%;
}
.pay > #ye div{
    background-color: #ffffff;
    color: #666;
    border:.071429rem solid #cccccc;
}
.pay > #ye.w95 div{
    width:95%;
}
p.tips{
    display: block;
    padding:.714286rem 2.5%;
    font-size:1rem;
}
.small-tools {
    background-color: white;
    word-spacing: -0.428571rem;
}
.small-tools > div {
    width: 100%;
    padding: 1.071429rem;
    background-color: #ffffff;
    border-bottom: .071429rem solid #e4e4e4;
    font-size: 1rem;
}
.small-tools > div .icon {
    width: 1.357143rem;
    float: left;
    margin-right: .357143rem;
    position: relative;
    top: .142857rem;
}
.small-tools .box{
    overflow: hidden;
    padding:0;
}
.small-tools .box a {
    display: inline-block !important;
    width: 33% !important;
    text-align: center;
    border-bottom: none !important;
    word-spacing: 0;
    padding: 0  .714286rem !important;
    margin: 1.071429rem 0 !important;
    float: left;
}
.small-tools .box a img {
    width: 3.857143rem;
}
.order .type a img{
    width:2.142857rem;
}
.order .type a span i{
    font-style: initial;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    padding:0 .357143rem;
    color: #ffffff;
    background-color: #ff0033;
    position: absolute;
    right:-0.571429rem;
    top:-0.357143rem;
    line-height:1.142857rem;
    font-size:.857143rem;
    display: none;
}
.order .type a span{
    position: relative;
    display: inline-block;
    width:2.142857rem;
    height:2.142857rem;
}
.order .type a{
    border-bottom: none;
    display: inline-block;
    width:25%;
}
.order .type{
    padding:0;
    padding-top:.357143rem;
    text-align: center;
}
.order > div{
    padding:.714286rem;
}