*{
    padding:0;
    margin:0;
    box-sizing: border-box;
    outline: none;
    -webkit-tap-highlight-color: transparent;
}
html,body {
    width: 100%;
    max-width: 640px;
   /* height: 100%;
    position: relative;*/
    background: #f9f9f9;
    color:#333;
    font-size: 14px;
    margin:0 auto 0;
}
em,b,i,var,strong{
    font-style: normal;
    font-weight: normal;
}
ul,li{
    list-style: none;
}
a{
    text-decoration: blink;
    color: #333;
}
.clear:after {
    content: "";
    display: table;
    clear: both;
}


jisuan{
     
    text-align: center;
   
    color:#fff;
    font-size: 18px;
    font-weight: bold;
    /*border-bottom: 1px solid #eee;*/
}


header {
    height: 50px;
    width: 100%;
    max-width: 640px;
    line-height: 50px;
    text-align: center;
    position: fixed;
    top: 0;
    background: #33936c;
    color: #fff;
    z-index: 99;
    font-size: 18px;
    font-weight: bold;
}

header .back {
    float: left;
    padding-left: 15px;
    font-size: 16px;
    width: 40px;
    height: 100%;
    position: absolute;
    left: 0;
}

header .back .u_arr {
    border-radius: 1px;
    border-right: 3px solid #ffffff;
    border-top: 3px solid #ffffff;
    float: left;
    margin-top: 17px;
    width: 17px;
    height: 17px;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    -o-transform: rotate(225deg);
}

.breadcrumbs {
    float: right;
    padding-right: 15px;
    font-size: 16px;
    height: 100%;
    position: absolute;
    right: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.vertical-bars {
    width: 20px;
    height: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-left: 10px;
}

.vertical-bar {
    width: 100%;
    height: 4px;
    background-color: #fff;
}

.menu-toggle {
    cursor: pointer;
    color: #fff; /* 菜单文字颜色 */
    display: flex;
    align-items: center;
}

.menu {
    display: none;
    position: absolute;
    top: 50px;
    right: 0;
    background: #33936c; /* 标题栏的蓝底色 */
    border: 1px solid #ccc;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    z-index: 100;
    width: 120px; /* 菜单的宽度 */
    color: #fff; /* 菜单上的字是白色 */
    overflow-y: auto; /* 添加滚动条 */
}

.menu.active {
    max-height: calc(100vh - 50px); /* 计算高度为视口高度减去标题栏的高度 */
}

.menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
    padding-top: 10px; /* 调整目录之间的间隔 */
}


.menu ul li {
    padding: 5px; /* 减小栏目的高度 */
    width: 100%; /* 使栏目占满整个菜单宽度 */
    height: 50px; /* 设置栏目的统一高度 */
    display: flex; /* 添加 */
    align-items: center; /* 添加 */
    border-bottom: 1px solid #ccc; /* 添加分隔线 */
   text-align: center;
}
.menu ul li:first-child {
    height: 40px; /* 设置第一个栏目的高度 */
}
.menu ul li:last-child {
    border-bottom: none; /* 去掉最后一项的分隔线 */
}

.menu ul li a {
    text-decoration: none;
    color: #fff; /* 设置为白色 */
    flex: 1; /* 让文字占满剩余空间 */
}

 

footer{
    position: fixed;
    bottom:0;
    width: 100%;
    max-width: 640px;
    height:50px;
    /*line-height: 50px;*/
    background: #fff;
    z-index: 99;
  margin-top: 5px; /* 增加底部间距，推离图片区域 */
}
footer a{
    display: block;
    float: left;
    text-align: center;
    width: 33.3%;
    margin-top: 7px;
}
footer a span{
    display: block;
}
footer a span i{
    display: block;
    height: 20px;
    width: 20px;
    margin: auto;
    background: url(../images/home-btn.png) no-repeat;
    background-size: 40px auto;
}
footer a span.on{
    color: #33936c;
}
footer a span.home i{
    background-position: 2px 2px;
}
footer a span.home.on i{
    background-position: -22px 2px;
}
footer a span.cart i{
    background-position: 0 -31px;
    background-size: 50px auto;
}
footer a span.cart.on i{
    background-position: -30px -31px;
    background-size: 50px auto;
}
footer a span.personal i{
    background-position: -2px -75px;
    background-size: 60px auto;
}
footer a span.personal.on i{
    background-position: -38px -75px;
}

.icon{
    display: inline-block;
}

.g_top{
    margin: 0 0 10px 0;
    padding-top: 10px;
    background: #fff;
    position: fixed;
    top: 50px;
    z-index: 98;
    width: 100%;
    max-width: 640px;
    box-shadow: 0 0 7px #f9f9f9;
}
.screen{
    width: 90%;
    height:30px;
    line-height:20px;
    margin: auto;
}
.screen span{
    width: 50%;
    float: left;
    height: 20px;
    text-align: center;
    display: inline-block;
    border-right: 1px solid #eee;
    color: #545454;
    font-weight: bold;
}
.screen span.cur{color:#33936c;}
.screen span:last-child{border: 0;}
.g_index{
    width: 94%;
    margin: 140px auto 60px;
}


/*登录*/
.login,.register {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    top: 0;
    overflow: auto;
    width: 100%;
    height: 100%;
}
.login-methods{
    position: fixed;
    bottom: 30px;
    width: 280px;
    left: 50%;
    margin-left: -140px;
}
.login-methods .forget{
    float: left;
}
.login-methods .reg-btn{
   float: right;
 
}


.login-methods .reg-btn-ylt{
    float: right;
    color:navy;
}
.login .reg-title,.register .reg-title {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    margin: 16% 0;
    text-align: center;
}
.sign-box {
    width: 300px;
    position: absolute;
    left: 50%;
    margin-left: -150px;
    top: 50%;
    background: #fff;
    display: block;
    height: 290px;
    margin-top: -180px;
    border-radius: 8px;
}
.register .sign-box{
    height:380px;
    margin-top: -190px;
}
.sign-box .head-title {
    font-size: 17px;
    color: #565656;
    font-weight: bold;
    margin: 38px 0;
    text-align: center;
}
.sign-box .text-box {
    width: 95%;
    margin: 25px auto;
}
.sign-box .text-box p {
    display: flex;
    display: -webkit-flex;
    display: -o-flex;
    border: 1px solid #eaeaea;
    height: 40px;
    line-height: 40px;
    width: 90%;
    margin: 0 auto 15px;
}
.sign-box .text-box p.readonly,
.sign-box .text-box p.readonly input{
    background: #f5f5f5;
}
.sign-box .text-box p label{
    display: inline-block;
    width: 60px;
    text-align: right;
    font-size: 12px;
    margin-right: 5px;
}
.login .text-box p:before {
    content: '';
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-top: 9px;
    margin-left: 10px;
}
.login .text-box p:first-child:before {
    background: url(../images/iphone.png) no-repeat;
    background-size: 18px 18px;
}
.login .text-box p:last-child:before {
    background: url(../images/code.png) no-repeat;
    background-size: 18px 18px;
    margin-top: 10px;
}
.sign-box .text-box p #code {
    display: inline-block;
    width: 72px;
    height: 25px;
    font-size: 12px;
    line-height: 25px;
    text-align: center;
    margin-top: 10px;
    border-radius: 3px;
    color: RGB(255,141,72);
    margin-right: 5px;
    border: 0;
}
.sign-box .cur {
    color: #bbb !important;
}
.sign-box a {
    display: block;
    width: 65%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    margin: 0 auto 7px;
    font-size: 16px;
    border-radius: 5px;
}
.sign-box a.submit {
    background: #33936c;
    color: #fff;
    margin-top: 30px;

}

/*.sign-box .text-box p label{
    display: inline-block;
    width: 70px;
}*/
.sign-box .text-box p input {
    flex: 1;
    -webkit-flex: 1;
    -o-flex: 1;
    border: none;
    outline: none;
    padding-left: 10px;
    width: 100%;
}
.point {
    display: inline-block;
    padding: 5px 15px;
    background: rgba(0,0,0,0.6);
    color: #fff;
    border-radius: 17px;
    position: absolute;
    top: 20%;
    left: 25%;
    display: none;
    z-index: 999;
}
.point.point-pwd{
    left: 35%;
}

.point-box {
    width: 100%;
    height: 100%;
    display: flex;
    display: -webkit-flex;
    display: -o-flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top:0;
    bottom:0;
    display: none;
    z-index: 9999;
}

.point-box span {
    padding: 5px 15px;
    background: rgba(0,0,0,0.6);
    color: #fff;
    border-radius: 17px;
}



/*首页*/
.g_wrap {
    width: 94%;
    margin: 60px auto 60px;
}
.search-box{
    width: 94%;
    height: 35px;
    border: 1px solid #eee;
    border-radius: 17px;
    background: #fff;
    margin: 0 auto 10px;
    overflow: hidden;
}
.search-box input{
    width: 80%;
    height: 100%;
    outline: none;
    border: 0;
    margin-left: 15px;
    float: left;
}
.search-box input::-webkit-input-placeholder { /* WebKit browsers */
    color: #bcbcbc;
}
.search-box input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #bcbcbc;
}
.search-box input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #bcbcbc;
}
.search-box input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #bcbcbc;
}

.search-box .search{
    float: right;
    display: inline-block;
    width: 44px;
    height: 32px;
    background: url(../images/search.png) no-repeat center;
    background-size: 18px auto;
    vertical-align: middle;
}
.f_mb {
    margin-bottom: 15px;
    background: #ffffff;
}
.contlist {
    position: relative;
    padding: 12px 15px 12px 120px;
    background: #ffffff;
    display: block;
    margin-bottom: 10px;
}
.contlist img {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 100px;
}
.contlist .title{
    height:40px;
}
.contlist p {
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 35px;
    margin-bottom: 10px;
    font-size: 14px;
}
.contlist em {
    display: block;
    margin: 15px 5px 5px 0;
    color: #e81a62;
    font-size: 16px;
}
.m_dateils span {
    color: #868686;
    font-size: 12px;
    display: inline-block;
    margin-right: 10px;
    letter-spacing: 1px;
}



/*新增地址*/
.g_wrap {
    width: 100%;
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
    background: #fff;
}
.bulidaddress{
    margin-top: 70px !important;
    margin-bottom: 0;
}
.bulidaddress .row {
    line-height: 40px;
    border-bottom: solid 1px #e3e3e3;
    height: 42px;
    padding-left: 10px;
}
.bulidaddress .myrow {
    line-height: 40px;
    border-bottom: solid 1px #e3e3e3;
    height: 42px;
    padding-left: 10px;
}
.bulidaddress .row input,
.bulidaddress .row select {
    display: block;
    width: 96%;
    border: none;
    padding-left: 0;
    outline: none;
    height: 40px;
    color: #333;
    -webkit-appearance: none;
}
.bulidaddress .row input.cell-input{
    text-align: right;
}
.bulidaddress .row.rightarrow {
    position: relative;
}
.bulidaddress .row.rightarrow div {
    float: left;
    padding: 0;
}
.bulidaddress .row.rightarrow p {
    float: right;
    padding-right: 25px;
    color:#666;
}
.bulidaddress .row.rightarrow:after {
    content: '';
    border-bottom: solid 1px #999;
    border-right: solid 1px #999;
    height: 8px;
    width: 8px;
    transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    position: absolute;
    right: 10px;
    top: 16px;
}
.decor {
    color: #888686;
    font-size: 12px;
    padding: 8px 10px;
}
.decor input[type='checkbox'] {
    width: 20px;
    height: 20px;
    -webkit-appearance: none;
    border: solid 1px #d7d7d7;
    border-radius: 50%;
    background-color: transparent;
    outline: none;
    vertical-align: middle;
    margin-right: 5px;
}
.decor span {
    vertical-align: middle;
}
.decor input[type='checkbox'].active,
.sjaddre input[type='checkbox'].active {
    background: #33936c;
    position: relative;
}
.decor input[type='checkbox'].active:after, .sjaddre input[type='checkbox'].active:after {
    content: '';
    border-bottom: solid 2px #fff;
    border-right: solid 2px #fff;
    height: 8px;
    width: 3px;
    -webkit-transform: rotate(45deg);
    position: absolute;
    right: 7px;
    top: 4px;
}
.save_btn{
    width: 80%;
    background: #33936c;
    height: 50px;
    line-height: 50px;
    text-align: center;
    max-width: 640px;
    margin: 0 auto 80px;
    border-radius: 5px;
}
.jisuan_btn{
    width: 80%;
    background: #33936c;
    height: 35px;
    line-height: 35px;
    text-align: center;
    max-width: 640px;
  
    border-radius: 5px;
}
.new-save{
    margin-top: 50px;
}
.save_btn .fixedBtne{
    display: block;
    width: 100%;
    height:100%;
    text-align: center;
    line-height: 50px;
    color:#fff;
    font-size: 18px;
    letter-spacing: 2px;
}
.cityselect-item-box{
    padding: 0 25px;
}
.cityselect-nav{
    padding-left: 15px;
}
.cityselect-nav > a{
    padding: 0 10px;
    font-size: 15px;
}
.cityselect-title{
    font-size: 16px;
}
.cityselect-item-box > a,
.cityselect-item-box > a span{
    font-size: 15px;
}

/*收货地址列表*/
.addresslist ul {
    background-color: #f9f9f9;
}
.addresslist ul li {
    padding-top: 10px;
    margin-bottom: 10px;
    color: #333;
    position: relative;
    text-align: justify;
    background-color: #fff;
}
.addresslist ul li p {
    padding: 10px;
    color: #999;
}
.addresslist ul li p:nth-of-type(1) {
    margin-bottom: 6px;
    display: flex;
    font-size: 15px;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.addresslist ul li p span {
    color: #333;
}
.addresslist ul li div {
    margin-top: 10px;
    border-bottom: solid 1px #efefef;
    border-top: solid 1px #efefef;
    padding: 10px;
}
.addresslist ul li div.sjaddre span {
    float: left;
    position: relative;
}
.chks {
    -webkit-appearance: none;
    height: 20px;
    width: 20px;
    border: solid 1px #e3e3e3;
    border-radius: 10px;
    outline: none;
    background-color: transparent;
    vertical-align: middle;
}
.moren {
    display: inline-block;
    vertical-align: middle;
}
.addresslist ul li div.sjaddre div {
    float: right;
    border-bottom: none;
    border-top: none;
    margin: 0;
    padding: 0;
}
.addresslist ul li div.sjaddre div b {
    background-size: 18px !important;
    display: inline-block;
    padding-left: 22px;
    height: 20px;
    line-height: 20px;
    margin-left: 20px;
}
.addre-icons, .addresslist ul li div.sjaddre div b {
    background: url(../images/address.png) no-repeat;
}
.addresslist ul li div.sjaddre div b.edit {
    background-position: 0 2px;
}
.addresslist ul li div.sjaddre div b.delete {
    background-position: 0 -24px;
}

/*购物车*/
.addresslist{background: transparent;}
.cart-box{margin-bottom: 50px;}
.m_firm{background:#FFFFFF;position: relative; margin-bottom:10px;overflow: hidden;}
.m_firm .m_head{position:relative;height:35px; line-height:35px;background: #FFFFFF; font-size:15px;}
.m_firm .m_head h3{ margin-left: 45px;}
.m_firm .m_head .u_choose2{line-height: 14px;}
.u_choose,.u_choose2,.u_choose3{width:18px; height:18px; border-radius:100%; display: inline-block;text-align: center; line-height:15px;}
.u_choose i,.u_choose2 i,.u_choose3 .cur,.u_choose4 i{display: inline-block;width: 6px;height: 10px; border-bottom: 2px solid transparent; border-right: 2px solid transparent;-webkit-transform:rotate(45deg);}
.u_choose2 i{border-bottom-color: #FFFFFF;border-right-color: #FFFFFF;}
.u_choose2{ background: #33936c;border:none;}
.u_choose,.u_choose3{border: 1px solid #757575;}
.u_check.on .u_choose3{background: #33936c;border:0;}
.u_check.on .u_choose3 .cur{border-bottom: 2px solid #fff;border-right: 2px solid #fff;}
.u_choose4,.u_choose5{border:1px solid #33936c; width: 0.48rem; height: 0.48rem; line-height: 0.39rem;vertical-align: middle;margin: 1px 2px 0 0; display: inline-block;text-align: center; border-radius:100%;color:#33936c;}
.u_choose4 i{border-color:#33936c; width:0.15rem;height:0.23rem;}
.u_choose5 i{ font-size:0.35rem;}
.m_firm .action{position: relative;}
.m_firm .action p{padding:8px 8px 4px 45px;background: #FFFFFF;overflow: hidden;}
.m_firm .action p:last-child{padding:8px 8px 8px 0; margin-left: 45px;}
.m_firm .action .cur{color:#FFFFFF;background: #33936c;}
.m_firm .action em{border-radius:2px;display:inline-block; vertical-align:middle; padding:2px 3px; text-align:center;background:#33936c; margin-right:5px; color: #FFFFFF;font-size: 12px;}
.m_firm .action span{ display:inline-block; text-align:left; vertical-align:middle; width:77%; line-height:14px;font-size: 12px; color: #777777;}
.m_firm .action .u_click{left:0;}
.m_firm .u_check{line-height: 15px;}
.m_firm .cartCont{position: relative; background: #f5f5f5; box-sizing: border-box; margin-bottom: 3px;}
.m_firm .cartCont .del{ position: absolute;top:0;left:100%;display:block;height: 100%;width:15%;background: #33936c;text-align: center; color:#FFFFFF;font-size: 0.24rem;line-height: 100%;display: -webkit-box;-webkit-box-align:center;-webkit-box-pack:center;}
.m_firm .box:last-child .cartCont,.m_firm .box:last-child .cartCont2{vertical-align: middle; margin-bottom: 0;}
.u_choose2,.u_choose,.m_firm .cartCont2 .ico1,.m_balance .u_check,.m_firm .u_check{position: absolute;top:50%;left:15px; margin-top:-9px;}
.m_firm .img{width:80px;margin-right:8px;}
.m_firm img{max-height: 100%;}
.item .ui-checkbox{float: left; width: 10%; height: 110px;}
.m_firm .info{padding: 15px 0;height: 110px;float: left;width: 75%;}
.item .delete{position: inherit;height: 110px;vertical-align: top;width: 15%;display: inline-block;float: left;background: #E81A62;line-height: 110px;text-align: center;color: #fff;font-size: 16px;}
.m_firm .cartCont .cont{width: 65%;}
.m_firm .cartCont .info p,
.m_firm .list .cont em{line-height: 17px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2;-webkit-box-orient:vertical;margin: 3px 0 12px 0;color: #333333;height:35px;font-size: 12px;}
.m_firm .info span{color:#999999;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block; height: 29px;}
.m_firm .cartCont .price{color: #e81a62;font-size: 14px;}
.m_firm .u_amount{border-radius: 4px;height: 26px; line-height: 26px; border-color: #D2D2D2; margin-top: 0;position: absolute; bottom:13px; right:20px;}
.m_firm .u_amount input{ height:26px;width: 35px;background: #f5f5f5;}
.m_firm .u_amount .plus{border-left:1px solid #D2D2D2;}
.m_firm .u_amount .miuns{border-right:1px solid #D2D2D2;}
.m_firm .u_amount a{ line-height:24px;font-size: 24px; width:26px;}
.m_firm .reckon{ height: 44px; line-height: 44px; padding-left: 45px;}
.m_firm .reckon em{ color: #33936c; margin-right: 10px;}
.m_firm .reckon span{ color: #878787;}
.m_failed{ margin-bottom: 20px;}
.m_failed h3{ height: 44px; line-height: 44px; margin-left: 10px; font-size: 15px;}
.m_failed .cartCont2{ position: relative;background: #f5f5f5;}
.m_failed .cartCont2 .ico1{left:10px;color:#666;}
.m_failed .del{height: 60px; line-height: 60px; text-align: center;border-bottom: 1px solid #EEEEEE;background: #EEEEEE;}
.m_failed .del a{width: 40%; height: 30px; line-height: 30px;display: inline-block; border: 1px solid #33936c; color: #33936c; border-radius: 4px;}
.temp_more {display: none;}
.box{background-color: #f5f5f5;overflow: hidden;position: relative;border: 0 !important;}
.item{width: 122%;border: 0 !important;}
.item.selected{-webkit-transform: translate(-18%,0);-webkit-transition:all 0.3s linear;}
.item{overflow: hidden;padding:0 0 0 0.15rem;-webkit-transition:all 0.3s linear;}
.m_firm .u_amount{position: inherit;float: right}
.m_firm .cartCont .cont {width: 59%;}
.ui-loader{display: none;}
.m_firm .img {width: 80px;height:80px; margin-right: 8px;text-align: center;line-height: 80px;background: #f1f1f1; }

.demo li{display: block;line-height: 50px;text-align: center}
.demo li.cur{color:#f00;}
.f_fl {float: left;}
.f_fr {float: right;}
.m_balance{ height: 45px; position: fixed;background: rgba(0,0,0,0.8);width: 100%;left:0;bottom:0;margin:auto;z-index: 1;}
/*.m_balance .tit{height: 66px;line-height: 66px;}*/
.m_balance #cartCount{overflow: hidden;}
.m_balance .item{padding-left:25px;width:70%; height:45px;display: -webkit-box;-webkit-box-align:center;}
.m_balance .item p{ color: #FFFFFF;font-size:14px;line-height: 45px;}
.m_balance .item p i{font-weight: bold;}
.m_balance .item p em,.m_balance .item span em{ font-size: 14px; line-height: 14px; margin-left: 3px;}
.m_balance .item span{ font-size: 12px; color: #999999;}
.m_balance .btn{width: 30%; background: #33936c; height: 45px;line-height:45px; text-align: center;}
.m_balance .btn a{ color: #FFFFFF;font-size: 14px;}
.m_balance .btn2{background: #ccc;}
.m_balance .select .all{color:#FFFFFF;line-height: 0.9rem;margin-left:40px;font-size: 0.24rem;}
.m_balance .select .btn-2,.m_balance .select .btn-1{text-align: center;border-radius: 2px;}
.m_balance .select .btn-2{background: #33936c;color:#ffffff;width: 30%;font-size: 18px;line-height: 42px;}
.m_balance .select .btn-1{background: #FFFFFF;color:#333333;padding:0.16rem 0.4rem;margin:0.18rem 0.2rem 0;}

/*商品数量加减元件*/
.m_num{padding:0 10px;color: #333333;}
.m_num span:first-child{color:#777777;}
.m_num em{ color: #868686; margin-left:5px;font-size: 12px;}
.u_amount{float: left; height:30px; line-height:30px; border:1px solid #ECECEC; text-align:center; overflow:hidden; z-index:1; margin-top:7px; }
.u_amount *{float:left;height:100%;}
.u_amount a{ width:30px; color:#999999; font-size:24px; line-height:26px;}
.u_amount .minus2{;background: #CCCCCC;color:#FFFFFF;}
.u_amount .minus{border-right:1px solid #ECECEC;}
.u_amount .plus{border-left:1px solid #ECECEC;}
.u_amount input{ float:left;outline: none; width:45px; height:28px; line-height:24px; border:none;color:#444444; text-align:center;box-sizing: border-box;padding:4px 0;}
.m_service span:first-child{color:#777777;}


/*确认订单*/
.g_wrap_x{
    width: 94%;
    max-width: 640px;
    margin: 10px auto 60px;
}
.u_ico1 {background: url(../images/ico1.png?v=1.1) no-repeat;display: inline-block;background-size: 328px;}
.m_address{ position:relative;border-top:1px solid #eeeeee;border-bottom:1px solid #eeeeee; padding:15px 10px; font-size: 16px; margin:60px 0 0; background:#ffffff;}
.m_address:before{ content: "";position: absolute; top:0;left: 0;width: 100%;   background:url("../images/bj1.png") no-repeat; height: 3px; }
.m_address:after{ content: "";position: absolute; bottom:0;left: 0; height: 3px;  width: 100%;   background:url("../images/bj1.png") no-repeat;}
.m_address span{ color: #000000; margin-right:10px;}
.m_address .info{ line-height: 20px; height:20px;}
.m_address .ico1{background-position: -14px -101px; height: 19px;width:19px; margin-right: 10px;}
.m_address .ico2{background-position: -43px -100px; height: 20px;width:14px; margin-right: 10px;}
.m_address p{ color: #878787; line-height: 20px; width: 93%; margin-top:10px;}
.u_click{ position: absolute;top: 0; right: 0;bottom: 0; }
.u_click2{ padding:10px 30px;}
.u_click3{right:5px; padding:20px 30px;}
.u_click4{-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);border-color: #858585; padding: 10px;}
.u_click .u_arr{position: absolute; top: 50%; right:10px; margin-top: -4px;-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);border-color: #858585;}
.u_arr{border-radius:1px;border-right: 2px solid #6a6a6a;border-top: 2px solid #6a6a6a;float: left;margin-top: 17px; width: 10px; height: 10px; -webkit-transform: rotate(225deg);-o-transform: rotate(225deg);}

.u_goods{background: #ffffff; margin-bottom: 10px;}
.u_goods h3{padding: 15px 0 4px 10px;}
.u_goods ul{padding:0 10px !important;}
.u_goods li{position:relative;height: 105px;padding:10px 0 10px 90px !important; border-bottom: 1px solid #eeeeee;}
.u_goods img{ position: absolute; top:10px;left:0; width:80px; height: 80px;}
.u_goods li h4{margin-bottom: 20px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;height: 37px;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.u_goods li p{ height: 30px;line-height: 16px; font-size: 12px; color: #878787; margin-bottom: 15px;overflow: hidden; text-overflow: ellipsis;}
.u_goods li em{ color: #33936c;}
.u_goods li .num{ color: #878787;}
.u_goods .mode{ position:relative;height: 45px;line-height: 45px;border-bottom: 1px solid #eeeeee; padding: 0 10px;}
.u_goods .mode .select,.u_public .select{border: none; height: 45px;line-height: 45px; padding-right: 10px; font-family: "微软雅黑";background: none;}
.u_goods .mode h4 span{ color: #858585; margin-left:8px;}
.u_goods .mode em{ color: #858585;line-height: 14px; margin-top: 16px;display: inline-block;}
.u_goods .mode .u_click{right: 10px;}
.u_goods .remarks{ padding:10px;border-bottom: 1px solid #eeeeee;}
.u_goods .remarks input{width: 100%; line-height: 26px;border: none; background: #f3f3f3;padding:10px; }
.u_goods .total{padding: 15px 10px;}
.u_goods .total span{margin-left:20px;}
.u_goods .total em,.m_cash li em,.m_settle li em{color: #33936c;}
.u_goods2{ margin-bottom: 15px;}

.pay-box{
    position: fixed;
    width: 100%;
    max-width: 640px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
    display: none;
}
.pay-box .pay-bg{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.6);
}
.pay-box .pay-list,
.pay-box .pay-info{
    width: 100%;
    height: 220px;
    background: #fff;
    position: absolute;
    bottom: -220px;
}
.pay-box .pay-list p,
.pay-box .pay-info p{
    margin: 0 40px;
    border-bottom: 1px dashed #eee;
    height:40px;
    line-height: 40px;
}
.pay-box .pay-list .title{
    height: 50px;
    line-height: 50px;
    font-weight: bold;
    color: #464646;
    font-size: 16px;
    margin: 0;
    padding-left: 20px;
}
.pay-box .pay-info{
    padding-top: 30px;
}
.pay-box .pay-info p{
    margin-bottom: 8px;
}
.pay-box .pay-info p label{
    display: inline-block;
    width: 60px;
}
.pay-box .pay-info p input{
    width: 200px;
    height:30px;
    padding-left: 10px;
}
.pay-box .pay-info .card-btn{
    margin: 30px 80px;
}
.pay-box .pay-info .card-btn a{
    display: inline-block;
    width: 70px;
    text-align: center;
    background: #c7c6c6;
    height: 30px;
    line-height: 30px;
    color: #525252;
    border-radius: 3px;
}
.pay-box .pay-info .card-btn a.submit{
    background: #33936c;
    color:#fff;
    float: right;
}
.pay-box .SMS-info label{
    float: left;
}
.pay-box .SMS-info .code{
    width: 123px;
    /*float: left;*/
    border: 1px solid #a9a9a9;
    border-right: 0;
}
.pay-box .SMS-info #code{
    width: 76px;
    padding: 0;
    font-size: 12px;
    text-align: center;
    color: RGB(255,141,72);
    margin-left: -4px;
    vertical-align: middle;
}
.pay-box .SMS-info #code.cur{
    color: #bbb !important;
}


/*订单列表*/
.orderList{
    width: 100%;
    margin:60px auto 60px !important;
}
.orderList .u_goods{
    padding: 0 5px;
}
.u_goods .product-list{
    padding: 15px 10px 4px 10px;
}
.u_goods .product-list span {
    color: #e81a62;
    font-size: 12px;
}
/*订单详情*/
.mb15 {
    margin-bottom: 7px;
}
.m_orderDetail{
    background: #eee;
}

.m_orderDetail .address3 {
    position: relative;
    padding: 10px 10px 10px 35px;
    background: #fff;
    color: #666;
    font-size: 13px;
}
.m_orderDetail .continfo {
    color: #666;
    font-size: 13px;
    padding: 5px 10px;
    background: #fff;
}
.m_orderDetail .continfo h3 {
    color: #333;
    padding:8px 0 0;
    margin-bottom: 4px;
    font-size: 14px;
}
.m_orderDetail .continfo p {
    padding: 5px 0;
}
.m_orderDetail .address3 span {
    width: 50%;
    display: inline-block;
    margin-bottom: 10px;
}
.m_orderDetail .address3 .ico {
    position: absolute;
    top: 50%;
    margin-top: -9px;
    left: 10px;
    margin-right: 5px;
    width: 16px;
    height: 18px;
    vertical-align: middle;
    background-position: -10px -220px;
}

/*个人中心*/
.account{
    background: #f9f9f9;
    width: 94%;
    max-width: 640px;
    margin:60px auto 70px;
}
.account li{
    line-height: 40px;
    background: #fff;
    margin-bottom: 7px;
    padding: 0 10px;
}
.account li input{
    float: right;
    line-height: 38px;
    border: 0;
    text-align: right;
}
.account li.sex-box{
    position: relative;
    clear: both;
}
.account li.sex-box var{
    float: right;
}
.account li .sex{
    padding: 0 0 0 10px;
    display: none;
}
.account li .sex span{
    display: block;
    text-align: right;
    line-height: 40px;
    border-top: 1px dashed #eee;
}
.account li a{
    display: block;
}
.account li i{
    display: inline-block;
    width: 13px;
    height: 13px;
    border: 1px solid #9a9a9a;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    border-left: 0;
    border-bottom: 0;
    float: right;
    margin-top: 14px;
    margin-right: 5px;
}
.account li i.share{
    border: 0;
    background: url(../images/share.png) no-repeat right center;
    transform: none;
    background-size: 23px auto;
    width: 25px;
    height: 25px;
    margin-right: -2px;
}
.account .submit-btn{
    display: block;
    width: 60%;
    background: #33936c;
    height: 35px;
    text-align: center;
    line-height: 35px;
    color: #fff;
    font-size: 16px;
    border-radius: 5px;
    margin: 50px auto 0;
}

/*商品详情*/
.m_gDetail{
    margin: 50px auto 0;
    width: 100%;
    max-width: 640px;
}
.m_gDetail .swiper-container{
    /*height:155px;*/
    background: #f7f7f7;
}
.m_gDetail .swiper-container img{
    width: 100%;
}
.m_gDetail .pd {
    padding: 0 10px;
    background: #fff;
}
.m_gDetail h2 {
    line-height: 19px;
    margin-top: 12px;
    color: #333333;
    font-weight: normal;
    font-size: 14px;
}
.m_gDetail .price {
    height: 50px;
    /*border-top: 1px solid #E3E3E3;*/
    margin-top: 5px;
    padding-top: 8px;
}
.m_gDetail .price em {
    font-size: 22px;
    color: #E81A62;
}
.m_gDetail .price span {
    float: right;
    display: inline-block;
    /*line-height: 30px;*/
    color:#bbb;
    margin-left: 30px;
}
.m_gDetail .price span var{
    display: block;
    text-align: right;
}
.m_gDetail .m_detail{
    width: 94%;
    margin: 10px auto 60px;
    background: #fff;
}
.m_gDetail .m_detail p{
    margin: 0 10px;
    font-size: 18px;
    font-weight: bold;
    border-bottom: 1px solid #eee;
    padding: 10px 0;
}
.m_gDetail .m_detail ul{
    padding: 10px 10px 20px;
}
.m_gDetail .m_detail li{
    width: 50%;
    display: inline-block;
    float: left;
    margin-bottom: 5px;
}
.m_gDetail .m_detail img{
    width: 100%;
}
.item .btn1{
    display: block;
    position: relative;
}
.item .u_ico1{
    background-position: -154px -120px;
    width: 28px;
    height: 24px;
    display: block;
}
.item em.num {
    position: absolute;
    top: 3px;
    right: 0;
    width: 19px;
    height: 19px;
    line-height: 20px;
    font-size: 12px;
    background: #33936c;
    border-radius: 100%;
    color: #FFFFFF;
    text-align: center;
}
.item em i {
    -webkit-transform: scale(0.8);
    display: block;
}

/*积分查询*/
.sum-up{
    width: 94%;
    height: 200px;
    margin: auto;
    background: #33936c;
    color: #fff;
    padding-top: 10px;
    letter-spacing: 2px;
}
.sum-up p{
    display: block;
    height:20px;
    font-size: 16px;
    margin-top: 15px;
    margin-left: 20px;
}
.search-list{
    margin-top: 10px !important;
}
.search-list li{
    background: #eee;
    width: 94%;
    margin: 5px auto 0;
    padding: 10px 0;
}

.search-list li p{
    float: left;
    width: 50%;
    padding: 10px;
}
.search-list li p:last-child{
    display: block;
    width: 100%;
    text-align: right;
    border-top: 1px solid #fff;
    color: #969696;
}
@media screen and (max-width: 320px) {
    .search-list li{
        font-size: 12px;
    }
    .pay-box .pay-info {
        padding-top: 32px;
    }
    .pay-box .pay-info p{
        margin: 0 28px;
    }
    .cityselect-nav > a{
        padding: 0 10px;
        font-size: 13px;
    }
    .cityselect-title{
        font-size: 14px;
    }
    .cityselect-item-box > a,.cityselect-item-box > a span{
        font-size: 13px;
    }
}

/*分享推荐*/
.m_share{
    margin-top: 50px;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    background: url(../images/share-bg.png) no-repeat;
    background-size: 100% 100%;
}
.share-box{
    position: absolute;
    bottom: 0;
    height: 270px;
    text-align: center;
    width: 100%;
    color: #fff;
}
.share-box p{
    font-size: 24px;
    color: #f6c70c;
    letter-spacing: 2px;
}
.share-box span{
    color: #c7c7c7;
    margin-top: 50px;
    display: block;
    font-size: 16px;
}
.share-btn{
    width: 80%;
    margin:30px auto 0;
}
.share-btn a{
    width: 80px;
    line-height: 35px;
    border-radius: 17px;
    display: inline-block;
    font-size: 13px;
}
.share-box a.share{
    background: #e31f21;
    color: #fff;
    margin-right: 30px;
}
.share-box a.scode{
    background: #ffed35;
    color:#333;
}
.explain{
    color: #fff;
    margin-top: 45px;
    display: inline-block;
    height: 30px;
    width: 100px;
    text-align: center;
}

/*规则说明*/
.explain-box{
    display: block;
    margin: 20px;
    padding: 20px 10px;
}
.explain-box li{
    line-height: 20px;
    color: #616161;
    margin-bottom: 10px;
}
.explain-box li.E-title{
    font-weight: bold;
}

/*分享弹窗*/
.popup{
    position: fixed;
    top:0;
    left:0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.5);
    z-index: 999;
    display: none;
}
.sign-out{
    width: 250px;
    height:150px;
    background: #fff;
    position: absolute;
    left: 50%;
    text-align: center;
    top: 50%;
    margin-left: -125px;
    margin-top: -75px;
}
.sign-out p{
    margin: 30px 0;
    font-size: 18px;
    font-weight: bold;
}
.sign-out span{
    display: inline-block;
    width: 65px;
    height:30px;
    line-height: 30px;
    text-align: center;
    border-radius: 17px;
    background: #cecece;
    color:#9c9c9c;
}
.sign-out span.out{
    background:#33936c;
    color:#fff;
    margin-right: 15px;
}
.QR-code{
    display: none;
    width: 250px;
    height: 250px;
    background: #fff;
    position: absolute;
    left: 50%;
    text-align: center;
    top: 50%;
    margin-left: -125px;
    margin-top: -125px;
}
.QR-code img{
    width: 225px;
    height: 225px;
    display: block;
    margin: auto 10px;
}
.popup .close{
    position: absolute;
    right: 30px;
    width: 40px;
    height: 40px;
    background: #fff url(../images/del.png) no-repeat center;
    background-size: 26px auto;
    border-radius: 50%;
    top: 70px;
}
.loading{
    display: none;
    width: 250px;
    height:20px;
    background: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -125px;
    margin-top: -70px;
}
.share-link{
    display: none;
    width: 250px;
    height:140px;
    background: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -125px;
    margin-top: -70px;
}
.share-link p{
    font-size: 20px;
    font-weight: bold;
    margin: 17px 0 0 20px;
}
.share-link .share-a{
    margin-left: 30px;
    margin-top: 13px;
}
.share-link a{
    display: inline-block;
    width: 45px;
    height: 44px !important;
    background: url(../images/s-icon.png) no-repeat !important;
    background-size: 150px auto !important;
    padding: 0 !important;
    margin: 10px !important;
}
.share-link a.bds_qzone{
    background-position: -46px 0 !important;;
}
.share-link a.bds_tsina{
    background-position: 3px 0 !important;
}
.share-link a.bds_weixin{
    background-position: -95px 0 !important;;
}
.pullDownLabel img{
    vertical-align: middle;
}


.No-box{
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #bfbfbf;
    padding: 50px 0;
}
.No-box img{
    display: block;
    margin: auto;
}
.No-box a{
    display: block;
    width: 150px;
    height: 40px;
    line-height: 40px;
    margin: 30px auto;
    border: 1px solid #33936c;
    border-radius: 5px;
    background: #33936c;
    color: #fff;
}