html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    font-family: MicrosoftYaHei;
}

h1,
h2,
h3,
h4,
h5,
h6,
em,
i {
    font-weight: 100;
    font-style: normal;
}

ul,
ol,
li {
    list-style-type: none;
}

input {
    outline: none
}

button {
    outline: none;
    border: none
}

a {
    color: #333;
    text-decoration: none;
    outline: none;
}

a:hover {
    text-decoration: none !important;
}

a:link,
a:active,
a:visited,
a:hover {
    background: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
}

html,
body {
    background: #f5f5f5;
    margin: 0 auto !important;
}

.blank {
    width: 100%;
    height: 1.86rem;
    overflow: hidden;
    margin: 0 auto
}

.clearfix {
    *zoom: 1;
}

.clearfix::after {
    clear: both;
    content: "\200B";
    display: block;
    height: 0;
}

img {
    width: 100%
}

.c666 {
    color: #666
}

.c999 {
    color: #999
}

.cfff {
    color: #fff
}

.red {
    color: #f00
}

.gray {
    color: #767470
}

.orange {
    color: #f55c52
}

.hide {
    display: none !important;
}

.show {
    display: block !important;
}

.ellipsis {

    text-overflow: ellipsis;
    overflow: hidden;
}

.ellipsis2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.h35 {
    width: 100%;
    height: .35rem;
    overflow: hidden;
    margin: 0 auto
}

input::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #999;
    font-size: .41rem;
}

input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #999;
    font-size: .41rem;
}

input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #999;
    font-size: .41rem;
}

input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #999;
    font-size: .41rem;
}

textarea::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #999;
    font-size: .41rem;
}

textarea:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #999;
    font-size: .41rem;
}

textarea::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #999;
    font-size: .41rem;
}

textarea:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #999;
    font-size: .41rem;
}

.column {
    width: 9.3rem;
    padding: .35rem .35rem 0 .35rem;
    display: -webkit-flex;
    display: flex;
    justify-content: space-around;
    align-items: center;
    font-size: .44rem;
    border-bottom: .15rem solid #f5f5f5;
    background: #fff;
    line-height: .96rem;
    overflow: hidden;
    margin: 0 auto
}

.column a {
    border-bottom: 0.085rem solid #fff;
}

.column a.active {
    border-bottom: 0.085rem solid #41b144;
    border-radius: 0.056rem;
    color: #41b144;
    font-weight: bold
}

.tinfos {
    width: 9.3rem;
    padding: .35rem .35rem 0 .35rem;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: .41rem;
    border-bottom: .15rem solid #f5f5f5;
    background: #fff;
    line-height: .96rem;
    overflow: hidden;
    border-bottom: 0.085rem solid #fff;
    font-weight: bold;
    margin: 0 auto
}

.tinfos2 {
    width: 9.3rem;
    padding: 0 .35rem .25rem .35rem;
    font-size: .41rem;
    border-bottom: .15rem solid #f5f5f5;
    background: #fff;
    line-height: .68rem;
    overflow: hidden;
    border-bottom: 0.085rem solid #fff;
    margin: 0 auto
}

.cg {
    width: 8.6rem;
    background: #fff;
    padding: .35rem;
    border-radius: 0.125rem;
    font-size: .37rem;
    overflow: hidden;
    margin: .25rem auto .15rem auto
}

.cg p {
    line-height: .86rem
}

.cg p label {
    color: #f65e3d
}

.cg p span {
    float: right;
    color: #666
}

.cg p.line {
    border-bottom: 1px solid #f5f5f5;
    padding-bottom: .15rem;
    margin-bottom: .15rem;
}

.cg p.btns {
    display: -webkit-flex;
    display: flex;
    align-items: center;
    padding-top: .15rem;
}

.cg p.btns button {
    outline: none
}

.cg p.btns button.sure {
    border-radius: 0.125rem;
    line-height: .96rem;
    padding: 0 .35rem 0 .35rem;
    background: #46b246;
    border: 1px solid #46b246;
    border: none;
    color: #fff;
    font-size: .41rem;
    text-align: center;
    overflow: hidden;
}

.cg p.btns button.del {
    border-radius: 0.125rem;
    line-height: .96rem;
    padding: 0 .35rem 0 .35rem;
    background: none;
    border: 1px solid #bbbbbd;
    color: #3b453e;
    font-size: .41rem;
    text-align: center;
    overflow: hidden;
}

.cgnr {
    width: 9.3rem;
    padding: .1rem .35rem .35rem .35rem;
    background: #fff;
    overflow: hidden;
    margin: .25rem auto 0 auto
}

.cgnr.yfj {
    margin: 0 auto
}

.cgnr table {
    font-size: .37rem;
    text-align: center
}

.cgnr tr.title td {
    padding-bottom: .25rem;
    font-size: .41rem;
    color: #666;
    font-weight: bold
}

.cgnr tr.line td {
    border-top: 1px solid #f4f4f4;
    padding-bottom: .3rem;
}

.cgnr td.tl {
    width: 2.4rem;
    text-align: left
}

.cgnr td.tn {
    width: 3.6rem;
    text-align: left
}

.cgnr td.tr {
    float: right
}

.cgnr td {
    padding-top: .3rem
}

.cgnr td.tips {
    font-size: .3rem;
    color: #999;
    text-align: left;
    padding-bottom: .25rem;
    padding-top: .15rem
}

.cgnr td.price {
    font-size: .3rem;
    color: #ffa817;
    text-align: left;
    padding-top: .15rem
}

.cgnr input {
    width: 1.15rem;
    line-height: .56rem;
    border: 1px solid #999;
    border-radius: 4px;
    font-size: .37rem;
    outline: none;
    text-align: center
}

.cgnr input.tips {
    width: 1.6rem
}

.cgnr .sure {
    background: #ef932d;
    border: 1px solid #ef932d;
    color: #fff;
    line-height: .60rem;
    padding: 0 .2rem 0 .2rem;
    font-size: .37rem;
    border-radius: .125rem;
}

.cgnr .lack {
    background: #888;
    border: 1px solid #888;
    color: #fff;
    line-height: .60rem;
    padding: 0 .2rem 0 .2rem;
    font-size: .37rem;
    border-radius: .125rem;
}

.cgnr select {
    width: auto;
    height: .72rem;
    line-height: .72rem;
    border: 1px solid #999;
    color: #666;
    border-radius: 4px;
    font-size: .35rem;
    outline: none
}

.fbtn {
    width: 100%;
    background: #fff;
    overflow: hidden;
    position: fixed;
    left: 0;
    bottom: 0;
    box-shadow: 0.009rem 0 0.55rem rgb(153 157 178 / 25%);
    margin: 0 auto
}

.fbtn .total {
    width: 9.3rem;
    height: 1.45rem;
    padding: 0 .35rem 0 .35rem;
    border-top: 1px solid #ededed;
    font-size: .37rem;
    color: #999;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
    margin: 0 auto
}

.fbtn .total span {
    color: #f00;
    font-weight: bold;
    font-size: .48rem
}

.unit_add a {
    width: 4.5rem;
    line-height: .86rem;
    text-align: center;
    background: #46b246;
    border: 1px solid #46b246;
    color: #fff;
    border-radius: .125rem;
    display: block;
    font-size: .44rem;
    margin: .55rem auto .55rem auto;
}

.unit_add button {
    width: 4.5rem;
    line-height: .86rem;
    text-align: center;
    background: #46b246;
    border: 1px solid #46b246;
    color: #fff;
    border-radius: .125rem;
    display: block;
    font-size: .44rem;
    margin: .55rem auto .55rem auto;
}

.fbtn .total .btnl {
    width: 4.5rem;
    line-height: .86rem;
    text-align: center;
    background: #46b246;
    border: 1px solid #46b246;
    color: #fff;
    border-radius: .125rem;
    font-size: .44rem;
    margin: 0 auto;
}

.fbtn .total .btnl a {
    color: #fff
}

.fbtn .total .btnr {
    width: 3.5rem;
    line-height: .86rem;
    text-align: center;
    background: #ffeed4;
    border: 1px solid #ffeed4;
    color: #fda306;
    border-radius: .125rem;
    font-size: .44rem;
    margin: 0 auto;
}

.fbtn .total .fsure {
    width: 2.8rem;
    line-height: .86rem;
    text-align: center;
    background: #46b246;
    border: 1px solid #46b246;
    color: #fff;
    border-radius: .125rem;
    font-size: .44rem;
    margin: 0 auto;
}

.fbtn .total .fsave {
    width: 2.8rem;
    line-height: .86rem;
    text-align: center;
    background: #ffeed4;
    border: 1px solid #ffeed4;
    color: #fda306;
    border-radius: .125rem;
    font-size: .44rem;
    margin: 0 auto;
}

.fbtn .total .fcancel {
    width: 2.8rem;
    line-height: .86rem;
    text-align: center;
    background: #e9e9e9;
    border: 1px solid #e9e9e9;
    color: #999;
    border-radius: .125rem;
    font-size: .44rem;
    margin: 0 auto;
}

.cgnr .all {
    width: 100%;
    line-height: 1.05rem;
    text-align: center;
    background: #46b246;
    border: 1px solid #46b246;
    color: #fff;
    border-radius: .125rem;
    font-size: .44rem;
    margin: 0 auto
}

.blank {
    width: 100%;
    height: 1.45rem;
    overflow: hidden;
    margin: 0 auto
}

.class {
    width: 10rem;
    padding-bottom: .25rem;
    overflow: hidden;
    margin: 0 auto
}

.class a {
    width: 3.615rem;
    min-height: 2.2rem;
    padding: .35rem;
    background: #fff;
    border-radius: 0.235rem;
    overflow: hidden;
    border: 0.08rem solid #fff;
    float: left;
    margin: .35rem 0 0 .35rem;
}

.class a h1.cgreen {
    color: #46af46
}

.class a h1.cgray {
    color: #848484
}

.class a h1.cred {
    color: #f65553
}

.class a.cgreen {
    border: 0.08rem solid #46af46
}

.class a.cgray {
    border: 0.08rem solid #848484
}

.class a.cred {
    border: 0.08rem solid #f65553
}

.class a h1 {
    font-size: .52rem;
    font-weight: bold;
    padding-bottom: .25rem;
    text-align: center
}

.class a p {
    width: 3.615rem;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: .66rem;
    font-size: .37rem;
    margin: 0 auto
}

.wline {
    width: 100%;
    height: .25rem;
    overflow: hidden;
    margin: 0 auto
}

.addbtn a {
    width: 9.3rem;
    line-height: 1.05rem;
    display: block;
    text-align: center;
    color: #fff;
    font-size: .44rem;
    border: 2px solid #fe907e;
    border-radius: 0.125rem;
    color: #f55c52;
    margin: .35rem auto .15rem auto
}

.search {
    width: 9.3rem;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 0.12rem 0 0.12rem 0;
    border-radius: .125rem;
    border: 2px solid #5ac039;
    overflow: hidden;
    margin: .15rem auto 0.37rem auto
}

.search_ico {
    width: .62rem;
    padding: 0 .25rem 0 .3rem;
    border-right: 1px solid #dbd9d9;
    height: .6rem;
    text-align: center;
    overflow: hidden;
    float: left
}

.search_ico img {
    width: .56rem
}

.search_r {
    width: 8.6rem;
    height: .56rem;
    overflow: hidden;
    float: left
}

.search_r input {
    width: 5.5rem;
    line-height: .56rem;
    font-size: .37rem;
    background: none;
    border: none;
    color: #666;
    margin-left: .25rem;
    float: left
}

.search button.sbtn {
    position: absolute;
    top: .02rem;
    color: #fff;
    font-size: .41rem;
    right: .02rem;
    width: 2rem;
    line-height: .75rem;
    border-radius: .125rem;
    background-image: linear-gradient(-45deg, #5ac039 0%, #6cc84e 100%);
    border: none
}


/*登录*/

.logo {
    width: 7.9rem;
    font-size: .82rem;
    padding-top: 1.8rem;
    font-weight: bold;
    overflow: hidden;
    margin: 0 auto
}

.logo_info {
    width: 8.25rem;
    font-size: .58rem;
    padding-top: 1.8rem;
    display: -webkit-flex;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
    margin: 0 auto
}

.logo_info a {
    width: 2rem;
    padding: .05rem 0 .05rem 0;
    margin-left: .25rem;
    text-align: center;
    border-radius: .125rem;
    color: #fff;
    background: #55bb59;
    display: block;
}

.forms {
    width: 8.25rem;
    padding-top: .86rem;
    overflow: hidden;
    margin: 0 auto
}

.forms .flagc {
    width: 7.2rem;
    padding-left: .5rem;
    padding-bottom: .2rem;
    font-size: .41rem;
    overflow: hidden;
    margin: 0 auto
}

.forms .cancel {
    width: 7.8rem;
    padding-top: .35rem;
    overflow: hidden;
    margin: 0 auto
}

.forms .cancel .bt {
    width: 100%;
    text-align: center;
    font-size: .44rem;
    color: #333
}

.forms .cancel .nr {
    width: 100%;
    padding: .25rem 0 .65rem 0;
    line-height: .56rem;
    font-size: .37rem;
    color: #999;
    overflow: hidden
}

.forms .cancel .nr p {
    padding-top: .25rem;
}

.forms .box .yzm img {
    width: 2.2rem;
    margin-top: .4rem;
}

.forms .box {
    width: 7.2rem;
    border: 1px solid #cdd1d4;
    display: -webkit-flex;
    display: flex;
    justify-content: initial;
    align-items: center;
    padding: 0 .1rem 0 .5rem;
    line-height: .95rem;
    height: .95rem;
    border-radius: .125rem;
    overflow: hidden;
    margin: .5rem auto
}

.forms .box img {
    width: .6rem;
    margin-right: .4rem;
}

.forms .box input {
    width: 5.6rem;
    font-size: .37rem;
    border: none;
    color: #333;
    outline: none;
    background: none
}

.forms .box input.code {
    width: 3.2rem;
    margin-right: .2rem;
}

.forms .box button.code {
    width: 2.8rem;
    line-height: .74rem;
    font-size: .33rem
}

.forms .btns {
    width: 7.8rem;
    padding: .5rem 0 .35rem 0;
    overflow: hidden;
    margin: 0 auto
}

.forms .btns.think {
    padding: .2rem 0 .65rem 0
}

.forms button {
    width: 7.8rem;
    border-radius: .125rem;
    background: #55bb59;
    border: none;
    line-height: 1rem;
    text-align: center;
    color: #fff;
    font-size: .44rem;
    outline: none;
    margin: 0 auto
}

.forms button.think {
    border: 1px solid #2790fa;
    color: #2790fa;
    background: none
}

.forms .text {
    width: 6.8rem;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0 1.85rem 0;
    font-size: .35rem;
    overflow: hidden;
    margin: 0 auto
}

.forms .text a {
    color: #888
}

.other.marp {
    margin-top: .25rem
}

.other {
    width: 7.8rem;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: .37rem;
    color: #999;
    overflow: hidden;
    margin: 0 auto
}

.other .hline {
    width: 2.6rem;
    height: 1px;
    background: #e4e7ec
}

.wx.marp {
    margin-top: .45rem
}

.wx {
    width: 7.8rem;
    text-align: center;
    padding-top: .65rem;
    font-size: .41rem;
    overflow: hidden;
    margin: 0 auto
}

.wx img {
    width: 1.5rem;
}

.join_t {
    width: 8.25rem;
    overflow: hidden;
    line-height: .96rem;
    padding-top: .76rem;
    font-size: .41rem;
    border-bottom: 1px solid #ececec;
    color: #a9a9a9;
    margin: 0 auto
}

.join_add a {
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 6.25rem;
    padding-top: 1rem;
    color: #f65e3d;
    text-align: center;
    font-size: .52rem;
    overflow: hidden;
    margin: 0 auto
}

.join_add a img {
    width: .6rem;
    margin-left: .2rem
}

.join_acc a {
    width: 8.25rem;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .35rem 0 .35rem 0;
    border-bottom: 1px solid #ececec;
    line-height: .68rem;
    overflow: hidden;
    margin: 0 auto
}

.join_acc span.bianhao {
    border: 1px solid #f00;
    color: #f00;
    border-radius: .125rem;
    font-size: .41rem;
    padding: 0 .15rem 0 .15rem
}

.join_acc a p.gray {
    color: #999
}

.join_acc a p {
    font-size: .44rem;
    color: #202020
}

.join_acc a label {
    background: #f65e3d;
    color: #fff;
    font-size: .298rem;
    padding: 0 .1rem 0 .1rem;
    border-radius: 4px;
    margin-left: 5px
}

.join_acc a label.green {
    background: #46b246
}

.join_acc a span {
    color: #929292;
    font-size: .37rem
}

.join_acc a img {
    width: .22rem;
}

.btn_out {
    width: 100%;
    line-height: 1.15rem;
    font-size: .44rem;
    background: #fff;
    border-top: .15rem solid #f5f5f5;
    text-align: center;
    position: fixed;
    left: 0;
    bottom: 0
}

.column_nav {
    width: 10rem;
    padding: .25rem 0 .25rem 0;
    overflow: hidden;
    margin: 0 auto
}

.column_nav a {
    width: 2.16rem;
    line-height: 2.7rem;
    text-align: center;
    padding: 0 .35rem 0 .35rem;
    background: #fff;
    color: #fff;
    border-radius: 0.235rem;
    font-size: .52rem;
    font-weight: bold;
    overflow: hidden;
    float: left;
    margin: .35rem 0 0 .35rem;
}

.column_nav a.b1 {
    background: #46af46
}

.column_nav a.b2 {
    background: #4775c7
}

.column_nav a.b3 {
    background: #f24a43
}

.column_nav a.b4 {
    background: #ff9725
}

.column_nav a.b5 {
    background: #fcd592
}

.column_nav a.b6 {
    background: #6dc16d
}

.column_nav a.b7 {
    background: #ad4ef8
}

.column_nav a.b8 {
    background: #f9914f
}

.column_nav a.b9 {
    background: #848484
}

.copy {
    width: 100%;
    line-height: 1.05rem;
    font-size: .33rem;
    background: #fff;
    color: #999;
    text-align: center;
    overflow: hidden;
    position: fixed;
    left: 0;
    bottom: 0
}


/*成员管理*/

.me_top {
    width: 10rem;
    height: 4.2rem;
    position: relative;
    overflow: hidden;
    margin: 0 auto
}

.me_top .me_bg {
    width: 10rem;
    height: 2rem;
    background: #55b555;
    overflow: hidden;
    margin: 0 auto
}

.me_top .me_com {
    width: 8.6rem;
    background: #fff;
    position: absolute;
    top: .45rem;
    left: .35rem;
    padding: .35rem .35rem .25rem .35rem;
    border-radius: .185rem;
    overflow: hidden;
    z-index: 99;
    box-shadow: 0.009rem 0 0.55rem rgba(153, 157, 178, 0.25);
    margin: 0 auto
}

.me_top .me_com h1 {
    font-size: .48rem;
    font-weight: bold;
    font-style: normal
}

.me_top .me_com p {
    line-height: .86rem;
    font-size: .41rem;
    padding-bottom: .1rem;
}

.me_top .me_com p.line {
    border-top: 1px solid #f5f5f5;
    font-size: .34rem;
    line-height: 1.05rem
}

.btns {
    width: 9.3rem;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    align-content: flex-start;
    align-self: flex-start;
    overflow: hidden;
    margin: 0 auto
}

.btns:after {
    content: "";
    width: 2.87rem; //与块级的宽度相同
    display: block;
    height: 0;
}

.btns.topnav {
    padding-bottom: .35rem;
}

.btns a {
    width: 2.4rem;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0 .2rem 0 .2rem;
    font-size: .41rem;
    color: #000;
    line-height: 1rem;
    border: 1px solid #ebedf0;
    text-align: center;
    border-radius: .125rem;
    margin: .125rem 0 .125rem 0;
}

.btns a.active {
    background: #07c160;
    border: 1px solid #07c160;
    color: #fff;
    font-weight: bold
}

.me_nav {
    width: 9.3rem;
    padding: 0 .35rem 0 .35rem;
    overflow: hidden;
    margin: 0 auto
}

.me_nav.bgfff {
    background: #fff;
    border-bottom: .35rem solid #f5f5f5
}

.me_nav a {
    font-size: .44rem;
    height: 1.65rem;
    line-height: 1.35rem;
    flex: 1;
    position: relative;
    color: #858585;
    margin-right: .95rem;
}

.me_nav a.active {
    color: #342e2c;
    font-weight: bold
}

.me_nav a.active::before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -0.38rem;
    transform: translateX(-50%);
    width: 0.644rem;
    height: 0.065rem;
    background-color: #41b144;
    border-radius: 0.032rem;
}

.me_list {
    width: 9.3rem;
    background: #fff;
    border-top: 1px solid #f5f5f5;
    border-bottom: 1px solid #f5f5f5;
    overflow: hidden;
    padding: .35rem;
    margin: 0 auto
}

.me_list.mt0 {
    margin-top: 0
}

.me_list li {
    width: 9.3rem;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #f5f5f5;
    font-size: .41rem;
    padding: .3rem 0 .3rem 0;
    overflow: hidden;
    margin: 0 auto
}

.me_list li div img {
    width: .22rem;
    margin-right: .1rem
}

.me_list li:last-child {
    border: none
}

.me_list li h1 {
    font-size: .44rem;
    font-weight: normal;
    line-height: .76rem;
}

.me_list li span.sh_info {
    width: 7.2rem;
}

.me_list li h1 span.bianhao {
    border: 1px solid #f00;
    color: #f00;
    font-size: .41rem;
    padding: 0 .15rem 0 .15rem;
    text-align: center;
    border-radius: .125rem;
}

.me_list li span p {
    color: #999;
    font-size: .298rem;
    line-height: .48rem;
}

.me_list li span {
    width: 6.2rem;
    font-size: .52rem
}

.me_list li button {
    margin-left: .25rem;
}

.me_list li .btn_xg {
    background: #f00;
    border: 1px solid #f00;
    color: #fff;
    line-height: .60rem;
    padding: 0 .2rem 0 .2rem;
    font-size: .37rem;
    border-radius: .125rem;
    margin-bottom: .2rem
}

.me_list li .btn_del {
    background: #888;
    border: 1px solid #888;
    color: #fff;
    line-height: .60rem;
    padding: 0 .2rem 0 .2rem;
    font-size: .37rem;
    border-radius: .125rem;
}

.me_state {
    width: 10rem;
    background: #fff;
    line-height: 1.65rem;
    font-size: .58rem;
    text-align: center;
    border-bottom: .25rem solid #f5f5f5;
    overflow: hidden;
    margin: 0 auto
}

.me_add {
    width: 10rem;
    padding-top: .35rem;
    background: #fff;
    overflow: hidden;
    margin: 0 auto
}

.me_add .info.choice {
    background: url(../images/arrow.png) 9.45rem center no-repeat;
    background-size: .18rem
}

.me_add div.info {
    width: 9.259rem;
    display: -webkit-flex;
    display: flex;
    justify-content: initial;
    align-items: center;
    padding: .37rem;
    color: #333;
    font-size: .41rem;
    border-bottom: 1px solid #f5f5f5;
    overflow: hidden;
    margin: 0 auto
}

.me_add .info span.con {
    width: 7.059rem;
    color: #000
}

.me_add .info span.con.small {
    font-size: .37rem;
}

.me_add div.info textarea.ms {
    width: 6.6rem;
    height: 1.8rem;
    font-size: .41rem;
    font-family: '微软雅黑';
    outline: none;
    padding: .2rem;
    border-radius: .125rem;
    border: 1px solid #f5f5f5
}

.me_add div.info textarea.bz {
    width: 100%;
    height: 2.5rem;
    font-size: .41rem;
    font-family: '微软雅黑';
    outline: none;
    padding: .2rem;
    border-radius: .125rem;
    border: 1px solid #f5f5f5
}

.me_add div.info_line,
.web_line {
    width: 100%;
    height: .15rem;
    background: #f5f5f5;
    overflow: hidden;
    margin: 0 auto
}

.grids-item img {
    width: 3rem;
    border-radius: 0.125rem;
}

.me_add div span.mr {
    margin-right: .45rem;
    color: #666;
    width: 2.2rem;
}

.me_add input.input {
    font-size: .41rem;
    width: 6.2rem;
    border: none;
    outline: none
}

.check {
    width: 7rem;
}

.check span {
    width: 2rem;
    margin-right: .1rem;
    margin-bottom: .1rem;
    display: block;
    float: left
}

.check .agree,
.pright .agree,
.cgnr .agree {
    -webkit-appearance: none;
    appearance: none;
    display: inline-block;
    border: 0;
    outline: 0;
    vertical-align: middle;
    border-radius: .125rem;
    background: none;
    border: 1px solid #999;
    width: .45rem;
    height: .45rem;
    margin-top: -0.05em;
}

.check .agree:checked,
.pright .agree:checked,
.cgnr .agree:checked {
    background: url(../images/hook.png) no-repeat center center #07c160;
    background-size: .3rem;
    border: 1px solid #07c160
}

.pright .agree {
    -webkit-appearance: none;
    appearance: none;
    display: inline-block;
    border: 0;
    outline: 0;
    vertical-align: middle;
    border-radius: .125rem;
    background: none;
    border: 1px solid #999;
    width: .6rem;
    height: .6rem;
    margin-top: -0.05em;
}

.pright .agree:checked {
    background: url(../images/hook.png) no-repeat center center #07c160;
    background-size: .4rem;
    border: 1px solid #07c160
}


/*添加分类*/

.class_add_nav {
    width: 100%;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    overflow: hidden;
    margin: 0 auto
}

.class_add_btn {
    width: 7.8rem;
    line-height: 1.05rem;
    text-align: center;
    background: #46b246;
    border: 1px solid #46b246;
    color: #fff;
    border-radius: .125rem;
    font-size: .44rem;
    margin: .45rem auto .45rem auto;
}

.class_add_btn a {
    color: #fff;
    display: block
}

.class_tp {
    padding-top: 1.8rem;
}

.class_list {
    width: 9.3rem;
    padding: .5rem .35rem .5rem .35rem;
    border-top: 1px solid #f5f5f5;
    overflow: hidden;
    margin: 0 auto
}

.class_list .first {
    width: 100%;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: .37rem;
    overflow: hidden;
}

.class_list .first div,
.class_list .second div {
    display: -webkit-flex;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.class_list .first img,
.class_list .second img {
    width: .55rem;
    height: .55rem;
    border-radius: 2px;
}

.class_list span {
    margin-left: .25rem;
}

.class_list span.txtr {
    width: 1.6rem;
    display: -webkit-flex;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.class_list span.txtr img {
    width: .6rem;
    height: .6rem;
    margin-top: .05rem
}

.class_list span.txtr a {
    margin-left: .2rem
}

.class_list input {
    width: 2.6rem;
    text-indent: .1rem;
    font-size: .37rem;
    color: #666;
    line-height: .68rem;
    border: 1px solid #cdcdcd;
    border-radius: 3px
}

.class_list span.sadd a {
    color: #46b246
}

.class_list .second {
    width: 100%;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: .37rem;
    overflow: hidden;
    margin-top: .4rem
}

.class_list .second img.sclass {
    margin-right: .25rem;
}

.class_list .second .ml {
    margin-left: 1.05rem;
}


/*添加商品*/

.p_search_box {
    width: 9.3rem;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: .37rem;
    padding: .35rem .35rem .15rem .35rem;
    overflow: hidden;
    margin: 0 auto
}

.p_search_box .p_search {
    width: 7.5rem;
    height: .95rem;
    line-height: .95rem;
    border-radius: 1.45rem;
    background: url(../images/search_c.png) .45rem no-repeat #f6f7fb;
    background-size: .4rem;
}

.p_search_box .p_search input {
    width: 5.8rem;
    margin-left: 1rem;
    line-height: 1rem;
    background: none;
    border: none;
    color: #666;
    font-size: .35rem;
}

.p_search_box a {
    width: 1.25rem;
    background: url(../images/screen.png) right center no-repeat;
    color: #717679;
    background-size: .45rem;
    display: block
}

.p_subnav {
    width: 9.3rem;
    display: -webkit-flex;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: .15rem .35rem 0 .35rem;
    border-bottom: 1px solid #efeff1;
    background: #fff;
    overflow: hidden;
    margin: 0 auto
}

.p_subnav a {
    height: 1rem;
    position: relative;
    font-size: .35rem;
    color: #333;
    line-height: 1rem;
}

.p_subnav a.active {
    color: #322f2f;
    font-size: .41rem;
    font-weight: bold
}

.p_subnav a.active::before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 0.644rem;
    height: 0.065rem;
    background-color: #ff5339;
    border-radius: 0.032rem;
}

.p_list {
    width: 9.3rem;
    padding: .1rem 0 .2rem 0;
    overflow: hidden;
    margin: 0 auto
}

.p_list li {
    width: 8.6rem;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .35rem;
    background: #fff;
    border-radius: .125rem;
    margin-top: .25rem;
    overflow: hidden;
    float: left
}

.p_list li .pleft {
    width: 7.4rem;
    display: -webkit-flex;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
}

.p_list li .pleft img {
    width: 2rem;
    height: 2rem;
    margin-right: .25rem;
    border-radius: .1rem
}

.p_list li .pleft p {
    padding: .05rem 0 .05rem 0;
}

.p_list li .pleft p.ptitle {
    font-size: .41rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.p_list li .pleft p.sprice {
    color: #ff5339;
    font-size: .41rem
}

.p_list li .pleft p span {
    color: #747379;
    margin-right: .3rem;
    font-size: .298rem
}

.p_list li .pleft p span.hx {
    text-decoration: line-through
}

.p_list li .pright img {
    width: .68rem;
    margin: .12rem 0 .12rem 0
}

.or_empty {
    width: 9.259rem;
    font-size: .35rem;
    color: #999;
    padding-top: 1rem;
    text-align: center;
    overflow: hidden;
    margin: 0 auto
}

.or_empty img {
    width: 3rem;
    margin-bottom: .25rem;
}


/*重复购订单列表*/

.re_nav {
    width: 100%;
    background: #f5f5f5;
    overflow: hidden;
    margin: 0 auto
}

.re_order {
    width: 10rem;
    padding-bottom: .35rem;
    overflow: hidden;
    margin: 0 auto
}

.re_order li a {
    width: 8.6rem;
    background: #fff;
    border-radius: .125rem;
    padding: .35rem;
    display: block;
    box-shadow: 0.009rem 0 0.15rem rgb(240 240 240/ 25%);
    overflow: hidden;
    margin: .35rem auto 0 auto
}

.re_order li p {
    width: 100%;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #959595;
    font-size: .41rem;
    line-height: .68rem
}

.re_order li p.line {
    border-bottom: 1px solid #f5f5f5;
    margin-bottom: .15rem;
}

.re_order li span {
    margin-bottom: .25rem
}

.re_order li span.date {
    font-size: .44rem;
    font-weight: 600;
    color: #4d4d4d;
    margin-bottom: .25rem
}

.re_order li label {
    color: #ff5339;
}

.re_order li b {
    font-size: .52rem
}

.c_product {
    width: 9.3rem;
    overflow: hidden;
    margin: 0 auto
}

.c_product li {
    width: 100%;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
    border-bottom: 1px solid #f5f5f5;
    padding: .4rem 0 .4rem 0
}

.c_product li img {
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 4px
}

.c_product li .rinfo {
    width: 6.9rem;
    overflow: hidden;
}

.c_product li .rinfo p {
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
}


/*帮代购*/

.g_buy {
    width: 9.3rem;
    padding: 0 .35rem .35rem .35rem;
    background: #fff;
    overflow: hidden;
    margin: 0 auto
}

.btn_addtr {
    width: 3.5rem;
    padding: .45rem 0 .35rem 0;
    margin: 0 auto
}

.btn_addtr #btn_addtr {
    width: 3.5rem;
    line-height: .86rem;
    border: none;
    border: none;
    border-radius: 20px;
    background: #ff9900;
    color: #fff;
    font-size: .41rem;
}

.btn_addtr .add {
    width: 3.5rem;
    line-height: .86rem;
    border: none;
    border: none;
    border-radius: 20px;
    background: #ff9900;
    color: #fff;
    font-size: .41rem;
}

.g_buy tr {
    width: 9.3rem
}

.g_buy td {
    font-size: .37rem;
}

.g_buy td.tname {
    font-size: .41rem;
    font-weight: 600;
    color: #666;
    border-bottom: 1px solid #f4f4f4;
    padding-bottom: .25rem
}

.g_buy td.tl {
    text-align: left
}

.g_buy td.tr {
    text-align: right
}

.g_buy td {
    padding-top: .3rem;
}

.g_buy tr.line td {
    border-bottom: 1px solid #f4f4f4;
    padding-bottom: .3rem;
}

.g_buy input {
    width: 1.15rem;
    line-height: .56rem;
    border: 1px solid #999;
    border-radius: 4px;
    font-size: .37rem;
    outline: none;
    text-align: center;
}

.g_buy input.pname {
    width: 2rem;
    text-align: left
}

.g_buy input.tips {
    width: 2rem;
    text-align: left
}

.g_buy select {
    width: 1.4rem;
    line-height: .62rem;
    height: .62rem;
    border: 1px solid #999;
    border-radius: 4px;
    outline: none;
    background: none;
    font-size: .37rem;
    text-align: left;
}

.g_buy .lack {
    background: #888;
    border: 1px solid #888;
    color: #fff;
    line-height: .60rem;
    padding: 0 .2rem 0 .2rem;
    font-size: .37rem;
    border-radius: .125rem;
}

.column_title {
    width: 9.3rem;
    padding: 0 .35rem 0 .35rem;
    background: #f5f5f5;
    line-height: 1.25rem;
    font-weight: 600;
    font-size: .41rem;
    overflow: hidden;
    margin: 0 auto
}


/*收货*/

.p_rece {
    width: 9.3rem;
    padding-bottom: .35rem;
    overflow: hidden;
    margin: 0 auto
}

.p_rece li a {
    width: 8.6rem;
    font-size: .37rem;
    display: block;
    background: #fff;
    padding: .1rem .35rem .35rem .35rem;
    border-radius: .125rem;
    box-shadow: 0.009rem 0 0.15rem rgb(240 240 240 / 25%);
    overflow: hidden;
    margin: .35rem auto 0 auto
}

.p_rece li p {
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: .6rem;
}

.p_rece li p.line {
    border-bottom: 1px solid #f5f5f5;
    line-height: 1rem;
    margin-bottom: .15rem
}

.p_rece li p.line b {
    font-size: .41rem
}

.p_rece li span.num {
    font-size: .41rem;
}

.p_rece li label {
    width: 1.15rem;
    text-align: center;
    line-height: .6rem;
    padding: 0 .25rem 0 .25rem;
    background: #ffeed4;
    border-radius: 4px;
    color: #fda71d
}

.p_rece li label.settled {
    background: #64cd78;
    color: #fff;
    border: 1px solid #59b269
}

.p_rece li label.unsettled {
    background: #ff976a;
    color: #fff;
    border: 1px solid #fb7135
}

.p_rece li label.unsettled {
    background: #ff976a;
    color: #fff;
    border: 1px solid #fb7135
}

.p_rece li p.name {
    font-size: .41rem;
    font-weight: 600;
    line-height: .86rem
}

.p_rece li .not {
    padding: .02rem .2rem .02rem .2rem;
    border-top-left-radius: .125rem;
    border-bottom-left-radius: .125rem;
    background: #45bf4a;
    border: 1px solid #45bf4a;
    color: #fff
}

.p_rece li .total {
    padding: .02rem .2rem .02rem .2rem;
    border-top-right-radius: .125rem;
    border-bottom-right-radius: .125rem;
    border: 1px solid #45bf4a;
    color: #45bf4a
}


/*排序筛选*/

.job-module .retrie {
    width: 10rem;
    background: #fff;
    border-top: 1px solid #f5f5f5;
    position: relative;
    z-index: 102;
    margin: 0 auto
}

.job-module .retrie dt {
    overflow: hidden
}

.job-module .retrie dt a {
    position: relative;
    float: left;
    width: 25%;
    font-size: .37rem;
    line-height: 1rem;
    color: #333;
    text-align: center;
}

.job-module .retrie dt .up {
    color: #ffc107;
}

.job-module .retrie dd {
    position: relative;
}

.job-module .slide {
    position: absolute;
    background: #fff;
    top: 0px;
    left: 0;
    z-index: 104;
    display: none;
    width: 100%;
    overflow-y: auto;
    border-bottom: 1px solid #eee;
}

.job-module .slide .p_search_box {
    padding: .55rem 0 .75rem 0
}

.job-module .slide .nr {
    width: 9.3rem;
    padding: .55rem 0 .15rem 0;
    overflow: hidden;
    margin: 0 auto
}

.job-module .slide .nr .datatime p {
    display: -webkit-flex;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding-bottom: .55rem;
}

.job-module .slide .nr .datatime input {
    width: 3.8rem;
    font-size: .37rem;
    text-align: center;
    line-height: .86rem;
    background: #f6f7fb;
    border-radius: 1.45rem;
    border: none;
    outline: none
}

.job-module .slide .nr .datatime span {
    color: #999
}

.job-module .slide .nr .debtn {
    width: 2.5rem;
    line-height: .86rem;
    font-size: .41rem;
    background: #ffc107;
    color: #fff;
    border-radius: 20px;
    overflow: hidden;
    margin: 0 auto
}

.box-shadow-bottom {
    box-shadow: 0 5px 20px -5px #ddd;
}


/*筛选*/

.screen {
    font-size: .37rem;
    background-color: #fff;
    !important;
    z-index: 9999
}

.screen .top {
    background: #F8F4F5;
    padding: .2rem;
    color: #C1C1C1
}

.screen .hd {
    padding: 4% 0;
    border-bottom: 1px solid #f5f5f5
}

.screen .title {
    padding-left: .2rem;
    font-size: .37rem;
    color: #45a849
}

.screen .title a {
    color: #45a849
}

.screen .hd .list {
    overflow: hidden
}

.screen .list {
    padding-top: 1%;
    overflow: hidden
}

.screen .list .button {
    color: #5B5B5B;
    float: left;
    border: none;
    margin-left: .2rem;
    font-size: .33rem;
    padding: .18rem .25rem .18rem .25rem;
    border-radius: .125rem;
    background: #F5F5F5;
    border: 1px solid #F5F5F5;
    text-align: center;
    margin-top: .2rem
}

.screen .list .button:hover {
    background: #c7f8c7;
    color: #45a849
}

.screen .ft {
    width: 100%;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .45rem 0 .45rem 0;
    overflow: hidden;
    margin: 0 auto
}

.screen .ft input {
    color: #FFF;
    border: 0;
    font-size: .41rem;
    padding: 0.5em 2em;
    border-radius: 20px;
}

.screen .ft .submit {
    background: #07c160
}

.screen .ft .reset {
    margin-left: .35rem;
    border: 1px solid #ebedf0;
    color: #666;
    background: none
}


/*分页*/

.pagination {
    width: 9.3rem;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    padding: .55rem 0 .55rem 0;
    overflow: hidden;
    margin: 0 auto
}

.pagination li {
    margin: 0 .05rem .2rem .05rem;
    font-size: .37rem;
    border: 1px solid #cdcdcd;
    padding: 0 .25rem 0 .25rem;
    line-height: .68rem;
    text-align: center;
    border-radius: .125rem;
}

.pagination li.active {
    background: #07c160;
    border: 1px solid #07c160;
    color: #fff
}


/*表单验证提示*/

.g_buy td {
    vertical-align: top
}

.msg-wrap {
    display: -webkit-flex;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-align: left;
    overflow: hidden;
    margin: 0 auto
}

.n-icon {
    width: .38rem;
    height: .38rem;
    display: block;
    background: url(../images/tip.png) no-repeat;
    background-size: 100%;
}

.msg-box {
    color: #ff552e;
    font-size: .298rem;
    margin: auto;
}


/*栏目导航*/

.subnav {
    width: 9.3rem;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    align-content: flex-start;
    align-self: flex-start;
    background: #fff;
    padding: .35rem;
    overflow: hidden;
    margin: 0 auto
}

.subnav:after {
    content: "";
    width: 2.87rem; //与块级的宽度相同
    display: block;
    height: 0;
}

.subnav a {
    width: 2.4rem;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0 .2rem 0 .2rem;
    font-size: .41rem;
    color: #000;
    line-height: 1rem;
    border: 1px solid #ebedf0;
    text-align: center;
    border-radius: .125rem;
    margin: .125rem 0 .125rem 0;
}

.subnav a.active {
    background: #07c160;
    border: 1px solid #07c160;
    color: #fff;
    font-weight: bold
}

.search_box {
    width: 9.3rem;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .35rem;
    background: #fff;
    overflow: hidden;
    margin: 0 auto 0 auto
}

.search_c {
    width: 6rem;
    height: .95rem;
    border-radius: .125rem;
    background: url(../images/search_c.png) no-repeat .35rem #f6f6f6;
    background-size: .45rem;
    padding-left: 1rem;
    overflow: hidden
}

.search_c input {
    width: 5.5rem;
    line-height: .68rem;
    margin-top: .12rem;
    background: none;
    font-size: .41rem;
    border: none;
    outline: none
}

.search_btn {
    width: 2rem;
    line-height: .95rem;
    background: #f96b56;
    text-align: center;
    font-size: .44rem;
    border-radius: .125rem;
    color: #fff
}