@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0}
ul li{ list-style:none}
.clear{ clear:both}
a{ text-decoration:none; color:#666}
img{ max-height:100%; max-width:100%; border:0}
html,body{ -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-size:110%;width:100%; height:100%}
body{ width:100%; max-width:640px; margin:0 auto;color:#666;background:#f7f7f7;font-size:13px; overflow-x:hidden}
p{text-align:justify}
.kbox{ width:100%; background:#f7f7f7; height:0.4rem}

.topbg{
    position: absolute;
    width: 100%;
    height: 244px;
    background: #00a7ff;
    left: 0;
    top: 0;
}
.topbg2{
    position: absolute;
    width: 100%;
    height: 80px;
    background: #f7f7f7;
    left: 0;
    top: 170px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    z-index: 0;
}

/*banner*/
.banner-box{  margin: 0 0.6rem;  }
.banner-img{border-radius: 6px;  overflow: hidden;}
.d1{width:100%;height:auto;overflow:hidden;position:relative;}
.loading{width:100%;text-align:center;}
.d2 img{width:100%;}
.num_list{position:absolute;width:100%;left:0px;bottom:-1px;color:#FFFFFF;overflow:hidden;}
.num_list span{display:inline-block;}
#fade_focus ul{display:none;}
.button{position:absolute;z-index:1000;right:0.6rem;bottom:0.6rem;font-weight:bold;font-family:Arial, Helvetica, sans-serif;}
.b1,.b2{background:rgba(255,255,255,0.4);display:block;float:left;width:0.5rem; height:0.5rem;margin-right:0.3rem;color:#FFFFFF;text-decoration:none; cursor:pointer; border-radius:100%}
.b2{background-color:#fff;}
.button a{color:transparent}
.swiper-pagination-bullet{width: 12px;height: 4px;border-radius: 2px;}
.swiper-pagination-bullet-active{width: 16px;background-color: #fff;}

/*顶部菜单*/
.nav-bar-menu {  position: fixed;  right: 10px;  top: 46px;  background: rgba(0,0,0,.8);  z-index: 9999;  border-radius: 4px;display: none;}
.nav-bar-menu::before {  position: absolute;  content: "";  display: block;  border-width: 0 10px 10px;  border-style: solid;  border-color: transparent transparent rgba(0,0,0,.8);  top: -10px;  right: 6px;  }
.nav-bar-menu .item {  padding: 10px 20px;  color: #fff;  display: -ms-flexbox;  display: flex;  -ms-flex-align: center;  align-items: center;  }
.nav-bar-menu .item .van-icon {  color: #fff;  font-size: 16px;  margin-right: 6px;  display: block;  width: 20px;  height: 20px;  line-height: 20px;  text-align: center; }
.nav-bar-menu .item .van-icon.van-icon-wap-home{background: url('../images/i1.png') no-repeat;background-size: 100%;}
.nav-bar-menu .item .van-icon.van-icon-apps-o{background: url('../images/i2.png') no-repeat;background-size: 100%;}
.nav-bar-menu .item .van-icon.van-icon-cart{background: url('../images/i3.png') no-repeat;background-size: 100%;}
.nav-bar-menu .item .van-icon.van-icon-contact{background: url('../images/i4.png') no-repeat;background-size: 100%;}

/*typeNav*/
.typeNav{overflow: hidden;padding:0 0 1rem 0;z-index: 99;position: relative;}
.typeNav ul{ overflow:hidden}
.typeNav ul li{width:20%;float: left;text-align: center; margin-top:0.7rem}
.typeNav ul li img{width:44%;display: block;margin: 5px auto;}
.typeNav ul li p{color: #000;font-size:0.76rem; text-align:center; padding-top:0.3rem; font-family:"PingFang SC Regular";}

/*热门资讯*/
.hotTit{background: #fff; padding:0.7rem;margin: 0 0.6rem;  border-radius: 6px;}
.hotTit .hotTitL{ float:left}
.hotTit .hotTitL img{ height:2rem}
.hotTitR{font-size:0.8rem; line-height:2rem;overflow:hidden; padding-left:0.1rem; height: 35px;}
.hotTitR p{width: 100%;}

/*限时抢购*/
.timeBuy{background: #fff;margin: 0 0.6rem;  border-radius: 6px;}
.timeBuy .Buybox{ padding:0.5rem; height:1.8rem;overflow:hidden; }
.timeBuy .Buybox p{font-size:1rem; float:left;height:1.8rem; line-height:1.8rem; max-width:50%; overflow:hidden; color:#333 ;font-weight: 600;}
.timeBuy .Buybox p span{ color:#ff2150}
.timeBuy .Buybox a.btn{ display:block; float:right; padding: 0 0.8rem 0 1rem; box-sizing:border-box;height:1.6rem; line-height:1.6rem; margin-top:0.1rem;font-size:0.75rem; color: #fbfbfb;background: #00a7ff;border-radius: 2rem;}
.timeBuy .Buybox a.more{ float:right;height: 1.5rem;width: 1rem;margin-top: 0.25rem;background-image:url(../images/more.png); background-repeat:no-repeat; background-position:center center; background-size:contain}
.timeBuy ul{ overflow:hidden; width:100%;padding: 0 0.2rem; box-sizing: border-box;}
.timeBuy ul li{ float:left; width:33.33%; text-align:center; padding:0.5rem 0; overflow:hidden; box-sizing:border-box;}
.timeBuy ul li:nth-child(3n){ border-right:0}
.timeBuy ul li img{ width: 92%;  border-radius: 4px;}
.timeBuy ul li p{ font-size:0.75rem;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;padding:0.5rem 4%;}
.timeBuy ul li .price{margin-bottom: 6px; overflow: hidden;text-align: left;padding: 0 4%;}
.timeBuy ul li .price .sale{  font-weight: 800;  color: #ff454e;  font-size: 0.8rem;  }


.w100{ width:100%; display:block}
.w100 img{ width:100%; display:block}

/*热门市场*/
.hotMarket{background: #fff;border-top:1px solid #eee;}
.hotM_1{border-bottom:1px solid #eee;height:7rem; overflow:hidden}
.hotM_1L{border-right:1px solid #eee;box-sizing:border-box; width:50%; height:7rem; float:left}
.hotM_1C{border-right:1px solid #eee;box-sizing:border-box; width:25%; height:7rem; float:left}
.hotM_1R{width:25%; height:7rem; float:left}

.hotM_2{padding:0.5rem; height:1.8rem; border-bottom:1px solid #eee;overflow:hidden; padding-right:0.2rem}
.hotM_2 p{font-size:0.875rem; float:left;height:1.8rem; line-height:1.8rem; max-width:50%; overflow:hidden; color:#333}
.hotM_2 p span{ color:#ff2150}
.hotM_2 i{ font-style:normal; font-size:0.75rem; padding-left:0.5rem;height:1.8rem; line-height:1.8rem; max-width:50%; float:left; overflow:hidden}
.hotM_2 a.more{ float:right;height:1.8rem; line-height:1.8rem;font-size:0.75rem; padding-right:1rem;background-image:url(../images/more.png); background-repeat:no-repeat; background-position:right center; background-size:40% 70%}

.hotM_3{height:10rem; overflow:hidden}
.hotM_3 .hotM_3L{ width:50%; height:10rem;border-bottom:1px solid #eee;float:left;border-right:1px solid #eee;box-sizing:border-box; overflow:hidden}
.hotM_3 .hotM_3R{width:50%; height:10rem; float:left; overflow:hidden}
.hotM_3R_1{float:left;height:5rem;border-bottom:1px solid #eee;border-right:1px solid #eee;box-sizing:border-box;overflow:hidden;width:50%;border-right:1px solid #eee}
.hotM_3R_1.br{ border-right:0}

.hotM_4{height:12rem; overflow:hidden}
.hotM_4 .hotM_4L{ width:50%; height:12rem;border-bottom:1px solid #eee;float:left;border-right:1px solid #eee;box-sizing:border-box; overflow:hidden}
.hotM_4 .hotM_4R{width:50%; height:12rem; float:left; overflow:hidden}
.hotM_4R_1{float:left;height:6rem;border-bottom:1px solid #eee;border-right:1px solid #eee;box-sizing:border-box;overflow:hidden;width:50%;border-right:1px solid #eee}
.hotM_4R_1.br{ border-right:0}

.hotM_5{height:6rem; overflow:hidden}
.hotM_5L{float:left;height:6rem;border-bottom:1px solid #eee;border-right:1px solid #eee;box-sizing:border-box;overflow:hidden;width:25%;border-right:1px solid #eee}
.hotM_5L.br{ border-right:0}

/*为您推荐*/
.gkfGpY .recommend-container{
    width: 100%;
    display: -webkit-flex;
    display: flex;
    position: relative;
    box-sizing: border-box;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    place-content: flex-start space-between;
    flex-shrink: 0;
    overflow: hidden;
    -webkit-box-pack: justify;
    -webkit-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 8.280000000000001px;
    padding-bottom: 13.248000000000001px;
}
.recommend-hd {
    padding: 0.8rem 0 0.6rem 0;
    width: 100%;
    text-align: center;
}
.recommend-hd-bg {
    width: 50%;
}
.recommend-item {
    position: relative;
    width: calc(50% - 0.4rem);
    box-sizing: border-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    align-content: flex-start;
    flex-shrink: 0;
    background: #fff;
    margin-top: 9.936px;
    border-radius: 6.6240000000000006px;
    overflow: hidden;
    margin-left: 0.2rem;
    margin-right: 0.2rem;
}
.recommend-img-wrapper {
    display: inline-block;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.recommend-img {
    width: 100%;
}
.recommend-info {
    padding-left: 11.040000000000001px;
    padding-right: 9.936px;
    height: 103.77600000000002px;
    text-decoration: none;
}
.recommend-title {
    margin-top: 12.696000000000002px;
    height: 40.848px;
    position: relative;
    overflow: hidden;
    line-height: 20.424px;
    text-overflow: ellipsis;
    min-height: 0;
}
.recommend-title-p {
    font-size: 14.352px;
    color: #333333;
}
.recommend-price-box {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    margin-top: 12.144px;
    height: 22.080000000000002px;
    line-height: 22.080000000000002px;
}
.recommend-sign {
    font-size: 12.144px;
    color: #ff5500;
}
.recommend-price {
    font-size: 15.456px;
    line-height: 17.664px;
    color: #ff5500;
}
.recommend-payed {
    font-size: 12.144px;
    color: #999999;
    margin-top: 2.208px;
    margin-left: 0.3rem;
}

/*猜你喜欢*/
.likeTit{padding:0.5rem; height:1.8rem; border-bottom:1px solid #eee;overflow:hidden; padding-right:0.2rem}
.likeTit img{ height:0.8rem; vertical-align:middle}
.likeTit span{ line-height:1.8rem; height:1.8rem; padding-left:0.5rem;font-size:0.875rem;overflow:hidden; color:#333}
.likebox ul{ overflow:hidden;}
.likebox ul li{ float:left; width:50%;border-bottom:1px solid #eee;border-right:1px solid #eee;box-sizing:border-box;overflow:hidden;background: #fff;}
.likebox ul li:nth-child(2n){ border-right:1px solid #fff}
.likebox ul li a{ display:block; padding:0.5rem}
.likebox ul li img.proimg{ width:100%;}
.likebox ul li p.tit{ height:2.5rem; font-size:0.8rem; padding-top:0.5rem; color:#333; line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.likebox ul li p.price{ color:#ff2150;padding-top:0.5rem; height:1rem; line-height:1rem;font-size:0.875rem;}
.likebox ul li p.price span{ padding-left:1rem; color:#999; text-decoration:line-through;font-size:0.7rem; height:1rem;line-height:1rem}
.likebox ul li p.price img{ float:right}


/*footer*/
.fbox2{ width:100%; height:2.8rem}
.fbox1{ width:100%; height:5.5rem}
.fbox{ width:100%; height:3.7rem}
.footbox{width:100%; max-width:640px; margin:0 auto; }
.footer{ position:fixed;width:100%;max-width:640px;bottom:0;background:#fff;z-index:99999;padding-top:0.6rem;border-top:1px solid #eee;height:3rem;}
.footer ul{ overflow:hidden;}
.footer ul li{ float:left; width:25%; text-align:center}
.footer ul li img{ height:1.3rem;} 
.footer ul li p{ text-align:center; color:#333; font-size:0.75rem; height:1.2rem; line-height:1.2rem}
.footer ul li.on p{ color:#1762cd}

/*headerbox*/
.headerbox{width:100%; max-width:640px; margin:0 auto; }
.headerbox .header{padding: 0.5rem 0;height: 1.8rem;position:fixed;width:100%;max-width:640px;top:0;background:#fff;z-index:9999;border-bottom:1px solid #eee;}
.headerbox .header .headerL{ position:absolute; left:0; top:0;height: 2.8rem; width: 2.6rem;}
.headerbox .header .headerL a{ display: inline-block;  width: 100%; height: 100%;text-align: center;}
.headerbox .header .headerL img{ display:inline-block;height: 1.1rem;padding-top: 0.9rem;}
.headerbox .header .headerC{ width:100%; height:1.8rem; line-height:1.8rem; text-align:center}
.headerbox .header .headerC p{ text-align:center; font-size:1.1rem; color:#333}
.headerbox .header .headerR{position:absolute; right:0; top:0; height:2.8rem; padding-right: 0.2rem; width: 3rem; text-align: center;}
.headerbox .header .headerR a{ color:#333; font-size:0.8rem; line-height:2.8rem}
.headerbox .header .headerR a.c9{ color:#999}
.headerbox .header .headerR a.sear-btn-box{    width: 2.4rem;  display: inline-block;  background: #f73e3e;  color: #fff;  border-radius: 4px;  height: 1.8rem;  margin-top: 0.5rem;  line-height: 1.8rem;}
.headerbox .header .headerR img{ height: 0.6rem; margin-top: 1rem;}
.headerbox .header .headerR .top-nav-btn{display: inline-block; width: 100%; height: 100%;}
.headerbox .header .headerR img.top-nav-img{height: 0.8rem;}

/*消息中心*/
.hbox{ width:100%; height:2.85rem; overflow:hidden}
.massegeBox{ padding:0 0.6rem; background:#fff}
.message_1{ width:100%; padding:0.6rem 0; height:2.7rem; border-bottom:1px solid #eee;}
.message_1 .meL{ float:left; width:3.2rem; height:2.7rem; overflow:hidden}
.message_1 .meL img{ width:2.7rem; height:2.7rem; overflow:hidden}
.message_1 .meR{flex: 1;height:3rem;}
.message_1 .meR .meR_1{color:#999;overflow:hidden;height:1.4rem; padding-top:0.2rem }
.message_1 .meR .meR_1 p{ color:#333; float:left; font-size:0.9rem;  max-width:70%;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.message_1 .meR .meR_1 span{ display:block; float:right; font-size:0.75rem}
.message_1 .meR .meR_2{color:#999;font-size:0.8rem;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}

/*商城公告*/
.noticeList .searchBox {  margin-bottom: 0.3rem;  }
.noticeList .searchBox .searchEntry {
    display: block;
    position: relative;
    background-color: #fff;
    height: 3rem;
    line-height: 3rem;
    overflow: hidden;
    margin: 0.1rem 0 0 0;
    padding: 0 0.8rem;
    color: #888;
}
.noticeList .searchEntry .searchCont {
    position: relative;
    margin: .2rem auto;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    height: 2.6rem;
}
.noticeList .searchEntry .searchCont label {
    width: 100%;
    display: block;
    padding-right: 1.4rem;
    -webkit-box-flex: 1;
    -moz-flex-shrink: 1;
    -webkit-flex-shrink: 1;
    flex-shrink: 1;
    overflow: hidden;
    position: relative;
    border-radius: 1.2rem;
    background: #f2f2f2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
}
.searchEntry .icon-search {
    padding: 0 .6rem;
    margin-top: .1rem;
    -webkit-box-flex: 0;
    -moz-flex-shrink: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    overflow: hidden;
    height: 1rem;
    width: 1rem;
    display: block;
    background: url('../images/sear.png') no-repeat 50%;
    background-size: 1rem 1rem;
}
.searchEntry .searchCont input {
    font-size: 0.8rem;
    color: #333;
    border: 0;
    display: block;
    width: 100%;
    height: 2.3rem;
    vertical-align: middle;
    box-sizing: border-box;
    text-align: left;
    padding: 0.3rem 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    background: transparent;
    outline: 0;
}
.searchEntry .searchCont .btn-search {
    display: block;
    margin-left: 0.6rem;
    -webkit-box-flex: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: hidden;
    line-height: normal;
    display: none;
}
.searchEntry .searchCont .btn-search span {
    font-size: 0.8rem;
    display: block;
}
.noticeList .content {
    background-color: #fff;
    padding: 0 0.8em;
}
.noticeList .content ul {
    border-bottom: 1px solid #eee;
}
.noticeList .content li {
    border-bottom: 1px solid #eee;
}
.noticeList .content li a {
    display: block;
    padding: 0.8em 0;
}
.noticeList .content li .p-title {
    max-width: 100%;
    display: inline-block;
}
.noticeList .content li .p-title span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: box;
    display: -webkit-flex;
    display: flex;
}
.noticeList .content li .p-title span em {
    font-size: 1.2em;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    line-height: 1.1;
    -webkit-box-flex: 1;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    color: #333;
    font-weight: 400;
    font-style: normal;
}
.icon-hot {
    width: .7rem;
    height: .7rem;
    display: inline-block;
    background-image: url('../images/hot.png');
    background-position: 50%;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    vertical-align: sub;
}
.noticeList .content li .p-title span i {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 0.3rem;
}
.noticeList .content li .p-time {
    font-size: 0.8rem;
    color: #888;
    line-height: 1.1;
    padding-top: 0.4rem;
}
.n-title{
    text-align: center;
}
.n-title h4{
    padding: 0.8rem 0.4rem;
}
.n-title .n-time{
    text-align: center;
    padding-bottom: 0.8rem;
    border-bottom: 1px dashed #ddd;
}
.notice-content{
    margin-top: 0.6rem;
    min-height: 5rem;
}
.notice-page ul li{
    padding: 0.4rem 0;
}

/*购物车*/
.gwcbox{background:#fff}
.gwcbox_1{ border-top:1px solid #eee; border-bottom:1px solid #eee}
.gwcbox_1 .gwc1_1{padding:0.8rem 0.5rem; height:1.2rem; line-height:1.2rem;border-bottom:1px solid #eee}
.gwcbox_1 .gwc1_1 .g1{ float:left; width:1.2rem; height:1.2rem; padding-right:0.5rem;}
.gwccheck{width:100%; height:100%;background-image:url(../images/checkno.png); background-repeat:no-repeat; background-position:center center; background-size:contain}
.gwccheck.on{background-image:url(../images/checkon.png); background-repeat:no-repeat; background-position:center center; background-size:contain}
.gwcbox_1 .gwc1_1 .g2{ float:left; width:60%; overflow:hidden; height:1.2rem}
.gwcbox_1 .gwc1_1 .g2 span{ display:block;font-size:0.9rem;max-width:50%; float:left; height:1.2rem; line-height:1.2rem; vertical-align:middle; overflow:hidden}
.gwcbox_1 .gwc1_1 .g2 img{ padding-left:0.2rem}
.gwcbox_1 .gwc1_1 .g3{ float:right}
.gwcbox_1 .gwc1_1 .g3 img{ height:1rem; padding-top:0.1rem}

.gwcbox_1 .gwc1_2{padding:0 0.5rem;}
.gwcbox_1 .gwc1_2 .gwcone{border-bottom:1px solid #eee; padding:0.5rem 0; overflow:hidden}
.gwcbox_1 .gwc1_2 .gwcone:last-child{ border-bottom:0}
.gwcbox_1 .gwc1_2 .gwcone .go1{float:left; width:1.2rem; height:1.2rem; padding-right:0.5rem; margin-top:1.7rem}
.gwcbox_1 .gwc1_2 .gwcone .go2{ float:left; width:4.5rem; height:4.5rem; overflow:hidden;padding-right:0.5rem;}
.gwcbox_1 .gwc1_2 .gwcone .go2 img{width:4.5rem; height:4.5rem; overflow:hidden}
.gwcbox_1 .gwc1_2 .gwcone .go3{ flex:1;padding-left: 6.7rem; }
.gwcbox_1 .gwc1_2 .gwcone .go3 .go3_1{ height:1.2rem; overflow:hidden}
.gwcbox_1 .gwc1_2 .gwcone .go3 .go3_1 p.p1{ float:left; color:#333; font-size:0.8rem; width:70%;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.gwcbox_1 .gwc1_2 .gwcone .go3 .go3_1 p.p2{ float:right; font-size:0.7rem; color:#999; text-decoration:line-through}
.gwcbox_1 .gwc1_2 .gwcone .go3 .go3_1 .del{ float:right}
.gwcbox_1 .gwc1_2 .gwcone .go3 .go3_1 .del img{ height:1.1rem;margin-top: 0.1rem;}

.gwcbox_1 .gwc1_2 .gwcone .go3 .go3_2{height:1.1rem; padding-top:0.2rem; overflow:hidden}
.gwcbox_1 .gwc1_2 .gwcone .go3 .go3_2 p.p3{float:left; color:#999; font-size:0.8rem; width:60%;overflow:hidden; white-space:nowrap;text-overflow:ellipsis}


.gwcbox_1 .gwc1_2 .gwcone .go3 .go3_3{height:1.5rem; overflow:hidden; padding-top:0.7rem}
.gwcbox_1 .gwc1_2 .gwcone .go3 .go3_3 .go3_3_1{float: left;}
.gwcbox_1 .gwc1_2 .gwcone .go3 .go3_3 .go3_3_1 p.p4{color:#ff2150; font-size:1rem;}
.gwcbox_1 .gwc1_2 .gwcone .go3 .go3_3 .go3_3_2{float: right;}
.gwcbox_1 .gwc1_2 .gwcone .go3 .go3_3 .num1{ float:left;text-align:center; line-height:1.5rem; width:1.5rem; height:1.5rem; background:#f7f7f7; color:#333; font-size:0.9rem}
.gwcbox_1 .gwc1_2 .gwcone .go3 .go3_3 .num2{ float:left;width:2.5rem; height:1.5rem; background:#f7f7f7; color:#333; font-size:0.9rem; border-left:1px solid #fff; border-right:1px solid #fff; text-align:center; line-height:1.5rem;}
.gwcbox_1 .gwc1_2 .gwcone .go3 .go3_3 .num3{float:left;text-align:center; line-height:1.5rem; width:1.5rem; height:1.5rem; background:#f7f7f7;font-size:0.9rem ;color:#ff2150}


.gwcbox_1 .gwc1_2 .gwcone .go3 .go3_4{color: #ff2150;  padding: 0.4rem 0;}

.hejiBox{width:100%; max-width:640px; margin:0 auto;background:#fff }
.hejiBox .heji{height:2.8rem;position:fixed;width:100%;max-width:640px;bottom:3.6rem;background:#fff;z-index:99999; border-top:1px solid #eee}
.hejiBox .heji .heji_1{float:left; width:1.2rem; height:1.2rem;padding:0.8rem 0.5rem; }
.hejiBox .heji .heji_2{ float:left; color:#333; line-height:1.2rem; font-size:0.9rem;padding:0.8rem 0; padding-right:0.5rem}
.hejiBox .heji .heji_3{ float:left;padding:0.8rem 0;padding-left: 0.5rem;}
.hejiBox .heji .heji_3 p{ color:#ff2150;line-height:1.2rem; font-size:0.75rem}
.hejiBox .heji .heji_3 p span{ font-size:1rem; font-size:0.9rem}
.hejiBox .heji .heji_4{ float:left;padding:0.8rem 0;line-height:1.2rem; padding-left:0.5rem; color:#999; font-size:0.75rem}
.hejiBox .heji .heji_5{ float:right; width:5rem; height:2.8rem; overflow:hidden }
.hejiBox .heji .heji_5 a{ display:block;background:#ff2150; color:#fff; text-align:center; line-height:2.8rem;width:5rem; height:2.8rem; font-size:0.875rem}

/*确认订单*/
.hejiBox.jiesuan .heji{ bottom:0}
.jsaddress{ padding:0.8rem 0.5rem; padding-bottom:0.3rem;border-top:1px solid #eee;background:#fff}
.jsaddress .jsaddressL{ float:left; width:90%; overflow:hidden}
.jsaddress .jsaddressL p.p6{ color:#333; font-size:0.8rem}
.jsaddress .jsaddressL p.p6 span{ padding-left:1.2rem}
.jsaddress .jsaddressL p.p5{ font-size:0.75rem; color:#999;line-height:1.4rem}
.jsaddress .jsaddressR{ float:right;}
.jsaddress .jsaddressR img{height: 1.1rem; margin-top:0.5rem}

.jsdingdan{ padding:0 0.5rem; border-top:1px solid #eee;background:#fff}
.jsdp{padding:0.8rem 0; height:1.2rem; line-height:1.2rem;border-bottom:1px solid #eee;overflow:hidden;white-space:nowrap;}
.jsdp img{ height:1.2rem; float:left}
.jsdp span{font-size:0.9rem; height:1.2rem; line-height:1.2rem; padding-left:0.3rem; color:#333}

.jsxq{padding:0.6rem 0; border-bottom:1px solid #eee;overflow:hidden;background:#fff}
.jsxq .jsxq_1{ float:left; width:2.3rem; height:2.3rem; padding-right:0.5rem}
.jsxq .jsxq_1 img{width:2.3rem; height:2.3rem;}
.jsxq .jsxq_2{flex:1; height:2.5rem;}
.jsxq .jsxq_2 .js_1{height:1.2rem; overflow:hidden}
.jsxq .jsxq_2 .js_1 p.p1{float:left; color:#333; font-size:0.8rem; width:70%;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.jsxq .jsxq_2 .js_1 p.p2{ float:right; font-size:0.7rem; color:#ff2150; text-decoration:line-through}
.jsxq .jsxq_2 .js_2{ padding-top:0.2rem; overflow:hidden}
.jsxq .jsxq_2 .js_2 p.p3{float:left; color:#999; font-size:0.8rem; width:60%;overflow:hidden; white-space:nowrap;text-overflow:ellipsis}
.jsxq .jsxq_2 .js_2 p.p4{ color:#333;float:right; font-size:0.75rem}

.jsyf{padding:0.6rem 0; border-bottom:1px solid #eee;overflow:hidden;background:#fff}
.jsyf .jsyfL{ color:#333; float:left; font-size:0.8rem}
.jsyf .jsyfR{ float:right; font-size:0.8rem}
.jsyf .jsyfC{ flex:1;font-size:0.8rem; color:#999}
.jsyf .jsyfR img{ width:3rem; border-radius:100%}
.jsyf .jsyfL p{ line-height:3rem}

.jshj{padding:0.6rem 0; border-bottom:1px solid #eee;overflow:hidden;background:#fff}
.jshjp{ float:right; text-align:right;overflow:hidden; white-space:nowrap; color:#333; font-size:0.8rem}
.jshjp .sp1{ padding-left:0.8rem}
.jshjp .sp2{ color:#ff2150}

.jsyhq{padding:0 0.5rem; border-top:1px solid #eee; background:#fff}
.jsyhq_1{padding:0.6rem 0; border-bottom:1px solid #eee;overflow:hidden;}
.jsyhq_1 .p1{ float:left;font-size: 0.8rem; color:#333;height:1.2rem; line-height:1.2rem;}
.jsyhq_1 .p2{ float:left;font-size: 0.75rem; color:#fff; display:block; height:1.2rem; line-height:1.2rem; width:3rem; text-align:center; border-radius:4px; background:#ff2150; margin-left:0.5rem}
.jsyhq_2{padding:0.6rem 0; border-bottom:1px solid #eee;overflow:hidden;}
.jsyhq_2 .jsjfL{ float:left; height:1.2rem; line-height:1.2rem;}
.jsyhq_2 .jsjfL p{ color:#333; font-size:0.8rem}
.jsyhq_2 .jsjfL p span{color:#ff2150; padding-left:0.5rem}
.jsyhq_2 .jsjfR{ float:right;width:1.2rem; height:1.2rem;}

.jsyhq.pad0{ padding:0}
.jsyhq_2.bor0{ border:0}
.jsyhq_2.bor0 a{ display:block; width:100%;}
.jsyhq.pad0 .jsyhq_2{ padding:0.7rem 0.5rem}
.mytb{ padding:0.5rem; border-bottom:1px solid #eee}
.mytb .mytbL{ float:left; width:3rem; height:3rem; padding-right:0.3rem}
.mytb .mytbL img{width:3rem; height:3rem; border-radius:100%}
.mytb .mytbC{ float:left;}
.mytb .mytbC .p1{ color:#333; font-size:0.8rem; line-height: 1.5rem;padding-top: 0.3rem;}
.mytb .mytbC .p2{ color:#999; font-size:0.7rem}
.mytb .mytbR{ float:right;width: 1.2rem; height:1.2rem; padding-top:1rem}
.mytb .mytbR img{}
.tuichu{ width:100%; height:2.5rem; background:url(../images/tcbg.jpg) repeat-y; margin-top:2rem}
.tuichu a{ display:block; text-align:center; line-height:2.5rem; color:#fff; font-size:1rem}

/*确认订单页面，选择的收货地址弹框*/
.mint-popup {  position: fixed;  background: #fff;  top: 50%;  left: 50%;  -webkit-transform: translate3d(-50%, -50%, 0);  transform: translate3d(-50%, -50%, 0);  -webkit-backface-visibility: hidden;  backface-visibility: hidden;  -webkit-transition: .2s ease-out;  transition: .2s ease-out;  z-index: 99999;  }
.address-dialog-wrap {width: 100%;height: 100%;overflow-y: scroll;background: #f4f4f4;  display: none;  }
.adress-dialog h3 {background: #f7f7f9;text-align: center;position: relative;font-weight: 400;height:3rem;line-height: 3rem;}
.adress-dialog h3 .addreaa-add {  position: absolute; right: 0; padding-right: 0.6rem;}
.adress-dialog h3 .dialog-wrap-close{  position: absolute;left: 0;  width: 50px;}
.adress-dialog h3 .dialog-wrap-close img{height: 1.1rem;  padding-top: 1.1rem;}
.adress-dialog .address-item{background: #fff;  padding: 0.8rem 0 0.8rem 0.8rem;border-bottom: 1px solid #ddd;}
.adress-dialog .address-item .left-c{width: calc(100% - 60px);  float: left;}
.adress-dialog .address-item .left-c .p1{color: #333;  font-size: 0.8rem;}
.adress-dialog .address-item .left-c .p1 span{padding-left: 1.2rem;}
.adress-dialog .address-item .left-c .p2 {  font-size: 0.75rem;  color: #999;  line-height: 1.4rem;  padding-top: 0.1rem;  }
.adress-dialog .address-item .left-c .p2 span{background: #FFF0ED;padding: 0.1rem 0.4rem;color: #FD3F00;border-radius: 2px;margin-right: 6px;}
.adress-dialog .address-item .right-c{width: 60px;  float: left; text-align: center;  height: 40px;  line-height: 40px;position: relative;}
.adress-dialog .address-item .right-c::before{content: '';display: block;width: 1px;height: 30px;position: absolute;top: 5px;left: 0px;background: #ddd;}

/*确认订单页面，编辑收货地址弹框*/

.box-show {
    display: block;
    animation: boxShow .3s linear forwards;
}
.box-show{
    display: block;
    animation: boxShow .3s linear forwards;
}
@keyframes boxShow{
    from {
        left: 150%;
    }
    to {
        left: 50%;
    }
}
@-webkit-keyframes boxShow /*Safari and Chrome*/
{
    from {
        left: 150%;
    }
    to {
        left: 50%;
    }
}

.box-hide{
    animation: boxHide .3s linear forwards;
}
@keyframes boxHide{
    from {
        left: 50%;
    }
    to {
        left: 150%;
    }
}
@-webkit-keyframes boxHide /*Safari and Chrome*/
{
    from {
        left: 50%;
    }
    to {
        left: 150%;
    }
}



/*收银台*/
.pay-info{text-align: center;padding: 1rem 0;}
.pay-info h3{font-size: 0.8rem;}
.pay-info div{color: #ff433b;font-size: 1.4rem;padding: 0.8rem 0;font-weight: bold;}
.pay-info p{text-align: center;}
.pay-info p em{font-style: normal;}
.pay-info p .daojishiend-box{display: none;}
.paybox{border-top:1px solid #eee; border-bottom:1px solid #eee;background:#fff}
.paybox .pay-type-t{padding: 0.5rem 0.8rem; height: 1.8rem;line-height: 1.8rem;font-size: 0.8rem;border-bottom: 1px solid #eee;}
.paybox .pay3{ padding:0.5rem; border-bottom:1px solid #eee; height:1.8rem;position:relative}
.paybox .pay3 .gwccheck{width:100%; height:100%;background-image:url(../images/checkno.png); background-repeat:no-repeat; background-position:center center; background-size:contain}
.paybox .pay3.on .gwccheck{background-image:url(../images/checkon.png); background-repeat:no-repeat; background-position:center center; background-size:contain}
.paybox .pay3 .pay3_L{ float:left; color:#999;}
.paybox .pay3 .pay3_L img{display:block; float:left; height:1.3rem; margin-top:0.3rem; padding-right:0.5rem}
.paybox .pay3 .pay3_L span{ display:block; float:left; font-size:0.8rem;height:1.8rem; line-height:1.8rem}
.paybox .pay3 .pay3_R{width:1.2rem; height:1.2rem; margin-top:0.3rem; float:right}
.paybox .pay3 .pay3_C{ float:right; padding-right:0.5rem; font-size:0.75rem; line-height:1.8rem}
.paybox .pay3 .tuijian{ position:absolute; top:0; right:0; z-index:0}
.paybox .pay3 .tuijian img{ height:1.3rem}
.confirmPay-daizhifu,.confirmPay-shixiao{width: 80%;height: 2.5rem;margin: 0 auto;background: #06BE61;color:#fff;box-shadow: 0 0 5px #ddd;border-radius: 30px;position: fixed;bottom: 20px;left: 50%;margin-left: -40%;text-align: center;line-height: 2.5rem;font-size: 0.9rem;}
.confirmPay-shixiao{display: none;}


/*付款成功*/
.paysuccess{ width:100%; background:#fff; padding:1rem 0;border-top:1px solid #eee; border-bottom:1px solid #eee;}
.paysuccess .pay1{ width:65%; margin:0 auto; height:4.5rem; }
.paysuccess .pay1_L{ float:left; width:4.5rem; height:4.5rem; overflow:hidden;padding-right:1rem}
.paysuccess .pay1_L img{ width:4.5rem; height:4.5rem; overflow:hidden}
.paysuccess .pay1_R{ flex:1; height:4.5rem}
.paysuccess .pay1_R p.p1{ color:#ff2150; font-size:1rem}
.paysuccess .pay1_R p.p2{ color:#999; font-size:0.75rem; line-height:1.5; padding-top:0.5rem}

.paysuccess .pay2{ width:65%; margin:0 auto; padding:0.5rem 0; height:2rem; margin-top:0.8rem}
.paysuccess .pay2 a{ display:block;height:1.5rem; width:6rem; text-align:center; line-height:1.5rem; border:1px solid #eee; background:#f9f9f9;font-size:0.75rem; color:#333; border-radius:3px}
.paysuccess .pay2 a.seedd{ float:left}
.paysuccess .pay2 a.comeshop{ float:right}


/*管理收货地址*/
.address-item{margin-bottom: 0.4rem;}
.addressbox{background:#fff;border-bottom:1px solid #eee; padding:0 0.5rem;border-top: 1px solid #eee;}
.addressbox_1{ padding:0.8rem 0 0.5rem 0;border-bottom:1px solid #eee;}
.addressbox_1 p.p1{color: #333;font-size: 0.8rem;}
.addressbox_1 p.p1 span{padding-left: 1.2rem;}
.addressbox_1 p.p2{font-size: 0.75rem;color: #999;line-height: 1.4rem; padding-top:0.1rem}
.addressbox_2{height:1.2rem; padding:0.7rem 0}
.addressbox_2 .ad1{float:left}
.addressbox_2 .ad1 .ad1_1{width:1.2rem; height:1.2rem; padding-right:0.2rem; float:left}
.addressbox_2 .ad1 .ad1_2{ color:#999; font-size:0.75rem; float:left; line-height:1.3rem}
.addressbox_2 .ad2{ float:right}
.addressbox_2 .ad2 .ad2_1{height:1.2rem; padding-right:0.2rem; float:left}
.addressbox_2 .ad2 .ad2_1 img{ height:0.9rem; margin-top:0.1rem}
.addressbox_2 .ad2 .ad2_2{color:#999; font-size:0.75rem; float:left; line-height:1.2rem}
.addressbox_2 .ad2.mr{ padding-right:0.5rem}
.addressbox.on{ border:0}

/*添加收货地址*/
.addressDiv{ border-bottom:1px solid #eee;border-top:1px solid #eee; padding:0 0.5rem; background:#fff}
.addressDiv .addiv1{ border-bottom:1px solid #eee; padding:0.5rem 0; height:1.5rem}
.addressDiv .addiv1 .addiv1_l{ float:left; text-align:right; width:20%; color:#666; font-size:0.8rem; line-height:1.5rem}
.addressDiv .addiv1 .addiv1_r{ float:left; width:65%;}
.addressDiv .addiv1 .addiv1_r input{ border:0; width:100%; height:1.5rem; outline:none; padding-left:0.2rem;color:#666; font-size:0.8rem; line-height:1.5rem}
.addressDiv .addiv1 .addiv1_c{ float:right; width:15%; height:1.5rem; border-left:1px solid #eee; box-sizing:border-box}
.addressDiv .addiv1 .addiv1_c img.dw{ height:1rem; display:block; margin:0 auto}
.addressDiv .addiv1 .addiv1_c p.dw{text-align:center; font-size:0.6rem;transform:scale(0.8); color:#ff2150}


/*我的*/
.myheader{ padding:1.5rem 1rem; height:3.2rem;background:url(../images/mybg.png) no-repeat; background-size:100% 100%}
.myheaderL{ float:left; width:3.2rem; height:3.2rem; overflow:hidden; padding-right:0.8rem}
.myheaderL img{ width:3.2rem; height:3.2rem; overflow:hidden; border-radius:100%; border:2px solid #fff;box-sizing: border-box;} 
.myheaderR{ flex:1}
.myheaderR .titname{ color:#fff;overflow:hidden; white-space:nowrap; font-size:1rem; font-weight:600; line-height:1.5rem}
.myheaderR .titname a{ color:#fff; font-size:0.8rem; float:right}
.myheaderR .mylike{overflow:hidden; white-space:nowrap; line-height:1.5rem}
.myheaderR .mylike a{ color:#fff; padding-right:1rem; font-size:0.75rem}

.mydd{ padding:0.5rem 0.8rem; height:1.5rem; background:#fff;border-bottom:1px solid #eee;}
.mydd .myddL{ float:left; width:50%; overflow:hidden}
.mydd .myddL img.ts{ height:0.9rem;margin-top: 0.3rem;display: block;float: left; padding-right:0.3rem}
.mydd .myddL img.com{ height:1.2rem; margin-top:0.1rem;display: block;float: left; padding-right:0.3rem}
.mydd .myddL span{ height:1.5rem; line-height:1.5rem; font-size:0.8rem; color:#333}
.mydd .myddR{ float:right; max-width:50%; overflow:hidden}
.mydd .myddR p{ color:#999; float:right; font-size:0.75rem; line-height:1.5rem;}
.mydd .myddR img{ float:right; height:1rem;margin-top: 0.25rem;}
.mydd a{ display:block; width:100%; height:100%}

.mystate{ padding:0.5rem 0.8rem;border-bottom:1px solid #eee; background:#fff}
.mystate ul{ overflow:hidden}
.mystate ul li{ float:left; width:25%; text-align:center}
.mystate ul li p{ color:#999; font-size:0.8rem; text-align:center; line-height:1rem; padding-top:0.3rem}
.mystate ul li .myddbg{ height:1.4rem; width:1.4rem; margin:0 auto; position:relative}
.mystate ul li .myddbg .num{ position:absolute; top:0; right:-0.2rem; z-index:99; background:#ff2150; color:#fff; width:0.8rem; height:0.8rem; text-align:center; line-height:0.8rem; border-radius:100%}

.bor{border-top:1px solid #eee;}


/*积分*/
.jfheader{padding:1rem;background:url(../images/mybg.png) no-repeat; background-size:100% 100%; position:relative; height:6.2rem}
.jfheader .guize{ font-size:0.75rem; text-align:right; width:100%; overflow:hidden; color:#fff}
.jfheader .jfnum{ color:#fff; font-size:1.5rem; width:100%;}
.jfheader .jfnum a{color: #fff;}
.jfheader .jfnum span{ padding-left:0.2rem; font-size:0.75rem}
.jfheader .jfsub{ color:#fff; font-size:0.8rem; padding-top:0.2rem}
.jfheader .jfgl{ position:absolute; bottom:0; left:0; width:100%; background:rgba(0,0,0,0.3); height:1.4rem; padding:0.5rem 0}
.jfheader .jfgl ul{ overflow:hidden}
.jfheader .jfgl ul li{ float:left; width:33.3%; text-align:center; height:1.4rem; line-height:1.4rem}
.jfheader .jfgl ul li:nth-child(2){ border-left:1px solid #fff; border-right:1px solid #fff; box-sizing:border-box}
.jfheader .jfgl ul li a{ display:block; width:100%; height:1.4rem; color:#fff; font-size:0.8rem; text-align:center; line-height:1.4rem}

.jfbox{border-top:1px solid #fff;border-bottom:1px solid #eee; background:#fff; padding:0 0.8rem}
.jfbox1{padding:0.6rem 0;border-bottom:1px solid #eee;}
.jfbox1:last-child{border-bottom:0}
.jfbox1_L{ float:left; width:3rem; height:3rem; overflow:hidden; padding-right:0.5rem}
.jfbox1_L img{width:3rem; height:3rem}
.jfbox1_R{ flex:1}
.jfbox1_R .jfbox1_R1{ color:#333; height:1.2rem; line-height:1.2rem}
.jfbox1_R .jfbox1_R1 .v1{ float:left; width:60%; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; font-size:0.8rem}
.jfbox1_R .jfbox1_R1 .v2{ float:right; font-size:0.75rem}
.jfbox1_R .jfbox1_R2{ height:1.4rem; margin-top:0.4rem}
.jfbox1_R .jfbox1_R2 .v3{ float:left; border:1px solid #ddd; color:#999; font-size:0.75rem; padding:0 0.5rem; height:1rem; line-height:1rem; border-radius:3px}
.jfbox1_R .jfbox1_R2 .v4{ float:right; color:#333; font-size:1rem}

/*积分商城列表*/
.jfscbox{margin: 0 1rem;background: #fff;border-top: 1px solid #eee;}
.jfscbox ul {overflow: hidden;}
.jfscbox ul li {float: left;width: 50%;border-bottom: 1px solid #eee;border-right: 1px solid #eee;box-sizing: border-box;overflow: hidden;}
.jfscbox ul li a {display: block;padding: 0.5rem;}
.jfscbox ul li img.proimg {width: 100%;}
.jfscbox ul li p.tit {height: 2.5rem;font-size: 0.8rem;padding-top: 0.5rem;color: #333;line-height: 1.5;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.jfscbox ul li p.price {color: #ff2150;padding-top: 0.5rem;height: 1rem;line-height: 1rem;font-size: 0.875rem;}
.jfscbox ul li p.price span {padding-left: 1rem;color: #999;text-decoration: line-through;font-size: 0.7rem;height: 1rem;line-height: 1rem;}
.jfscbox ul li p.price img {float: right;}

/*积分商品筛选*/
.jfspsxbox{width: 100%; max-width: 640px;margin: 0 auto;}
.jfspsxbox0{width: 100%;  max-width: 640px;  height: 100%;  top: 0;  z-index: 9999;}
.jfspf_mask{background: rgba(0,0,0,0.4);  height: 100%;  width: 100%;  position: fixed;  top: 0;  left: 0;  z-index: 9999;  display: none;}
#jfspsxtj{position: fixed;  right: -85%;  top: 0;  width: 85%;  height: 100%;  background: #fff;  z-index: 99999;}
.jfspsx_1{height: 2rem;  line-height: 2rem;  padding: 0 0.6rem;  background: #eee;  color: #999;  font-size: 0.75rem;}
.jfspsx_2{padding: 0 0.6rem;}
.jfspsx_2 .cat_item{ padding:0.3rem 0.8rem; font-size:0.75rem; white-space:nowrap; background:#eee; color:#666; margin-right:0.5rem;margin-bottom:0.5rem; border-radius:3px; line-height:2rem}
.jfspsx_2 .cat_item.on{background: #FFF0ED;color: #FD3F00;}
.jfspsx_2 p.tit {color: #333;padding: 0.6rem 0 0.3rem;}

/*我的订单*/
.myddstatu{ width:100%; background:#fff;}
.myddstatu ul{ overflow:hidden}
.myddstatu ul li{ float:left; width:20%; text-align:center}
.myddstatu ul li a{ display:block; width:100%; height:100%; font-size:0.9rem; text-align:center; height:2.5rem; line-height:2.5rem}
.myddstatu ul li.on{ border-bottom:1px solid #ff2150; box-sizing:border-box}
.myddstatu ul li.on a{ color:#ff2150}

.myddcon{ padding:0 0.6rem 1rem 0.6rem}
.myddcon1{ background:#fff;  border-radius:14px; margin-top:0.8rem;padding: 0.2rem;}
.myddcon1 .dpbox{padding: 0.6rem;height: 1.2rem;line-height: 1.2rem;}
.myddcon1 .dpbox .dpL{float: left; width: 60%; overflow: hidden; height: 1.2rem;}
.myddcon1 .dpbox .dpL span{display: block; font-size: 0.8rem; max-width:80%; float: left;height: 1.2rem;line-height: 1.2rem;overflow: hidden;font-weight: bold;}
.myddcon1 .dpbox .dpL img{padding-left: 0.2rem;height: 1.1rem;margin-top: 0.1rem;}
.myddcon1 .dpbox .dpR{ float:right; color:#ff2150; font-size:0.8rem}
.myddcon1 .dpbox .dpR a{ color:#FE5000}

.myddcon1 .shopbox{padding: 0.6rem;overflow: hidden;background: #fff;}
.myddcon1 .shopbox .shopboxL{ float:left; width:5rem; height:5rem; overflow:hidden; padding-right:0.5rem}
.myddcon1 .shopbox .shopboxL img{width:5rem; height:5rem;}
.myddcon1 .shopbox .shopboxR{ flex:1;height:3rem;}
.shopboxR_1{ height:2.4rem; overflow:hidden}
.shopboxR_1 .sbr1_1{ float:left;height:2.4rem; width:70%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical; font-size:0.9rem; color:#333;line-height: 1.2rem;}
.shopboxR_1 .sbr1_1.w-100{ width:100%;}
.shopboxR_1 .sbr1_2{ float:right; height:2rem}
.shopboxR_1 .sbr1_2 .p1{ color:#999;font-size:0.75rem; text-align:right; text-decoration:line-through}
.shopboxR_1 .sbr1_2 .p2{ color:#333;font-size:0.8rem ; text-align:right}
.shopboxR_2{ height:1rem; overflow:hidden;color:#999;margin-top: 0.3rem}
.shopboxR_2 .p3{ float:left; width:70% ;overflow:hidden; white-space:nowrap;text-overflow:ellipsis; font-size:0.75rem; padding-top:0.1rem}
.shopboxR_2 .p4{ float:right;font-size:0.8rem;}

.dphjbox{padding: 0.6rem;height: 1.2rem;line-height: 1.2rem;}
.dphjbox .p5{ color:#4a4a4a; font-size:0.75rem; text-align:right}
.dphjbox .p5 span{ font-size:1rem; font-weight:500}

.dpbtn{padding: 0.6rem;height: 2rem;line-height: 2rem;}
.dpbtn1{ float:left; width:50%; overflow:hidden}
.dpbtn1 img{ display:block; float:left; height:1rem;padding-right:0.2rem; padding-top:0.5rem;}
.dpbtn1 .span{ display:block; float:left;color:#666;height: 1.4rem; line-height:1.4rem; font-size:0.75rem}
.dpbtn2{ float:right;}
.dpbtn2 a{ display: block;  border: 1px solid #FE5000;  color: #FE5000;  font-size: 0.75rem;  padding: 0rem 1rem;  height: 2rem;  line-height: 2rem;  border-radius: 16px;  box-sizing: border-box;float: left;  margin-right: 0.8rem;}
.dpbtn2 a:last-child{margin-right: 0;}
.dpbtn2 a.gray{border: 1px solid #B5B5B5;  color: #B5B5B5;}
.dpbtn3{ float:right; padding-right:0.5rem}
.dpbtn3 a{ display: block;  border: 1px solid #ddd;  color: #999;  font-size: 0.75rem;  padding: 0rem 1rem;  height: 2rem;  line-height: 2rem;  border-radius: 16px;  box-sizing: border-box; }


/*订单详情*/
.dddshbox1{padding: 1.5rem 1rem;background: url(../images/mybg.png) no-repeat;background-size: 100% 100%;}
.dddshbox1_1{ color:#fff; font-size:1rem}
.dddshbox1_2{ color:#fff; font-size:0.8rem; padding-top:0.6rem;}

.ddwl{ padding:0.8rem 0.6rem; background:#fff; border-bottom:1px solid #eee; height:2rem;}
.ddwl a{ display:block; width:100%; height:100%}
.ddwl .ddwl1{ float:left}
.ddwl .ddwl1 img{ height:1.6rem; padding-top:0.2rem; padding-right:0.3rem}
.ddwl .ddwl2{ float:left; width:80%; overflow:hidden}
.ddwl .ddwl2 .p1{ color:#7bb008;overflow:hidden; white-space:nowrap;text-overflow:ellipsis; line-height:0.9rem; font-size:0.8rem}
.ddwl .ddwl2 .p2{overflow:hidden; white-space:nowrap;text-overflow:ellipsis; color:#999; font-size:0.75rem; padding-top:0.4rem}
.ddwl .ddwl3{ float:right}
.ddwl .ddwl3 img{height: 1.1rem;margin-top: 0.4rem;}

.ddwl .ddwl5{ float:left; width:85%}
.ddwl .ddwl5 .p1{ color:#333; font-size:0.8rem;overflow:hidden; white-space:nowrap; line-height:0.9rem}
.ddwl .ddwl5 .p2{overflow:hidden; white-space:nowrap;text-overflow:ellipsis; color:#999; font-size:0.75rem; padding-top:0.4rem}

.shnobox{ background:#fff; padding:0 0.8rem;border-bottom: 1px solid #eee;border-top: 1px solid #eee; }
.shnobox1{padding: 0.7rem 0;height: 1.2rem;line-height: 1.2rem;border-bottom: 1px solid #eee;}
.shnobox1 .shnobox1_L{float: left; width: 60%;overflow: hidden;height: 1.2rem;}
.shnobox1 span{display: block;font-size: 0.8rem;max-width: 80%;float: left;height: 1.2rem;line-height: 1.2rem;overflow: hidden;}
.shnobox1 img{padding-left: 0.2rem; height: 1.1rem;margin-top: 0.1rem;}
.shnobox1 .shnobox1_R{ float:right}
.shnobox1 .shnobox1_R img{ float:left; display:block; height:0.8rem; padding-right:0.3rem}
.shnobox1 .shnobox1_R span{ float:left;height: 1.2rem; display:block;line-height: 1.2rem; font-size:0.75rem; color:#666}

.shnobox2{padding: 0.7rem 0;overflow: hidden}
.shnobox2 .shnobox2_L{float: left;width: 5rem;height: 5rem;overflow: hidden;padding-right: 0.5rem;}
.shnobox2 .shnobox2_L .img{width: 3rem;height: 3rem}
.shnobox2 .shnobox2_R{flex: 1;height: 3rem;}
.shnobox2_R_1{ overflow:hidden}
.shnobox2_R_1 .le{float: left;  height: 2.4rem;  width: 70%;  overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;  font-size: 0.9rem;  color: #333;  line-height: 1.2rem;}
.shnobox2_R_1 .ri{ float:right;color:#333;font-size:0.8rem;}
.shnobox2_R_1 .ri p{text-align: right;}
.shnobox2_R_1 .ri .p2{color: #999;}
.shnobox2_R_2{ height:2rem; overflow:hidden}
.shnobox2_R_2 .lef{ float:left; width:70%; overflow:hidden}
.shnobox2_R_2 .lef .p1{ color:#999; font-size:0.75rem;line-height:1rem; padding-top:0.2rem}
.shnobox2_R_2 .lef .p2{ width:100%; text-align:right;}
.shnobox .rig{display: flex;justify-content: flex-end;margin-bottom: 0.6rem;}
.shnobox .rig a{display: block;border: 1px solid #c3c3c3;color: #525252;font-size: 0.75rem;padding: 0 0.8rem;height: 1.2rem;line-height: 1.1rem;border-radius: 11px;  box-sizing: border-box;}

/*退款记录*/
.refundcon{padding: 0 0.6rem 1rem 0.6rem;}
.tkstatus{width: calc(100% - 1.2rem);margin: 0.2rem 0.6rem;background: #eee;height: 2rem;line-height: 2rem;text-align: center;color: #000;border-radius: 0.2rem;}

/*退款*/
/*退款弹框*/
.refund-pop{display:none;background: #f7f7f7;padding-bottom: 0.5rem;border-top-left-radius: 14px;border-top-right-radius: 14px;z-index: 999999;position: absolute;width: 100%;  bottom: 0px;height: 100%;}
.tuihuou-warp{width: 100%;background: #fff;padding: 0 0.8rem;box-sizing: border-box;border-bottom: 1px solid #eee;}
.tuihuou-warp .tuihuou-item{width: 100%;position: relative;padding: 1rem 0 0.4rem 0;border-bottom: 1px solid #eee;}
.tuihuou-warp .tuihuou-item:last-child{border-bottom: none;}
.tuihuou-warp .tuihuou-item span{display: inline-block;width: 5rem;position: absolute;left: 0;height: 1.2rem;line-height: 1.2rem;color: #000;font-weight: bold;}
.tuihuou-warp .tuihuou-item .tuihuou-r{display: inline-block;width: 100%;padding-left: 5rem;box-sizing: border-box;}
.tuihuou-warp .tuihuou-item .tuihuou-r .tuihuou-type{ height: 1.2rem; line-height: 1.2rem; display: inline-block; float: left;padding-left:1.4rem;    position: relative;margin-right: 1rem;}
.tuihuou-warp .tuihuou-item .tuihuou-r .tuihuou-type:before{content: ''; display: inline-block;width: 1.2rem;height: 1.2rem; line-height: 1.2rem;background-image: url(../images/checkno.png); background-repeat: no-repeat; background-position: center center;  background-size: contain;  position: absolute;left: 0;}
.tuihuou-warp .tuihuou-item .tuihuou-r .tuihuou-type.on:before{ content: ''; display: inline-block;width: 1.2rem;height: 1.2rem; background-image: url(../images/checkon.png); background-repeat: no-repeat; background-position: center center;background-size: contain;}
.tuihuou-warp .tuihuou-item .tuihuou-r input{border:0;outline:none;width: 100%;height: 1.2rem;line-height: 1.2rem;}
.tuihuou-warp .tuihuou-item .tuihuou-r.money-box{position: relative;}
.tuihuou-warp .tuihuou-item .tuihuou-r.money-box a{position: absolute;right: 0;display: inline-block;height: 1.2rem;line-height: 1.2rem;color: #3364f1;}
.tk-type-pop{display: none;background: #fff;padding-bottom: 0.5rem;border-top-left-radius: 14px;border-top-right-radius: 14px;z-index: 9999999;position: fixed;width: 100%;  bottom: 0px;}
.tk-type-pop .tk-tit{font-size: 1rem;text-align: center;color: #000;padding: 1rem 0 0.8rem 0;border-bottom: 1px solid #ddd;}
.tk-select-warp{height: 15rem;overflow: auto;padding: 0.8rem;}
.tk-select-warp .tk-select-item{padding: 0.8rem 0;border-bottom: 1px solid #eee;text-align: center;}
.tk-type-pop_close{display: block;width: 50px;height: 30px;position: absolute;top: 16px;right: 10px;text-align: center;line-height: 30px;color: #b0b0b0;font-size: 0.9rem;}
.tk-sub-box{width: 80%;margin: 1.8rem auto 0;}
.tk-sub-box a{display:block;width: 100%;text-align: center;height: 2rem;line-height: 2rem;background: #f12020;color: #fff;border-radius: 2rem;}

/*退款详情*/
.refunddetail-wap *{box-sizing: border-box;}
.refund-status-b{width: 100%;padding: 0.8rem;
    background: -webkit-linear-gradient(left,#fe8f02,#ff5102);
    background: -o-linear-gradient(left,#fe8f02,#ff5102);
    background: -moz-linear-gradient(left,#fe8f02,#ff5102);
    background: linear-gradient(left,#fe8f02,#ff5102);
}
.refund-status-b .r-s-b2{background: #fff;width: 100%;border-radius: 1rem; padding: 1rem;}
.refund-status-b .r-s-b2 h3{font-size: 2rem;color: #000;}
.refund-status-b .r-s-b2 p{font-size: 0.8rem;color: #a2a2a2;margin-top: 0.8rem;}
.refund-status-b .r-s-b2 p .apply-countdown{color: #6c6c6c;font-weight: normal;}
.refund-status-b .r-s-b2 p .apply-countdown span{color: #f40;margin: 0 3px;}
.refunddetail-wap .item-box{padding: 0.6rem 0.8rem;background: #fff;}
.refunddetail-wap .item-box.b{font-weight: bold;color: #C26B21;margin-bottom: 0.2rem;}
.refunddetail-wap .item-box .fl,.refunddetail-wap .item-box .fr{height: 1.6rem;line-height: 1.6rem;}
.refunddetail-wap .item-box .fl{float: left;}
.refunddetail-wap .item-box .fr{float: right;}
.refund-info {background: #fff;margin-top: 0.8rem; padding:  0.2rem 0.2rem 1rem 0.2rem}
.refund-info .refundtit{padding: 0.6rem;height: 1.2rem;line-height: 1.2rem;font-weight: bold;font-size: 0.8rem;}
.refund-info .shopbox {  padding: 0.6rem;  overflow: hidden;  background: #fff;  }
.refund-info .shopbox .shopboxL {  float: left;  width: 5rem;  height: 5rem;  overflow: hidden;  padding-right: 0.5rem;  }
.refund-info .pb{padding: 0.3rem 0.6rem}
.refund-info .pb .pl{display: inline-block;float: left;width: 5.4rem;color: #a5a5a5;}
.refund-info .pb .pr{color: #000;}

/*协商历史*/
.negotiate-item{padding: 0.8rem;background: #fff;margin-top: 0.4rem;}
.negotiate-item span{padding: 0.4rem 0;display: block;color: #afafaf;}
.negotiate-item p{color: #000;line-height: 1.2rem;}


.red{ color:#ff2150}

.shnobox .jsyf{padding: 0.6rem 0;  overflow: hidden;  background: #fff;border: none;}

.shnobox3{ padding:0.7rem 0; overflow:hidden; font-size:0.75rem; color:#999; line-height:1.3rem}

.hejiBox-ddxq{width:100%; max-width:640px; margin:0 auto;background:#fff }
.hejiBox-ddxq .heji-ddxq{height:2.8rem;position:fixed;width:100%;max-width:640px;bottom:0rem;background:#fff;z-index:99999; border-top:1px solid #eee;padding: 0 0.5rem;  box-sizing: border-box;}
.hejiBox-ddxq .heji-ddxq .heji_5-ddxq{ float:right; height:2.8rem; overflow:hidden }
.hejiBox-ddxq .heji-ddxq .heji_5-ddxq a{display: inline-block;text-align: center; font-size: 0.875rem;  border-radius: 1rem;  border: 1px solid #ff2150;  color: #ff2150;  padding: 0.3rem 0.8rem;  top: 50%;  transform: translateY(-50%);  position: relative;}
.hejiBox-ddxq .heji-ddxq .heji_5-ddxq a.gray{border: 1px solid #B5B5B5;  color: #B5B5B5;}

/*晒单评价*/
.fabiao{ width:100%;height: 2.8rem;}
.fabiao a{display: block;background: #ff2150;color: #fff;text-align: center;line-height: 2.8rem;width:100%;height: 2.8rem;font-size: 0.875rem;}

.pingjiabox1{padding: 0.6rem;overflow: hidden;background: #fff;}
.pingjiabox1 .pjleft{ float:left; width:5rem; height:5rem; overflow:hidden; padding-right:0.5rem}
.pingjiabox1 .pjleft img{width:5rem; height:5rem;}
.pingjiabox1 .pjright{ flex:1}
.pingjiabox1 .pjright .p1{ color:#333; font-size:0.75rem; line-height:1rem}
.pingjiabox1 .pjright .p2{ color:#999; font-size:0.75rem; line-height:1rem}
.pingjiabox1 .pjright .p3{ color:#ff2150; font-size:0.8rem; text-align:right; line-height:1rem; font-weight:600}
.pingjiabox2{ background:#fff; overflow:hidden; padding:0.6rem; border-bottom:1px solid #eee}
.pingjiabox2 .pjbox2_l{ float:left; width:40%; font-size:0.8rem; line-height:1.2rem; color:#333}
.pingjiabox2 .pjbox2_r{ float:right; max-width:60%;}
.pingjiabox2 .pjbox2_r label{margin-left: 1rem;}
.pingjiabox2 .pjbox2_r input{vertical-align: -2px;margin-right: 3px;}
.pingjiabox2 .pjbox2_r img{ height:1rem; padding-top:0.1rem}
.pingjiabox2 .yijian{ padding:0.5rem;height:3rem; margin-top:0.5rem; background:#f7f7f7;}
.pingjiabox2 .yijian textarea{ width:100%; height:3rem; border:0; background:#f7f7f7; font-size:0.75rem; color:#999; outline:none}
.pingjiabox2 .picture{ overflow:hidden; padding-top:0.6rem}
.pingjiabox2 .picture img{ display:block; float:left; width:3rem; height:3rem; padding-right:1rem}
.pingjiabox3{border-top:1px solid #eee; background:#fff}
.pingjiabox3_1{ padding:0.6rem; border-bottom:1px solid #eee;}
.pingjiabox2.bort{ border-bottom:0; padding:0.4rem 0.6rem}
.pingjiabox2 .pjbox2_l.fon{ font-size:0.875rem}


/*评价成功*/
.pjsuccess{ text-align:center; width:50%; margin:0 auto; padding-top:4rem}
.pjsuccess img{ width:7rem; height:7rem}
.pjsuccess .p1{text-align:center; line-height:1.5rem; font-size:0.9rem; padding-top:1rem}
.pjsuccess .p2{ text-align:center; line-height:1.5rem; font-size:0.8rem}

/*我的评价*/
.mypjbor{padding: 0 0.6rem;  background: #fff;border: 0;}
.mypjbox {  width: 100%;  padding-top: 0.5rem;  border-bottom: 1px solid #eee;  padding-bottom: 0.5rem;  }
.mypjbox .pj1 {  height: 1.5rem;  width: 100%;  }
.mypjbox .pj1 img {  height: 1.5rem; border-radius: 100%; width: 1.5rem; display: block; float: left;}
.mypjbox .pj1 span { color: #666; font-size: 0.75rem; height: 1.5rem; line-height: 1.5rem; display: block; float: left; padding-left: 0.3rem;}
.mypjbox .pj2 { padding-top: 0.3rem; color: #666; font-size: 0.75rem; line-height: 1rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.mypjbox .pj3 { color: #999; font-size: 0.75rem; line-height: 2rem; }
.mypjbox .pj4 { padding-top: 0.3rem; color: #666; font-size: 0.75rem; line-height: 1rem; overflow: hidden; }
.mypjbox .goodsbox { background: #f8f8f8;border: 1px solid #eee;height: 75px;margin-bottom: 0.4rem;margin-top: 0.8rem;}
.mypjbox .goodsbox .listL { float: left;width: 75px;  padding-right: 0.8rem;  }
.mypjbox .goodsbox .listL img {  width: 75px;  height: 75px;  }
.mypjbox .goodsbox .listR .v1 { text-overflow:ellipsis;white-space:nowrap;  font-size: 0.75rem;  overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;  line-height: 1.2rem;  color: #333;  margin: 0.6rem 0.8rem;  padding-left: 0.8rem;  padding-left: 0;  }
.mypjbox .goodsbox .listR .v3 { padding: 0 0.8rem; }
.mypjbox .goodsbox .listR .v3 .p1 {  float: left;  font-size: 1rem;  color: #ff2150;  font-weight: 600;  }
.mypjbox .goodsbox .listR .v3 .p1 span {  color: #999;  font-size: 0.75rem;  text-decoration: line-through;  padding-left: 0.5rem;  font-weight: normal;  }

.images-box{width:100%;margin-top: 10px;}
.images-box img{display: -webkit-inline-flex;width:31%;padding: 1%;border-radius: 6px}

.layui-layer-imguide, .layui-layer-imgbar{display: inline!important}
/*搜索*/
.headerbox .header .headerC0{ margin:0 auto; height:1.8rem; line-height:1.8rem; text-align:center; box-sizing:border-box; border-radius:4px;display: flex;margin-left: 2.6rem;  margin-right: 3rem;}
.headerbox .header .headerC0.m-r-4{margin-right: 4rem;}
.headerbox .header .headerC0 .ssdiv{ display:block; width: 100%;height:100%;background: #f7f7f7;  border-radius: 1.8rem;}
.headerbox .header .headerC0 .ssdiv input{ float:left; width:96%; border:0; outline:none; height:1.8rem; line-height:1.8rem; color:#999; font-size:0.8rem; background:url('../images/sear.png') no-repeat; padding-left: 2rem;  box-sizing: border-box; background-size: 1.2rem;background-position: 0.5rem 0.3rem;}
.headerbox .header .headerC0 .sear-btn-box{width: 3rem;  display: inline-block;  background: #f73e3e; color: #fff; border-radius: 4px;}
.headerbox .header .headerC0 .sear-btn-box img{ height: 1.4rem;  top: 4px;  position: relative;}


.zjssbox{ padding:0.5rem 0.6rem; overflow:hidden; height:1.8rem}
.zjssbox img.i1{ float:left; display:block;height: 1.1rem;margin-top: 0.2rem;}
.zjssbox .sstxt{ height:1.8rem; line-height:1.8rem; float:left}
.zjssbox img.i2{ float:right; display:block;height: 1.1rem;margin-top: 0.2rem;}

.ssbox{ overflow:hidden; padding:0 0.6rem}
.ssbox a{ border:1px solid #ddd; display:block; float:left; height:1.4rem; line-height:1.4rem; padding:0 0.5rem; font-size:0.75rem; margin-right:0.5rem; margin-bottom:0.5rem; border-radius:4px}
.linebox{ padding:0 0.6rem; height:1px; padding-top:0.5rem}
.linebox .line0{width:100%; height:1px; background:#ddd}

/*分类*/
.shoptypebox{ width:100%; height:100%; overflow:hidden}
.shtypeLeft{ float:left; width:25%;height:100%;overflow:auto;background:#f7f7f7;}
.shtypeLeft ul{overflow:scroll}
.shtypeLeft ul li{width:100%;height:3rem; overflow:hidden ;border-bottom:1px solid #eee;border-right:1px solid #eee; box-sizing:border-box}
.shtypeLeft ul li a{ display:block; color:#333; font-size:0.8rem; text-align:center; height:3rem; line-height:3rem}
.shtypeLeft ul li.on{ background:#fff;border-right:0}
.shtypeLeft ul li.on a{ color:#1762cd}

.shtypeRight{ float:left; width:75%;height:100%; background:#fff;overflow:auto;}
.shtypeRight .boxOne{ padding:0.6rem; overflow:scroll;}
.shtypeRight .box1{ width:100%}
.shtypeRight .box1 img{ width:100%}
.shtypeRight .box2{padding-top:0.5rem}
.shtypeRight .box2.botrtop{ padding-top:1rem}
.shtypeRight .box2 p{ font-size:0.9rem; font-weight: bold; color:rgb(51, 51, 51); height:2rem; line-height:2rem}
.shtypeRight .box3{ width:100%; margin-top:0.6rem}
.shtypeRight .box3 ul{ overflow:hidden}
.shtypeRight .box3 ul li{ float:left; width:32%; text-align:center; margin-right:2%; overflow:hidden; margin-bottom:0.6rem}
.shtypeRight .box3 ul li:nth-child(3n){ margin-right:0}
.shtypeRight .box3 ul li a{ display:block; height:100%; width:100%}
.shtypeRight .box3 ul li img{ width:4rem;}
.shtypeRight .box3 ul li p{ text-align:center; color:#333; font-size:0.75rem; height:1.2rem; line-height:1.2rem;overflow:hidden; white-space:nowrap}



/*物流*/
.wuliubox{ padding:0 0.6rem;}
.wlbox1{ color:#333; font-size:0.8rem; padding:0.6rem 0; height:1.2rem; line-height:1.2rem; border-bottom:1px solid #eee}
.wlbox2{ color:#333; font-size:0.8rem; padding:0.6rem 0; height:1.2rem; line-height:1.2rem;}
.wlbox3{position:relative;padding-left:0.8rem;overflow:hidden;}
.wlbox3 .line{width:1px;height:100%;background-color:#ddd;position:absolute;left:1.4rem;z-index:-1;}
.wlbox3 ul{}
.wlbox3 ul li{padding-left:2rem;font-size:0.75rem;color:#999; line-height:1rem; margin-bottom:2rem;background:url(../images/wlicon0.png) left center no-repeat}
.wlbox3 ul li:first-child{ color:#7bb008; background:url(../images/wlicon.png) left center no-repeat}
.wlbox3 ul li:last-child{margin-bottom:0px;}


/*优惠券*/
.quanbox{ width:100%; background:#fff;}
.quanbox ul{ overflow:hidden}
.quanbox ul li{ float:left; width:25%; text-align:center}
.quanbox ul li a{ display:block; width:100%; height:100%; font-size:0.9rem; text-align:center; height:2.5rem; line-height:2.5rem}
.quanbox ul li.on{ border-bottom:1px solid #ff2150; box-sizing:border-box}
.quanbox ul li.on a{ color:#ff2150}

.quanbox1{ padding:0 0.6rem 1rem 0.6rem}
.quanbox1_1{margin-top:0.4rem; position:relative}
.quanbox1_1 .quanbg{ width:100%}
.quanbox1_1 .quanbg img{ width:100%;}
.quanbox1_1 .quanb{ background:url(../images/quanbg.png) repeat-y; background-size:100%; padding-top:0.5rem; padding-bottom:0.3rem}
.quanbL{ float:left; width:60%}
.quanbL .p1{ color:#fff; font-size:0.8rem; padding-left:1rem; padding-bottom:0.3rem}
.quanbL .p2{color:#fff; font-size:0.75rem; padding-left:1rem}
.quanbL .p2 span{ font-size:1.5rem; padding-right:0.3rem}
.quanbR{ float:left; width:40%}
.quanbR .p3{ text-align:center; font-size:0.75rem; color:#999; line-height:1rem}
.quanbox1_1 .quanb.quanb1{background:url(../images/quanbg1.png) repeat-y; background-size:100%;}
.shiyong{ position:absolute; left:50%; z-index:999; top:0.5rem}
.shiyong img{ height:4rem}


.quannewsbox{ width:100%; background:#fff;}
.quannewsbox ul{ overflow:hidden}
.quannewsbox ul li{ float:left; width:33.3%; text-align:center}
.quannewsbox ul li a{ display:block; width:100%; height:100%; font-size:0.9rem; text-align:center; height:2.5rem; line-height:2.5rem}
.quannewsbox ul li.on{ border-bottom:3px solid #e32831; box-sizing:border-box}
.quannewsbox ul li.on a{ color:#e32831}

.quannewsbox1{padding:0 0.6rem 1rem 0.6rem}
.quannews_1{margin-top:0.5rem; position:relative; overflow:hidden}
.quannews_1 .quanbg{ width:100%}
.quannews_1 .quanbg img{ width:100%;}
.quannews_1 .quanb{ background:url(../images/q2.png) repeat-y; background-size:100%; padding-top:0.5rem; padding-bottom:0.3rem}
.quannews_1 .quanb .quanL{ width:55%; margin-left:21%; float:left}
.quannews_1 .quanb .quanL p.p1{ color:#fff; font-size:0.95rem;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.quannews_1 .quanb .quanL p.p2{color:#fff; font-size:0.75rem;overflow:hidden; white-space:nowrap;text-overflow:ellipsis; padding-top:0.3rem; padding-bottom:0.3rem}
.quannews_1 .quanb .quanR{ width:24%; float:right; overflow:hidden}
.quannews_1 .quanb .quanR p.p3{color:#fff; font-size:1.2rem;overflow:hidden; white-space:nowrap;text-overflow:ellipsis; text-align:center;}
.quannews_1 .quanb .quanR a{ display:block; text-align:center; height:1.2rem; line-height:1.2rem; width:80%; margin:0 auto;border-radius: 5px; margin-top:0.2rem; font-size:0.7rem}
.quannews_1 .quanb .quanR a.a1{ background:#fecd04; color:#f13e3b}
.quannews_1 .quanb .quanR a.a2{background:#a00300; color:#fff; }
.quannews_1 .quanstate{ position:absolute; top:0; left:0; width:20%}
.quannews_1 .quanstate img{ width:100%}
.quannews_1 .quanb.bg{background:url(../images/q7.png) repeat-y;background-size:100%;}
.quannews_1 .quanb.bg p.p1{ color:#333}
.quannews_1 .quanb.bg p.p2{ color:#333}
.quannews_1 .quanb.bg .quanR a.a3{background:#fff; color:#333; }
.quannews_1 .quanstate2{ position:absolute; top:8%; right:28%; width:17%}
.quannews_1 .quanstate2 img{ width:100%}

.quannews_2{margin-top:0.5rem; background:url(../images/q11.png) no-repeat; background-size:100% 100%; position:relative; overflow:hidden}
.quannews_2 .d1{ padding-top:1.2rem; padding-bottom:0.5rem}
.quannews_2 .d1 p{ text-align:center; font-size:0.8rem; color:#fff}
.quannews_2 .d2{ padding-bottom:3rem}
.quannews_2 .d2 .d21{ float:left; margin:0 5%; width:15%}
.quannews_2 .d2 .d21 img{ width:100%; margin-top:0.2rem}
.quannews_2 .d2 .d22{ float:left; font-size:0.75rem; text-align:center; float:left; width:50%; color:#fff}
.quannews_2 .d3{ font-size:2rem; color:#fff; padding-left:1rem; padding-bottom:4rem}
.quannews_2 .d4{ position:absolute; bottom:1rem; right:1rem; width:35%}
.quannews_2 .d4 img{ width:100%}

.quannewsbox2{padding:0 0.6rem}
.quannews_3{ background:#fff; padding:0.5rem 0.8rem}
.quannews_3 p{ text-align:right; font-size:0.75rem; color:#333; border-bottom:1px solid #ccc; line-height:1.2rem; padding-bottom:0.5rem}

.quannews_4{background:#fff; padding:0.5rem 0.8rem;color:#333; padding-bottom:1rem}
.quannews_4 p.p1{ font-size:0.8rem; font-weight:bold; padding-top:0.5rem; padding-bottom:0.5rem}
.quannews_4 p.p2{ font-size:0.75rem; line-height:1.5rem; border-bottom:1px solid #ddd}
.quannews_4 p.p3{ font-size:0.75rem; line-height:1.2rem;}
.ljsy{ background:#fff; padding:0.5rem}
.ljsy a{ display:block; margin:0 auto; background:#ccc; color:#fff; height:1.5rem; line-height:1.5rem; width:5rem; text-align:center; border-radius:4px}

.quannews_2.bg{background:url(../images/q14.png) no-repeat; background-size:100% 100%;}

/*我的优惠券*/
.coupon-box{padding: 1rem;}
.coupon-box *{ box-sizing: border-box; }
.coupon-box .coupon-item{width: 100%;background: #fff;padding: 0.6rem;border-radius: 16px;margin-bottom: 10px;}
.coupon-box .coupon-item .stor{display: flex;  justify-content: space-between;height: 2rem;  line-height: 2rem;  margin-bottom: 0.6rem;}
.coupon-box .coupon-item .stor .stor-left{display: flex;}
.coupon-box .coupon-item .stor .stor-left .stor-name{font-weight: bold;}
.coupon-box .coupon-item .stor .stor-right{  width: 20%;text-align: center; }
.coupon-box .coupon-item .stor .stor-go{text-align: center;padding: 0.2rem 1rem;  border: 1px solid #ddd;  border-radius: 1rem;}
.coupon-box .coupon-item .coupon-content{width: 80%;float: left;background: #fff6f1;padding: 0.8rem;border-radius: 10px;border-right: 1px dashed #bbb;height: 6rem;display: flex;}
.coupon-box .coupon-item .coupon-content.gray{background: #eee;}
.coupon-box .coupon-item .coupon-content .goods-img{width: 4.4rem;  float: left;  height: 100%;}
.coupon-box .coupon-item .coupon-content .coupon-detail{float: left;padding-left: 0.4rem;}
.coupon-box .coupon-item .coupon-content .coupon-detail .coupon-p{color: #E86129;font-size: 13px;}
.coupon-box .coupon-item .coupon-content .coupon-detail .coupon-p span{color: #DF5A18;font-size: 22px;}
.coupon-box .coupon-item .coupon-content .coupon-detail .time{font-size: 0.7rem;}
.coupon-box .coupon-item .coupon-use{width: 20%;float: left;background: #fff6f1;height: 6rem;border-radius: 10px;text-align: center;line-height: 6rem;}
.coupon-box .coupon-item .coupon-use.gray{background: #eee;}
.coupon-box .coupon-item .coupon-use span{padding: 0.2rem 0.4rem;  background: linear-gradient(to right, #FCA022, #FF5000);  color: #fff;  border-radius: 2rem;}
.coupon-box .coupon-item .coupon-use.gray span{padding: 0px; background: none;color: #666}


/*店铺列表*/
.dpubox{ padding:0 0.6rem; background:#fff;border-top: 1px solid #eee;border-bottom: 1px solid #eee;position: relative;left: 0rem;}
.dpubox .dpuboxleft{width: 100%;  display: inline-block;}
.dpubox .dpuboxright{ width: 6rem; height: 100%; position: absolute; overflow: hidden;display: flex;  align-items: center;  justify-content: center;  top: 0px;  right: -6rem;background: #ff2e00;  color: #fff; cursor: pointer;}
.dpubox1{padding: 0.8rem 0;height: 2.3rem;border-bottom: 1px solid #eee;overflow: hidden;}
.dpubox1 .dpubox1L{ float:left; width:70%; overflow:hidden ;cursor: pointer;}
.dpubox1 .dpubox1L .dpimg{ float:left;width: 2.3rem;height: 2.3rem;padding-right: 0.5rem;}
.dpubox1 .dpubox1L .dptxt{ flex:1;height: 2.3rem;}
.dpubox1 .dpubox1L .dptxt .p1{color: #333; line-height:1.3rem;font-size: 0.8rem;overflow:hidden; white-space:nowrap;text-overflow:ellipsis}
.dpubox1 .dpubox1L .dptxt .p2{color: #999; line-height:1rem;font-size: 0.75rem;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.dpubox1 .dpubox1R{ float:right; width:30%;height: 2.3rem;}
.dpubox1 .dpubox1R a{ float:right; display:block;border: 1px solid #ff2150;color: #ff2150;font-size: 0.75rem;padding: 0 0.5rem;height: 1.4rem;line-height: 1.4rem;border-radius: 3px;background: #fff;box-sizing: border-box; margin-top:0.4rem}
.dpubox-bgdiv {  width: 100%;  height: 100%;  background-color: #000;  opacity: .5;  position: absolute;  display: none;  z-index: 99;  bottom: 0; left: 0; }

.dpubox2{ padding:0.4rem 0}
.dpubox2 ul{ overflow:hidden}
.dpubox2 ul li{ float:left; width:24%; margin-right:1.3%; overflow:hidden; position:relative}
.dpubox2 ul li:nth-child(4n){ margin-right:0}
.dpubox2 ul li img{ width:100%}
.dpubox2 ul li p{ position:absolute; background:rgba(0,0,0,0.4); font-size:0.75rem; color:#fff; width:100%; height:1.2rem; line-height:1.2rem; bottom:0.15rem; right:0; text-align:center}


/*店铺详情*/
.dpxqbox1{ padding:3.5rem 0.8rem 0.8rem; overflow:hidden; background:url(../images/dpbg.png) no-repeat; background-size:100%}
.dpxqbox1L{float:left; width:70%; overflow:hidden}
.dpxqbox1L .dpimg{ float:left;width: 2.3rem;height: 2.3rem;padding-right: 0.5rem;}
.dpxqbox1L .dptxt{ flex:1;height: 2.3rem;}
.dpxqbox1L .dptxt .p1{color: #333; line-height:1.3rem;font-size: 0.9rem;overflow:hidden; white-space:nowrap;text-overflow:ellipsis}
.dpxqbox1L .dptxt .p2{color: #333; line-height:1rem;font-size: 0.75rem;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.dpxqbox1R{float:right; width:30%;height: 2.3rem;}
.dpxqbox1R .scbox{ width: 4rem;  height: 1.8rem;  background: #fff;  color: #1c1b1b;  float: right;  margin-top: 0.5rem;  border-radius: 4px;  border: 1px solid #ddd;}
.dpxqbox1R .scbox img{ height:1rem; margin-top:0.4rem; display:block; float:left; padding-left:0.4rem; padding-right:0.2rem}
.dpxqbox1R .scbox span{ font-size:0.75rem; display:block; float:left; line-height:1.8rem}

.typedp{width:100%; background:#fff;}
.typedp ul{ overflow:hidden}
.typedp ul li{ float:left; width:25%; text-align:center; border-bottom:1px solid #eee; box-sizing:border-box}
.typedp ul li.on{ border-bottom:1px solid #ff2150; color:#ff2150}
.typedp ul li img{ display:block; margin:0 auto; height:1.4rem; padding:0.3rem 0;}
.typedp ul li .p1{ text-align:center; font-size:1rem; line-height:2rem}
.typedp ul li .p2{ text-align:center; font-size:0.75rem; line-height:1rem; padding-bottom:0.5rem}
.typedp ul li.on .p1,.typedp ul li.on .p2{ color:#ff2150}

.dpsub{background:#fff;padding:0 0.8rem;border-bottom:1px solid #eee;}
.dpdengji{ height:2.5rem; border-bottom:1px solid #eee;}
.dpdengji ul{ overflow:hidden; width:100%}
.dpdengji ul li{ float:left; width:33.3%; height:2.5rem; line-height:2.5rem; overflow:hidden}
.dpdengji ul li .v1{ float:left; font-size:0.75rem; color:#666}
.dpdengji ul li .v1 span{ color:#ff2150; padding-left:0.5rem; font-size:0.8rem}
.dpdengji ul li .v2{ float:left; width:0.75rem; height:0.75rem; background:#ff2150; color:#fff; font-size:0.75rem; line-height:0.75rem; text-align:center; margin-top:0.9rem; margin-left:0.3rem}
.dpsub1{height:2.5rem; line-height:2.5rem; border-bottom:1px solid #eee;}
.dpsub1 .dpsubL{ font-size:0.75rem; color:#333; float:left; width:85%}
.dpsub1 .dpsubL span{ padding-left:0.8rem}
.dpsub1 .dpsubR{ float:left; width:15%}
.dpsub1 .dpsubR img{ height:1rem; float:right; display:block; margin-top:0.7rem}
.dpsub1.borbot{ border-bottom:0}
.likeTit span.red{ color:#ff2150}



/*商品列表*/
.hbox1{ width:100%; height:5.4rem; overflow:hidden}
.shopType{width:100%; background:#fff;position: fixed;top: 2.8rem;max-width:640px;}
.shopType ul{ overflow:hidden}
.shopType ul li{ float:left; width:25%; text-align:center}
.shopType ul li a{height:100%; font-size:0.9rem; text-align:center; height:2.5rem; line-height:2.5rem}
.shopType ul li.on{ border-bottom:1px solid #ff2150; box-sizing:border-box}
.shopType ul li.on a{ color:#ff2150}
.shopType ul li .pricebtn1{width: 0px;height: 0px;font-size: 0;line-height: 0;border-color: #fff #fff #a5a5a5 #fff;border-width: 0px 4px 4px;display: inline-block;border-style: solid;position: relative;top: -5px;left: 5px;}
.shopType ul li .pricebtn2{width: 0px;height: 0px;font-size: 0;line-height: 0;display: inline-block;border-style: solid;border-color: #a5a5a5 #fff #fff #fff;border-width:4px 4px 0px;position: relative;top:1px;left: -3px;}

.tolist{ position:fixed; right:0.5rem; bottom:4rem}
.tolist img{ height:3rem}
.totop{ position:fixed; right:0.5rem; bottom:1rem}
.totop img{ height:3rem}

.shoplist{ padding:0rem 0.6rem}
.shoplist ul{ overflow:hidden}
.shoplist ul li{ background:#fff;border: 1px solid #eee; height:7rem; margin-bottom:0.4rem}
.shoplist ul li .listL{ float:left; width:7rem; padding-right:0.8rem}
.shoplist ul li .listL img{ width:7rem; height:7rem}
.shoplist ul li .listR{ flex:1}
.shoplist ul li .listR .v1{ font-size:0.75rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical; line-height:1.2rem; color:#333; padding:0.6rem 0.8rem; padding-left:0;height: 2.1rem;}
.shoplist ul li .listR .v2{ padding:0 0.8rem}
.shoplist ul li .listR .v2 span{ border: 1px solid #ff2150;color: #ff2150;font-size: 0.75rem; padding:0.2rem 0.5rem;border-radius: 3px;background: #fff;box-sizing: border-box;}
.shoplist ul li .listR .v3{padding:0 0.8rem; padding-top:0.8rem}
.shoplist ul li .listR .v3 .p1{ float:left; font-size:1rem; color: #ff2150; font-weight:600}
.shoplist ul li .listR .v3 .p1 span{color:#999; font-size:0.75rem; text-decoration:line-through; padding-left:0.5rem; font-weight:normal}
.shoplist ul li .listR .v3 .p2{ float:right; color:#999; font-size:0.75rem}


/*筛选*/
.sxbox{width:100%; max-width:640px; margin:0 auto;}
.sxbox0{ width:100%;max-width:640px; height:100%;top:0;z-index:9999;}
.f_mask { background:rgba(0,0,0,0.4);height: 100%;width: 100%; position:fixed;top: 0;left: 0;z-index: 9999; display:none}
#sxtj{ position:fixed; right:-85%; top:0; width:85%; height:100%; background:#fff; z-index:99999;}
.sx_1{ height:2rem; line-height:2rem; padding:0 0.6rem; background:#eee; color:#999; font-size:0.75rem}
.sx_2{ padding:0 0.6rem}
.sx_2 p.tit{ color:#333; padding:0.6rem 0 0.3rem} 
.sx_2 a{ padding:0.3rem 0.8rem; font-size:0.75rem; white-space:nowrap; background:#eee; color:#666; margin-right:0.5rem;margin-bottom:0.5rem; border-radius:3px; line-height:2rem}
.sx_2 .pric{ height:2rem; line-height:2rem; width:100%;}
.sx_2 .pric input{ border:0; background:#eee; color:#ccc;border-radius:3px; font-size:0.75rem; width:30%; height:1.4rem; line-height:1.4rem;}
.sx_2 .pric label{ font-size:0.8rem; padding:0 1rem}
.sx_3{ width:100%; height:2rem; line-height:2rem; position:absolute; bottom:0}
.sx_3 a{ display:block; width:100%; height:2rem; line-height:2rem; text-align:center; color:#fff; background:#ff2150; font-size:0.8rem;}


/*商品详情*/

.xqtab{ width:100%;background:#fff; border-top:1px solid #eee;}
.xqtab .Menubox{ width:100%; height:2.5rem;border-bottom:1px solid #eee}
.xqtab .Menubox ul{ overflow:hidden}
.xqtab .Menubox ul li{ float:left; width:33.3%; font-size:0.85rem; height:2.5rem; line-height:2.5rem; text-align:center}
.xqtab .Menubox ul li.hover{ border-bottom:1px solid #ff2150; color:#ff2150}
.xqtab .Contentbox{ width:100%;}
.canshu{ padding:0 0.8rem;}
.canshu .canshu_1{ width:100%; border-bottom:1px solid #eee; height:2.5rem; line-height:2.5rem; font-size:0.8rem}
.canshu .canshu_1 .pl{ color:#999; float:left; width:32%; overflow:hidden;}
.canshu .canshu_1 .pr{ float:left; color:#999; width:60%; overflow:hidden;}
.likebox.bort{ border-top:0}
.xqsub{ width:100%;}
.xqsub img{ width:100%}

.xgtj{ padding:0 0.6rem; background:#fff;border-top: 1px solid #eee;border-bottom: 1px solid #eee;}
.xgtj .tjtit{ font-size:0.85rem; color:#333;height:2.5rem; line-height:2.5rem;}
.xgtj .tjcon{ padding:0 0 0.6rem 0}
.xgtj .tjcon ul{ overflow:hidden}
.xgtj .tjcon ul li{ float:left; width:24%; margin-right:1.3%; position:relative}
.xgtj .tjcon ul li:nth-child(4n){ margin-right:0}
.xgtj .tjcon ul li .tit{ position:absolute; bottom:0; width:100%; height:1.5rem; line-height:1.5rem;background:rgba(255,255,255,0.5); font-size:0.75rem; color:#333;}
.xgtj .tjcon ul li .tit span{ padding-left:0.6rem}

.xqdp{ padding:0.6rem; background:#fff;border-top: 1px solid #eee;border-bottom: 1px solid #eee;}
.xqbtn{ width:100%; height:2rem; padding:0.7rem 0 0.2rem 0}
.xqbtn a{display: block; float:left;height: 1.5rem;width: 6rem;text-align: center;line-height: 1.5rem;border: 1px solid #ddd;background: #fff;font-size: 0.75rem;color: #333;border-radius: 3px; margin-left:3rem}
.xqdp_1{ width:100%; height:2.5rem}
.xqdp_1 .xqdp1_1{ float:left; width:70%; overflow:hidden}
.xqdp_1 .xqdp1_1 .dpimg{float: left;width: 2.5rem;height: 2.5rem;padding-right: 0.5rem;}
.xqdp_1 .xqdp1_1 .dpimg img{width: 2.5rem;height: 2.5rem;}
.xqdp_1 .xqdp1_1 .dptxt{flex: 1;height: 2.5rem;}
.xqdp_1 .xqdp1_1 .dptxt .p1{color: #333;font-size:0.85rem; padding-top:0.1rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.xqdp_1 .xqdp1_1 .dptxt .p2{ color:#999; padding-top:0.2rem;font-size: 0.75rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.xqdp_1 .xqdp1_2{ float:right; width:30%; overflow:hidden}
.xqdp_1 .xqdp1_2 .scbox{width:2.3rem;height: 2.3rem; border:1px solid #ff2150; border-radius:3px; color:#ff2150; float:right}
.xqdp_1 .xqdp1_2 .scbox img{ display:block; margin:0 auto; height:1rem; margin-top:0.2rem}
.xqdp_1 .xqdp1_2 .scbox span{ display:block; text-align:center; font-size:0.5rem; line-height:1rem; -webkit-text-size-adjust: none;}

.xqbox1{ width:100%;background:#fff; padding-bottom:0.5rem}
.xqbox1 .tit{ color:#262626; line-height:1.6rem; padding: 0.2rem 0.6rem 0; font-size:1rem; padding-bottom:0.1rem;font-weight: bold;}
.xqbox1 .qita{ width:100%; height:3rem}
.xqbox1 .qita .p1{ float:left; font-size:0.9rem; color:#ff2150; padding:0 0.6rem;height:3rem; line-height:3rem}
.xqbox1 .qita .p1 em{ font-style: normal;font-size: 1.8rem;font-weight: 600;}
.xqbox1 .qita .p1 span{  padding: 0.1rem 0.4rem;  color: rgb(153, 153, 153);  margin-left: 0.3rem;  font-size: 0.8rem;  -webkit-text-size-adjust: none;}
.xqbox1 .qita .p1 span i{text-decoration: line-through;font-style: normal;color: rgb(153, 153, 153);}
.xqbox1 .qita .p2{ color:#666; font-size:0.75rem; height:3rem; line-height:3rem; text-align:right; padding-right:0.6rem}

.xqbox2{background:#fff;border-top: 1px solid #eee;border-bottom: 1px solid #eee;padding: 0.5rem 0.6rem;height: 1.5rem;}
.xqbox2 .xqbox2L{float: left;width: calc(100% - 6rem);overflow: hidden;text-overflow: ellipsis;  white-space: nowrap;}
.xqbox2 .xqbox2L img{height:1.2rem;margin-top: 0.1rem;display: block;float: left;padding-right: 0.3rem;}
.xqbox2 .xqbox2L span{ color:#666;height: 1.5rem;line-height: 1.5rem;font-size: 0.75rem;}
.xqbox2 .xqbox2R{float: right;max-width: 50%;overflow: hidden;}
.xqbox2 .xqbox2R img{float: right;height: 1rem;margin-top: 0.25rem;}
.sku_choose_info .l{ width: 3rem; float: left;height: 1.5rem;line-height: 1.5rem;font-weight: bold;color: #000;}

.product-info-list{
    background: #fff;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0.2rem 0.6rem 0.6rem;
}
.product-info-list span{height: 1.8rem;line-height: 1.8rem;}
.sharepro{border-radius: 0.9rem;  cursor: pointer; padding: 0 1rem;  height: 1.8rem;  background: #ff5153; color: #fff; text-align: center;  line-height: 1.8rem;}

/*商品详情*/
.item_floor {
    margin-top: 12px;
    padding: 0 0.6rem;
    border-radius: 0.6rem;
    background-color: #fff;
    overflow: hidden;
}
.item_floor .sku_window {
    background: #fff;
    padding: 18px 0;
    position: relative;
    font-size: 13px;
    color: #8c8c8c;
    border-bottom: 1px solid #f2f2f2;
}
.item_floor .sku_window:last-child {
    border:none;
}
.sku_window .sku_choose_info {
    position: relative;
    padding: 0 2.6rem 0 2.6rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.sku_window .sku_choose_info h3 {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 35px;
    color: #262626;
    font-weight: 700;
}
.sku_window .sku_choose_info span {
    font-size: 13px;
    color: #333;
    line-height: 22px;
}
.sku_window .sku_choose_info .r{
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 2.6rem;
    color: #262626;
    text-align: right;
}
.sku_window .sku_choose_info .r img{
    height: 1rem;
}
.sku_window .sku_service {
    padding: 0 2.6rem 0 2.6rem;
    font-size: 12px;
}
.sku_window .sku_service.none{
    display: none;
}
.postTip1{
    font-size: 12px;
    color: #f2270c;
    margin-right: 3px;
}

/*选择送货地*/
.vis_overflow{overflow-y:visible; overflow: hidden;}
.hide{display: none;}
.show{display: block;}
.c_city_box {display: none; background: #fff;padding-bottom: 0.5rem;border-top-left-radius: 14px; border-top-right-radius: 14px;z-index: 9999999;position: fixed;  width: 100%; bottom: 0px;  }
.c_city_title{text-align: center;  font-size: 1rem;  color: #000;  padding: 1rem 0 0.2rem 0;}
.c_city_header{height:46px;border-bottom: 1px solid #d2d2d2;}
.c_city_header ul li{float: left;padding: 0 10px;height: 46px;  line-height: 46px;    font-size: 0.9rem; }
.c_city_header ul li.curr{border-bottom: 2px red solid; color: red;}
#city_a_1{padding: 0 18px 0 18px;height: 460px;overflow: auto;clear: both;}
.clearfix li{line-height: 46px;width: 100%;background: #fff;color:#000; text-align: center;}
.pro_list_box li{height: 48px; line-height: 48px;border-bottom: 1px solid #f5f5f5;position: relative;background: url("../picture/more.png") right no-repeat;background-size: 12px;font-size: 0.9rem;}
.pro_list_box li.on{color: red;}
.pro_list_box li:last-child{border-bottom: none;}
.pro_list_box li img{position: absolute;  right: 10px;  width: 10px; top: 9px;}
.city-box li{height: 48px; line-height: 48px;border-bottom: 1px solid #f5f5f5;position: relative;background: url("../picture/more.png") right no-repeat;background-size: 12px;font-size: 0.9rem;}
.city-box li.on{color: red;}
.city-box li:last-child{border-bottom: none;}
.city-box li img{position: absolute;  right: 10px;  width: 10px; top: 9px;}
.c_city_box_close {  display: block;  width: 50px;  height: 30px;  position: absolute;  top: 16px;  right: 10px;  text-align: center;  line-height: 30px;  color: #b0b0b0;font-size: 0.9rem;  }
.back_cover {  display: none;  position: fixed;  top: 0;  left: 0;  z-index: 999999;  width: 100%;  height: 100%;  background: rgba(0, 0, 0, .5);  }
/*选择送货地结束*/

.xqpj{ padding:0 0.6rem; background:#fff;border-top: 1px solid #eee;border-bottom: 1px solid #eee;}
.xqpj .xqpjtit{height:2rem; border-bottom:1px solid #eee}
.xqpj .xqpjtit .xqbox2L{float: left;width: 50%;overflow: hidden;}
.xqpj .xqpjtit .xqbox2L span{ color:#666;height:2rem;line-height:2rem;font-size: 0.75rem;}
.xqpj .xqpjtit .xqbox2R{float: right;max-width: 50%;overflow: hidden;}
.xqpj .xqpjtit .xqbox2R img{float: right;height: 1rem;margin-top: 0.75rem;}
.xqpjbox{ width:100%; padding-top:0.5rem;border-bottom:1px solid #eee; padding-bottom:0.5rem}
.xqpjbox .pj1{height:1.5rem; width:100%}
.xqpjbox .pj1 img{ height:1.5rem; border-radius:100%; width:1.5rem; display:block; float:left}
.xqpjbox .pj1 span{color:#666; font-size:0.75rem; height:1.5rem; line-height:1.5rem; display:block; float:left; padding-left:0.3rem}
.xqpjbox .pj2{ padding-top:0.3rem; color:#666; font-size:0.75rem; line-height:1rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.xqpjbox .pj3{ color:#999; font-size:0.75rem; line-height:2rem}
.morepj{ text-align:center; width:100%; padding:0.5rem 0}
.morepj a{ color:#333; font-size:0.8rem;}

.xqpj.bor{ border:0}

.xqbotbox{width:100%;max-width:640px;margin: 0 auto;background: #fff;height:3rem;}
.xqbotbox0{height:3rem;position:fixed;width: 100%;max-width:640px;bottom: 0;background:#fff;z-index: 99999;border-top:1px solid #f2f2f2;}
.xqbotboxL{ float:left;  width: calc(100% - 14rem);height:3rem; overflow:hidden}
.xqbotboxL ul{ width:100%; height:3rem; overflow:hidden}
.xqbotboxL ul li{ width:33.3%; float:left; height:3rem; overflow:hidden; text-align:center}
.xqbotboxL ul li img{ height:1.4rem; padding-top:0.2rem}
.xqbotboxL ul li p{ text-align:center; color:#666; font-size:0.75rem; text-align:center; line-height:1.4rem}
.xqbotboxR{ float:right; width:14rem;height:3rem; overflow:hidden}
.xqbotboxR a.a1{ background-image: -webkit-linear-gradient(315deg,#f2140c,#f2270c 70%,#f24d0c); background-image: linear-gradient(135deg,#f2140c,#f2270c 70%,#f24d0c);color:#fff; border-radius:1.1rem; box-sizing:border-box; height:2.2rem; line-height:2.2rem; font-size:0.8rem; display:block; float:right; margin-right:1rem; width:6rem ; margin-top:0.4rem; text-align:center}
.xqbotboxR a.a2{background-image: -webkit-linear-gradient(315deg,#ffba0d,#ffc30d 69%,#ffcf0d);background-image: linear-gradient(135deg,#ffba0d,#ffc30d 69%,#ffcf0d); color:#fff; height:2.2rem; line-height:2.2rem;font-size:0.8rem;display:block; float:right;width:6rem ; text-align:center;border-radius:1.1rem; box-sizing:border-box; margin-top:0.4rem; margin-right:0.5rem}

.xzsize{width:100%; max-width:640px; margin:0 auto;}
.xzsize0{ width:100%;max-width:640px; height:100%;bottom:0;z-index:9999;}
.f_mask0 { background:rgba(0,0,0,0.4);height: 100%;width: 100%; position:fixed;top: 0;left: 0;z-index: 9999; display:none}
#size{ position:fixed; left:0; bottom:-80%; width:100%; height:80%; background:#fff; z-index:99999;}
.size1{ padding:1rem 0.6rem; position:relative}
.size1 .size1_1{ float:left; width:4rem; height:4rem; overflow:hidden; padding-right:1rem}
.size1 .size1_1 img{ width:4rem; height:4rem; overflow:hidden}
.size1 .size1_2{ flex:1}
.size1 .size1_2 .p1{ color:#ff2150; font-size:1rem}
.size1 .size1_2 .p2{ color:#999; font-size:0.75rem; padding-top:0.5rem; line-height:1.2rem}
.size1 .size1_2 .p3{ color:#999; font-size:0.75rem;line-height:1.2rem}
.size1 .size1_3{ position:absolute; top:0.5rem; right:0.5rem; width:1.2rem; height:1.2rem; overflow:hidden;}
.size1 .size1_3 img{ height:1.2rem}
.size2{position: absolute;  bottom: 3rem;  top: 6rem;  left: 0;  right: 0;  overflow: auto;padding:1rem 0.6rem;}
.size2 .size2_1{ border-top:1px solid #eee;padding-bottom: 0.5rem;}
.size2 .size2_1 .tit{color: #333;padding: 0.6rem 0 0.3rem;}
.size2 .size2_1 a{padding:0.1rem 0.8rem;font-size: 0.75rem;white-space: nowrap;background: #eee;color: #666;margin-right: 0.5rem;margin-bottom: 0.5rem;border-radius: 3px;line-height: 2rem;display: inline-block;border: 1px solid #eee;}
.size2 .size2_1 a.on{ border-color: #FF0036;  color: #FF0036;  background-color: #FFF5F7;}
.size2 .size2_1 a.opacity3{ opacity: 0.3; }
.size2 .size2_1 a img{width: 24px;height: 24px;border-radius: 2px;margin-right: 6px;vertical-align: middle;}
.size2 .size2_1 .lnums{height: 1.5rem;overflow: hidden;padding-top: 0.2rem;}
.size2 .size2_1 .lnums .num1{float: left;text-align: center;line-height: 1.5rem;width: 1.5rem;height: 1.5rem;background: #f7f7f7;color: #333;font-size: 0.9rem;}
.size2 .size2_1 .lnums .num2{float: left;width: 2.5rem;height: 1.5rem;background: #f7f7f7;color: #333;font-size: 0.9rem;border-left: 1px solid #fff;border-right: 1px solid #fff;text-align: center;line-height: 1.5rem;}
.size2 .size2_1 .lnums .num3{float: left;text-align: center;line-height: 1.5rem;width: 1.5rem;height: 1.5rem;background: #f7f7f7;font-size: 0.9rem;color: #ff2150;}
.size3{ position:absolute; bottom:0; left:0; width:100%; height:3rem; line-height:3rem}
.size3 a{ background:#ff2150; color:#fff; font-size:0.8rem; height:3rem; line-height:3rem; text-align:center; display:block; width:100%}

/*选择优惠券*/
.xzcoupon{width:100%; max-width:640px; margin:0 auto;}
.xzcoupon0{ width:100%;max-width:640px; height:100%;bottom:0;z-index:9999;}
#coupon{ position:fixed; left:0; bottom:-80%; width:100%; height:80%; background:#fff; z-index:99999;border-top-left-radius: 16px;border-top-right-radius: 16px;}
.coupon-title{color: #ff2150;font-size: 16px;text-align: center; height: 40px;line-height: 40px;}
.coupon-buttom{ position:absolute; bottom:20px; left:10%; width:80%; height:2rem; line-height:2rem;border-radius: 22px;overflow: hidden;}
.coupon-buttom a{ background:#ff2150; color:#fff; font-size:0.8rem; height:2rem; line-height:2rem; text-align:center; display:block; width:100%}

.hdbox{width: 100%;max-width:640px;margin: 0 auto;}
.hdbox0{ height:2.8rem;position: fixed;width: 100%;max-width:640px;top: 0;background: #fff;z-index: 9999;border-bottom: 1px solid #eee;}
.hdbox_1{ position:absolute; top:0;left:0.6rem; height:2.8rem;}
.hdbox_1 img{ height:1.1rem;padding-top:0.8rem}
.hdbox_2{ width:50%; margin:0 auto; height:2.8rem}
.hdbox_2 ul{ overflow:hidden; width:100%;height:2.8rem}
.hdbox_2 ul li{ float:left; width:33.3%; overflow:hidden; height:2.8rem; line-height:2.8rem}
.hdbox_2 ul li a{ display:block; color:#333; font-size:0.8rem; text-align:center}
.hdbox_2 ul li.on{ border-bottom:1px solid #ff2150; height:2.8rem;box-sizing: border-box;}
.hdbox_2 ul li.on a{ color:#ff2150}
.hdbox_3{ position:absolute; top:0;right:0.6rem;height:2.8rem;}
.hdbox_3 img{ height:1.1rem; float:right; padding-top:0.8rem}

/*购物车空*/
.pay30{width: 65%;margin: 0 auto;text-align:center}
.pay30 img{width: 4.5rem;height: 4.5rem;overflow: hidden;}
.pay30 p{color: #999;font-size: 0.75rem;line-height: 1.5;padding-top: 0.5rem; text-align:center}
.pay40{ padding-top:1rem}
.pay40 a{ display:block;height: 1.5rem;width: 6rem;text-align: center;line-height: 1.5rem;border: 1px solid #eee;background: #f9f9f9;font-size: 0.75rem;color: #333;border-radius: 3px; margin:0 auto}

/*首页头部搜索*/
.topssbox1{width: 100%;max-width:640px;margin: 0 auto; position: fixed;left: 50%;top: 0;transform: translate(-50%,-50%);z-index: 9999;}
.topss{ padding:0.4rem 0;position: absolute;top: 0;z-index: 99999;width: 100%;background-color: #00a7ff;}
.topss .topssbox{ width:73%; height:1.8rem; line-height:1.8rem;  border-radius:0.9rem; margin:0 auto; background:#fff;display: flex; align-items: center;float: right;margin-right: 0.6rem;}
.topss .topssbox img{ height:1.2rem;padding-left: 0.3rem;}

.m-back-to-top {
    display: none;
    position: fixed;
    bottom: 80px;
    right: 9px;
    width: 38px;
    height: 38px;
    background-image: url('../images/up_top.png');
    background-size: 38px 38px;
    background-repeat: no-repeat;
    background-position: 50%;
    z-index: 20;
}

/*个人中心*/
.m0myheader{ background:url(../images/mybg.jpg) no-repeat; width:100%; background-size:100% 100%;}
.m0myheader .conbox{ padding:0.8rem}
.m0myheader .conbox .conboxL{ float:left; width:80%}
.m0myheader .conbox .conboxL img.tt{ float:left;width:3rem; height:3rem; border-radius:100%; border: 2px solid #5098FB;margin-right: 0.5rem;}
.m0myheader .conbox .conboxL .p1{color:#fff; font-size:1rem;height: 3rem;  line-height: 3rem;}
.m0myheader .conbox .conboxL .btR{ float:left}
.m0myheader .conbox .conboxL .v1{ background:#e5595c; border-radius:6px; width:7rem; height:1.3rem; line-height:1.3rem; margin-top:0.3rem} 
.m0myheader .conbox .conboxL .v1 img{ height:1rem; float:left; padding-left:0.2rem; padding-right:0.1rem;    padding-top: 0.1rem;}
.m0myheader .conbox .conboxL .v1 p{ color:#fff; font-size:0.7rem; float:left}
.m0myheader .conbox .conboxR{ float:right; width:20%}
.m0myheader .conbox .conboxR a{ display:inline-block; color:#fff; text-align:right; font-size:0.85rem;}
.m0myheader .conbox .conboxR a img{max-width: 1.8rem;}

.m0myheader .conbox2{margin:0 auto;padding: 1rem;}
.m0myheader .conbox2 ul{ overflow:hidden}
.m0myheader .conbox2 ul li{ float:left; width:25%}
.m0myheader .conbox2 ul li .p1{ text-align:center; color:#fff; font-size:0.8rem; line-height:1.5rem}
.m0myheader .conbox2 ul li .p2{ text-align:center;color:#fff; font-size:0.75rem}

.mypart1{ position:relative; margin-top:-2rem; padding:0 1rem}
.mypart1 ul{ overflow:hidden; background:#fff; padding:0.8rem; border-radius:6px}
.mypart1 ul li{ float:left; width:20%; text-align:center}
.mypart1 ul li .p1{ text-align:center; color:#000; font-size:0.8rem; line-height:1.5rem}
.mypart1 ul li .p2{ text-align:center; color:#000; font-size:0.75rem; line-height:1.5rem}
.mypart1 ul li img{ height:1.5rem}
.mypart1 ul li:last-child{ border-left:1px solid #eee; box-sizing:border-box}

.mypart2{padding:0 0.5rem}
.mypart2 .con{background:#fff; padding:0.5rem 0.8rem; border-radius:6px}
.mypart2 .con .pa2_tit{ height:2rem; line-height:2rem; border-bottom:1px solid #f7f7f7}
.mypart2 .con .pa2_tit p{ float:left; font-size:0.8rem; color:#000; font-weight:bold;}
.mypart2 .con .pa2_tit a{ display:block; float:right; color:#666; font-size:0.75rem;position: relative;padding-right: 1rem;}
.mypart2 .con .pa2_tit a:after{content: '';display: inline-block;width: 0.8rem;height: 2rem;position: absolute;right: 0px;background: url("../images/more.png") no-repeat;    background-position: center;  background-size: 1rem;}
.mypart2 .con ul{ overflow:hidden; padding-top:0.3rem}
.mypart2 .con ul li{ float:left; width:20%; text-align:center; padding:0.5rem 0}
.mypart2 .con ul li .ddimg{ width:1.6rem; height:1.6rem; margin:0 auto; position:relative;}
.mypart2 .con ul li .ddimg img{ width:100%; height:100%;}
.mypart2 .con ul li .ddimg .num{ position: absolute;  top: -0.2rem;  left: 1rem;  z-index: 99;  background: #fff;  color: #3594f6;  height: 0.8rem;  text-align: center;  line-height: 0.8rem;  border-radius: 0.4rem;  padding: 0rem 0.3rem;  font-size: 0.6rem;  border: 1px solid #3594f6;}
.mypart2 .con ul li p{ text-align:center; line-height:1.5rem; font-size:0.75rem; color:#666}

/*我的推广*/
.tgtit{width: 100%;text-align: center;height: 2rem;line-height: 2rem;position: relative;}
.tgtit span{padding-left: 2rem;height: 2rem;line-height: 2rem;display: inline-block;position: relative;font-size: 0.9rem;font-weight: 600;color: #333333;letter-spacing: 0.1rem;}
.tgtit span:before{content: '';display: inline-block;width: 2rem;height: 2rem;line-height: 2rem;background: url("../images/tgimg.png") no-repeat;background-position: center;  background-size: 1rem;position: absolute;left: 0;}
.tgtit a{position: absolute;right: 0.8rem;padding-right: 1rem;}
.tgtit a:after{content: '';display: inline-block;width: 0.8rem;height: 2rem;position: absolute;right: 0px;background: url("../images/more.png") no-repeat;    background-position: center;  background-size: 1rem;}
.mytg{width: 100%;position: relative;margin-top: 0.4rem;}
.mytg .mytgbg{width: 100%; }
.mytg h3{position: absolute;left: 2.4rem;top: 1.2rem;color: #31284F;font-size: 0.8rem;font-weight: 500;}
.mytg p{position: absolute;left: 2.4rem;top: 3rem;font-size: 1.4rem;color: #000;font-weight: bold;}
.mytg p .copy-btn{margin-left: 0.6rem; height: 1rem;}
.mytg a{
    position: absolute;
    right: 2.4rem;
    top: 2rem;
    background: #eb3c00;
    background: -webkit-linear-gradient(left,#f5e27b,#f6b73d);
    background: -moz-linear-gradient(left,#f5e27b,#f6b73d);
    background: -webkit-gradient(linear,left top,left bottom,from(left),color-stop(#32e696),to(#00be6e));
    background: linear-gradient(left,#f5e27b,#f6b73d);
    padding: 0.5rem 1.4rem;
    font-size: 1rem;
    color: #932a19;
    border-radius: 1.2rem;
    font-weight: 600;
    letter-spacing: 0.2rem;
}

.mypart3{padding:0 0.5rem}
.mypart3 ul{background:#fff; padding:0.5rem 0.8rem; border-radius:6px; overflow:hidden; padding-top:1rem}
.mypart3 ul li{ float:left; width:20%; text-align:center; padding-bottom:0.5rem}
.mypart3 ul li img{ height:1.9rem}
.mypart3 ul li p{ text-align:center; font-size:0.75rem; color:#666; line-height:1.5rem}

.mypart2 .pa2con{}
.mypart2 .pa2con img{ width:100%}
.mypart2 .pa2con p{ color:#000; line-height:2rem; font-size:0.8rem}

.likebox.my{ margin:0 0.5rem}

.mypart4{padding:0 1rem; padding-bottom:0.5rem;position: relative;}
.mypart4 img{ display:block; margin:0 auto; height:1.5rem}
.mypart4 .jfspsx{position: absolute;top: 0.3rem;right: 1rem;}

.empty{
    background: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0;
    z-index: 10;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}
.empty .img {
    margin: 20px 0;
}
.empty .img img {
    max-width: 65%;
    display: block;
    margin: 0 auto;
    height: auto;
}
.empty .message {
    color: #606266;
    margin: 20px 0;
    text-align: center;
}

/*我的足迹*/
.footprint-box li label{
    display: none;
}
.footprint-edit-box li{
    position: relative;
    padding-left: 10px;
}
.footprint-edit-box li label{
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
}
.footprint-edit-box li label input{
    position: absolute;
    top: calc(50% - 6px);
}
.footprint-edit-box li a{
    padding-left: 10px;
}
.footprint-edit-box li .listL{
    padding-left: 28px;
}
.footprint-del-btn{
    width: 100%;
    height: 3rem;
    line-height: 3rem;
    background: #ff8e02;
    color: #fff;
    font-size: 1rem;
    position: fixed;
    bottom: 0;
    text-align: center;
}
.footprint-del-btn.hide{
    display: none;
}

/*登陆*/
.van-tabs{
    display: -ms-flexbox;
    display: flex;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    background-color: #fff;
    margin-bottom: 16px;
    border-bottom: 1px solid #eee;
}
.van-tabs .van-tab{
    -ms-flex: 1;
    flex: 1;
    cursor: pointer;
    min-width: 0;
    padding: 0 5px;
    font-size: 14px;
    position: relative;
    color: #7d7e80;
    line-height: 44px;
    text-align: center;
    box-sizing: border-box;
}
.van-tabs .van-tab.van-tab-active:after{
    content: '';
    width: 70%;
    height: 3px;
    background: #1762cd;
    margin: 0 auto;
    display: block;
}
.van-tabs .van-tab.van-tab-active .van-ellipsis{
    color: #1762cd;
}
.van-tabs .van-tab a{
    display: block;
    width: 100%;
    height: 100%;
    color: #7d7e80;
}
.login-div {
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    padding: 0 15px;
    background: #fff;
}

.login-div .addiv1 {
    border-bottom: 1px solid #eee;
    padding: 0.6rem 0;
    height: 1.5rem;
    display: flex;
}
.login-div .icon-box{
    display: block;
    float: left;
    padding: 0.1rem 0 0.1rem 0rem;
    height: 1.5rem;
    box-sizing: border-box;
}
.login-div .addiv1 .addiv1_l {
    float: left;
    text-align: left;
    width: 5rem;
    color: #666;
    font-size: 0.8rem;
    line-height: 1.5rem;
    padding-left: 0.6rem;
}
.login-div .addiv1_r{
    position: relative;
}
.login-div .addiv1 .addiv1_r{
    float: left;
    width: 80%;
}
.login-div .addiv1 .addiv1_r .input-text {
    border: 0;
    width: 100%;
    height: 1.5rem;
    outline: none;
    padding-left: 0.2rem;
    color: #666;
    font-size: 0.8rem;
    line-height: 1.5rem;
}
.login-div .addiv1 .addiv1_r .van-radio{
    padding-right: 20px;
    line-height: 1.5rem;
}
.login-div .addiv1 .addiv1_r .van-radio .input-radio{
    margin-right: 5px;
    vertical-align: -2px;
}
.login-div .addiv1_r .code-img-box{
    position: absolute;
    right: 0rem;
    top: -0.25rem;
    display: block;
    width: 5rem;
    height: 2rem;
}
.login-div .addiv1_r .code-box{
    position: absolute;
    right: 0rem;
    top: 0.25rem;
    color: #1762cd;
}
.login-assist{
    padding: 0.8rem 0.5rem;
    text-align: right;
}
.login-assist .text-maintone{
    float: left;
    color: #1762cd;
}
.login-assist .text-secondary{
    float: right;
}
.login-div .sub-box,.login-div .go-register-box{
    width: 100%;
    text-align: center;
}
.sub-box{
    text-align: center;
}
.sub-box .sub-btn{
    background: #1069e9;
    border: none;
    width: 80%;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 14px;
    border-radius: 20px;
    margin: 20px auto;
    outline: none;
}

.quick-login {
    margin-top: 1rem;
    border-top: 1px solid rgba(0,0,0,.1);
}
.quick-login .txt-otherLogin {
    color: rgba(0,0,0,.2);
    width: 8rem;
    margin: -0.5rem auto 0;
    background: #fff;
    text-align: center;
}
.quick-login .quick-type{
    text-align: center;
    margin: 2rem 0 2rem;
}
.quick-login .quick-type a {
    display: inline-block;
    width: 2.6rem;
    color: rgba(0,0,0,.4);
    margin: 0 0.8rem;
    background-size: 100% auto;
    padding-top: 3rem;
    background-repeat: no-repeat;
}
.quick-login .quick-type .icon-qq {
    background-image: url('../images/icon-qq.png');
}

.quick-login .quick-type .icon-zfb {
    background-image: url('../images/icon-zfb.png');
}

.quick-login .quick-type .icon-wx {
    background-image: url('../images/icon-wx.png');
}

.login-div .go-register-box a{
    display: inline-block;
    border: 1px solid #ebedf0;
    width: 80%;
    height: 40px;
    line-height: 40px;
    color: #323233;
    font-size: 14px;
    border-radius: 20px;
    margin: 20px auto;
}
.tel-login-div .addiv1 .addiv1_l,.register-div .addiv1 .addiv1_l,.forget-div .addiv1 .addiv1_l{
    width: 6rem;
}
.agree-checkbox{
    padding: 1rem 0 0.5rem 0.5rem;
}
.agree-checkbox .agree-check{
    vertical-align: -2px;
    margin-right: 5px;
}
.agree-checkbox .a-link{
    color: #008aff;
}
.login-div .sub-box .van-button-disabled{
    color: #999;
    background-color: #e8e8e8;
    border: 1px solid #e5e5e5;
}

.jsyf .jsyfC input{border: 1px solid #eee;padding: 5px;width: 78%;}

.shopType ul li .pricebtn1.on{border-color: #fff #fff #ff2150 #fff;left: 8px;}
.shopType ul li .pricebtn2.on{border-color: #ff2150 #fff #fff #fff;}

/*分销团队*/
.myteamstatu{ position: fixed;width: 100%;  background: #fff;}
.myteamstatu ul {  overflow: hidden; }
.myteamstatu ul li {  float: left;  width: 50%;  text-align: center;  }
.myteamstatu ul li.on {  border-bottom: 1px solid #ff2150;  box-sizing: border-box;  }
.myteamstatu ul li a {  display: block;  width: 100%; font-size: 0.9rem;  text-align: center;  height: 2.5rem;  line-height: 2.5rem;  }
.myteamstatu ul li.on a {  color: #ff2150;  }
.myteamcon{background: #fff;}
.teaminfo-b{float: left;  margin-left: 0.8rem;}
.teaminfo-b .teaminfo{height: 1.5rem; line-height: 1.5rem; font-size: 0.9rem;}
.teaminfo-b .teaminfo .levelteams{padding-left: 1.2rem; background: url("../images/teams.png") no-repeat; background-position: 0px 0px; background-size: 1.2rem; margin-left: 1rem;}
.teaminfo-b .time{height: 1rem; line-height: 1rem;margin-top: 0.3rem;}

/*我的推广*/
.text-center{text-align: center;}
.w-5{width: 50%;}
.f-l{float: left;}
.t-8{font-size: 0.8rem;}
.t-12{font-size: 1.2rem;}
.t-b{font-weight: bold;}
.black{color: #000;}
.clearfix::after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
.tgtop{height: 1.6rem;  line-height: 2rem;  padding: 0.4rem 0.6rem;}
.tgtop img{height: 1.6rem;float: left;}
.tgtop span{height: 1.6rem;line-height: 1.6rem;font-size: 1.2rem;display: inline-block;float: left;padding-left: 0.4rem;}
.tgheader{background: url(../images/mybg.jpg) no-repeat;  width: 100%;  background-size: 100% 100%;  height: 9rem;}
.tgheader .conbox{ padding: 0.8rem;position: relative;}
.tgheader .conbox .conboxL {float: left;  width: 80%;  }
.tgheader .conbox .conboxL img.tt {float: left;  width: 3rem;  height: 3rem;  border-radius: 100%;  border: 2px solid #5098FB;  margin-right: 0.5rem;  }
.tgheader .conbox .conboxL .btR {float: left; }
.tgheader .conbox .conboxL .p1 {color: #fff; font-size: 0.9rem;height: 2rem;line-height: 2rem;}
.tgheader .conbox .conboxL .p2 {color: #fff; font-size: 0.8rem;}
.tgheader .conbox .conboxR { position: absolute;right: 0.8rem;top: 1rem;width: 7rem; border: 1px solid #cecece;border-radius: 2rem;overflow: hidden; background: rgba(255,255,255,0.2);}
.tgheader .conbox .conboxR a {display: block;color: #fff;text-align: center;font-size: 1rem;height: 2.2rem; line-height: 2.2rem;}
.tgheader .conbox .conboxR a span{padding-left: 1.5rem;background: url('../images/yq-icon.png') no-repeat;background-size: 1rem;  font-size: 0.86rem;  background-position: 0rem 0.2rem;}
.tgcontent{margin-top: -3rem;}
.tgcontent .tgcon{padding: 1.6rem 0;}
.tgcontent.zjtit{font-size: 0.8rem;}
.tgcontent .ljsr{font-size: 2rem;font-weight: bold;margin-top: 0.6rem;color: #000000;}
.tgcontent .ddz{margin-top: 1rem;}
.tgcontent .txbtn{width: 90%;height: 2.8rem;line-height: 2.8rem;
    background: -webkit-linear-gradient(left,#f5e27b,#f6b73d);
    background: -moz-linear-gradient(left,#f5e27b,#f6b73d);
    background: -webkit-gradient(linear,left top,left bottom,from(left),color-stop(#32e696),to(#00be6e));
    background: linear-gradient(left,#f5e27b,#f6b73d);
    margin: 1rem auto 0;
    font-size: 1rem;
    font-weight: bold;
    color: #932a19;
    border-radius: 2rem;
}

/*推广海报*/
.tghb-body{width: 100%;background: url('../images/tghb-bg.png') no-repeat;background-size: 100%;}
.tghb-body .center{text-align: center;}
.tghb-body .hb-logo img{width: 50%; margin-top: -0.05rem;}
.tghb-body .tghb-text{width: 60%;margin-top: 1.2rem;}
.tghb-body .code-img{width: 10rem;height: 10rem;margin: 0 auto;border: 9px solid #2d5fd6;border-radius: 0.5rem;margin-top: 2.2rem;}
.tghb-body .code-img img{width: 100%;height: 100%;}
.tghb-body .tips{color: #fff;margin-top: 1rem;padding-bottom: 1rem;}
.tghb-warp .tips2{background: #fff;text-align: center;height: 2rem;line-height: 2rem;}
.copy-b{margin-top: 1rem;padding: 0 0.8rem;background: #fff;}
.copy-b .copy-b-item{border-bottom: 1px solid #eee;position: relative; height: 3rem; line-height: 3rem;}
.copy-b .copy-b-item:last-child{border-bottom: none;}
.copy-b .copy-b-item p{width: 100%;padding-left: 5rem;padding-right: 5rem;box-sizing: border-box;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.copy-b .copy-b-item span{position: absolute;left: 0;display: inline-block;width: 5rem;}
.copy-b .copy-b-item a{position: absolute;right: 0;display: inline-block;width: 4rem;top: 0.5rem;text-align: center;background: #2d5fd6;height: 2rem;color: #fff;  line-height: 2rem;border-radius: 1rem;}
.tg-des{padding: 0.6rem 0.8rem;background: #fff;margin-top: 1rem;line-height: 1.2rem;}

/*推广订单*/
.tgdd-tab{ height:4rem; background-color:#fff;padding:0 0.8rem;}
.tgdd-tab .tgdd-tab-left{ float:left;width:80%;}
.tgdd-tab ul{padding-left:2rem; }
.tgdd-tab ul li{float:left;font-size:0.8rem; color:#333; line-height:4rem; width:30%;}
.tgdd-tab ul li a{ display:block; text-align:center;}
.tgdd-tab ul li a.active{border-bottom:0.15rem solid #1762cd; font-weight:bold;}
.tgdd-tab .tgdd-tab-right{ float:right; width:20%; font-size:0.8rem; color:#333;}
.tgdd-tab .tgdd-tab-right span{ float:left;width:1px;height:1.5rem; margin-top:1.2rem; background:#333;}
.tgdd-tab .tgdd-tab-right p{ float:left; font-size:0.8rem; line-height:4rem; margin-left:0.5rem;}
.tgdd-tab .tgdd-tab-right i{ float:left; margin-left:0.4rem; width:1.2rem; height:2.5rem; background:url(../images/tgdd-arrow-down.png) no-repeat center 1.8rem; background-size:0.8rem;}
.tgdd-list{margin:16px 20px; background:#fff; border-radius:8px;padding:0 14px 14px; overflow:hidden; zoom:1;}
.tgdd-list .tgdd-list-top{ height:4rem; line-height:4rem;}
.tgdd-list .tgdd-ddh{ float:left;text-align:left; color:#333; font-size:0.8rem; }
.tgdd-list .tgdd-cg{float:right; padding:0 0.5rem; height:2rem; line-height:2rem;  background:#f7f7f7; border-radius:2rem; text-align:center; margin-top:1rem; }
.tgdd-list .tgdd-sb{float:right; padding:0 0.5rem; height:2rem; line-height:2rem;  background:#f7f7f7; border-radius:2rem; text-align:center; margin-top:1rem; }
.tgdd-list .tgdd-jxz{float:right; padding:0 0.5rem; height:2rem; line-height:2rem;  background:#f7f7f7; border-radius:2rem; text-align:center; margin-top:1rem; }
.tgdd-list .tgdd-cg span{display:inline-block; padding-left:1.4rem;  background:url(../images/tgdd-success.png) no-repeat left center;font-weight:500; font-size:0.8rem; background-size:1.1rem;}
.tgdd-list .tgdd-sb span{display:inline-block; padding-left:1.4rem;  background:url(../images/tgdd-failure.png) no-repeat left center;font-weight:500; font-size:0.8rem;background-size:1.1rem;}
.tgdd-list .tgdd-jxz span{display:inline-block; padding-left:1.4rem;  background:url(../images/tgdd-going.png) no-repeat left center;font-weight:500; font-size:0.8rem;background-size:1.1rem;}
.tgdd-content .tgdd-con-left{ float:left;}
.tgdd-content .tgdd-con-left .tgdd-left-img{ float:left; width:4rem; height:4rem; border:1px solid #e7e7fe7; border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px;-webkit-border-radius:4px;}
.tgdd-content .tgdd-con-left .tgdd-left-text{ float:left; margin-left:0.3rem;}
.tgdd-con-left .tgdd-left-text h4{ font-size:0.8rem; color:#000;}
.tgdd-con-left .tgdd-left-text p{ margin-top:0.1rem; font-size:0.6rem;}
.tgdd-left-text p .text-title{ color:#666;}
.tgdd-left-text p .text-con{ color:#333;}
.tgdd-left-text p .money{ font-size:0.9rem; color:#f95708; font-weight:bold; position:relative;}
.tgdd-left-text p .money .yjzt{ position:absolute;left:1rem bottom:0; background:url(../images/yjzz.png) no-repeat center center; width:3rem; height:1.5rem; background-size:3rem;}
.tgdd-left-text p .money .ddz,.tgdd-left-text p .money .ydz{font-size:0.7rem; text-align:center; line-height:1.5rem;}
.tgdd-left-text p .money .ddz{ color:#1762cd;}
.tgdd-left-text p .money .ydz{ color:#2f970f;}
.tgdd-content .tgdd-con-right{ float:right; border:1px solid #3C3736; border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px;-webkit-border-radius:4px; padding:0 0.2rem; font-size:0.6rem; line-height:1rem; margin-top:1rem; }

/*排行榜*/
.phb-content{ background:url(../images/phb-bg.jpg) no-repeat center top; background-size:cover; height:100%; position:relative; }
.phb-content .phb-mine{ text-align:center; color:#fff; font-size:1rem; padding-top:30px;}
.phb-content .phb-mine img{ display:block; margin:0 auto; padding-bottom:16px;  }
.phb-content .my-phb{ overflow:hidden; zoom:1; padding: 1rem 0;}
.phb-content .my-phb p{text-align:center; color:#fff; font-size:1rem;}
.phb-content .my-phb b{display:block; text-align:center; color:#fff; font-size:1.2rem; line-height:2rem;}
.my-phb .my-place{ display:inline-block; width:48%;}
.my-phb .my-income{ display:inline-block; width:48%;}
.phb-content .rule{ position:absolute; top:50px; right:0; display:block;width:2.4rem; height:1.8rem; background:#d6eafb; border-radius:20px 0 0 20px; text-align:center; color:#333; font-size:0.8rem; line-height:1.8rem;}
.phb-content .phb-detail{margin:0 0.8rem; background:#fff; border-radius:16px 16px 0 0; height:100%; padding:0 0.8rem; overflow:hidden; }
.phb-detail .phb-list{ font-size:0.9rem; text-align:left; line-height:3rem; position:relative;}
.phb-detail .phb-list .user-id{ color:#333; padding-left:3rem; }
.phb-detail .phb-list .phb-num-one{display:inline-block; width:3rem; height:3rem; background:url(../images/one.png) no-repeat left center; background-size:2rem;  }
.phb-detail .phb-list .phb-num-two{ display:inline-block; width:3rem; height:3rem; background:url(../images/two.png) no-repeat left center; background-size:2rem; }
.phb-detail .phb-list .phb-num-three{display:inline-block;  width:3rem; height:3rem;background:url(../images/three.png) no-repeat left center; background-size:2rem; }
.phb-detail .phb-list .user-income{ color:#e89615; float:right;}
.phb-detail .phb-list .phb-num{ color:#999; font-size:1rem; position:absolute; left:0;top:0;}
.phb-detail .phb-list .num{ margin-left:0.5rem;}
.phb-content .phb-tab{ width:80%; height:2.5rem; margin:0 auto; background:#fff; box-shadow:0 0 5px #ddd; border-radius:30px; position:fixed; bottom:20px; left:50%; margin-left:-40%;}
.phb-content .phb-tab li{ float:left; width:33%;line-height:2.5rem; color:#666; text-align:center; }
.phb-content .phb-tab li a{ display:block;}
.phb-content .phb-tab li.on { font-weight:bold; color:#333;}

/*提现*/
.withdraw *{box-sizing: border-box;}
.txbox{width: 100%;height: 6rem;background: #fff;padding: 0.8rem;}
.txbox .w-text-b{padding-bottom: 0.2rem;border-bottom: 1px solid #ddd;margin-top: 0.8rem;position: relative;}
.txbox .w-text{width: 100%;padding-left: 2rem;padding-right: 8rem;height: 2rem;line-height: 2rem;background: url('../images/huobi.jpg') no-repeat;background-size: 1.5rem;background-position: 0 0;border: none;outline: none;font-size: 1.7rem;}
.txbox .w-text-b .w-t-r{width: 8rem;position: absolute;right: 0;top: 0;}
.txbox .w-text-b .w-t-r a,.txbox .w-text-b .w-t-r span{display: block;text-align: right;}
.txbox .w-text-b .w-t-r a{color: #1762cd;}
.txbox .w-text-b .w-t-r span{color: #666666;font-size: 0.6rem;}
.tx-type-b{width: 100%;background: #fff;margin-top: 1rem;padding: 0.8rem;}
.tx-type-b .tx-type{display: flex;justify-content : space-between;padding: 1rem 0;}
.tx-type-b .tx-type-item{width: 30%;text-align: center;border: 1px solid #ddd;padding: 0.5rem 0.6rem;border-radius: 0.4rem;}
.tx-type-b .tx-type-item.selected{border: 1px solid #df8608;position: relative;}
.tx-type-b .tx-type-item.selected:after{content: '';display: inline-block; width: 2rem;height: 1rem; position: absolute;top: 0;right: 0;background: url('../images/selected.png') no-repeat right;background-size: auto 100%;}
.tx-type-b .tx-type-item span{display: inline-block;padding-left: 1.8rem;height: 1.4rem;line-height: 1.4rem;font-size: 0.8rem;font-weight: bold;}
.tx-type-b .tx-type-item span.zfb{background: url('../images/ic-zfb.png') no-repeat;background-size: 1.4rem;}
.tx-type-b .tx-type-item span.wx{background: url('../images/ic-wx.png') no-repeat;background-size: 1.4rem;}
.tx-type-b .tx-type-item span.yhk{background: url('../images/ic-yhk.png') no-repeat;background-size: 1.4rem;}
.tx-type-b .zhname{font-size: 0.6rem;margin-top: 0.8rem;}
.zhbd{height: 3rem;line-height: 3rem;padding-bottom: 0.8rem;border-bottom: 1px solid #ddd;position: relative;font-size: 0.9rem;font-weight: bold;color: #999999;}
.zhbd span{position: absolute;right: 0;color: #1762cd;font-size: 0.8rem;font-weight: bold;}
.tx-sub-b{width: 100%;padding: 0.8rem;}
.tx-sub-b .tx-sub{width: 100%;height: 3rem;line-height: 3rem;text-align: center;background: #ccc;border-radius: 0.4rem;color: #fff;font-size: 1rem;}
.bd-box{width: 100%;height: 100%; background: rgba(0,0,0,0.2);position: fixed;top: 0;left: 0;z-index: 9999999;display: none;}
.bd-box .bd-warp{width: 80%;height: 15rem;background: #fff;position: fixed;  top: 50%;  left: 50%;  -webkit-transform: translate3d(-50%, -50%, 0);  transform: translate3d(-50%, -50%, 0);  -webkit-backface-visibility: hidden;  backface-visibility: hidden;  -webkit-transition: .2s ease-out;  transition: .2s ease-out;  z-index: 9999;padding: 0.8rem;border-radius: 0.6rem;}
.bd-warp *{box-sizing: border-box;}
.bd-warp .bd-title{ text-align: center; color: #000;font-size: 1rem;font-weight: bold;padding: 1rem 0;}
.bd-warp .bd-inp-b{padding: 0.6rem 0;border-bottom: 1px solid #eee;position: relative;}
.bd-warp .bd-inp-b span{position: absolute;left: 0;color: #333;display: inline-block;width: 5rem;height: 2.2rem;line-height: 2.2rem;}
.bd-warp .bd-inp-b input{width: 100%;padding-left: 5rem;color: #999;border:0;height: 2.2rem;line-height: 2.2rem;outline: none;}
.bd-btn{width: 100%;display: flex;justify-content : space-between;margin-top: 1.6rem}
.bd-btn button{width: 40%;height: 2rem;background: #fff;border:1px solid #1069e9;border-radius: 2rem; outline: none;}
.bd-btn button.sub{background: #1069e9;color: #fff;}

/*优惠礼券*/
.tgtop.coupons{position: fixed;top: 0;width: 100%; background: #f7f7f7;z-index: 9;}
.tab_nav_box{position: fixed;top: 2.4rem;width: 100%;background: #f7f7f7;z-index: 9;}
.tab_nav{ position: relative; margin-top: .25rem; box-shadow: 0 -4px 5px 0 rgba(0,0,0,.03); height: 2.625rem; z-index: 1;}
.tab_nav.fixed { position: fixed; top: 0; left: 0; right: 0; margin: 0 auto;}
.tab_nav .navs { height: 2.7rem; background: #fff; border-radius: .2rem;}
.tab_nav .navs ul {font-size: 0; white-space: nowrap; overflow: hidden; overflow-x: auto; padding-right: 2.25rem; over-flow: auto; -webkit-overflow-scrolling: touch;}
.tab_nav .navs li { display: inline-block; vertical-align: top; padding: 0 0.8rem; font-family: PingFangSC-Regular; font-size: .8rem;  text-align: center;}
.tab_nav .navs li a { box-sizing: border-box; display: inline-block; color: #666; height: 2.625rem; line-height: 2.625rem;}
.tab_nav .navs .cur a { color: #e93b3d; border-bottom: 2px solid #e93b3d;}
.tab_nav .arrow { position: absolute; background: #fff; top: 0; right: 0; width: 2.25rem; height: 2.625rem; border-radius: 0 .2rem .2rem 0;}
.tab_nav .arrow .arrow_icon { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: .7rem; height: .4rem; background: url(../images/tgdd-arrow-down.png) no-repeat;  background-size: 100% 100%; margin: auto;}
.unfold .arrow_icon {  -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.coupons-contant { margin:0.8rem 0.8rem;margin-top: 6rem;}
.coupons-contant.m-t-27{margin-top: 3.75rem;}
.unfold .navs {  position: relative;  height: auto;  border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
.unfold .navs ul {  white-space: normal;  padding-right: 0;}
.coupons-contant .coupons-list{ box-shadow:0 0 5px #ddd; width:100%; height:5.3rem; margin-bottom:0.6rem;}
.coupons-contant .coupons-list .coupons-img{ float:left; width:4.5rem; height:4.5rem; border-radius:3px; margin:0.4rem;}
.coupons-contant .coupons-list .coupons-left{ float:left; background:url(../images/coupons-leftbg.png) no-repeat left center; background-size:10rem; background-size: 100% 100%;width: calc(100% - 5.3rem);height: 5.3rem; position:relative;}
.coupons-contant .coupons-list .coupons-left .text{ float:left; width: calc(100% - 6rem);}
.coupons-contant .coupons-list .coupons-left h4{ font-size:0.7rem; color:#333; font-weight:normal; line-height:1rem; margin-top:0.5rem;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; height: 2rem;}
.coupons-contant .coupons-list .coupons-left .conditions{ font-weight:bold; font-size:0.8rem; line-height:1.5rem; color:#333;}
.coupons-left .received-icon{ position:absolute;right:10px; bottom:10px; width:3rem;}
.coupons-left .collected-icon{ position:absolute;right:10px; bottom:10px; width:3rem;}
.coupons-list .coupons-left .none-text h4,.coupons-list .coupons-left .none-text p{ color:#ccc !important;}
.coupons-contant .coupons-list .coupons-right{ float:left;background:url(../images/coupons-rightbg1.png) no-repeat left center;background-size: 100% 100%; width:5.3rem; height:5.3rem; }
.coupons-list .coupons-right p.money{ color:#ea1f20; font-size:1.5rem; font-weight:bold; text-align:center; margin:0.6rem 0 0.5rem;}
.coupons-right p.money span{ font-size:0.8rem; }
.coupons-list .coupons-right .receive,.coupons-list .coupons-right .received-btn{ display:block;width:80%; height:1.5rem; line-height:1rem; font-size:0.7rem; font-weight:bold;  text-align:center; border:0 none; border-radius:20px; margin:0 auto; cursor:pointer;}
.coupons-list .coupons-right .receive{ background:url(../images/coupons-btn.png) repeat-y left center;color:#fff;}
.coupons-list .coupons-right .received-btn{ border:1px solid #ea1f20; background:#fff; color:#ea1f20;}
.coupons-list .none-right p.money{ color:#fff; font-size:1.5rem; font-weight:bold; text-align:center; margin:0.6rem 0 0.5rem;}
.none-right .money span{ font-size:0.8rem; }
.none-right .receive{ background:#bbb !important; color:#fff;   display:block;width:80%; height:1.5rem; line-height:1rem; font-size:0.7rem; font-weight:bold;  text-align:center; border:0 none; border-radius:20px; margin:0 auto; cursor:pointer;}
.none-right{ float:left; background:url(../images/coupons-rightbg2.png) no-repeat left center;background-size: 100% 100%; width:5.3rem; height:5.3rem;}

/* 城市切换 */
.topss .topcity{color: #fff;float: left;margin-left: 0.6rem;height: 1.8rem;line-height: 1.8rem;width: 20%;text-align: center;}
.topss .topcity .topcity-text{display: inline-block;max-width: 70%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;margin-right: 0.3rem;}
.topss .topcity .topcity-icon{border-style: solid;border-color: #fff #00a7ff #00a7ff #00a7ff;border-width: 4px 4px 2px;}



/*多图上传*/
.content {
  width: 310px;
  background-color: #fff;
}

.img-list {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}

.img-item {
  width: 30%;
  text-align: left;
  margin-right: 10px;
  margin-bottom: 5px;
}

.img-item img {
  width: 90px;
  height: 90px;
}

.submit-btn {
  width: 100%;
  background-color: #fff;
  height: 40px;
  text-align: center;
  line-height: 40px;
  font-size: 15px;
  position: fixed;
  bottom: 50px;
}

.chooseimg {
  width: 30%;
  background-color: #fff;
}

.weui-uploader__input-box {
  float: left;
  position: relative;
  margin-right: 9px;
  margin-bottom: 9px;
  width: 90px;
  height: 90px;
  border: 1px solid #d9d9d9;
}

.weui-uploader__input-box:before {
  width: 2px;
  height: 39.5px;
}

.weui-uploader__input-box:after, .weui-uploader__input-box:before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #d9d9d9;
}

.weui-uploader__input-box:after {
  width: 39.5px;
  height: 2px;
}

.weui-uploader__input-box:after, .weui-uploader__input-box:before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #d9d9d9;
}

.tips {
  color: #666;
  font-size: 12px;
  padding-bottom: 10px;
}

.img-box {
  width: 100%;
  margin: auto;
  /*padding-top: 10px;*/
}
#uploadfile{
    opacity: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
#marks-textarea{
    width: 100%;
    height: 60px;
    border:none;
    outline:none;
}