@import 'common.css';
html,body{height: 100%;/*font-family: '黑体';*/}
body{overflow: hidden;}
button, html input[type="button"],
input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}
@font-face {
    font-family: 'ElegantIcons';
    src:url('fonts/ElegantIcons.eot');
    src:url('fonts/ElegantIcons.eot?#iefix') format('embedded-opentype'),
        url('fonts/ElegantIcons.woff') format('woff'),
        url('fonts/ElegantIcons.ttf') format('truetype'),
        url('fonts/ElegantIcons.svg#ElegantIcons') format('svg');
    font-weight: normal;
    font-style: normal;
}
div {
    outline: 0 !important;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/**
 *   page dhb-app css
 */
.dhb-app{height: 100%;overflow-y: hidden;}
.dhb-app nav{background-color:#F7F7F7;width:100%;height: 5rem;position:absolute;left: 0;bottom: 0;color: white;font-size: 1.2rem;z-index: 2222;}
.dhb-app nav ul{display: table;table-layout: fixed;width: 100%;height:100%;text-align: center;}
.dhb-app nav ul li{display: table-cell;}

.dhb-app nav ul li a{width:100%;color: Black;display: inline-block;}

.dhb-app nav ul li p:first-child{font-size: 2.0rem;margin-top: .4rem;}
.dhb-app nav ul li a > p:nth-child(2){height: 2.2rem;line-height: 2.2rem;}
/**
 *  page index css and page goods-list common css
 */
/*.page-index header{height: 158rem;}*/
.home.search{height: 4.4rem;background: #f9f9f9;line-height: 4.4rem;position: absolute;width: 100%;top: 0;left: 0;z-index:3;}
.loadsearch{height: 4.4rem;background: #f9f9f9;line-height: 4.4rem;position: absolute;width: 100%;top: 0;left: 0;z-index:3;}
.page-goods-list .search{height: 4.4rem;line-height: 4.4rem;}
.page-goods-listPl .search{height: 4.4rem;line-height: 4.4rem;}
.search div:nth-of-type(1),.page-goods-list header .search div:nth-of-type(1),.page-goods-listPl header .search div:nth-of-type(1){display: inline-block;border: 1px solid #E4E4E4;height: 3.0rem;line-height: 3.0rem;
    background: #fff;margin:.6rem 0 0 .6rem;min-width: 65%;border-radius: .5rem;width: -webkit-calc(100% - 9.4rem);width: calc(100% - 9.4rem);
}
.page-goods-list header{background: #f9f9f9;position: absolute;width: 100%;top: 0;left: 0;/*z-index: 1;*/}
.page-goods-listPl header{background: #f9f9f9;position: absolute;width: 100%;top: 0;left: 0;/*z-index: 1;*/}
/*商品搜索*/
.home.search div:nth-of-type(1) input,.page-goods-list header .search div:nth-of-type(1) input,.page-goods-listPl header .search div:nth-of-type(1) input{border: none;width:50%;height: 2.8rem;text-indent: 1.0rem;min-width: 50%;}
.home.search div:nth-of-type(1) span,.page-goods-list header .search div:nth-of-type(1) span,.page-goods-listPl header .search div:nth-of-type(1) span{line-height: 3.0rem;font-size: 1.6rem;color: #B6B4B4;}
.home.search div:nth-of-type(1) em,.page-goods-list header .search div:nth-of-type(1) em,.page-goods-listPl header .search div:nth-of-type(1) em{
      line-height: 3.0rem;font-size: 1.6rem;color: #B6B4B4;float: right;margin-right: .6rem
}
.home.search span{display: inline-block;font-size: 2.2rem;color: #B6B4B4;line-height: 4.4rem;width: 2.2rem;}
.home.search span:nth-of-type(1),.page-goods-list header .search span:nth-of-type(1),.page-goods-listPl header .search span:nth-of-type(1){float: left;margin-left: 1.0rem;}
.icon-search{float: right !important;margin: 0 !important;padding: 0 1.0rem;}
.page-goods-list .search > em{height: 4.4rem;width: 3.0rem;float: left;}
.page-goods-list .search > em span:nth-of-type(1){margin: 1.4rem .2rem 0 1.4rem;}
.page-goods-list .search > span:nth-of-type(1){line-height: 4.4rem;color: #b5b5b5;font-size: 1.8rem;}
.page-goods-listPl .search > em{height: 4.4rem;width: 3.0rem;float: left;}
.page-goods-listPl .search > em span:nth-of-type(1){margin: 1.4rem .2rem 0 1.4rem;}
.page-goods-listPl .search > span:nth-of-type(1){line-height: 4.4rem;color: #b5b5b5;font-size: 1.8rem;}
.home.search span:nth-of-type(2),.page-goods-list header .search > span:nth-of-type(1),.page-goods-listPl header .search > span:nth-of-type(1){float: right;margin-right: 1.0rem;}


/*图片导航*/
div.banner{overflow: hidden;  background: white;}
div.banner > ol{display: table;table-layout: fixed;text-align: center;}
div.banner ul{
    position: absolute;margin-top: -3.0rem;margin-left: 50%;z-index: 2;-webkit-transform: translateX(-50%);/*-webkit-calc(50% - 33rem);
    margin-left: -moz-calc(50% - 33rem);margin-left: -ms-calc(50% - 33rem);margin-left: calc(50% - 33rem);*/
}
div.banner ol {-webkit-transition-duration: 300ms;}
div.banner ol li{ display: table-cell;vertical-align: middle;}
/*div.banner ol img{width: 100%;}*/
div.banner ul li{width:.8rem;height: .8rem;border-radius: 50%;background:rgb(194, 179, 179);float: left;margin-right: 1.0rem;}

.page-index .pic-menu{padding: .625em 0%;}
.page-index .pic-menu ul,.page-goods-info footer ul{/*display: -webkit-box;display: -ms-box;display: box;*/display:table;table-layout:fixed;width:100%;text-align: center;}
.page-index .pic-menu ul li,.page-goods-info footer ul li{/*-webkit-box-flex:1;-ms-box-flex:1; box-flex:1;*/display: table-cell;border-bottom: 0;}
.page-index .pic-menu ul li p:first-child{width: 4.0rem;height: 4.0rem;margin: auto;
    border-radius: 35%;color: white;line-height: 4.0rem;
}
.page-index .pic-menu ul li:nth-child(1) > p:first-child{background: #f3d05c;}
.page-index .pic-menu ul li:nth-child(2) > p:first-child{background: #72cae2;}
.page-index .pic-menu ul li:nth-child(3) > p:first-child{background: #d06c92;}
.page-index .pic-menu ul li:nth-child(4) > p:first-child{background: #ec7070;}
.page-index .pic-menu .first-line{
    margin-bottom: .714em;
}
.page-index .pic-menu .first-line li:nth-child(1) > p:first-child{background: #72cae2;}
.page-index .pic-menu .first-line li:nth-child(2) > p:first-child{background: #d06c92;}
.page-index .pic-menu .first-line li:nth-child(3) > p:first-child{background: #ec7070;}
.page-index .pic-menu .first-line li:nth-child(4) > p:first-child{background: #f3d05c;}
/*楼层A版无区位广告图*/
.page-index .goods-list{margin-bottom: 0rem;}
.page-index .goods-list ul{width: 100%;}
.page-index .goods-list ul li{width: 33%;height: 20.0rem;float: left;padding: .8rem 0 .8rem .8rem;-webkit-box-sizing: border-box;box-sizing: border-box;border-bottom: 1px solid #e9e9e9;position: relative;}
.page-index .goods-list ul li:nth-child(odd){border-right: 0px solid #e9e9e9;}
.page-index .goods-list ul li p{line-height: 2.0rem;max-height: 4.0rem; overflow: hidden;}
.page-index .goods-list ul li div img{max-width:14rem;width:90%;max-height:100%;position:absolute;left: 1.0rem;bottom: 2rem;border: 1px solid #e9e9e9;}
.page-index .goods-list > p{font-size: 1.6rem;font-weight: 800;margin-left: 1.6rem;}
.page-index .goods-list > p:before{content: '';width: .3rem;height: 1.4rem;background: red;position: absolute;margin: .6rem 0 0 -0.8rem;}
/*楼层A版有区位广告图*/
.page-index .goods-lista{margin-bottom: 0rem;}
.page-index .goods-lista ul{width: 100%;}
.page-index .goods-lista ul li{width: 32%;height: 16.0rem;float: left;padding: .8rem 0 .8rem .8rem;-webkit-box-sizing: border-box;box-sizing: border-box;border-bottom: 1px solid #e9e9e9;position: relative;}
.page-index .goods-lista ul li:nth-child(odd){border-right: 0px solid #e9e9e9;}
.page-index .goods-lista ul li p{line-height: 2.0rem;max-height: 4.0rem; overflow: hidden;}
.page-index .goods-lista ul li div img{max-width:8.0rem;max-height:8.0rem;position:absolute;left: 1.0rem;bottom: 2rem;border: 1px solid #e9e9e9;}
.page-index .goods-lista .img{width: 100%;max-width:12.5rem;max-height:16.0rem;position:absolute;bottom: .5rem;}
.page-index .goods-lista > p{font-size: 1.6rem;font-weight: 800;margin-left: 1.6rem;}
.page-index .goods-lista > p:before{content: '';width: .3rem;height: 1.4rem;background: red;position: absolute;margin: .6rem 0 0 -0.8rem;}

/*楼层B版有区位广告图*/
.page-index .goods-listb{margin-bottom: 0rem;}
.page-index .goods-listb ul{width: 100%;}
.page-index .goods-listb .ui10{width: 100%;}
.page-index .goods-listb .ui10 .li10{width: 100%;}
.page-index .goods-listb ul li{width: 33%;height: 15.0rem;float: left;padding: .8rem 0 .8rem .8rem;-webkit-box-sizing: border-box;box-sizing: border-box;border-bottom: 1px solid #e9e9e9;position: relative;}
.page-index .goods-listb ul li:nth-child(odd){border-right: 0px solid #e9e9e9;}
.page-index .goods-listb ul li p{line-height: 2.0rem;max-height: 4.0rem; overflow: hidden;}
.page-index .goods-listb ul li div img{max-width:8.0rem;max-height:8.0rem;position:absolute;left: 1.0rem;bottom: 2rem;border: 1px solid #e9e9e9;}
.page-index .goods-listb > p{font-size: 1.6rem;font-weight: 800;margin-left: 1.6rem;}
.page-index .goods-listb > p:before{content: '';width: .3rem;height: 1.4rem;background: red;position: absolute;margin: .6rem 0 0 -0.8rem;}
.page-index .goods-listb .banner{overflow: hidden;  background: white;height: 100%;}
.page-index .goods-listb .banner > ol{display: table;table-layout: fixed;text-align: center;height:100%;}
.page-index .goods-listb .banner ul{
    position: absolute;margin-top: -3.0rem;margin-left: 50%;z-index: 2;-webkit-transform: translateX(-50%);/*-webkit-calc(50% - 33rem);
    margin-left: -moz-calc(50% - 33rem);margin-left: -ms-calc(50% - 33rem);margin-left: calc(50% - 33rem);*/
}
.page-index .goods-listb .banner ol {-webkit-transition-duration: 300ms;}
.page-index .goods-listb .banner ol li{ display: table-cell;min-height: 15.0rem;vertical-align: middle;}
/*div.banner ol img{width: 100%;}*/
.page-index .goods-listb .banner ul li{width:.8rem;height: .8rem;border-radius: 50%;background:rgb(194, 179, 179);float: left;margin-right: 1.0rem;}

/**
 *  page order-list css
 */

/*common header*/
header.common{height: 5.0rem;line-height: 5.0rem;text-align: center;background: #f9f9f9;position: absolute;width: 100%;top: 0;left: 0;/*z-index:101;*/}
header.common .icon{line-height: 5.0rem;font-size: 2.2rem;color: #9f9f9f}
header.common em{  width: 5.0rem;height: 5.0rem;float: left;;}
header.common a{float:left;margin: 1.8rem 0 0 1.2rem;}
header.common p{display:inline-block;font-size: 2.0rem;text-indent: -2.0rem;}
header.common span{float:right;margin-right: .8rem;font-size: 1.6rem;}

/*order-list*/
.page-order-list{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 3;
    overflow: hidden;
    background: #ffffff;
}
.page-order-list .order-list{
      width: 100%;
      position: absolute;
      top: 5.0rem;
      left: 0;
      bottom: 0;
      overflow-y: auto;
      -webkit-overflow-scrolling:touch;
}
.page-order-list .order-list ul li .icon{font-size: 1.2rem;}
.page-order-list .order-list ul li > div{padding: 3%;border-bottom: 1px solid #ddd;}
.page-order-list .order-list ul li > div:nth-last-of-type(1){border-bottom: none;}
/*.page-order-list .order-list ul li > div img{border: 1px solid #ebebeb;max-width: 32%;}*/
.page-order-list .order-list ul li > div > div{display: inline-block;width:100%;}
.page-msg-list .order-list ul li > div > div > span:nth-of-type(2){float: right;font-size: 1.2rem;}
/*.page-order-list .order-list ul li > div div h4{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;color: #222;font-size: 1.6rem;}*/
.page-order-list .order-list ul li > div div span{display: block;color: #ababab;}
.page-order-list .order-list ul li > div div span em{padding: .2rem .6rem;background: rgb(114,202,226);border-radius: .4rem;color: #ffffff;
}
.page-order-list .order-list ul li > div:nth-child(1){font-size:1.4rem;}
.page-order-list .filter-layer{z-index: 102;}
.order-message{
    position: absolute;
    z-index: 2000;
    padding: 4%;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: rgba(0,0,0,.6);
    top:0;bottom:5.0rem;
    display: none;
}
.order-message > div{
    background: #fff;
    margin: 1em;
    border-radius: .6em;
}
.order-message > div h4{
    height: 3em;
    line-height: 3em;
    text-align: center;
    font-size: 1.2em;
    background: rgb(250, 250, 250);
    border-radius: 0.5em .5em 0 0;
}
.order-message .btn-group{
    border-top: 1px solid #EFEFEF;
}


.order-wlxx{
    position: absolute;
    z-index: 2000;
    padding: 4%;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: rgba(0,0,0,.6);
    top:0;bottom:5.0rem;
    display: none;
}
.order-wlxx > div{
    background: #fff;
    margin: 1em;
    border-radius: .6em;
}
.order-wlxx > div h4{
    height: 3em;
    line-height: 3em;
    text-align: center;
    font-size: 1.2em;
    background: rgb(250, 250, 250);
    border-radius: 0.5em .5em 0 0;
}
.order-wlxx .btn-group{
    border-top: 1px solid #EFEFEF;
}

.order-wlxx .order-goods-wlxx{
      text-indent: 1.8rem;color: #838383;font-size:1.2rem;height:40rem; overflow:auto;
}
.order-wlxx .order-goods-wlxx > ul li{
     border-top: 1px solid #ddd;
}
.order-wlxx .order-goods-wlxx > ul > li > span{
     display: block;line-height: 2.4rem;
}

.order-fhjl{
    position: absolute;
    z-index: 2000;
    padding: 4%;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: rgba(0,0,0,.6);
    top:0;bottom:5.0rem;
    display: none;
}
.order-fhjl > div{
    background: #fff;
    margin: 1em;
    border-radius: .6em;
}
.order-fhjl > div h4{
    height: 3em;
    line-height: 3em;
    text-align: center;
    font-size: 1.2em;
    background: rgb(250, 250, 250);
    border-radius: 0.5em .5em 0 0;
}
.order-fhjl .btn-group{
    border-top: 1px solid #EFEFEF;
}
.order-fhjl .order-goods-fhjl{
      text-indent: 1.8rem;color: #838383;font-size:1.2rem;
}
.order-fhjl .order-goods-fhjl > ul li{
     border-top: 1px solid #ddd;
}
.order-fhjl .order-goods-fhjl > ul > li > span{
     display: block;line-height: 2.4rem;
}

/*弹出层*/
.page-order-list .info-layer{z-index:202 !important;display: block; background: #FFFFFF;}
.layer-footer{
    position: absolute;
    width: 100%;
    height: 5.0rem;
    left: 0;
    bottom: 0;
    text-align: center;
    z-index: 2;
    background: rgb(103, 103, 103)
}
.layer-footer p{
    line-height: 4.0rem;color: #fff;margin:.4rem .8rem;float: left;
    width: 4.0rem;height: 4.0rem;border-radius: 50%;border: 1px solid #ffffff;
}
.layer-footer button{
    line-height: 4.2rem;color: #fff;margin:.4rem .4rem; background: transparent;padding: 0 4%;
    height: 4.2rem;border-radius: 2em;border: 1px solid #ffffff;
}
.layer-footer button:nth-of-type(1){
    float: right;border-radius: 1.2rem;
}
.layer-footer p > span{float: left;margin: 1.3rem 0 0 1.5rem;border-width: .1rem;}

.order-goods{
      text-indent: 1.8rem;color: #838383;font-size:1.2rem;display: none;
}
.order-goods > ul li{
     border-top: 1px solid #ddd;
}
.order-goods > ul > li > span{
     display: block;line-height: 2.4rem;
}
/**
 *  page my-home ccss
 */
.page-my-home{position: absolute;width: 100%;top: 0;left: 0;bottom: 0;overflow-y: auto;-webkit-overflow-scrolling:touch;}
.page-my-home header{height: 15.0rem;background-size: cover;padding-top:.1rem;color: white;background-color: #888585;}
.page-my-home header > span:nth-child(1){
    position:absolute;top:0;right:0;color: white;font-size: 1.8rem;padding:3%;
}
.page-my-home header > div:nth-child(2){
    width: 7.0rem;height: 7.0rem;border-radius: 50%;text-align: center;margin: 2.0rem 2.0rem 0;overflow: hidden;
    border: .3rem solid rgba(255,255,255,.4);
}
.page-my-home header > div:nth-child(3){
    margin: 3.0rem auto 2.0rem;
}
.page-my-home .point{height:4.5rem;}
.page-my-home .point ul{display: table;table-layout: fixed;width: 100%;background: rgba(0,0,0,.1);height: 100%;}
.page-my-home .point ul li{display: table-cell;padding: 0 4%;vertical-align: middle;}
.page-my-home .point ul > li:nth-child(1){border-right:1px solid #949494;}
.page-my-home .my-menu{
    position: absolute;width: 100%;
    /*top: 15.1rem;
    width: 100%;
    left: 0;
    overflow-y: auto;
    bottom: 0;
    margin-bottom: 0 !important;*/
}
.my-menu{margin-bottom: 5.0rem;}
.my-menu ul li{border-bottom: 1px solid #efefef;overflow: hidden;}
.my-menu ul li a{
    display: block;color: #595959;height: 4.3rem;padding-left:1.0rem;line-height: 4.4rem;
}
.my-menu ul li:nth-of-type(1) a :first-child{color:#d06c92;}
.my-menu ul li:nth-of-type(2) a :first-child{color:#72cae2;}
.my-menu ul li:nth-of-type(3) a :first-child{color:#f3d05c;}
.my-menu ul li:nth-of-type(4) a :first-child{color:#ec7070;}
.my-menu ul li:nth-of-type(5) a :first-child{color:#72cae2;}
.my-menu ul li:nth-of-type(6) a :first-child{color:#83706D;}
.my-menu ul li:nth-of-type(7) a :first-child{color:#F9310D;}
.my-menu ul li:nth-of-type(8) a :first-child{color:#EF2828;}

.layer > h4{position:absolute;top:0;left:0;width:100%;height:4.6rem;background:#efefef;text-align: center;z-index:2;line-height:4.6rem;font-size: 1.6rem;}
.addr-menu > span:nth-child(1) > em{
    display: inline-block;
    width: 1.2rem;
    height: 1.2rem;
    border: 1px solid #ccc;
    border-radius: 50%;
    vertical-align: text-top;
}

/**
 *  page cart css
 */
.page-cart{
      position: absolute;
      width: 100%;
      top: 0;
      left: 0;
      bottom: 0;overflow: hidden;
}
.page-cart .cart-list,.page-goods-info .goods-info{
    width:100%;
    position: absolute;
    top: 5.0rem;
    left: 0;
    bottom: 5.0rem;
    overflow-y: auto;-webkit-overflow-scrolling:touch;
}
.page-cart .cart-list ul li{
    height:11.9rem;border-bottom: 1px solid #eae9e9;
}
.page-cart .cart-list ul li > div{display: inline-block;height: 100%;}
.page-cart .cart-list ul li > div:nth-child(1){
    width: 15%;line-height: 11.9rem;float: left;
}
.page-cart .cart-list ul li > div:nth-child(1) span,.page-cart footer div:nth-child(1) span{
    width: 2.0rem; height:2.0rem;border-radius:50%;box-shadow: 0 0 .3rem #A18686;line-height: 12.0rem;
    vertical-align: middle;display: block;margin: 5.0rem 0 0 30%;
}
.page-cart .cart-list ul li > div:nth-child(2){
    width: 40%;padding: 3%;-webkit-box-sizing:border-box;box-sizing: border-box;display: none;
}
.page-cart .cart-list ul li > div:nth-child(2) div{
    width: 100%;height:100%;border: 1px solid #eae9e9;text-align:center;
}
.page-cart .cart-list ul li > div:nth-child(2) div img{max-height: 100%;max-width: 100%;}
.page-cart .cart-list ul li > div:nth-child(3){
    width: 85%;float: right; -webkit-box-sizing:border-box;box-sizing: border-box;
}
/*.page-cart .cart-list ul li > div:nth-child(3) > span:nth-child(1){overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}*/
.page-cart .cart-list ul li > div:nth-child(3) > span{display: block;}
.page-cart .cart-list ul li > div:nth-child(3) button{border: 0.1rem solid #dcdcdc;width: 3rem;height: 3rem;background: #fff;font-size: 2rem;}
.page-cart .cart-list ul li > div:nth-child(3) input{width :5.5rem;height: 2.8rem;border: .1rem solid #dcdcdc;border-left: none;
    border-right: none;line-height: 1em;text-align: center;text-indent: 0;
}
.page-cart .cart-list ul li > div:nth-child(3) div{
    width: 5.5rem;
    height: 3.2rem;
    position: absolute;
    margin-left: 3.2rem;
    z-index: 2;
}
.page-cart footer{
    height: 5.0rem;position: absolute;left: 0;bottom: 0;width: 100%;background: #f9f9f9;
}
.page-cart footer > div{
    height: 100%;line-height: 5.0rem;font-size: 1.8rem;
}
.page-cart footer div:nth-child(1){
    width: 15%;
}
.page-cart footer div:nth-child(1) span{
    margin: 1.5rem 0 0 30%;
}
/*.page-cart footer div:nth-child(2){
    width: 15%;color: #5e5e5e;background: #f9f9f9;text-align: center;
}*/
.page-cart footer div:nth-child(2){
    width: 55%;background: #f9f9f9;text-align: center;font-size: 1.5rem;
}
.page-cart footer div:nth-child(3){
    width: 30%;background: #ff4a00;text-align: center;color: #ffffff;
}

/**
 *  page goods-type css
 */
.page-goods-type header .search{height: 4.4rem;background: #f9f9f9;line-height: 4.4rem;position: absolute;width: 100%;border-bottom: 1px solid #eae9e9;}
.page-goods-type header .search div:nth-of-type(1){display: inline-block;border: 1px solid #E4E4E4;height: 3.0rem;line-height: 3.0rem;
    background: #fff;margin:.6rem 0 0 .8rem;min-width: 75%;border-radius: .5rem;width: -webkit-calc(100% - 5.8rem);width: calc(100% - 4.8rem);
}
/*商品搜索*/
.page-goods-type header .search div{overflow: hidden;}
.page-goods-type header .search div:nth-of-type(1) input{border: none;height: 2.8rem;line-height: normal;line-height: 22px\9;text-indent: 1.0rem;min-width: 80%;}
.page-goods-type header .search div:nth-of-type(1) span{line-height: 3.0rem;font-size: 1.6rem;margin-left: .6rem;}
.page-goods-type header .search span{display: inline-block;font-size: 2.2rem;color: #B6B4B4;line-height: 4.4rem;width: 2.2rem;}
.page-goods-type header .search > span:nth-of-type(1){float: right;margin-right: 1.0rem;color: #b5b5b5;}

.page-goods-type .goods-type .type-left,.page-goods-type .goods-type .type-right{
    color: #3e3e3e;position: absolute;top: 4.5rem;left: 0;bottom: 0rem;
}
.page-goods-type .goods-type .type-left{
    width: 30%;background: #f1f0f0;overflow-y:auto; text-align: center;-webkit-overflow-scrolling:touch;
}
.page-goods-type .goods-type .type-right{
    width: 70%;left: 30%;background: #fafafa; overflow-y: auto;-webkit-overflow-scrolling:touch;
}
.page-goods-type .type-left ul > li,.page-goods-type .type-right ul > li{
    padding: 1.0rem 0;border-bottom: 1px solid #eae9e9;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
.page-goods-type .type-right ul > ul li{padding: 1.0rem 0 1.0rem 2.0rem;background: #ffffff;color: #cdcdcd;}
.page-goods-type .type-right ul > li{
    text-indent: 1.2rem;
}

/**
 *  page goods-list css
 */
.page-goods-list{
      position: absolute;
      z-index: 3;
      width: 100%;
      background: white;
      left: 0;
      top: 0;
      bottom: 0;  overflow: hidden;
}
.page-goods-list header > div:nth-child(2){
    height: 4.2rem;border-top: 1px solid #ebebeb;border-bottom: 1px solid #ebebeb;
}
.page-goods-list header > div:nth-child(2) ul{display: table;table-layout: fixed;width: 100%;text-align: center;color: #a5a5a5;font-size: 1.6rem;}
.page-goods-list header > div:nth-child(2) ul li{display: table-cell;line-height: 4.2rem;}
.page-goods-list .goods-list{
    width: 100%;
    position: absolute;
    top: 8.8rem;
    left: 0;
    bottom: 0;
    overflow-y: auto;-webkit-overflow-scrolling:touch;
}
.page-goods-list .goods-list ul li{height: 12.0rem;border-bottom: 1px solid #eae9e9;}
.page-goods-list .goods-list ul li > div{display: inline-block;}
.page-goods-list .goods-list ul li > div:nth-child(1){width: 39%;height: 100%;padding:.8rem 3%;-webkit-box-sizing:border-box;box-sizing: border-box;}
.page-goods-list .goods-list ul li > div:nth-child(1) div{width:100%;height:100%;border: 1px solid #eae9e9;text-align: center;}
.page-goods-list .goods-list ul li > div:nth-child(1) div img{max-height: 100%;max-width: 100%;/*width: 100%;*/vertical-align: middle;}
.page-goods-list .goods-list ul li > div:nth-child(2){width: 55%;height: 100%;overflow: hidden;padding-top: 1.5rem;-webkit-box-sizing:border-box;box-sizing: border-box;  position: relative;}
.page-goods-list .goods-list ul li > div:nth-child(2) > span{display: block;}
.page-goods-list .goods-list ul li > div:nth-child(2) > span:nth-child(4){font-size: 1.2rem;color: #b8b8b8;}

.page-goods-list .goods-list #grid-layout li{height: auto;}
.page-goods-list .goods-list #grid-layout li > div{width: 100%;}
/*.page-goods-list .goods-list #grid-layout li > div > span{display: block;}*/
/*.page-goods-list .goods-list #grid-layout{display: none;}
.page-goods-list .goods-list #grid-layout li{width: 50%;float: left;height: 21.0rem;border: none;color: #2e2e2e;}
.page-goods-list .goods-list #grid-layout li > div{width: 100%;height: 100%;background: #f9f9f9;}
.page-goods-list .goods-list #grid-layout li > div > div{width: 100%;background: #ffffff;}
.page-goods-list .goods-list #grid-layout li > div > div:nth-child(1){height: 12.8rem;border: none;border-bottom: 1px solid #eae9e9;}
.page-goods-list .goods-list #grid-layout li > div > div:nth-child(2){height: 6.6rem;border: none;}
.page-goods-list .goods-list #grid-layout li > div > div:nth-child(2) > span{display: block;text-align: left;height: 2.0rem;}
.page-goods-list .goods-list #grid-layout li > div > div:nth-child(2) > span:nth-child(3){font-size: 1.2rem;color: #b8b8b8;}
.page-goods-list .goods-list #grid-layout li > div > div:nth-child(2) > a{z-index: 0;margin: -2.4rem 0rem 0 3.0rem;}
*/
.page-goods-list #add-cart-block{position: absolute;bottom: 5.0rem;left: 0;max-height:80%;width: 100%;background: #ffffff;border-top: 1px solid #efefef;
/*overflow-y: auto;-webkit-overflow-scrolling:touch;*/min-height:70%;overflow: visible;
}

/*筛选框*/
.page-goods-list .filter{
    width:85%;height:100%;background:rgb(249,249,249);
    position:absolute; top: 0;left: 15%;bottom: 0;z-index: 2;
}
.page-goods-list .filter :nth-child(n){background: #ffffff;}
.page-goods-list .filter > p{height :4.5rem;line-height:4.5rem; padding: 0 1.5rem;border-bottom: 1px solid #efefef;color: rgb(88,88,88);font-size: 1.6rem;text-align: center;}
.page-goods-list .filter > p > span{color: rgb(192,192,192);font-size: 1.4rem;}
.page-goods-list .filter ul > div:first-child {padding-left:4%;border-bottom:.8rem solid #efefef;-webkit-box-sizing: border-box;box-sizing: border-box;}
.page-goods-list .filter ul li {height:4.1rem;padding-left:4%;line-height:4.1rem;-webkit-box-sizing: border-box;box-sizing: border-box;}
.page-goods-list .filter ul li span span {margin: 1.7rem 2.0rem 0 .6rem;border-width: .1rem;}
/*.page-goods-list .filter.common{background: #fff;display: none;left:100%;*/}
.page-goods-list .filter > ul{  position: absolute;width: 100%;top: 4.6rem;left: 0;bottom: 0;overflow-y: auto;}
.page-goods-list .filter.common  ul > li{border-bottom: 1px solid #efefef;}
.page-goods-list .filter.common > p{padding: 0;}
.page-goods-list .filter.common > p > em{width: 4.0rem;height: 4.5rem;float: left;}
.page-goods-list .filter.common > p > em > span{margin: 1.6rem;}


/**
 *  page goods-listPl css
 */
.page-goods-listPl{
      position: absolute;
      z-index: 3;
      width: 100%;
      background: white;
      left: 0;
      top: 0;
      bottom: 0;  overflow: hidden;
}
.page-goods-listPl header > div:nth-child(2){
    height: 4.2rem;border-top: 1px solid #ebebeb;border-bottom: 1px solid #ebebeb;
}
.page-goods-listPl header > div:nth-child(2) ul{display: table;table-layout: fixed;width: 100%;text-align: center;color: #a5a5a5;font-size: 1.6rem;}
.page-goods-listPl header > div:nth-child(2) ul li{display: table-cell;line-height: 4.2rem;}

.page-goods-listPl footer{
    height: 5.0rem;position: absolute;left: 0;bottom: 0;width: 100%;background: #f9f9f9;
}
.page-goods-listPl footer > div{
    height: 100%;line-height: 5.0rem;font-size: 1.8rem;
}
.page-goods-listPl footer div:nth-child(1){
    width: 15%;
}
.page-goods-listPl footer div:nth-child(1) span{
    margin: 1.5rem 0 0 30%;
}
.page-goods-listPl footer div:nth-child(2){
    width: 55%;
    text-align: center;font-size: 1.5rem;
}
.page-goods-listPl footer div:nth-child(3){
    width: 30%;background: #ff4a00;text-align: center;color: #ffffff;
}


.page-goods-listPl .goods-list{
    width: 100%;
    position: absolute;
    top: 8.8rem;
    left: 0;
    bottom: 5.0rem;
    overflow-y: auto;-webkit-overflow-scrolling:touch;
}
.page-goods-listPl .goods-list ul li{height: 12.0rem;border-bottom: 1px solid #eae9e9;}
.page-goods-listPl .goods-list ul li > div{display: inline-block;}

.page-goods-listPl .listDiv
{
    display: inline-block;
    text-align:left;    
    margin-left:1em;
    width:75%;
}

.page-goods-listPl .checkboxDiv
{
    display: inline-block;
    text-align:center;
    top:1em;
}


.page-goods-listPl .goods-list #grid-layout li{height: auto;}
.page-goods-listPl .goods-list #grid-layout li > div{width: 100%;}
.page-goods-listPl #add-cart-block{position: absolute;bottom: 5.0rem;left: 0;max-height:80%;width: 100%;background: #ffffff;border-top: 1px solid #efefef;
/*overflow-y: auto;-webkit-overflow-scrolling:touch;*/min-height:70%;overflow: visible;
}

/*筛选框*/
.page-goods-listPl .filter{
    width:85%;height:100%;background:rgb(249,249,249);
    position:absolute; top: 0;left: 15%;bottom: 0;z-index: 2;
}
.page-goods-listPl .filter :nth-child(n){background: #ffffff;}
.page-goods-listPl .filter > p{height :4.5rem;line-height:4.5rem; padding: 0 1.5rem;border-bottom: 1px solid #efefef;color: rgb(88,88,88);font-size: 1.6rem;text-align: center;}
.page-goods-listPl .filter > p > span{color: rgb(192,192,192);font-size: 1.4rem;}
.page-goods-listPl .filter ul > div:first-child {padding-left:4%;border-bottom:.8rem solid #efefef;-webkit-box-sizing: border-box;box-sizing: border-box;}
.page-goods-listPl .filter ul li {height:4.1rem;padding-left:4%;line-height:4.1rem;-webkit-box-sizing: border-box;box-sizing: border-box;}
.page-goods-listPl .filter ul li span span {margin: 1.7rem 2.0rem 0 .6rem;border-width: .1rem;}
/*.page-goods-list .filter.common{background: #fff;display: none;left:100%;*/}
.page-goods-listPl .filter > ul{  position: absolute;width: 100%;top: 4.6rem;left: 0;bottom: 0;overflow-y: auto;}
.page-goods-listPl .filter.common  ul > li{border-bottom: 1px solid #efefef;}
.page-goods-listPl .filter.common > p{padding: 0;}
.page-goods-listPl .filter.common > p > em{width: 4.0rem;height: 4.5rem;float: left;}
.page-goods-listPl .filter.common > p > em > span{margin: 1.6rem;}

/**
 *  page order-confirm css
 */
.page-order-confirm{
      position: absolute;
      background: #ffffff;
      width: 100%;
      top: 0;
      left: 0;
      bottom: 0;
      overflow:hidden;
}
.page-order-confirm .order-info{
      width: 100%;
      position: absolute;
      top: 5.0rem;
      left: 0;
      bottom: 5.0rem;
      overflow-y: auto;
      -webkit-overflow-scrolling:touch;
}
.order-info .address > div{height: .6rem;background: url(../img/order_confirm.jpg)center center repeat-x;}
.order-info .address > p{color: #151515;text-indent: 1.0rem;height: 4.0rem;line-height: 4.0rem;background: rgb(250,250,250);}
.order-info .address > p span,.page-order-confirm .order-info .address > address span:nth-child(1){/*font-weight: 800 !important;*/font-size:1.6rem;}
.order-info .address > address{text-indent: 1.6rem;border-top: 1px solid #efefef;border-bottom: 1px solid #efefef;padding: .6rem 0;}
.order-info .address > address.reply > span{float: right;font-size: 1.2rem;margin-right: .8rem;}
.order-info .address > address span:nth-child(4){margin: -4.4rem 2.0rem 0 0;}
.order-info .goods-num{padding: .8rem 0;}
/*.order-info .goods-num > span:nth-child(1){line-height: 100rem;}*/
.order-info .goods-num > span:nth-child(2){display: block;width: 70%;text-indent: 1.0rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.order-info .goods-num span:nth-child(1) span{margin: 1.0rem 2.0rem 0 .6rem;
    -webkit-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    transform: rotate(315deg);
}
.order-info .other{margin-bottom: 5.0rem;}
.order-info .other ul li {height:5.1rem;padding-left:4%;line-height:5.1rem;border-bottom: 1px solid #efefef;}
.order-info .other ul li span span {margin: 2.2rem 1.0rem 0 .6rem;}
.order-info .other ul li span em {color: #505050;}
.order-info .message {padding: 4%;margin-bottom: 5.0rem;}
.order-info .message button{padding: 3% 8%;background: #ff5c1e;color:#fff;}
.order-info .message button.cancel{padding: 3% 4%;background:rgb(189, 189, 189);}
.order-info textarea,.order-message textarea,.add-pay-msg textarea{
    background: #f3f2f2;width: 100%;height: 10.0rem;padding: 3%;-webkit-box-sizing: border-box;box-sizing: border-box;border-radius: .4rem;
}

/*配送方式、收货地址以及付款方式*/
.page-order-confirm .send-type,.page-order-confirm .pay-type,.page-order-confirm .sen-type,.page-order-confirm .shi-type,.page-order-confirm .quxian-type,.page-order-confirm .select-address,.addr-manager {
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0,.5);
    z-index: 200;
    display: none;
    overflow-y: auto;
    -webkit-overflow-scrolling:touch;
}
.page-order-confirm .select-address,.addr-manager{
    background: rgba(0, 0, 0,.5);
}
.page-order-confirm .select-address > div,.addr-manager > div{
    background: #fff;
    margin: 1em;
    border-radius: .6em;
}
.addr-manager{z-index: 205 !important;}
.addr-manager > div{margin:50% 1em 1em !important;-webkit-transform: translateY(-50%);}
.page-order-confirm .select-address > div > ul{
    border-top: 1px solid #efefef;
}
.page-order-confirm .select-address > div > ul > li{
    min-height: 8.5rem;
    padding: .8em 1em .8em 2em;
    border-bottom: 1px solid #efefef;position: relative;
}
.page-order-confirm .select-address > div ul li > em{
    position: absolute;
    width: 1.6rem;
    height: 1.6rem;
    border: 1px solid #ccc;
    border-radius: 50%;
    top: 3.2em;
    left: .5rem;
}
.page-order-confirm .send-type > div,.page-order-confirm .pay-type > div,.page-order-confirm .sen-type > div,.page-order-confirm .shi-type > div,.page-order-confirm .quxian-type > div{
    width: 90%;
    background: #fff;
    margin: 3.5em auto;
    border-radius: .5em;
}
.page-order-confirm .send-type > div > h4,.page-order-confirm .sen-type > div > h4,.page-order-confirm .shi-type > div > h4,.page-order-confirm .quxian-type > div > h4,.page-order-confirm .pay-type > div > h4,.page-order-confirm .select-address > div > h4,.addr-manager > div > h4{height: 3em;line-height: 3em;text-align: center;font-size: 1.2em;background: rgb(250, 250, 250);border-radius: 0.5em .5em 0 0;font-weight: 800;}
.page-order-confirm .send-type > div ul > li:nth-child(1),.page-order-confirm .sen-type > div ul > li:nth-child(1),.page-order-confirm .shi-type > div ul > li:nth-child(1),.page-order-confirm .quxian-type > div ul > li:nth-child(1),.page-order-confirm .send-type > div ul > li:nth-child(1),.page-order-confirm .pay-type > div ul > li:nth-child(1),.addr-manager > div ul > li:nth-child(1){
    border-top: 1px solid #efefef;
}
.page-order-confirm .sen-type > div ul li,.page-order-confirm .shi-type > div ul li,.page-order-confirm .quxian-type > div ul li,.page-order-confirm .send-type > div ul li,.page-order-confirm .pay-type > div ul li,.addr-manager > div ul li{
    height:2.9em;line-height: 2.9em;
    border-bottom: 1px solid #efefef;
    padding: 0 1em 0;
}
.page-order-confirm .send-type > div ul li > em,.page-order-confirm .pay-type > div ul li > em{
    float: right;
    width: 1.6rem;
    height: 1.6rem;
    border: 1px solid #ccc;
    border-radius: 50%;
    margin-top: .8em;
}
.selected em{
    background: #ff4a00 !important;
}
.page-order-confirm button.btn{
    width: 100%;height:2.9em;line-height: 2.9em;text-align: center;  font-size: 1.6rem;color: #ff5c1e;border-radius: 0 0 .6em .6em;background: #fcfcfc;
}/*配送方式付款方式css结束*/



.page-order-confirm footer,.info-footer{
      position: absolute;
      left: 0;
      bottom: 0;
      height: 5.0rem;
      width: 100%;
      line-height: 5.0rem;
}
.info-footer ul{
    display: table;
    table-layout: fixed;
    width: 100%;
    text-align: center;
}
.info-footer ul > li{
    display: table-cell;
    vertical-align: middle;
    height: 5.0rem;
    width: 4.0rem;
}
.info-footer ul > li:nth-child(1){
      width: 25%;
}
.page-order-confirm footer div:nth-child(1), .info-footer div:nth-child(1){
    width: 60%;height: 50rem;color: #ff4a00;background: #f9f9f9;color: #2e2e2e;font-size: 1.4rem;
    text-indent: 6%; 
}
.page-order-confirm footer div:nth-child(1) em{
    color: #ff4a00;font-size: 1.8rem;
}
.page-order-confirm footer div:nth-child(2),.info-footer div:nth-child(2){
    width: 40%;background: #ff4a00;text-align: center;color: #ffffff;
}

/**
 *    page goods-detail css
 */
.goods-info > div{padding:.6% 3%;  box-sizing: border-box;-webkit-box-sizing: border-box;}
.goods-info > div:first-child{padding:0;}
.goods-info > div.info-header{height: 10.0rem;position:absolute;width:100%;top:0;left:0;border:1px solid #EFEFEF;}
.goods-info > div.info-header > ul{display: table;table-layout: fixed;width: 100%;height: 100%;}
.goods-info > div.info-header > ul > li{display: table-cell;vertical-align: middle; padding: 2%;}
.goods-info > div.info-header > ul > li:nth-child(1){width:35%;position: absolute;top: -3.0rem;}
.goods-info > div.info-header > ul > li:nth-child(2){vertical-align: top;width: 62%;}
.goods-info > div.info-header > ul > li:nth-child(1) > img{max-width:100%;max-height: 11.0rem;border: 1px solid #efefef;padding: 2%;border-radius: .4rem;background: #ffffff;}
.goods-info > div:nth-child(1) > div{
    text-align: center;
}
.goods-info > div:nth-child(1) > div img{
    
}
.goods-info button{border:.1rem solid #dcdcdc;width: 3rem;height: 3rem;background: #fff;font-size: 2rem;}
.goods-info button + div.replace{width: 7.0rem;height: 3.2rem;position: absolute;margin-left: 3.2rem;z-index: 2;}
.goods-info input{width :7.0rem;height: 2.8rem;border: .1rem solid #dcdcdc;border-left: none;
    border-right: none;line-height: 1em;text-align: center;text-indent: 0;
}
.goods-info .color,.goods-info .specification,.goods-info .DhtUnit,.goods-info .SPAttr{
    margin:0 1.0rem;
}
.goods-info .color span,.goods-info .specification span,.goods-info .DhtUnit span,.goods-info .SPAttr span{
    padding: 0 .8rem;
    border: 1px solid #ddd;
    margin-right: 1.0rem;
    display: inline-block;
    margin-bottom: .6rem;
}

.info-footer div:nth-child(1){text-indent: 0;}
.info-footer ul > li > p:nth-of-type(1){
    font-size:1.8rem;
} 
.info-footer ul > li > p:nth-of-type(2){
    height: 2.6rem;line-height: 2.6rem;
} 

/**
 *     page-find css
 */
.page-find .my-menu{margin-top: 5.0rem;}

/**
 *     page-information css
 */
.page-information .info-list{margin-top: 5.0rem;}
.page-information .info-layer .order-info{padding: 3%;-webkit-box-sizing: border-box;box-sizing: border-box;}
.page-information .info-layer .order-info .title{font-size: 1.2em;text-align: center;}
.page-information .info-layer img{max-width: 100% !important;height:auto !important;}
.page-information .filter-layer{z-index: 102;}
.page-information .info-list > ul > li{
    color: #595959;
    height: 4.3rem;
    padding-left: 1.0rem;
    line-height: 4.4rem;
    overflow: hidden;
}
.page-information .info-list > ul > li > span:first-child{
    display: inline-block;
    max-width: 85%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/**
 *     page-msg-list css
 */
.page-msg-list .online-msg{z-index:203;}

/**
 *     page-add-pay css
 */
.page-add-pay .add-pay .order-date{
      padding: 0 4%;
}
.page-add-pay .add-pay .order-date > div{min-height:4.0rem;line-height:4.0rem;border-bottom: 1px solid #efefef;overflow: hidden; }
.page-add-pay .add-pay .order-date > div:last-child{margin-bottom: .8rem;}
.pay-date:before,.pay-money:before{
    content: '';
    position: absolute;
    width: .1rem;
    height: .8rem;
    background: #efefef;
    margin-top: 3.2rem;
}
.pay-date:after,.pay-money:after{
    content: '';
    position: absolute;
    width: .1rem;
    height: .8rem;
    background: #efefef;
    margin-left: 92%;
    margin-top: -0.8rem;
}
.page-add-pay .add-pay .order-date  input{text-indent: 10rem;vertical-align: bottom;height: 4.4rem;}
.page-add-pay .add-pay .prepay > span{display: inline-block;}
.page-add-pay .add-pay .prepay > span:nth-child(2){margin-left: 1.0rem;}
.page-add-pay .add-pay .prepay > span:nth-child(1),.account > span:nth-child(1) em{ 
    width: 1.6rem;
    border: 1px solid #ccc;
    height: 1.6rem;
    border-radius: 50%;
    vertical-align: middle;
}
.account{text-indent: 0;display: table;table-layout: fixed;width: 100%;}
.account > span{display: table-cell;line-height: 2.6rem;vertical-align: middle;}
.account > span:nth-of-type(1){width: 10%;}
.account > span:nth-child(1) em{display: block;}
.page-add-pay .add-pay-msg{text-indent: 0 !important;padding: .6rem 3% !important;}
.prepay .choice{background: #ff4a00;}

/**
 *     page-submit-success css
 */
.page-submit-success{
    position: absolute;
    background: #ffffff;
    width: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    overflow: hidden;
}
.page-submit-success .content{
    margin-top: 5.0rem;text-align: center;
}
.page-submit-success .content > p:nth-of-type(1){
    border: .4rem solid #cfcfcf;
    width: 10.0rem;
    margin: 7.0rem auto 2.0rem;
    height: 10.0rem;
    line-height: 10.0rem;
    border-radius: 50%;
}
.page-submit-success .content > p:nth-of-type(1) > span{
    display: inline-block;
    height: 3.0rem;
    width: 6.0rem;
    border: .4rem solid #cfcfcf;
    border-top: none;
    border-right: none;
    -webkit-transform: rotate(325deg);
    -ms-transform: rotate(325deg);
    transform: rotate(325deg);
}
.page-submit-success .content > div > button{
    width: 9.0rem;
    padding: 3% 0%;
    border: 1px solid #ff5c1e;
    color: #ff5c1e;
    border-radius: .5em;
    font-size: 1.1em;
    background: #FFFFFF;
    margin-top: 1.5em;
}
.page-submit-success .content > div > button:nth-child(2){
    margin-left: 2.0rem;
}


.li-input{
    border:none;text-align: right;position:absolute;height:5.0rem;left:0;width:100%;opacity:0;
}
/**
 *     page-feedback css
 */
.page-feedback{
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    overflow: hidden;
    background: #f9f9f9;
}
.page-feedback .type{background:#FFFFFF;}
h4.title-h4{
    height: 4rem;
    line-height: 4rem;
    background: #F9F9F9;
    margin-top: 5rem;
    padding-left: 4%;
    border-top: 1px solid rgb(233,233,233);
    box-shadow: inset 0rem 0rem .3rem #ddd;
}
.page-feedback .type ul li a{padding-left:8%;}
.page-feedback .feedback-layer textarea{
    width: 100%;padding:3%;
    height: 12rem;
}
.page-feedback .feedback-layer input{
    border:none;width: 100%;border-bottom: 1px solid #efefef;height: 3.5rem;  padding-left: 1rem;-webkit-box-sizing: border-box;box-sizing: border-box;
}



/*
财务对账
*/

.content > div{
    margin-top: .8rem;
    border-radius: .3rem;
    background-color: #FFFFFF;
    height: 9rem;
    color: #6C6A6A;
}
.content div ul{
    display: -webkit-box;
    display: box;
    display: -webkit-flex;
    display: flex;
    height: 9rem;
    padding: 2rem 0;
    text-align: center;
    font-size: 1.2rem;
}
.content div ul > li{
    -webkit-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}
.content .today{
    background: url(../img/today_bg.png) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    font-size: 1.2rem;
    color: #FFFFFF;
}
.content strong{font-size: 1.8rem;color: #686666;}
.today strong{color: inherit;}
.content ul > li{
    margin: 0 auto;
    line-height: 2.2rem;
}
.content .today ul > li{
    border-right: 1px solid #FFFFFF;
}
.content .today ul > li:last-child{
    border-right: none;
}
.content .yesterday li > p:first-child{
    width: 5rem;
    line-height: 5rem;
    margin-left: 1.4rem;
    border-radius: .4rem;
    background-color: #68c8ef;
    color: #FFFFFF;
    font-size: 1.8rem;
}
.content .month li > p:first-child{
    background-color: #65c2b0;
}

.operator{
    margin-top: .8rem;
    border-radius: .3rem;
    background-color: #FFFFFF;
    height: 7rem;
    /*color: #a6a6a6;*/
    text-align: center;
}
.operator,.icon-bar{
    background-color: #f6f6f6 !important;
}
.operator > ul,.icon-bar > ul{
    padding: 0 !important;
    height: 100%;
}
.operator ul > li, .icon-bar ul > li{
    border-radius: .4rem;
    background-color: #FFFFFF;
    margin-left: 2%;
    padding: 1rem 0;
}
.operator ul > li:nth-child(1){
    text-align: left;
    width: 49%;
    float: left;
}
.operator ul > li:nth-child(2){
    width: 49%;
    float: right;
}
.operator ul > li:nth-child(1),.icon-bar ul > li:nth-child(1){
    margin-left: 0;
}
.content .operator li,.icon-bar ul > li{
    height: 100%;
}


.icon-bar ul > li{
    padding: 0;
}
.content .operator li > p:first-child{
    display: table;table-layout: fixed;
    width: 100%;
}
.content .operator li > p:first-child > span{
    display: table-cell;
    font-size: 1.6rem;
    vertical-align: middle;
}
.content .operator li > p{
    display: inline-block;
    text-align: center;
}
.content .operator li > p > span:first-child{
    text-align: left;
}
.content .operator li > p > span:first-child em{
    font-size: 3rem !important;
    display: inline-block;
    width: 5rem;
    line-height: 5rem;
    margin-left: 1.4rem;
    border-radius: .4rem;
    color: #ff7e5a;
    font-size: 1.8rem;
    text-align: center;
}
.content .operator li > p:nth-child(2){
    font-size: 1.6rem;
    line-height: 5rem;
}
/*.icon-bar{margin-bottom: 2rem;}*/
.icon-bar > ul{
    height: 7rem !important;
}
.icon-bar p:first-child{
    width: 4rem !important;
    height: 4rem !important;
    margin: auto !important;
    background-color: #FFFFFF !important;
    color: #8f9fdb !important;
    font-size: 2.4rem !important;
}
.icon-bar li:nth-child(2) p:first-child{
    color: #ff7e5a !important;
}
.icon-bar li:nth-child(3) p:first-child{
    color: #65c2b0 !important;
}
.icon-bar li:nth-child(4) p:first-child{
    color: #68c8ef !important;
}
.icon-bsmm{
    font-family: 'ElegantIcons';
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/**
 *     common css
 */
.common-style{
    position: absolute;
    width: 100%;
    top: 0rem;
    left: 0;
    bottom: 0;
    overflow: hidden;
}
.common-style header,section.set-date{
    height: 5rem;
    display: -webkit-box;
    display: box;
    display: -webkit-flex;
    display: flex;
    text-align: center;
    line-height: 5rem;
    background-color: #f9f9f9;
    color: rgb(134, 133, 133);
}
.common-style header > span , section.set-date > span{
    padding: 0 3%;
    font-size: 4.0rem;
    line-height: 5rem !important;
}
.common-style header > span:nth-of-type(2){
    padding: 0;
    font-size: 1.6rem;
    width: 4.5rem;
    display: inline-block;
    text-align: left;
}
.common-style header > h4 , section.set-date > p{
    -webkit-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    font-size: 1.8rem;
    text-indent: -5rem;
    color: rgb(73, 69, 69);
}
section.set-date{border-top: 1px solid #eae9e9;}
section.set-date > p{text-indent: 0;}
.list-bsmm{
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    bottom: 5rem;
}
.list-bsmm > ul > li{overflow: hidden;}
.list-bsmm > ul > li > div{
    padding: 3%;
}
.list-bsmm > ul > li > div.list-head > strong{
    color: 2e2e2e;
    font-size: 1.6rem;
    margin-right: 2rem;
    color: #2F2F2F;
}
.list-bsmm > ul > li > div.list-body{
    border: 1px solid #eae9e9;
    border-left: none;border-right: none;
    color: #8C8C8C;;
}
.list-bsmm > ul > li > div.list-body > span{
    display: block;
}
.list-bsmm > ul > li > div.list-footer span:nth-child(2){
    font-size: 1.4rem;
    padding: 0 3%;
}
.list-bsmm > .info{border-top: 1px solid #E8E8E8;}
.list-bsmm > .info > .info-common > div{height: .6rem;background: url(../img/order_confirm.jpg)center center repeat-x;}
.list-bsmm > .info > .info-common > p{color: #151515;text-indent: 1.0rem;height: 4.0rem;line-height: 4.0rem;background: rgb(250,250,250);}
.list-bsmm > .info > .info-common > p span,.page-order-confirm .order-info .address > address span:nth-child(1){/*font-weight: 800 !important;*/font-size:1.6rem;}
.list-bsmm > .info > .info-common > address{text-indent: 1.6rem;border-top: 1px solid #efefef;border-bottom: 1px solid #efefef;padding: .6rem 0;}
.list-bsmm > .info > .info-common > address.reply > span{float: right;font-size: 1.2rem;margin-right: .8rem;}
.list-bsmm > .info > .info-common > address span:nth-child(4){margin: -4.4rem 2.0rem 0 0;}
.list-bsmm > .info > .info-common > ul > li{
    padding: 0 4%;
    height: 5rem;
    line-height: 5rem;
    border-bottom: 1px solid #efefef;
}
.list-bsmm > .info .info-goods{
    text-indent: 1.8rem;
    color: #838383;
    font-size: 1.2rem;
    display: none;
}
.list-bsmm > .info .info-goods > ul > li{
    border-top: 1px solid #ddd;
}
.list-bsmm > .info .info-goods > ul > li > span{
    display: block;
    line-height: 2.4rem;
}
.list-bsmm > .info .goods-num{padding: .8rem 0;}
.list-bsmm > .info .goods-num > span:nth-child(2){display: block;width: 70%;text-indent: 1.0rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.list-bsmm > .info .goods-num span:nth-child(1) span{margin: 1.0rem 2.0rem 0 .6rem;
    -webkit-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    transform: rotate(315deg);
}
.list-bsmm > .info .goods-num span.icon{
    vertical-align: text-bottom;
    font-size: 2rem;
}
.list-bsmm.bottom{bottom: 0;}
/**
 *     page goods-hot css
 */  
.goods-hot .list-bsmm{
    bottom: 0;
}
.goods-hot ul > li >  div.list-body > p:first-child{
    width: 15%;
    font-size: 3rem;
    text-align: center;
    border: none;
}
/**
 *     page goods-list css
 */
.goods-list ul > li{
    border-bottom: 1px solid #eae9e9;
}
.goods-list ul > li > div.list-body{
    border: none;
    display: table;
    table-layout: fixed;
    width: 100%;
    max-height: 12rem;
}
.goods-list ul > li > div.list-body > p{
    display: table-cell;
}
.goods-list ul > li > div.list-body > p:first-child{
    vertical-align: middle; text-align: center;
    border: 1px solid #eae9e9;
}
.goods-list ul > li > div.list-body > p:first-child > img{
    max-width: 100%;
    max-height: 100%;
    min-height: 9rem;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.goods-list ul > li > div.list-body > p:last-child{
    vertical-align: middle;
    padding-left: 3%;
    position: relative;
}
.goods-list ul > li > div.list-body > p:last-child > span{
    display: block;
}
.goods-list ul > li > div.list-body > p:last-child > a{
    position: absolute;
    border: 1px solid #ff4a00;
    color: #ff4a00;
    border-radius: .3rem;
    right: 0;
    bottom: 1rem;
    padding: 0 2%;
}
.goods-list ul > li > div.list-body > p:last-child > span:first-child{
    color: #2e2e2e;
}
/*checkbox*/

/*lgoin-page*/

.login-page{/*background: url(../img/login_bg.jpg) center center no-repeat;background-size: cover;*/width: 100%;-webkit-transition: -webkit-transform .5s;}
.login-page .logo{width:100%;height:1.0rem;
    background-origin: content-box;background-size: contain;margin: auto;padding-top: 1.0rem;
}
.login-page .logo + div{
    display: table;table-layout: fixed;width: 50%;margin: .3rem auto 0;text-align: center;color:#fff;
}
.login-page .logo + div > span{
    display: table-cell;
    width: 30%;
    font-size: 1.8rem;
}
.login-page .logo + div > span:nth-child(2){width: 40%;}
.login-page .logo + div > span > em{
    display: inline-block;
    height: .1rem;
    background-color: #000;
    width: 100%;
    vertical-align: middle;
}
.login-form section{
    text-align: center;
}
.login-form section button{
    height: 3.3rem;
    background-color: transparent;
    color: #FFFFFF;
    font-size: 1.6rem;
}
.login-page .login-form{margin-top: 3.0rem;}
.login-page .login-form div{color:white;font-size: 1.4rem;border-bottom: .1rem solid #eee;width: 90%;margin: 0 auto;margin-bottom: 2.0rem;}
.login-page .login-form input{background:transparent;border:none;font-size: 2rem;min-width: 20.0rem;text-indent: .5rem;font-family: '黑体';color: #000;}
.login-div{text-align: center;font-size: 2rem;border-radius: .3rem;border: none;background-color: #f34f02;
    height: 4rem;line-height: 4rem;display: block;
}
.login-div2{text-align: center;font-size: 2rem;border-radius: .3rem;border: none;background-color: #1e96f5;
    height: 4rem;line-height: 4rem;display: block;
}
.login-div3{text-align: center;font-size: 2rem;border-radius: .3rem;border: none;background-color: #f34f02;
    height: 4rem;line-height: 4rem;display: block;
}
.login-div4{text-align: center;font-size: 2rem;border-radius: .3rem;border: none;background-color: #f34f02;
    height: 3rem;line-height: 3rem;display: block; width:50%;
}
.yzinput{background:transparent;border:none;font-size: 2rem;min-width: 5.0rem;width:30%;text-indent: .5rem;font-family: '黑体';color: white; float:right;}

.login-page .replace-img > span{
    font-size: 3.6rem;
    color: #FFFFFF;
    text-align: center;
    vertical-align: top;
    padding-top: 3rem;
    font-weight: 800;
    display: inherit;
}
.login-page footer{height: 2.8rem;font-size: 1.2rem;text-align: center;line-height: 2.8rem;color: white;margin: auto;
    position: absolute;left: 5%;bottom: 1.0rem;right: 5%;
}
.login-page footer strong:nth-child(1){border-right: 1px solid white;}

#msg{
    font-size: 1.8rem;
    display:none;
    position: absolute;
    top: 0;
    background: rgba(0,0,0,.3);
    color: #FFFFFF;
    width: 100%;
    height: 5.0rem;
    line-height: 5.0rem;
    text-align: center;
    border-radius: .4rem;
}

.loginbody{width: 100%;overflow: hidden; height:4.2rem;}
.loginbody .TabTitle ul{width: 100%;border: solid 0.1rem #ededed;border-bottom: 0 none;top: 0.1rem;background: #fff;}
.loginbody .TabTitle li{background-color:#F2F2F2; width: 49%;float: left;border-bottom: solid 0.1rem #c81623;height: 3.8rem;line-height: 3.8rem;text-align: center;font-size: 1.4rem;color: #666561;font-family: "microsoft yahei";cursor: pointer;overflow: hidden;}
.loginbody .TabTitle li.active{border-left: solid 0.1rem;border-right: solid 0.1rem;border-top: solid 0.1rem;border-bottom: 0 none; border-color:#c81623; font-size: 1.6rem; background-color:White;}
.loginbody .TabTitle li:normal{border-left: solid 0.1rem #c81623;border-right: solid 0.1rem #c81623;border-top: solid 0.1rem #c81623;border-bottom: 0 none;color: #c81623;font-size: 1.4rem; background-color:#F2F2F2;}
.loginbody .content{width: 29rem;border-left: 0.1rem solid #ededed; border-right: 0.1rem solid #ededed; overflow: hidden;clear: both;}

.page-index .goods-list .floortip {width: 100%; height: 2.8rem; line-height:2.8rem; background-color: #F4F4F4;}
.page-index .goods-list .floortip > p{font-size: 1.6rem;font-weight: 800;margin-left: 1.6rem;}
.page-index .goods-list .floortip > p:before{content: '';width: .3rem;height: 1.4rem;background: red;position: absolute;margin: .6rem 0 0 -0.8rem;}

.order-goods-yewu{
      text-indent: 1.8rem;color: #838383;font-size:1.2rem;
}
.order-goods-yewu > ul li{
     border-bottom: 1px solid #ddd;
}
.order-goods-yewu > ul > li > span{
     display: block;line-height: 2.4rem;
}

.cart-height-high
{
    height: 18rem;
}

.cart-height-low
{
    height: 14.6rem;
}

.page-order-confirm1{
      position: absolute;
      background: #ffffff;
      width: 100%;
      top: 0;
      left: 0;
      bottom: 0;
      overflow:hidden;
}

.page-order-confirm1 .CXList1
{
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0,.5);
    z-index: 200;
    display: none;
    overflow-y: auto;
    -webkit-overflow-scrolling:touch;
}

.page-order-confirm1 .CXList1 > div
{
    width: 90%;
    background: #fff;
    margin: 3.5em auto;
    border-radius: .5em;
}

.page-order-confirm1 .CXList1 > div > h4
{
    height: 3em;line-height: 3em;text-align: center;font-size: 1.2em;background: rgb(250, 250, 250);border-radius: 0.5em .5em 0 0;font-weight: 800;
}

.page-order-confirm1 .CXList1 > div ul > li:nth-child(1)
{
    border-top: 1px solid #efefef;
}

.page-order-confirm1 .CXList1 > div ul li
{
    height:2.9em;line-height: 2.9em;
    border-bottom: 1px solid #efefef;
    padding: 0 1em 0;
}

.page-order-confirm1 button.btn{
    width: 100%;height:2.9em;line-height: 2.9em;text-align: center;  font-size: 1.6rem;color: #ff5c1e;border-radius: 0 0 .6em .6em;background: #fcfcfc;
}/*配送方式付款方式css结束*/

.common-style header,section.set-date2{
    height: 5rem;
    display: -webkit-box;
    display: box;
    display: -webkit-flex;
    display: flex;
    text-align: center;
    line-height: 5rem;
    background-color: #f9f9f9;
    color: rgb(134, 133, 133);
}
.common-style header > span , section.set-date2 > span{
    font-size: 4.0rem;
    line-height: 5rem !important;
}

.page-index .goods-list .aa
{
    width: 100%; max-height: 10rem; font: 0rem Microsoft YaHei,SimSun,Arial;
}

.page-index .goods-list .aa .bb
{
    width: 100%; max-height: 10rem;
}

.weixin-upload-button
{
    margin-left:1rem; 
    text-indent:0; 
    text-align:center;
    width:10rem; 
    height:2.3rem; 
    font-size:1.3rem; 
    background-color:#FF5C1E; 
    color:White;
    display:inline-block; 
    border:none;
}

.webuploader-container {
	position: relative;
}
.webuploader-element-invisible {
    display: none;
}
.webuploader-pick {
	display: none;
}
.webuploader-pick-hover {
	background: #00a2d4;
}
.webuploader-pick-disable {
	opacity: 0.6;
	pointer-events:none;
}

/* CSS Document*/
.parentFileBox {
	width:auto;
	height:auto;
	overflow:hidden;
	position:relative;
}
.parentFileBox>.fileBoxUl {
	position:relative;
	width:100%;
	height:auto;
	overflow:hidden;
	padding-bottom:5px;
}
.parentFileBox>.fileBoxUl>li {
	float:left;
	border:1px solid #09F;
	border-radius:5px;
	width:170px;
	height:150px;
	margin-top:5px;
	margin-left:5px;
	overflow:hidden;
	position:relative;
	background-color:#099;
}
.parentFileBox>.fileBoxUl>li>.viewThumb {
	position:absolute;
	top:0;
	left:0;
	width:170px;
	height:150px;
	overflow:hidden;
}
.parentFileBox>.fileBoxUl>li>.viewThumb>img {
	width:100%;
	height:100%;
}
.parentFileBox>.fileBoxUl>li>.diyCancel,.parentFileBox>.fileBoxUl>li>.diySuccess {
	position:absolute;
	width:32px;
	height:32px;
	top:2px;
	right:2px;
	cursor:pointer;
	display:none;
}
.parentFileBox>.fileBoxUl>li>.diyCancel {
	background:url(../img/diyupload/x_alt.png) no-repeat;
}
.parentFileBox>.fileBoxUl>li>.diySuccess {
	background:url(../img/diyupload/check_alt.png) no-repeat;
	cursor:default;
}
.parentFileBox>.fileBoxUl>li>.diyFileName {
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	height:20px;
	line-height:20px;
	text-align:center;
	color:#fff;
	font-size:12px;
	display:none;
	background:url(../img/diyupload/bgblack.png);
}
.parentFileBox>.fileBoxUl>li>.diyBar {
	top:0;
	left:0;
	position: absolute;
	width: 170px;
	height: 150px;
	line-height:150px;
	background:url(../img/diyupload/bgblack.png);
	display:none;
}
.parentFileBox>.fileBoxUl>li>.diyBar>.diyProgressText {
	font-size:14px;
	text-align:center;
	color:#FFF;
	position:relative;
	z-index:99;
}
.parentFileBox>.fileBoxUl>li>.diyBar>.diyProgress {
	position:absolute;
	left:0;
	top:42%;
	height:24px;
	width:100%;
	background-color:#09F;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
	z-index:97;
}
.parentFileBox>.diyButton {
	width:100%;
	margin-top:5px;
	margin-bottom:5px;
	height:20px;
	line-height:20px;
	text-align:center;
}
.parentFileBox>.diyButton>a {
	padding:5px 10px 5px 10px;
	background-color:#09C;
	color:#FFF;
	font-size:12px;
	text-decoration:none;
	border-radius:3px;
}
.parentFileBox>.diyButton>a:hover {
	background-color:#0CC;
	color:#F30;
}
.parentFileBox>.fileBoxUl>li:hover {
	-moz-box-shadow: 3px 3px 4px #FF0;
	-webkit-box-shadow: 3px 3px 4px #FF0;
	box-shadow: 3px 3px 4px #FF0;
}
.parentFileBox>.fileBoxUl>.diyUploadHover:hover .diyCancel {
	display:block;
}
.parentFileBox>.fileBoxUl>li:hover .diyFileName {
	display:block;
}


/*性别*/
.page-goods-list .send-type, .page-goods-list .filter-sexlayer {
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0,.5);
    z-index: 200;
    display: none;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.page-goods-list .send-type > div > h4, .page-goods-list .filter-sexlayer > div > h4{
    height: 3em;
    line-height: 3em;
    text-align: center;
    font-size: 1.2em;
    background: rgb(250, 250, 250);
    border-radius: 0.5em .5em 0 0;
    font-weight: 800;
}


.page-goods-list .filter-sexlayer, .select-CX, .addr-manager {
    background: rgba(0, 0, 0,.5);
}

    .page-goods-list .filter-sexlayer > div, .select-CX > div, .addr-manager > div {
        background: #fff;
        margin: 1em;
        border-radius: .6em;
    }

        .page-goods-list .filter-sexlayer > div > ul, .select-CX > div > ul {
            border-top: 1px solid #efefef;
        }

            .page-goods-list .filter-sexlayer > div > ul > li, .select-CX > div > ul > li {
                min-height: 8.5rem;
                padding: .8em 1em .8em 2em;
                border-bottom: 1px solid #efefef;
                position: relative;
            }

        .page-goods-list .filter-sexlayer > div ul li > em, .select-CX > div ul li > em {
            position: absolute;
            width: 1.6rem;
            height: 1.6rem;
            border: 1px solid #ccc;
            border-radius: 50%;
            top: 3.2em;
            left: .5rem;
        }