body {

    background: #f3f3f3;

}



a {

    color: #ff6600

}



.text-yellow {

    color: #feb312;

}



.text-orange {

    color: #ff8000;

}



.text-blue {

    color: #50b6fe;

}



.text-red {

    color: #fd5454;

}



.oldprice {

    color: #999;

    text-decoration: line-through

}



.message-page {

    background: #fff;

}



.content-loading {

    position: absolute;

    width: 100%;

    text-align: center;

    top: 50%;

    margin-top: -1rem;

    height: 2rem;

    color: #666;

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-align-items: center;

}



.content-loading .text {

    height: 1rem;

    display: inline-block;

    padding-left: 1.2rem;

}



.content-loading .fui-preloader {

    position: absolute;

    top: 50%;

    margin-top: -.9rem;

}



.content-empty {



    position: relative;

    text-align: center;

    margin-top: 3rem;

    color: #ccc;

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-align-items: center;

    text-align: center;



}



.content-empty i {

    font-size: 6rem;

}



.content-info {

    position: relative;

    height: 8rem;

    color: #666;

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-align-items: center;

    text-align: center;



}



.content-info i {

    font-size: 6rem;

}



.content-info .btn {

    margin-top: 1rem;

}



/* 商品组*/

.fui-goods-group {

    height: auto;

    overflow: hidden;

    background: #f9f9f9;

}



.fui-goods-item {

    position: relative;

    height: auto;



    padding: 0.8rem;

    border-bottom: 1px solid #e7e7e7;

    background: #fff;

    overflow: hidden;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

}



.fui-goods-item .image {

    height: 4rem;

    width: 4rem;

    float: left;

    background-size: 100%;

    background-repeat: no-repeat;

    background-position: center center;

    overflow: hidden;

    position: relative;

}



.fui-goods-item .image img {

    height: 100%;

    width: 100%;

    display: block;

}

.fui-goods-group.block.one .fui-goods-item .image img {

    height: auto;

    width: 100%;

    display: block;

}

.fui-goods-item .detail {

    -webkit-box-flex: 1;

    -webkit-flex: 1;

    -ms-flex: 1;

    flex: 1;

    background: #fff;

    padding-left: .5rem;



}



.fui-goods-group .fui-goods-item .detail .name {

    height: 2rem;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    margin-top: 0.3rem;

    font-size:0.7rem;

    color: #262626;

}



.fui-goods-item .detail .price {

    position: relative;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    font-size: 0.7rem;

    margin-top: 0.3rem;

}

.fui-goods-group.block .fui-goods-item .detail  .productprice ~  .price{

    margin-top: -0.3rem;

}

/*.fui-goods-item .detail .productprice ~ .price{*/

/*margin-top: 0;*/

/*}*/

.fui-goods-group.block .fui-goods-item .detail .productprice.noheight ~ .price{

    margin-top: 0.3rem;

}

.fui-goods-item .detail .price .text {

    -webkit-box-flex: 1;

    -webkit-flex: 1;

    -ms-flex: 1;

    flex: 1;

    color: #ff5555;

    font-size: 0.8rem;

}

.fui-goods-item .detail .price .minprice {

    font-size: 0.8rem;

}

.fui-goods-group.block.three .fui-goods-item .detail .minprice{

    font-size:0.6rem;

}

.fui-goods-item .detail .price .productprice {

    color: #999;

    font-size: 0.6rem;

}

.fui-goods-item .detail .price .buy {

    display: block;

    text-align: center;

    line-height: 1rem;

    color: #fff;

    font-size: 0.6rem;

    background: gray;

    display: block;

    font-size: 0.6rem;

    padding: 0 .25rem;

}

.fui-goods-item .detail .price .cycelbuy {

    display: block;

    text-align: center;

    line-height: 1rem;

    color: #fff;

    font-size: 0.6rem;

    background: #fe5455;

    display: block;

    font-size: 0.6rem;

    padding: 0 .25rem;

}

.color {

    color: #fd5454;

}



.bgcolor {

    background: #fd5454

}



.fui-goods-group.block .fui-goods-item {

    width: 50%;

    float: left;

    border-bottom: 0;

    background: none;

    padding: 0.25rem;

    display: block;

}



.fui-goods-group.three .fui-goods-item {

    width: 33.33%;

}

.fui-goods-group.block .fui-goods-item .image {

    width: 100%;

    height: 0;

    overflow: hidden;

    margin: 0;

    padding-bottom: 100%; /* 关键就在这里 */

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

}

.fui-goods-group.block .fui-goods-item .image.auto {

    height: auto;

    padding-bottom: 0;

}

.fui-page-group .fui-goods-group.block .fui-goods-item .salez.diy,.fui-page-group .fui-goods-group .fui-goods-item .salez.diy{

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    z-index: 1;

    background-size: cover;

    background-position: center;

}

.fui-goods-group.block .fui-goods-item .salez {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    z-index: 1;

   background-size: cover;

    background-position: center;

}

.fui-goods-group .fui-goods-item .salez {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    z-index: 1;

    background-size: cover;

    background-position: center;

}

.fui-swipe .salez {

    position: absolute;

    bottom: 0;

    right: 0;

    height: auto;

    width: auto;

    z-index: 10;

}



.fui-swipe .salez img {

    height: auto;

    width: auto;

    display: block;

}



.fui-goods-group.block {

    padding: 0.2rem;

}



.fui-goods-group.block .fui-goods-item .image {

    float: none;

}



.fui-goods-group.block .fui-goods-item .detail {

    padding: 0.5rem;

    overflow: hidden;

}

.fui-goods-group.block.three .fui-goods-item .detail{

    padding:0.5rem 0.3rem;

}



.fui-goods-group.block .fui-goods-item .detail .name {

    height: 1.65rem;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    font-size: 0.65rem;

    line-height: 0.9rem;

    margin-top: 0;

    color: #262626;

}



.fui-goods-group.block .fui-goods-item .center-image {

    max-width: 100%;

    height: 0;

    padding-bottom: 100%;

    background-size: contain;

}

.fui-goods-group .fui-goods-item .detail .productprice {

    width: 100%;

    color: #999;

    font-size:0.55rem;

    overflow: hidden;

    height: 2rem;

    line-height: 2rem;

}

.fui-goods-group.block .fui-goods-item .detail .productprice{

    height:1.2rem;

    line-height: 1.2rem;

}

.fui-goods-group.block .fui-goods-item .detail .productprice.noheight{

    display: none;

}

.fui-goods-group.block .fui-goods-item .detail .name {

    height: 1.8rem;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    font-size: 0.65rem;

    line-height: 0.9rem;

}

.fui-goods-group.block.one .fui-goods-item .detail .name{

    height:1.75rem;

    font-size:0.7rem;

    line-height: 0.95rem;

}

.fui-goods-group.block.three .fui-goods-item .detail .name {

    font-size: 0.6rem;

}

.fui-goods-group.block.one .fui-goods-item {

    width: 100%;

    float: none;

}





/* 商品列表页*/

.page-goods-list .fui-header {

    background: #fff;

}

/*列表页分销*/

.goods-Commission{

    position: absolute;

    height:0.9rem;

    line-height:0.9rem;

    text-align: center;

    width:100%;

    bottom:0;

    color: #fff;

    font-size:0.5rem;

    font-weight:bold;

    overflow: hidden;

    text-overflow:ellipsis;

    white-space: nowrap;

    background: -moz-linear-gradient(left, #f0b938 0%, #f09938 100%);

    background: -webkit-linear-gradient(left, #f0b938 0%,#f09938 100%);

    background: -o-linear-gradient(left, #f0b938 0%,#f09938 100%);

    background: -ms-linear-gradient(left, #f0b938 0%,#f09938 100%);

    background: linear-gradient(to right, #f0b938 0%,#f09938 100%);

    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff0b938, endColorstr=#fff09938,gradientType='1');

}

.page-goods-list .block .goods-Commission,.shop-index-page .fui-goods-group.block .goods-Commission{

    height:1.1rem;

    line-height:1.1rem;

    font-size:0.55rem;

}

.page-goods-list .fui-header .title .searchbar {

    margin: 0 1.8rem 0 1.5rem;

}



.page-goods-list .fui-header .searchbar {

    padding: 0.4rem;

}



.page-goods-list .fui-header .searchbar .search-input input {

    border: 0;

    background: #efefef;

}



.page-goods-list .sort {

    position: relative;

    width: 100%;

    top: 2.2rem;

    -webkit-box-align: center;

    padding: .4rem 0;

    background: #fff;

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-align-items: center;

}



.page-goods-list .sort:after {

    content: " ";

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    border-bottom: 1px solid #e7e7e7;

}



.page-goods-list .sort .item {

    position: relative;

    width: 1%;

    display: table-cell;

    text-align: center;

    font-size: 0.7rem;

    border-left: 1px solid #e7e7e7;

    color: #666;

}



.page-goods-list .sort .item:first-child {

    border: 0;

}



.page-goods-list .sort .item.on .text {

    color: #fd5454;

}



.page-goods-list .fui-content {

    top: 4.4rem;

}



.page-goods-list .fui-mask-m {

    top: 4.4rem;

    display: none;

}



.page-goods-list .sort .item .sorting {

    width: .2rem;

    height: .2rem;

    position: relative;

}



.page-goods-list .sort .item .sorting .icon {

    font-size: 11px;

    position: absolute;

    -webkit-transform: scale(0.6);

    -ms-transform: scale(0.6);

    transform: scale(0.6);

}



.page-goods-list .sort .item-price .sorting .icon-sanjiao1 {

    top: .15rem;

    left: 0;

}



.page-goods-list .sort .item-price .sorting .icon-sanjiao2 {

    top: -.15rem;

    left: 0;

}



.page-goods-list .sort .item-price.desc .sorting .icon-sanjiao1 {

    color: #ef4f4f

}



.page-goods-list .sort .item-price.asc .sorting .icon-sanjiao2 {

    color: #ef4f4f

}



.page-goods-list .screen {

    background: #fff;

    width: 100%;

    position: absolute;

    top: 4.2rem;

    left: 0;

    transform: translate3d(0px, -100%, 0px);

    z-index: 10001;

    opacity: 0;

    -webkit-transition-property: height, opacity, transform;

    transition-property: height, opacity, transform;

    -moz-transition-duration: 300ms;

    -webkit-transition-duration: 300ms;

    transition-duration: 300ms;

    -webkit-transform: scaleY(0);

    -ms-transform: scaleY(0);

    transform: scaleY(0);

}



.page-goods-list .screen.in {

    transform: translate3d(0px, 0px, 0px);

    transition-duration: 0.3s;

    opacity: 1;

    height: auto;

    -webkit-transform: scaleY(1);

    -ms-transform: scaleY(1);

    transform: scaleY(1);

}



.page-goods-list .screen:after {

    content: " ";

    position: absolute;

    height: 0;

    bottom: 0;

    left: 0;

    right: 0;

    border-bottom: 1px solid #e7e7e7;

}



.page-goods-list .screen .attribute {

    height: auto;

    overflow: hidden;

    padding-bottom: 0.3rem;

}



.page-goods-list .screen .attribute .item {

    width: 33.33%;

    height: auto;

    display: block;

    padding: 0;

    margin: 0;

    float: left;

}



.page-goods-list .screen .attribute .item .btn {

    padding: 0;

    height: 1.4rem;

    line-height: 1.4rem;

    margin-bottom: 0;

    border: .5px solid #999;

    color: #999;

    font-size: 0.65rem;

}



.page-goods-list .screen .attribute .item .btn-danger-o {

    color: #fd5454;

    border: .5px solid #fd5454;

}



.page-goods-list .screen .attribute .item .btn .icon {

    display: none;

}



.page-goods-list .screen .btns {

    height: auto;

    padding: 0.3rem;

    position: relative;

    overflow: hidden;

    margin-top: 0rem;

}



.page-goods-list .screen .btns:before {

    height: 0;

    content: " ";

    position: absolute;

    top: 0;

    left: 0.3rem;

    right: 0.3rem;

    border-top: 1px solid #eee;

}



.page-goods-list .screen .btns div {

    display: inline-block;

    width: auto;

    font-size: 0.8rem;

    line-height: 1.3rem;

    color: #999;

    padding: 0 0.3rem;

}



.page-goods-list .screen .btns .cancel {

    float: left;

}



.page-goods-list .screen .btns .confirm {

    float: right;

    color: #fd5454;

}



.page-goods-list .screen .title {

    padding: 0 0.3rem;

    line-height: 1.5rem;

    font-size: 0.7rem;

    color: #999;

    position: relative;

    text-align: center;

}



.page-goods-list .screen .title span {

    float: right;

    padding-right: 0.3rem;

}



.page-goods-list .screen .title:before {

    height: 0;

    content: " ";

    position: absolute;

    top: 0;

    left: 0.3rem;

    right: 0.3rem;

    border-top: 1px solid #eee;

}



.page-goods-list .screen .cate {

    height: 12rem;

    position: relative;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    margin: 0.3rem 0;

    padding: 0 0.3rem;

}



.page-goods-list .screen .cate:before {

    height: 0;

    content: " ";

    position: absolute;

    top: -0.3rem;

    left: 0.3rem;

    right: 0.3rem;

    border-top: 1px solid #eee;

}



.page-goods-list .screen .cate .item {

    width: 100%;

    height: inherit;

    overflow-y: auto;

    position: relative;

    -webkit-overflow-scrolling: touch;

}



.page-goods-list .screen .cate .item:before {

    width: 0;

    height: 100%;

    content: " ";

    position: absolute;

    top: 0;

    left: 0;

    border-left: 1px solid #eee;

}



.page-goods-list .screen .cate .item:first-child:before {

    border: 0;

}



.page-goods-list .screen .cate .item nav {

    height: 1.5rem;

    line-height: 1.5rem;

    font-size: 0.7rem;

    text-align: center;

    color: #666;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

    padding: 0 .2rem;

    display: none;

}



.page-goods-list .screen.in .cate .item nav {

    display: block;

}



.page-goods-list .screen .cate .item nav.on {

    background: #f9f9f9;

}



/* 商品详情页  */

.page-goods-detail {

}

/*详情佣金显示*/

.page-goods-detail .detail-Commission{

    height:1.3rem;

    width:auto;

    border: 1px solid #ff9404;

    border-radius: 1.3rem;

    line-height: 1.3rem;

    text-align: center;

    box-shadow: 0 2px 5px rgba(250,182,0,0.3);

}

.page-goods-detail .detail-Commission div.text{

    margin: -1px;

    min-width: 1.35rem;

    padding: 0 0.6rem;

    font-size:0.55rem;

    vertical-align: middle;

    background: -moz-linear-gradient(left, #f0b938 0%, #f09938 100%);

    background: -webkit-linear-gradient(left, #f0b938 0%,#f09938 100%);

    background: -o-linear-gradient(left, #f0b938 0%,#f09938 100%);

    background: -ms-linear-gradient(left, #f0b938 0%,#f09938 100%);

    background: linear-gradient(to right, #f0b938 0%,#f09938 100%);

    border-radius:1.3rem;

    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff0b938, endColorstr=#fff09938,gradientType='1');

    color: #fff;

}

.page-goods-detail .detail-Commission div.num{

    font-size:0.7rem;

    color: #fe9503;

    font-weight:bold;

    padding: 0 0.55rem 0 0.35rem;

}



.page-goods-detail .fui-header {

    z-index: 5;

}



.page-goods-detail .fui-detail-group {

    margin-top: 0;

    padding-bottom: 0.3rem;

}



.page-goods-detail .fui-detail-group .fui-cell {

    padding: 0 0.5rem;

}



.page-goods-detail .fui-detail-group .fui-cell:before {

    border: 0;

}

.page-goods-detail .fui-detail-group .fui-cell.goods-bulk small {

    font-size: 0.6rem;

}

.page-goods-detail .fui-detail-group .fui-cell.goods-bulk .flex span,

.page-goods-detail .fui-detail-group .fui-cell.goods-bulk .flex span:first-child,

.page-goods-detail .fui-detail-group .fui-cell.goods-bulk .flex span:last-child {

    color: #999;

    text-align: center;

    width: 25%;

}

.page-goods-detail .fui-detail-group .fui-cell.goods-bulk .flex span:nth-child(2){

    width: 50%;

}



.page-goods-detail .fui-detail-group .fui-cell .price {

    font-size: 1rem;

    color: #fd5454;

    line-height: 1.4rem;

    /*font-weight: 100;*/

    /*font-weight: bold;*/

}



.page-goods-detail .fui-detail-group .fui-cell .price .original {

    font-size: 0.6rem;

    color: #C0C0C0;

    text-decoration: line-through;

    padding-left: 0.2rem;

    font-weight: normal

}



.page-goods-detail .fui-detail-group .fui-cell .name {

    padding: 0.4rem 0 0;

    font-size: 0.75rem;

    line-height: 1rem;

    color: #000;

}



.page-goods-detail .fui-detail-group .fui-cell .share {

    padding-left: 0.8rem;

    margin-top: 0.4rem;

    position: relative;

    text-align: center;

    color:#ff5555;

}

/*.page-goods-detail .fui-detail-group .fui-cell .share:before {*/

/*content: " ";*/

/*border-left: 1px solid #EBEBEB;*/

/*height: 100%;*/

/*left: 0rem;*/

/*position: absolute;*/

/*-webkit-transform-origin: 0 100%;*/

/*-ms-transform-origin: 0 100%;*/

/*transform-origin: 0 100%;*/

/*-webkit-transform: scaleX(0.5);*/

/*-ms-transform: scaleX(0.5);*/

/*transform: scaleX(0.5);*/

/*}*/



.page-goods-detail .fui-detail-group .fui-cell .share:after {

    display: none;

}



.page-goods-detail .fui-detail-group .fui-cell .flex {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    font-size: 0.65rem;

    color: #666;

    padding-bottom: 0.4rem;

}



.page-goods-detail .fui-detail-group .fui-cell .flex span {

    width: 100%;

    text-align: center;

}

.page-goods-detail .fui-detail-group .fui-cell .flex span:last-child {

    text-align: right;

}

.page-goods-detail .fui-detail-group .fui-cell .flex span:first-child {

    text-align: left;

}

.page-goods-detail .goods-subtitle span {

    font-size: .65rem;

    padding: .5rem 0 0.2rem;

    color: #999;

    line-height: 0.9rem;

}



.page-goods-detail .row-time {

    padding:0  0.5rem 0.5rem;

    overflow: hidden;

}

#time-container, #discount-container,#time-presell {

    padding:0 0.5rem;

    height: 1.85rem;

    line-height:1.85rem;

    background:#fff2e2;

    color:#ff8000;

    font-size:0.7rem;

    border:none;

    display: block;

}



.row-time .fui-labeltext.fui-labeltext-danger .label{

    background: #fff2e2;

    color: #ff8000;

    height:1.85rem;

    line-height: 1.85rem;

}

.row-time .fui-labeltext .text {

    height:1.85rem;

    line-height: 1.85rem;

}

.page-goods-detail .fui-labeltext .text .number {

    /*font-weight: bold;*/

    margin:0 0.1rem;

}



.page-goods-detail .fui-labeltext .text .time {

    font-size: .65rem;

}



.page-goods-detail .fui-sale-group .fui-according-header .text .title {

    font-weight: bold;

}



/*促销组*/

.page-goods-detail .fui-sale-group:before {

    border: 0;

}



.page-goods-detail .fui-sale-group .fui-cell .fui-cell-text,

.page-goods-detail .fui-sale-group .fui-according-header .text {

    font-size: 0.65rem;

    line-height: 0.65rem;

    color: #000;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

}

.picker-modal .page-goods-detail .fui-sale-group .fui-cell .fui-cell-text{

    line-height: 0.9rem;

}

/**/

.page-goods-detail .fui-sale-group .fui-cell.sendgoods .fui-cell-text{

    font-size:0.6rem;

    color:#666;

}

.page-goods-detail .fui-sale-group .fui-cell-title {

    font-size: 0.7rem;

}



.page-goods-detail .fui-sale-group.noborder:before {

    border: 0;

}



.page-goods-detail .fui-sale-group.nomargin {

    margin-top: 0;

}



.page-goods-detail .fui-sale-group .fui-sale-cell .fui-cell-label {

    width: 4rem;

    padding-left: 0;

    -webkit-align-self: flex-start;

    align-self: flex-start;

    font-size: 0.65rem;

    line-height: normal;

    color: #000;

}

.page-goods-detail .fui-sale-group .fui-sale-cell .fui-cell-label.center {

    -webkit-align-self: center;

    align-self: center;

}



.page-goods-detail .fui-sale-group .sale-line {

    height: 1.2rem;

    line-height: 1.2rem;

    vertical-align: middle;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    font-size: 0.6rem;

    color: #666;

}



.page-goods-detail .fui-sale-group .sale-tip {

    /*height: 0.65rem;*/

    line-height: 0.55rem;

    padding: 0.06rem 0.15rem 0.04rem;

    border: 1px solid #ff5555;

    color: #ff5555;

    display: inline-block;

    vertical-align: middle;

    border-radius: 0.1rem;

    font-size: 0.55rem;

}



.page-goods-detail .fui-sale-group .sale-line span:not(.text-danger) {

    vertical-align: middle;

}



.page-goods-detail .fui-sale-group .coupon-mini {

    background: #ff5555;

    color: #fff;

    padding:0rem 0.2rem;

    position: relative;

    display: inline-block;

}



.page-goods-detail .fui-sale-group .coupon-mini:before,

.page-goods-detail .fui-sale-group .coupon-mini:after {

    content: '';

    position: relative;

    top: 0;

    left: -0.2rem;

    bottom: 0;

    border-left: 1px dotted #fff;

}





.page-goods-detail .fui-sale-group .coupon-mini:after {

    left: auto;

    right: -0.2rem;

}

/*店铺组*/

.page-goods-detail .fui-shop-group .fui-cell:before {

    display: none;

}



.page-goods-detail .fui-shop-group .fui-cell {

    padding: 0 0.5rem;

}

.page-goods-detail .fui-shop-group .fui-cell .shopname {

    height: 2rem;

    width: 100%;

    padding-left: 0.5rem;

    margin-top: 0.5rem;

    font-size: 0.8rem;

    line-height: 1rem;

}



.page-goods-detail .fui-shop-group .fui-cell .center {

    text-align: center;

    margin: 0.4rem 0;

    position: relative;

    font-size: 0.7rem;

}



.page-goods-detail .fui-shop-group .fui-cell .center:before {

    height: 100%;

    width: 1px;

    content: " ";

    position: absolute;

    left: 0;

    top: 0;

    background: #dbdbdb;

}

.fui-shop-group .fui-list-inner .title{

    font-size:0.7rem;

    color: #000;

    line-height: 0.8rem;

}

.page-goods-detail .fui-shop-group .fui-cell .center:first-child:before {

    background: none;

}



.page-goods-detail .fui-shop-group .fui-cell .center p {

    color: #7c7c7c;

    font-size: 0.6rem;

}



.page-goods-detail .fui-shop-group .btn-default-o,.page-goods-detail .fui-comment-group .btn-default-o {

    height: 1.4rem;

    border-color: #ff5555;

    color: #ff5555;

    font-size: 0.65rem;

    padding: 0;

    line-height: 1.3rem;

    display: inline-block;

    margin: 0;

    border-radius: 1.5rem;

    padding:  0.01rem 0.6rem;

}



.page-goods-detail .fui-shop-group .fui-list:after {

    display: none

}

/*选择规格*/

.page-goods-detail .fui-option-group .fui-cell {

    background: #f7f8fa;

    border-bottom: 1px solid #ececec;

    padding: 0.4rem;

}



.page-goods-detail .fui-option-group .fui-cell .fui-cell-text {

    font-size: 0.6rem;

    color: #666;

}



.page-goods-detail .fui-option-group .fui-cell .fui-cell-text i {

    margin-left: 5px;

}



.page-goods-detail .fui-option-group .fui-cell .fui-cell-text i:first-child {

    margin-left: 0

}



/*底部功能*/

.page-goods-detail .fui-navbar {

    text-shadow: none;

}



.page-goods-detail .fui-navbar .favorite-item .icon {



    -webkit-transform: translate3d(0, 0, 0) scale(1);

    transform: translate3d(0, 0, 0) scale(1);

    -moz-transition-duration: 300ms;

    -webkit-transition-duration: 300ms;

    transition-duration: 300ms;

    transition-duration: 300ms;

}



.page-goods-detail .fui-navbar .favorite-item .icon.fav {

    -webkit-transform: translate3d(0, 0, 0) scale(1.5);

    transform: translate3d(0, 0, 0) scale(1.5);



}



.page-goods-detail .fui-navbar .cart-item .badge {

    -moz-transition-duration: 300ms;

    -webkit-transition-duration: 300ms;

    transition-duration: 300ms;

    -webkit-transform: translate3d(0, 0, 0) scale(1.5);

    transform: translate3d(0, 0, 0) scale(1.5);

    opacity: 1;

}



.page-goods-detail .fui-navbar .cart-item .badge.out {

    -webkit-transform: translate3d(0, 0, 0) scale(0);

    transform: translate3d(0, 0, 0) scale(0);

    opacity: 0;



}



.page-goods-detail .fui-navbar .cart-item .badge.in {

    -webkit-transform: translate3d(0, 0, 0) scale(1);

    transform: translate3d(0, 0, 0) scale(1);

}



.page-goods-detail .fui-navbar .btn {

    border: none;

    font-size: 0.7rem;

    color: #fff;

    border-radius: 0;

}



.page-goods-detail .fui-navbar .cartbtn {

    background: #fe9402;

}



.page-goods-detail .fui-navbar .buybtn {

    background: gray;

}



.page-goods-detail .fui-navbar {

    z-index: 3;

}



.page-goods-detail .fui-page {

    overflow: auto;

    -webkit-overflow-scrolling: touch;

    display: none;

    position: relative;

    padding: 2.2rem 0 3rem;

}



/*顶部导航*/

.page-goods-detail .fui-tab:not(.detail-tab) {

    margin-bottom: 0;

    background: none;

    width: 80%;

    margin: 0 10%;

}



.page-goods-detail .fui-tab.detail-tab {

    margin-top: 0.5rem;

}



.page-goods-detail .fui-tab a {

    height: 2.2rem;

    line-height: 0,9rem;

}



.page-goods-detail .detail-tab {

    margin-bottom: 0;

}

.detail-tab-panel {

    background: #fff;

    height: auto;

    overflow: hidden;

    display: block;

    padding-bottom: 0.5rem;

}

.detail-tab-panel .tab-panel {

    display: none;

}

.detail-tab-panel .tab-panel.show {

    display: block;

}

.detail-tab-panel .tab-panel.detail-block,

.detail-tab-panel .tab-panel.comment-block {

    position: relative;

    transform: none;

    -webkit-transform: none;

    transition-property: none;

    -webkit-transition-property: none;

    top: 0;

}

.detail-tab-panel .tab-panel.comment-block .fui-icon-group {

    border-top: 0;

}

.detail-tab-panel .tab-panel.comment-block .content-empty {

    margin: 1rem 0;

}



.seckill-container {

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    overflow: hidden;

}

.seckill-container  .seckill-list,.seckill-container  .seckill-list1 {

    background: #ff5555;

}

.blue .seckill-container  .seckill-list,.blue .seckill-container  .seckill-list1 {

    background: #4e87ee;

}

.purple .seckill-container  .seckill-list,.purple .seckill-container  .seckill-list1 {

    background: #a839fa;

}

.pink .seckill-container  .seckill-list,.pink .seckill-container  .seckill-list1 {

    background: #ff7e95;

}

.orange .seckill-container  .seckill-list,.orange .seckill-container  .seckill-list1 {

    background: #ff8c1e;

}

/*.seckill-container.notstart   .seckill-list,*/

/*.seckill-container.notstart   .seckill-list1,*/

/*.seckill-container.notstart   .seckill-list2 {*/

    /*background:#00b950;*/

/*}*/

.seckill-container .seckill-list{

    flex:1;

    color:#fff;

    padding:0em 10px;

    margin-top:-1px;

}

.seckill-container  .seckill-list .fui-list-inner .text{

    color:#fff;

}

.seckill-container  .seckill-list .seckill-price{

    color:#fff;

    -webkit-box-align: baseline;

    -webkit-align-items: baseline;

    -ms-flex-align: baseline;

    align-items: baseline;

    width:auto;

    margin-right:5px;

}

.seckill-container  .seckill-list .seckill-price span{

    font-size:25px;

    color:#fff;

    font-weight: bold;

    -webkit-box-align: baseline;

    -webkit-align-items: baseline;

    -ms-flex-align: baseline;

    align-items: baseline;

    width:auto;

    margin-left: 5px

}

.seckill-container  .seckill-list .seckill-price text{

    font-size:36px;

}

.seckill-container  .seckill-list .oldprice{

    color:#ffc1c1;

    font-size: 11px;

    text-decoration: line-through;

}

.blue .seckill-container  .seckill-list .oldprice{

    color: #afcbff;

}

.purple .seckill-container  .seckill-list .oldprice{

    color: #e0b7ff;

}

.pink .seckill-container  .seckill-list .oldprice{

    color: #ffc8d2;

}

.orange .seckill-container  .seckill-list .oldprice{

    color: #ffcb9a;

}

.seckill-container  .seckill-list .stitle{

    display: inline-block;

    border:1px solid #fff;

    border-radius: 4px;

    font-size:8px;

    padding:0 4px;

}

.seckill-container .seckill-list1 .fui-list-inner .text{

    text-align: center;

    color:#fff;

    font-size: 11px

}

.seckill-container .seckill-list1 .fui-list-inner .text .process {

    float:left;

    width:60px;

    height: 8px;

    border-radius:10px;

    overflow:hidden;

    margin-top:6px;

    background:#ffffff;

}

.seckill-container .seckill-list1 .fui-list-inner .text .process .process-inner {

    width:100px;

    height:10px;

    background:#e92525;

}

.blue .seckill-container .seckill-list1 .fui-list-inner .text .process .process-inner {

    background: #1f60d6;

}

.purple .seckill-container .seckill-list1 .fui-list-inner .text .process .process-inner {

    background: #8609e3;

}

.pink .seckill-container .seckill-list1 .fui-list-inner .text .process .process-inner {

    background: #f84666;

}

.orange .seckill-container .seckill-list1 .fui-list-inner .text .process .process-inner {

    background: #f56e00;

}

.seckill-container .seckill-list2 .fui-list-inner .text {

    font-size:10px;

    text-align: center;

    height: 15px;

    color:#ff4c4c;

}

.blue .seckill-container .seckill-list2 .fui-list-inner .text {

    color: #4e87ee;

}

.purple .seckill-container .seckill-list2 .fui-list-inner .text {

    color: #a839fa;

}

.pink .seckill-container .seckill-list2 .fui-list-inner .text {

    color: #ff7e95;

}

.orange .seckill-container .seckill-list2 .fui-list-inner .text {

    color: #ff8c1e;

}

.seckill-container .seckill-list2 .fui-list-inner .text.timer  span{

    background: #ff5555;

    width: 15px;

    height: 15px;

    line-height: 15px;

    /* line-height: 1; */

    /* padding-top: 6rpx; */

    border-radius: 2px;

    vertical-align: middle;

    display: inline-block;

    color: #fff;

}

.blue .seckill-container .seckill-list2 .fui-list-inner .text.timer  span{

    background: #4e87ee;

}

.purple .seckill-container .seckill-list2 .fui-list-inner .text.timer  span{

    background: #a839fa;

}

.pink .seckill-container .seckill-list2 .fui-list-inner .text.timer  span{

    background: #ff7e95;

}

.orange .seckill-container .seckill-list2 .fui-list-inner .text.timer  span{

    background: #ff8c1e;

}

.seckill-container .seckill-list2 .fui-list-inner .text.timer text {

    display: inline-block;

    background:#582e19;

    color:#fff;

    width:18px;height:18px;

    border-radius: 2px;

    line-height:18px;

    font-size:10px; text-align: center;

}



.seckill-container .seckill-list2{

    padding:0;

    width:100px;

    background:#ffc1c1;

}

.blue .seckill-container .seckill-list2{

    background: #afcbff;

}

.purple .seckill-container .seckill-list2 {

    background: #e0b7ff;

}

.pink .seckill-container .seckill-list2 {

    background: #ffc8d2;

}

.orange .seckill-container .seckill-list2 {

    background: #ffcb9a;

}

.seckill-container .seckill-list2,.seckill-container  .seckill-list1 {

    margin-top:-2px;

}

.seckill-container.notstart .seckill-list2 .fui-list-inner .text {

    color:#fff;

}

.seckill-container.notstart .seckill-list2 .fui-list-inner .text.timer text{

    background:rgba(0,0,0,.7);

}

.page-goods-detail .buybtn.seckill-notstart {

    background:#00b950;

}





/*门店展示*/

.store-container.open a.fui-cell,

.store-container a.fui-cell:nth-child(1),

.store-container a.fui-cell:nth-child(2),

.store-container a.fui-cell:nth-child(3){

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

}

.store-container.open .show-allshop {

    display: none;

}

/*促销弹出 */

.sale-picker {

    height: auto;

    width: 100%;

    background: #fff;



}



.sale-picker .closebtn {

    width: 1.5rem;

    height: 1.5rem;

    position: absolute;

    top: 0.25rem;

    right: 0.5rem;

    border-radius: 1.5rem;

    text-align: center;

    line-height: 1.5rem;

    color: #666;

}



.sale-picker .btn {

    margin: 0;

    border-radius: 0;

}



.content {

    height: auto;

}



.content img {

    width: 100%;

    border: 0;

    /*display: block;*/

    padding: 0;

}



.page-goods-detail .basic-block {

    background: inherit;

    position: fixed;

    top: 2.2rem;

    bottom: 2.5rem;

    z-index: 1;

    max-width: 750px;

    margin: 0 auto;

    /*height:auto;*/

}

.page-goods-detail .detail-block {

    background: inherit;

    position: absolute;

    top: 0rem;

    bottom: 2.5rem;

    -webkit-transition-property: -webkit-transform, opacity;

    transition-property: transform, opacity;

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0);

    z-index: 2;

}

.page-goods-detail .detail-block video{

    width:100%;

    height:auto;

}

.page-goods-detail .notbuy {

    bottom: 0;

}



.page-goods-detail .detail-block .content-block {

    padding: 0rem .2rem 0.5rem;

}



.page-goods-detail .detail-block .content-block p {

    word-break: break-all;

}



.page-goods-detail .detail-block .content-block ul,

.page-goods-detail .detail-block .content-block li {

    list-style: inherit;

    list-style-position: outside;

}



.page-goods-detail .detail-block .content-block ul {

    -webkit-padding-start: 30px;

}



.page-goods-detail .detail-block.in {



    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

}



.page-goods-detail .param-block {

    background: inherit;

    position: absolute;

    top: 2.2rem;

    bottom: 2.5rem;

    -webkit-transition-property: -webkit-transform, opacity;

    transition-property: transform, opacity;

    -moz-transition-duration: 300ms;

    -webkit-transition-duration: 300ms;

    transition-duration: 300ms;

    -webkit-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0);

    z-index: 3;

}



.page-goods-detail .param-block.in {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

}



.page-goods-detail .look-detail {

    padding: .3rem;

}



.page-goods-detail .detail-block .look-basic {

    font-size: 0.75rem;

    color: #666;

    height: 2.2rem;

    line-height: 2.2rem;

    text-align: center;

}



.page-goods-detail .comment-block,.page-goods-detail .offic-block {

    background: inherit;

    position: absolute;

    top: 2.2rem;

    bottom: 2.5rem;

    -webkit-transition-property: -webkit-transform, opacity;

    transition-property: transform, opacity;

    -moz-transition-duration: 300ms;

    -webkit-transition-duration: 300ms;

    transition-duration: 300ms;

    -webkit-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0);

    z-index: 4;

}



#cover {

    z-index: 10000;

    position: absolute;

    top: 0;

    bottom: 0;

    width: 100%;

    font-size: 1.8rem;

    display: none;

}



#cover .content {

    position: absolute;

    top: 0;

    bottom: 0;

    z-index: 10003;

    color: #fff;

    padding: 1rem;

    padding-top: 4.5rem;

}



#cover .arrow {

    position: absolute;

    top: 0;

    bottom: 0;

    z-index: 10004;

    background: url(../images/arrow.png) no-repeat;

    width: 4.5rem;

    right: 0;

}



/*评论组*/

.page-goods-detail .fui-comment-group .fui-cell:before {

    border: 0;

}



.page-goods-detail .fui-comment-group .fui-cell {

    padding: 0 0.6rem;

}



.page-goods-detail .fui-comment-group .fui-cell .comment {

    padding: 0.4rem 0;

    position: relative;

}



.page-goods-detail .fui-comment-group .fui-cell .comment:before {

    content: " ";

    width: 100%;

    height: 1px;

    border-top: 1px solid #eee;

    top: 0;

    left: 0;

    position: absolute;

}



.page-goods-detail .fui-comment-group .fui-cell .comment .info {

    color: #999;

    font-size: 0.55rem;

    width: 100%;

    line-height: 0.9rem;

    margin-bottom: 0.3rem;

}



.page-goods-detail .fui-comment-group .fui-cell .comment .info.head {

    height: 1.3rem;

    line-height: 1.2rem;

}



.page-goods-detail .fui-comment-group .fui-cell .comment .info .img {

    float: left;

}



.page-goods-detail .fui-comment-group .fui-cell .comment .info .img img {

    width: 1.2rem;

    height: 1.2rem;

    border-radius: .6rem;

}



.page-goods-detail .fui-comment-group .fui-cell .comment .info .nickname {

    float: left;

    padding-left: .3rem;

}



.page-goods-detail .fui-comment-group .fui-cell .comment .info .star {

    float: left;

    color: #666;

    font-size:0.7rem;

}



.page-goods-detail .fui-comment-group .fui-cell .comment .info .star span {

    padding: 0;

    margin: 0;

    float: left;

}



.page-goods-detail .fui-comment-group .fui-cell .comment .info .star .shine {

    color: #fd5454;

    float: left;

}



.page-goods-detail .fui-comment-group .fui-cell .comment .info .star.star1 {

    clear: both

}



.page-goods-detail .fui-comment-group .fui-cell .comment .info .date {

    text-align: right;

}



.page-goods-detail .fui-comment-group .fui-cell .comment .remark {

    font-size: 0.65rem;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    width: 100%;

    color: #666;

    line-height: 0.9rem;

}



.page-goods-detail .fui-comment-group .fui-cell .comment .remark .img {

    padding: 0.75rem 0.5rem 0 0;

}



.page-goods-detail .fui-comment-group .fui-cell .comment .remark .img img {

    height: 55px;

}



.page-goods-detail .fui-comment-group .fui-cell .desc.label {

    font-size: 0.6rem;

    text-align: right;

    color: #ff5555;

    line-height: 0.8rem;

}



.page-goods-detail .fui-comment-group .fui-cell .desc.label span {

    color: #fd5454;

}

.page-goods-detail .fui-comment-group .fui-cell .desc {

    font-size: 0.7rem;

    color: #000;

    /*line-height: 1.5rem;*/

    padding: .5rem 0 0.4rem;

}



.page-goods-detail .comment-block.in {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

}



.page-goods-detail .comment-block .fui-icon-group {

    font-size: .65rem;

}

.page-goods-detail .offic-block.in {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

}



.page-goods-detail .offic-block .fui-icon-group {

    font-size: .65rem;

}



/* 卖家回复 */

.reply-content {

    background: #e5e5e5;

    font-size: 0.6rem;

    padding: 0.2rem;

    position: relative;

    margin: 0.2rem 0;

}

.reply-content:before {

    content: "";

    position: absolute;

    top: -0.15rem;

    left: 0.5rem;

    width: 0.3rem;

    height: 0.3rem;

    background: #e5e5e5;

    -moz-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

}

.page-goods-detail .fui-comment-group .fui-cell .comment .remark.reply-title {

    color: #ef4f4f;

    font-size: 0.6rem;

}

.fui-content.hidden{

    overflow-y: hidden;

}

/**规格弹出*/

.option-picker {

    height: auto;

    width: 100%;

    padding-bottom: 2.25rem;

    z-index: 1001;

    /*min-height: 350px;*/

    background: #fff;

}

.option-picker.android{

    padding-bottom:0;

}

/*.option-picker.android .option-picker-inner{*/

/*position: absolute;*/

/*bottom: 0;*/

/*}*/

.option-picker .option-picker-cell {

    padding: .2rem .5rem .5rem .5rem;

}



.option-picker .option-picker-options {

    margin: 0;

    padding: 0;

    overflow-y: auto;

    -webkit-overflow-scrolling: touch;

}



.option-picker .option-picker-cell.goodinfo {

    padding-left: 5.5rem;

    padding-top: 0.5rem;

    position: relative;

}



.option-picker .option-picker-cell.goodinfo:after {

    content: " ";

    position: absolute;

    bottom: 0;

    left: 0.5rem;

    right: 0.5rem;

    border-bottom: 1px solid #eee;

}



.option-picker .option-picker-cell.goodinfo .closebtn {

    width: 1.4rem;

    height: 1.4rem;

    position: absolute;

    top: 0.3rem;

    right: 0.3rem;

    text-align: center;

    line-height: 1.4rem;

    color: #999;

}



.option-picker .option-picker-cell.goodinfo .closebtn .icon {

    font-size: 1.1rem;

}



.option-picker .option-picker-cell.goodinfo .img {

    height: 4.5rem;

    width: 4.5rem;

    background: #fff;

    padding: 0.1rem;

    border: 1px solid #eee;

    border-radius: 2px;

    position: absolute;

    top: -1.4rem;

    left: 0.5rem;

    box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);

}



.option-picker .option-picker-cell.goodinfo .img img {

    height: 100%;

    width: 100%;

}



.option-picker .option-picker-cell.goodinfo .info {

    font-size: 0.7rem;

    height: 0.9rem;

    line-height: .9rem;



}

.option-picker .option-picker-cell.goodinfo .option-Commission{

    display: none;

    vertical-align: middle;

    margin-top: -6px;

   padding:0  0.5rem;

    height:0.9rem;

    line-height: 0.9rem;

    border-radius: 0.9rem;

    color: #fff;

    font-size:0.5rem;

    background: -moz-linear-gradient(left, #f0b938 0%, #f09938 100%);

    background: -webkit-linear-gradient(left, #f0b938 0%,#f09938 100%);

    background: -o-linear-gradient(left, #f0b938 0%,#f09938 100%);

    background: -ms-linear-gradient(left, #f0b938 0%,#f09938 100%);

    background: linear-gradient(to right, #f0b938 0%,#f09938 100%);

    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff0b938, endColorstr=#fff09938,gradientType='1')

}

.option-picker .option-picker-cell.goodinfo .option-Commission.show{

    display: inline-block;

}

.option-picker .option-picker-cell.goodinfo .info-total {

    font-size: .65rem;

    color: #999;

}



.option-picker .option-picker-cell.goodinfo .info-price .price {

    font-size: 0.8rem;

}



.option-picker .option-picker-cell.goodinfo .info-titles {

    font-size: .65rem;

    color: #000;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

}



.option-picker .option-picker-cell.option {

    position: relative;

}

.option-picker .option-picker-cell.option .title {

    font-size: 0.7rem;

    height: auto;

    overflow: hidden;

    color: #000;

    line-height: 1.95rem;

}

.option-picker .option-picker-cell.option .btn.btn-default{

    color: #000;

    height:1.25rem;

    line-height: 1.25rem;

    background: #f7f7f7;

    font-size:0.6rem;

}

.option-picker .option-picker-cell.option .btn.btn-danger{

    background: gray;

    color: #fff;

    font-size:0.6rem;

}

.option-picker .option-picker-cell.option .select {

    font-size: 0.7rem;

    color: #000;

    height: auto;

    overflow: hidden;

}



.option-picker .option-picker-cell.option .select .nav {

    height: auto;

    width: auto;

    border: 0;

    float: left;

    margin: 0.4rem 0.5rem 0 0;

}



.option-picker .option-picker-cell.option:after {

    content: " ";

    position: absolute;

    bottom: 0;

    left: 0.5rem;

    right: 0.5rem;

    border-bottom: 1px solid #eee;

}



.option-picker .option-picker-cell .fui-number {

    float: right;

}



.option-picker .fui-navbar {

    text-shadow: none;

}



.option-picker .fui-navbar .btn {

    border: none;

    font-size: 0.75rem;

    color: #fff;

    border-radius: 0;

}



.option-picker .fui-navbar .cartbtn {

    background: #fe9402;

}



.option-picker .fui-navbar .buybtn, .option-picker .fui-navbar .confirmbtn {

    background: gray;

}



.option-picker-inner {

    background: #fff;

    border-top: 1px solid #eee;

    box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);

}



.option-picker .fui-navbar .btn.disabled {

    color: #ccc;

    background: #ececec;

}



.option-picker .diyform-container:before {

    display: none;

}



/*会员*/

.member-page {

    background: #f3f3f3;

    margin: 0;

    position: absolute;

    top: 2.2rem;

}

.member-page .headinfo {

    position: relative;

    height: auto;

    padding-top: 1rem;

    border-top: 1px #b2423f solid;

    border-bottom: 1px #fa9d9d solid;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    -webkit-justify-content: space-between;

    justify-content: space-between;

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-align-items: center;

}



.member-page .headinfo .setbtn {

    height: 1.2rem;

    width: 1.2rem;

    position: absolute;

    top: 0.2rem;

    right: 0.5rem;

    font-size: 1.2rem;

    color: #fff;

    line-height: 1.2rem;

    text-align: center;

}

.member-page .headinfo .child {

    width: 30%;

    height: auto;

    padding-bottom: 1.2rem;

    text-align: center;

}

.member-page .headinfo .child.userinfo {

    width: 40%;

    color: #fff;

}



.member-page .headinfo .child.userinfo .face {

    height: 2.8rem;

    width: 2.8rem;

    background: #fff;

    margin: auto;

    border-radius: 2.8rem;

    padding: 0.1rem;

}

.member-page .headinfo .child.userinfo .face img {

    height: 2.6rem;

    width: 2.6rem;

    border-radius: 2.60rem;

    display: block;

}



.member-page .headinfo .child.userinfo .face.radius{

    border-radius: 0.5rem;

}

.member-page .headinfo .child.userinfo .face.radius img{

    border-radius: 0.5rem;

}



.member-page .headinfo .child.userinfo .name {

    height: 1.3rem;

    padding-top: 0.2rem;

    font-size: 0.7rem;

    color: inherit;

    text-align: center;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

}



.member-page .headinfo .child.userinfo .level {

    font-size: 0.6rem;

    color: inherit;

    text-align: center;

}





.member-page .headinfo .child .title {

    margin-top: 1.2rem;

    font-size: 0.7rem;

    color: #fff;

    text-align: center;

}

.member-page .headinfo .child .num {

    font-size: 0.7rem;

    color: #fef31f;

    text-align: center;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

}



.member-page .headinfo .child .btn {

    width: 2.6rem;

    height: 1rem;

    padding: 0;

    margin: 0.2rem auto 0;

    color: #fff;

    font-size: 0.6rem;

    line-height: 0.9rem;

    text-align: center;

    border-radius: 1rem;

    border: 1px solid #fff;

}



.member-page .headinfo.style-2 {

    padding: 1rem;

}



.member-page .headinfo.style-2 .face {

    height: 4rem;

    width: 4rem;

    border-radius: 4rem;

    float: left;

    position: relative;

    display: -webkit-box;

    display: -webkit-flex;

    display: flex;

    -webkit-flex-shrink: 0;

    -ms-flex: 0 0 auto;

    -webkit-flex-shrink: 0;

    flex-shrink: 0;

    -webkit-box-lines: single;

    -moz-box-lines: single;

    -webkit-flex-wrap: nowrap;

    flex-wrap: nowrap;

    box-sizing: border-box;

    -webkit-box-align: center;

    -webkit-align-items: center;

    align-items: center;

}

.member-page .headinfo.style-2 .face img {

    height: 4rem;

    width: 4rem;

    border-radius: 4rem;

    display: block;

}



.member-page .headinfo.style-2 .face.radius {

    border-radius: 0.5rem;

}

.member-page .headinfo.style-2 .face.radius img {

    border-radius: 0.5rem;

}



.member-page .headinfo.style-2 .inner {

    height: auto;

    position: relative;

    width: 100%;

    overflow: hidden;

    box-sizing: border-box;

    display: -webkit-box;

    display: -webkit-flex;

    display: flex;

    -webkit-box-flex: 1;

    -ms-flex: 1;

    display: block;

    padding-left: 0.5rem;

    color: #fff;

}



.member-page .headinfo.style-2 .inner .name {

    font-size: 0.9rem;

    line-height: 1rem;

}



.member-page .headinfo.style-2 .inner .level,

.member-page .headinfo.style-2 .inner .credit {

    font-size: 0.7rem;

    line-height: 0.9rem;

}



.member-page .headinfo.style-2 .inner span {

    color: #fef31f;

}



/*订单*/

.order-create-page {

    margin: 0;

    bottom: 2rem;

    padding-bottom: 2rem;

}



.order-create-page .fui-btn-group {



    border-radius: 0;

    height: 1.5rem;

    line-height: 1.4rem;

}



.order-create-page .fui-btn-group a {

    padding: 0

}



.order-create-page .fui-btn-group.fui-btn-group-warning a {

    padding: 0;

}



.order-create-page .fui-cell-group .fui-cell .fui-cell-text .time,

.order-create-page .fui-cell-group .fui-cell .fui-cell-text .address {

    font-size: 0.6rem;

    color: #7d878d;

    padding-left: 0.3rem;

}



.order-create-page .fui-cell-group .fui-cell .fui-cell-text .address span {

    float: right;

}



.order-create-page .fui-cell-group .fui-cell .fui-cell-icon {

    font-size: 0.6rem;

}



.order-create-page .fui-cell-group .fui-cell .fui-cell-text .shopname {

    font-size: 0.6rem;

    color: #666;

}



.order-create-page #addressInfo {

    margin-bottom: .8rem;

}



.order-create-page #addressInfo:after {

    content: ' ';

    position: absolute;

    left: 0;

    width: 100%;

    height: .15rem;

    background: url(../images/order_line.png) repeat-x;

}

.order-create-page #carrierInfo:after{

    content: ' ';

    position: absolute;

    left: 0;

    width: 100%;

    height: .15rem;

    background: url(../images/order_line.png) repeat-x;

}

.order-create-page .no-address {

    font-size: 0.8rem;

}



.order-create-page .fui-cell-group .fui-cell.cellName {

    line-height: 1.4rem;

    padding: 0 0.5rem;

}



.order-create-page .buybtn {

    border: none;

    font-size: 0.7rem;

    color: #fff;

    border-radius: 0;

    width: 0.2%;

}



.order-create-page .buybtn:active {

    color: #fff;

    border: none;

    height: 2.45rem;

}



.order-create-page .total {

    text-align: right;

    padding-left: 0;

    padding-right: 0.5rem;

    font-size: 0.7rem;

    height: 2.45rem;

}



.order-create-page .total .price {

    color: #fd5454;

}

.order-create-page .fui-list.pay-btn{

    height: 3.25rem

}

.order-create-page  .fui-list.pay-btn .fui-list-inner{

    display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;

    height: 100%;

    -webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    -webkit-justify-content: space-around;

    justify-content: space-around;

}

.order-create-page .fui-list.pay-btn .fui-list-media{

    /*border-right: 1px solid #ebebeb;*/

    margin-right: .75rem;

    width: 2.3rem;

    height: 1.7rem;

    /*padding-right: .5rem;*/

    padding-right: .6rem;

    position: relative;

}

.order-create-page  .fui-list.pay-btn .fui-list-media img{

    width: 100%;

    height: 100%;

}

.order-create-page .fui-list.pay-btn .fui-list-media:after{

    content: "";

    display: inline-block;

    position: absolute;

    width: 1px;

    top: 0.1rem;

    bottom: 0.1rem;

    right: 0;

    border-right: 1px solid #ebebeb;

    color: #ebebeb;

    -webkit-transform-origin: 0 0;

    -ms-transform-origin: 0 0;

    transform-origin: 0 0;

    /*-webkit-transform: scaleX(0.5);

    -ms-transform: scaleX(0.5);

    transform: scaleX(0.5);*/

}

.order-create-page  .icon{

    font-size: .7rem;

    color:#000;

}

.order-create-page  .realname{

    display: inline-block;

    max-width: 9rem;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    padding-right: 1.2rem

}

.order-create-page .fui-list-inner .title{

    display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;

    color: #000

}

.order-create-page  .fui-list-inner .title.has-address{

    font-size: .7rem;

    line-height: 1.2rem;

    height: 1.2rem;

}

.order-create-page .address{

    overflow : hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    font-size: .65rem;

    color: #666

}

#addressInfo .fui-list{

    padding-top: .8rem;

    padding-bottom: .83rem;

}

#carrierInfo .fui-list {

    padding-top: .8rem;

    padding-bottom: .83rem;

}

#addressInfo .icon{

    font-size: .8rem

}

.order-create-page .fui-list-inner{

    align-self:flex-start;

}

.order-create-page .fui-list-inner .towline{

    color: #000;

    font-size: 0.7rem;

    overflow : hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    white-space: normal;

    height: auto;

}

/*.fui-list-inner .subtitle{

    color: #999;

    font-size: 0.65rem;

    align-items: baseline;

}*/

.order-create-page  .fui-list.goods-item .subtitle{

    overflow:hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    white-space: normal;

}

.order-create-page  .fui-list.goods-item .text{

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    color: #999;

}

.order-create-page  .fui-list.goods-item .price{

    display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;

    -webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;

    font-size: .6rem;

    height: 1.2rem;

}

.order-create-page  .fui-list.goods-item .price .num{

    font-size: .7rem;

    color:#666;

}

.order-create-page  .fui-list.goods-item .fui-list-inner{

    height: 4.2rem;

    display: flex;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;

}

.order-create-page  .fui-list-angle.al{

    align-self: flex-start;

    font-size: 0.65rem;

    text-align: right;

    margin-left: .5rem;

    margin-right: 0

}

.order-create-page .fui-list-angle .num{

    color: #999;

}

.order-create-page  .fui-cell-group.total  .fui-cell .actually span{

    font-size: .8rem;

}

.order-create-page .pickstore {

    color: #ff5555;

}

.order-create-page  .text-danger  { color:#ff5555 ;font-size: .6rem;}

.order-create-page  .bigprice{

    font-size: .75rem;

}

.order-create-page  .fui-list-media img {

    width: 4rem;

    height: 4rem;

}

.order-create-page  .mobile{

    display: inline-block;

    overflow: hidden;

}

#carrierInfo .icon{

    font-size: .8rem;

}

.order-create-page  .fui-list-inner .subtitle{

    color:#000;

    font-size: .7rem;

}

.order-create-page .fui-according-header .text{

    font-size: .7rem;

    color:#666

}

.order-create-page .no-address{

    font-size: .7rem;

    color:#000;

    text-align: center;

}

.order-create-page .icon.icon-icon02{

    color:#ff5555

}

.order-create-page .lineblock {

    position: relative;

    overflow: hidden;

}



.order-create-page .lineblock:before {

    content: "";

    position: absolute;

    left: .5rem;

    top: 0;

    right: .5rem;

    height: 1px;

    border-top: 1px solid #ebebeb;

    -webkit-transform-origin: 0 100%;

    -ms-transform-origin: 0 100%;

    transform-origin: 0 100%;

    -webkit-transform: scaleY(0.5);

    -ms-transform: scaleY(0.5);

    transform: scaleY(0.5);

}





.order-picker {

    height: auto;

    width: 100%;

    -moz-transition-duration: 300ms;

    -webkit-transition-duration: 300ms;

    transition-duration: 300ms;;

    background: #f1f1f1;

    padding-bottom: 2rem;

}



.order-picker-title {

    background: #fff;

    height: 2rem;

    line-height: 2rem;

    font-size: 0.75rem;

    text-align: center;

    position: relative;

}



.order-picker-container {

    position: relative;

    max-height: 18rem;

    top: 0;

    overflow: auto;

    -webkit-overflow-scrolling: touch;

}



.order-picker .fui-navbar {

    height: 2rem;

}



.order-picker .fui-navbar .btn {

    border: none;

    font-size: 0.7rem;

    border-radius: 0;

    height: 2rem;

}



.order-picker .fui-navbar .btn:first-child {

    color: #333

}



.order-picker .fui-navbar .btn:last-child {

    width: 0.2%;

}



/*地址，自提点选择器*/

/*.address-selector-page .fui-content,*/

/*.store-selector-page .fui-content {*/

/*margin-top: 5px;*/

/*}*/



.address-selector-page .fui-list-angle {

    margin-left: .5rem;

    margin-right: .2rem;

}

.address-selector-page .address{

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

}



.store-selector-page .fui-list-angle {

    width: 3rem;



    margin-right: 0;

}



.store-selector-page .fui-list-media i {

    font-size: 1.3rem;



}



.store-selector-page .fui-list-media i.selected {

    color: #ff5555;

}



.store-selector-page .fui-list-angle i {

    margin: 0 .5rem;

    font-size: 1.4rem;

}





.store-selector-page .fui-header .fui-header-right {

    font-size: 0.7rem;

}



.store-selector-page .fui-header .title {

    margin-right: -2rem;

}



.store-selector-page .fui-header .fui-header-right .icon-location {

    font-size: 0.5rem;

}



.store-map-page .fui-footer {

    height: auto;

    position: relative;

}



.store-map-page .fui-list-angle {

    margin-left: .5rem;

    margin-right: .1rem;

}



.store-map-page .fui-list-angle i {

    font-size: 1.5rem;

}



.store-map-page .BMap_pop {

    background: #fff;

}



.store-map-page .info-window .address {

    overflow: hidden;

    max-height: 32px;

    font-size: 12px;

    line-height: 1.5;

}



.store-map-page .info-window .navi {

    position: absolute;

    right: 0;

    bottom: 0;

}



.store-map-page .info-window .navi .navi-to {

    position: absolute;

    top: -10px;

    left: -10px;

    width: 80px;

    height: 50px;

}



.store-map-page .info-window a.tag {

    color: #ccc;

    border: 1px solid #ccc;

    border-radius: .2rem;

    padding: .05rem .5rem;

}



/**优惠券**/

/*

.coupon-item {

    margin: 0.4rem;

    height: 3.4rem;

    position: relative

}



.coupon_selected {

    border: 1px solid #f60;

    margin: 10px;

    height: 3.3rem;

}



.coupon-item .cside {

    float: left;

    width: 0.2rem;

    height: 3.25rem;

    border-bottom: 1px solid #d6d6d6;

}



.coupon-item .cthumb {

    float: left;

    width: 2.5rem;

    height: 3.25rem;

    background: #fff;

    text-align: center;

    line-height: 3rem;

    border-bottom: 1px solid #d6d6d6;

}



.coupon-item .cthumb img {

    width: 2rem;

    height: 2rem;

    vertical-align: middle;

}



.coupon-item .cinfo {

    float: left;

    width: 100%;

    margin-left: -2.75rem;

    height: 3.4rem;

}



.coupon-item .cinfo .inner {

    margin-left: 2.75rem;

    height: 3.25rem;

    background: #fff;

    border-bottom: 1px solid #d6d6d6;

}



.coupon-item .cinfo .inner .name {

    font-size: 0.7rem;

    color: #222;

    height: 1.2rem;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

    line-height: 1.5rem

}



.coupon-item .cinfo .inner .time {

    font-size: 0.6rem;

    color: #666;

    height: 0.9rem;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

}



.coupon-item .cinfo .inner .pay {

    font-size: 0.55rem;

    color: #666;

    height: 1rem;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

}



.coupon-item .cright {

    float: right;

    width: 30%;

    height: 3.25rem;

    margin-left: -40%;

    color: #fff;

    position: relative;

}



.coupon-item .cright .sideleft {

    float: left;

    width: 0.2rem;

    height: 3.25rem;

}



.coupon-item .cright .rinfo {

    float: left;

    width: 100%;

    height: 3.25rem;

    margin-left: -0.2rem;

    margin-right: -0.2rem;

}



.coupon-item .cright .rinfo .rinner {

    margin-left: 0.2rem;

    margin-right: 0.2rem;

    height: 3.25rem;

}



.coupon-item .cright .rinfo .rinner .price {

    font-size: 0.65rem;

    text-align: right;

    padding-right: 0.5rem;

    padding-top: 0.4rem;

}



.coupon-item .cright .rinfo .rinner .price span {

    font-size: 1.1rem;

}



.coupon-item .cright .rinfo .rinner .type {

    font-size: 0.6rem;

    text-align: right;

    padding-right: 0.5rem;

}



.coupon-item .cright .sideright {

    float: right;

    width: 0.2rem;

    height: 3.25rem;

    -moz-transform: rotate(180deg);

    -webkit-transform: rotate(180deg);

    -o-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    transform: rotate(180deg);

}



.coupon-item .cright .png {

    position: absolute;

    bottom: 0;

    left: 5%;

    width: 80%;

    height: 80%;

    opacity: 0.8

}



.coupon-item.selected:after {

    content: " ";

    position: absolute;

    bottom: 1px;

    left: 1px;

    right: 1px;

    border-bottom: 2px solid #f90;

}



.coupon-picker {

    height: auto;

    width: 100%;

    -moz-transition-duration: 300ms;

    -webkit-transition-duration: 300ms;

    transition-duration: 300ms;;

    background: #f1f1f1;

    padding-bottom: 2rem;

}



.coupon-picker-title {

    background: #fff;

    height: 2rem;

    line-height: 2rem;

    font-size: 0.75rem;

    text-align: center;

    position: relative;

}



.coupon-picker-container {

    position: relative;

    max-height: 12rem;

    top: 0;

    overflow: auto;

    -webkit-overflow-scrolling: touch;

}



.coupon-picker .fui-navbar {

    height: 2rem;

}



.coupon-picker .fui-navbar .btn {

    border: none;

    font-size: 0.7rem;

    border-radius: 0;

    height: 2rem;

}



.coupon-picker .fui-navbar .btn:first-child {

    color: #333

}



.coupon-picker .fui-navbar .btn:last-child {

    width: 0.2%;

}



.coupon-container .redpack {

    background: red;

}



.coupon-container .deduct {

    background: #fe7e00;

}



.coupon-container .discount {

    background: #5b9dfd;

}



.coupon-container .money {

    background: #d83ef4;

}



.coupon-container .credit {

    background: #54caba;

}



.coupon-container .past {

    background: #c0c0c0;

}



.coupon-container .side {

}



.coupon-container .side-redpack {

    background: url(../images/coupon/coupon_bg_red.png) 0 0 repeat-y;

    background-size: 100%

}



.coupon-container .side-deduct {

    background: url(../images/coupon/coupon_bg_orange.png) 0 0 repeat-y;

    background-size: 100%

}



.coupon-container .side-discount {

    background: url(../images/coupon/coupon_bg_blue.png) 0 0 repeat-y;

    background-size: 100%

}



.coupon-container .side-money {

    background: url(../images/coupon/coupon_bg_purple.png) 0 0 repeat-y;

    background-size: 100%

}



.coupon-container .side-credit {

    background: url(../images/coupon/coupon_bg_green.png) 0 0 repeat-y;

    background-size: 100%

}



.coupon-container .side-left {

    background: url(../images/coupon/coupon_bg_white.png) 0 0 repeat-y;

    background-size: 100%

}



.coupon-container .side-past {

    background: url(../images/coupon/coupon_bg_gray.png) 0 0 repeat-y;

    background-size: 100%

}



.coupon-container .bd {

    background-repeat: repeat-x;

}



.coupon-container .bd-redpack {

    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAFCAMAAACQASd4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACdQTFRF/wAA/wIC/yMj/8vL/8zM/+np/7Ky/1lZ/1pa//n5/+bm/+Xl////cKTKtQAAAA10Uk5T////////////////AD3oIoYAAAAySURBVHjaYmBgYGTmQQBmRgYwYGKFC7EyMUABEwtUiAUuBNTOzsbNycXGwciACwAEGABsoAGiG/p9XQAAAABJRU5ErkJggg==") repeat-x scroll;

}



.coupon-container .bd-deduct {

    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAFCAMAAACQASd4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACdQTFRF/n4A/pAj/n8C/9iy/+XL//Tp/+XM/qtZ//z5//Ll//Lm/qxa////lFmFXQAAAA10Uk5T////////////////AD3oIoYAAAAySURBVHjaYmBgYGLhQQAWJgYwYGSFC7EyMkABIxtUiA0uBNTOzszJwcXMzcSACwAEGABtXQGiOuoS6QAAAABJRU5ErkJggg==") repeat-x scroll;

}



.coupon-container .bd-discount {

    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAFCAYAAACn39dKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGpJREFUeNpijJ779z8DBPwDYvMlSUxnGIgEMfP+mQCpk0DMxAAjoADEXgFUIEakQSB1K5DNYEJTowzEx4AKjQkYBJI/BlUPB4xI3kQGIC+vBOLlQHwWiN8AsTAQg7wVAcXoDsFpGFkAIMAAxzQffOqsAjAAAAAASUVORK5CYII=") repeat-x scroll;

}



.coupon-container .bd-money {

    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAFCAYAAACn39dKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGpJREFUeNpivGH35T8DBPwDYnP1g9xnGIgEN+2/mgCpk0DMxAAjoADEXgFUIEakQSB1K5DNYEJTowzEx4AKjQkYBJI/BlUPB4xI3kQGIC+vBOLlQHwWiN8AsTAQg7wVAcXoDsFpGFkAIMAARVEgD2Y0pPcAAAAASUVORK5CYII=") repeat-x scroll;

}



.coupon-container .bd-credit {

    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAFCAYAAACn39dKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGhJREFUeNpiDDm16z8DBPwDYnMgPsNAPDAB4pNAzMQAI6AAxF4BxGJEGiQGVc+EbAAyUAbiY0BsTMAgY6g6ZQY01zBgMfAUEC8DYl8glgJiNiCWhPKXQuWV0TWy4LAZZEkkFBMNAAIMAIfMDkfZ8iDPAAAAAElFTkSuQmCC") repeat-x scroll;

}



.coupon-container .bd-past {

    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAFCAYAAACn39dKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGhJREFUeNpiPHDgwH8GCPgHxOZAfIaBeGACxCeBmIkBRkABiL0CiMWINEgMqp4J2QBkoAzEx4DYmIBBxlB1ygxormHAYuApIF4GxL5ALAXEbEAsCeUvhcoro2tkwWEzyJJIKCYaAAQYACPZDq/h2k1VAAAAAElFTkSuQmCC') repeat-x scroll;

}



.coupon-container .png-redpack {

    background: url(../images/coupon/coupon_stamp_01.png) left top no-repeat;

}



.coupon-container .png-money {

    background: url(../images/coupon/coupon_stamp_02.png) left top no-repeat;

}



.coupon-container .png-credit {

    background: url(../images/coupon/coupon_stamp_03.png) left top no-repeat;

}



.coupon-container .png-discount {

    background: url(../images/coupon/coupon_stamp_04.png) left top no-repeat;

}



.coupon-container .png-deduct {

    background: url(../images/coupon/coupon_stamp_05.png) left top no-repeat;

}



.coupon-container .png-past {

    background: url(../images/coupon/coupon_stamp_06.png) left top no-repeat;

}



.coupon-container .cfree {

    color: #ff6801;

}



.coupon-container .ccredit {

    color: #31b6e7;

}



.coupon-container .cmoney {

    color: #c00;

}



.coupon-container .ccreditmoney {

    color: #B94A48;

}*/



/*-- 新版优惠券样式- */

.coupon-item2 {

    margin: 0.4rem;

    height: 4.4rem;

    position: relative

}



.coupon-item2.selected:after {

    content: " ";

    position: absolute;

    bottom: 1px;

    left: 1px;

    right: 1px;

    border-bottom: 2px solid #f90;

}





.text-cancel {

    color: #666

}



.text-success {

    color: #04ab02

}



.text-primary {

    color: #0290be

}



.text-warning {

    color: #ff8000

}



.text-danger {

    color: #ff5555

}



.text-center {

    text-align: center;

}



.order-pay-page .icon {

    font-size: 1.3rem;

    text-align: center;

    line-height: 1.8rem;

    width: 2rem;

    height: 2rem;

    border-radius: .2rem;

}



.order-pay-page .icon.wechat {

    color: #fff;

    background: #04ab02;

}



.order-pay-page .icon.alipay {

    color: #fff;

    background: #ff9326;

    line-height: 2rem;

}



.order-pay-page .icon.cash {

    color: #fff;

    background: #0290be;

    line-height: 2.1rem;

    font-size: 1.2rem;

}



.order-pay-page .icon.credit {

    color: #fff;

    background: #e2cb04;

    line-height: 2.1rem;

}

.order-pay-page  .fui-cell-group:not(.fui-cell-group-o):before{

    border:0

}

.order-pay-page .fui-list.pay-btn {

    height: 3.25rem;

}

.order-pay-page  .fui-list.pay-btn .fui-list-inner {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    height: 100%;

    -webkit-box-orient: vertical;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    -webkit-justify-content: space-around;

    justify-content: space-around;

}

.order-pay-page .fui-list.pay-btn .fui-list-media {

    /* border-right: 1px solid #ebebeb; */

    margin-right: .75rem;

    width: 2.3rem;

    height: 1.7rem;

    /* padding-right: .5rem; */

    padding-right: .6rem;

    position: relative;

}

.order-pay-page  .fui-list.pay-btn .fui-list-media img {

    width: 100%;

    height: 100%;

}

.order-pay-page .fui-list.pay-btn .fui-list-media:after {

    content: "";

    display: inline-block;

    position: absolute;

    width: 1px;

    top: 0.1rem;

    bottom: 0.1rem;

    right: 0;

    border-right: 1px solid #ebebeb;

    color: #ebebeb;

    -webkit-transform-origin: 0 0;

    -ms-transform-origin: 0 0;

    transform-origin: 0 0;

}

.order-success-page .result-list {

    padding: .3rem 0;

    background: #ff9326

}



.order-success-page .result-list i {

    color: #fff;

    font-size: 2.4rem;

    margin-left: .5rem;

}



.order-success-page .result-list .title {

    color: #fff;

    font-weight: bold;

    font-size: 1rem;

}



.order-success-page .result-list .text {

    color: #fff;

    font-size: .75rem;

    padding-top: .2rem

}



.order-success-page .result-list:after,

.order-success-page .result-list:before {

    display: none;

}



.order-success-page .col-50 {

    margin: 0;

    width: 50%;

    text-align: center;

}



.order-success-page .col-50 .btn {

    padding: 0;

    width: 80%;

    border-radius: 1rem;

}

.order-success-page  .fui-list {

    padding: .55rem .6rem

}

.order-success-page  .fui-list-media span{

    display: inline-block;

    width: .2rem;

    height: .6rem;

    background: #ff5555;

    margin-right: .3rem

}

.order-success-page  .icon-duihao_fuzhi1{

    color: #fff;

    margin-right: .4rem;

    font-size:1rem;

    opacity: 0;

}

.order-success-page  .icon-duihao_fuzhi1.selected{

    color:#ff5555;

    opacity: 1;

}

.order-success-page  .store-selector-page .fui-list-media i{

    font-size: .7rem;

    opacity: 0;

}

.order-success-page  .store-selector-page .fui-list-media i.selected{

    opacity: 1;

}

.order-success-page  .icon-icon_huida_tianxiebtn{

    font-size: 1.2rem;

    color: #666

}

.order-success-page  .fui-list-angle{

    margin-right: 0;

    text-align: right;

}

.order-success-page  .store-item .fui-list-angle i{

    margin: 0;

    color: #999;

    font-size: 1.2rem;

}

.order-success-page .fui-list-angle .angle{

    right: 0;

    position: absolute;

    top: 0

}

.order-success-page  .tacitlyapprove{

    display: inline-block;

    background: #ff5555;

    color: #fff;

    border-radius: .2rem;

    padding: 0 .15rem;

}

.order-success-page  .pickstore{

    color: #ff8000

}

.order-success-page  .moreaddress{

    height: 2.35rem;

    line-height: 2.35rem;

    color: #999;

    font-size: .7rem;

    text-align: center;

}

.order-success-page .fui-list:before {

    content: " ";

    position: absolute;

    left: 0.5rem;

    right: 0.5rem;

    top: 0;

    height: 1px;

    border-top: 1px solid #ebebeb;

    color: #ebebeb;

    -webkit-transform-origin: 0 0;

    -ms-transform-origin: 0 0;

    transform-origin: 0 0;

    -webkit-transform: scaleY(0.5);

    -ms-transform: scaleY(0.5);

    transform: scaleY(0.5);

}

.order-success-page  .fui-list-angle .angle:after{

    position: static;

}

.order-success-page  .fui-list-inner .title.has-address {

    font-size: .7rem;

    line-height: 1.2rem;

    height: 1.2rem;

    display: block;

}

.order-success-page  .fui-list-inner .text{

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

}

.order-success-page .realname {

    display: inline-block;

    max-width: 9rem;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    padding-right: 1.2rem;

}

.order-success-page .fui-list .fui-list-angle i {

    margin: 0;

    color: #999;

    font-size: 1.2rem;

}

.store-item .fui-list-angle {

    width: 3rem;

    margin-right: 0;

}



.store-item .fui-list-angle i {

    margin: 0 .5rem;

    font-size: 1.3rem;

}



.store-item .store-inner {

    border-right: 1px solid #d9d9d9;

}

.store-container.fui-cell-group .fui-cell:before{

    content: '';

    position: absolute;

    left: 0.5rem;

    right: 0.5rem;

    top: 0;

    border-top: 1px solid #ededed;

    -webkit-transform-origin: 0 0;

    -ms-transform-origin: 0 0;

    transform-origin: 0 0;

    -webkit-transform: scaleY(0.5);

    -ms-transform: scaleY(0.5);

    transform: scaleY(0.5);

}

.store-container a.fui-cell{

    display: none;

}

.store-container .show-allshop{

    text-align: center;

    margin: 0.6rem 0 0.8rem;

}

.store-container .show-allshop-btn{

    display: inline-block;

    height: 1.4rem;

    line-height: 1.4rem;

    padding:0  0.6rem;

    border:1px solid #ff5555;

    border-radius: 1rem;

    font-size:0.65rem;

    margin: 0 auto;

    color: #ff5555;

}

.order-success-page .row {

    position: relative;

    margin-top: 10px;

}



.order-detail-page .result-list .fui-list-inner {

    margin-left: .5rem;

}



.order-detail-page .result-list i {

    color: #fff;

    font-size: 2rem;;

}



.order-detail-page .order-status {

    padding: .5rem 0;

    background: #ff9326

}



.order-detail-page .order-status .title {

    color: #fff;

    font-weight: bold;

    font-size: .8rem;

}



.order-detail-page .order-status .text {

    color: #fff;

    padding-top: .1rem

}



.order-detail-page .order-status:after,

.order-detail-page .order-status:before {

    display: none;

}



/*.goods-list {*/

/*background: #f8f8f8*/

/*}*/



.goods-list .fui-list-angle {

    width: 7rem;



    text-align: right;

    color: #999;

    margin-right: .1rem;

    font-size: .7rem;

}



.goods-list .text {

    color: #999;

}

.goods-list .goodstitle {

    color: #333;

}



.price-cell-group .fui-cell {

    padding: .3rem;

}



.goods-list {

    -webkit-box-align: start;

    -ms-flex-align: start;

    -webkit-align-items: flex-start;

    align-items: flex-start;

}



.order-detail-page .price-cell-group .fui-cell:before, .order-detail-page .price-cell-group .fui-cell:after {

    display: none;

}



.order-detail-page .price-cell-group .fui-cell .fui-cell-remark {

    font-size: .7rem

}



.order-detail-page .info-cell-group {

    color: #999;

    font-size: .65rem;

    padding: .3rem 0

}



.order-detail-page .info-cell-group .fui-cell {

    padding: .1rem .3rem

}



.order-detail-page .info-cell-group .fui-cell:before, .order-detail-page .price-cell-group .fui-cell:after {

    display: none;

}



.order-detail-page .fui-footer {

    text-align: right;

}



.order-cancel select {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    opacity: 0

}



.order-detail-page .verifycode-container .fui-cell-group:after,

.order-detail-page .verifycode-container .fui-cell-group:before {

    display: none;

}



.fui-modal .verify-pop,

.verify-pop {

    position: absolute;

    top: 0;

    bottom: 0;

    width: 100%;

    z-index: 1001

}



.verify-pop .close {

    z-index: 1001;

    position: absolute;

    top: 20px;

    right: 10px

}



.verify-pop .close i {

    font-size: 2rem;

    color: #fff;

}



.verify-pop .fui-mask {

    background: rgba(0, 0, 0, .9)

}



.verify-pop .qrcode {

    width: 250px;

    height: 250px;

    position: absolute;

    top: 100px;

    z-index: 1001;

    background: #fff;

    left: 50%;

    margin-left: -125px;

}



.verify-pop .qrcode .loading {

    position: absolute;

    top: 100px;

    width: 250px;

    text-align: center

}



.verify-pop .qrcode .qrimg {

    position: absolute;

    width: 250px;

    height: 250px;

    display: none

}



.verify-pop .tip {

    position: absolute;

    top: 380px;

    z-index: 1001;

    width: 100%;

    color: #f90;

    font-size: 1rem;

    text-align: center;

    word-break: break-all

}



.verify-pop .goods {

    position: absolute;

    bottom: 0;

    z-index: 1001;

    width: 100%;

}



.order-comment-page .goods-comment-cell {

    display: none

}



.order-comment-page .goods-comment-cell:after,

.order-comment-page .goods-comment-cell:before {

    display: none;

}



.order-comment-page .goods-comment-btn {

    border-radius: 0.1rem;

    height: 1.2rem;

    line-height: 1.2rem;

    border-radius: 1rem;

    padding: 0 .5rem;

    margin: 0;

}

.order-comment-page .goods-list  .towline{

    color: #000;

    font-size: 0.7rem;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    white-space: normal;

    height: auto;

}

.order-comment-page .goods-list  .subtitle{

    margin-top: .2rem;

    color: #999;

}

.order-comment-page .goods-list  .fui-list-media img{

    width:4rem;

    height: 4rem;

}

.order-comment-page .fui-list-inner{

    height: 4rem;

    display: flex;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;

}

.order-comment-page .goods-list .fui-list-angle {

    width: auto;

    font-size: 0.65rem;

    text-align: right;

    margin-left: .5rem;

    margin-right: 0;

    color: #000;

    height: 4rem;

    display: flex;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;

}

.order-comment-page .fui-cell-label{

    align-self: flex-start;

    line-height: normal;

}

.order-comment-page .fui-label{

    background: transparent;

    font-size: .7rem;

}

.order-comment-page .fui-stars{

    display: flex;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-align-items: center;

}

.order-comment-page .icon-roundclose{

    align-self:flex-start;

    -webkit-align-self:flex-start;

}

.order-comment-page .fui-navbar{

    height: 2.25rem;

}



.order-express-page .info-list .fui-list .fui-list-inner .state {

    font-size: 0.7rem;

}



.order-express-page .info-list .fui-list .fui-list-inner .expcom {

    font-size: 0.6rem;

    color: #959595;

}



.order-express-page .info-list .fui-list .fui-list-inner .expcom a {

    color: #4aa1f6;

}



.order-express-page .info-list .fui-list .fui-list-media img {

    height: 3.2rem;

    width: 3.2rem;

}



.order-express-page .fui-list-group .fui-list .fui-list-inner .time {

    font-size: 0.6rem;

    color: #7D878D;

}



.order-express-page .express-list .fui-list {

    padding: 0;

}



.order-express-page .express-list .fui-list-inner {

    padding: 0.5rem 2rem;

}



.order-express-page .express-list .fui-list .fui-list-inner:before {

    content: " ";

    width: 0;

    height: 100%;

    position: absolute;

    border-left: 0.1rem solid #c9c9c9;

    top: 0;

    left: 1rem;

    z-index: 9999;

}



.order-express-page .express-list .fui-list-inner .text {

    color: #333;

}



.order-express-page .express-list .fui-list-inner .time {

    color: #999;

}



.order-express-page .express-list .fui-list-inner .text.step:before {

    content: " ";

    width: 0;

    height: 0.3rem;

    width: 0.3rem;

    background: #aaa;

    border: 0.1rem solid #c9c9c9;

    border-radius: 0.5rem;

    position: absolute;

    top: 0.25rem;

    left: -1.2rem;

    z-index: 9999;

}



.order-express-page .express-list .fui-list.current .fui-list-inner .text {

    color: #ef4f4f;

}



.order-express-page .express-list .fui-list.current .fui-list-inner .text.step:before {

    background: #ef4f4f;

    border: 0.1rem solid #fd9797;

}



.order-express-page .express-list .fui-list:first-child .fui-list-inner:before {

    top: 1rem;

}



.order-express-page .express-list .fui-list:last-child .fui-list-inner:before {

    height: 1rem;

}



.order-list-page .fui-tab {

    position: absolute;

    width: 100%;

    top: 2.2rem;

}



.order-list-page .fui-content {

    top: 4.2rem;

}



.order-list-page .order-list .status {

    float: right

}



.order-list-page .goods-list {

    background: #fff;

    position: relative;

}



.order-list-page .lineblock {

    position: relative;

    overflow: hidden;

}



.order-list-page .lineblock:before {

    content: "";

    position: absolute;

    left: .5rem;

    top: 0;

    right: .5rem;

    height: 1px;

    border-top: 1px solid #ebebeb;

    -webkit-transform-origin: 0 100%;

    -ms-transform-origin: 0 100%;

    transform-origin: 0 100%;

    -webkit-transform: scaleY(0.5);

    -ms-transform: scaleY(0.5);

    transform: scaleY(0.5);

}



.order-list-page .opblock.fui-list-group-title {

    padding: 0 .5rem;

    font-size: .7rem;

    color: #333;

    height: 2.4rem;

    line-height: 2.4rem;

}



.order-list-page .opblock .btn {

    height: 1.4rem;

    line-height: 1.35rem;

    margin: 0;

    font-size: 0.65rem;

}

.order-list-page  .icon.icon-delete:before{

    display: none;

}

.order-list-page  .fui-list-group:first-child{

    margin-top: 0;

}

.order-list-page .fui-list-group-title{

    color: #999;

    font-size: .6rem;

    height: 2rem;

    line-height: 2rem;

    position: relative;

}

/*.order-list-page .fui-list-group-title:after{*/

/*content: "";*/

/*position: absolute;*/

/*left: .5rem;*/

/*bottom: 0;*/

/*right: .5rem;*/

/*height: 1px;*/

/*border-top: 1px solid #ebebeb;*/

/*-webkit-transform-origin: 0 100%;*/

/*-ms-transform-origin: 0 100%;*/

/*transform-origin: 0 100%;*/

/*-webkit-transform: scaleY(0.5);*/

/*-ms-transform: scaleY(0.5);*/

/*transform: scaleY(0.5);*/

/*}*/

.order-list-page .order-list .status{

    font-size: .65rem;

}

.order-list-page .order-list .status:after{

    content: " ";

    display: inline-block;

    -webkit-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    transform: rotate(45deg);

    height: 0.4rem;

    width: 0.4rem;

    border-width: 1px 1px 0 0;

    border-color: #b2b2b2;

    border-style: solid;

    position: relative;

    top: 0px;

    margin-left: .1em;

}

.order-list-page .order-list .status.noremark:after{

    display: none;

}

.order-list-page .order-list .status.noremark{

    height: 2rem;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: end;

    -ms-flex-pack: end;

    -webkit-justify-content: flex-end;justify-content: flex-end;

    height: 100%;

}

.order-list-page .fui-list-media img{

    width:4rem;

    height: 4rem;

}

.order-list-page .fui-list-inner .towline {

    color: #000;

    font-size: 0.7rem;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    white-space: normal;

    height: auto;

}

.order-list-page .goods-list .fui-list-angle{

    width: auto;

    font-size: 0.65rem;

    text-align: right;

    margin-left: .5rem;

    margin-right: 0;

    color:#000

}

.order-list-page .fui-list-inner .subtitle{

    margin-top: .2rem;

}



.order-list-page .opblock .btn{

    border-radius: 1rem;

    margin-left: .5rem;

    display: flex;

    /*align-items: center;*/

}

.order-list-page  .fui-list:before{

    display: none;

}

.order-list-page .fui-list.goods-list .fui-list-inner{

    height: 3.5rem;

    align-self: center;

}

.order-list-page .fui-list.goods-list .fui-list-angle{

    height: 3.5rem;

    align-self: center;

}

/*.order-list-page .fui-list-inner .subtitle{*/

/*display: block;*/

/*}*/

.order-list-page .icon-erweimazhuanhuan{

    margin-right: .2rem;

    font-size: .6rem;

    margin-top: -.1rem;

}

.order-list-page .lineblock {

    height: auto !important;

}

.order-list-page .lineblock.opblock .status.noremark{

    height: auto;

}

.order-list-page .lineblock.opblock .status.noremark .btn{

    margin: .5rem 0 .5rem .5rem;

}





.order2.order-list-page  .icon.icon-delete:before{

    display: none;

}

.order2.order-list-page   .fui-list-group:first-child{

    margin-top: 0;

}

.order2.order-list-page   .fui-list-group-title{

    color: #999;

    font-size: .6rem;

    position: relative;

}



.order2.order-list-page .order-list .status{

    font-size: .65rem;

}

.order2.order-list-page .order-list .status:after{

    content: " ";

    display: inline-block;

    -webkit-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    transform: rotate(45deg);

    height: 0.4rem;

    width: 0.4rem;

    border-width: 1px 1px 0 0;

    border-color: #b2b2b2;

    border-style: solid;

    position: relative;

    top: 0px;

    margin-left: .1em;

}

.order2.order-list-page .order-list .status.noremark:after{

    display: none;

}

.order2.order-list-page .order-list .status.noremark{

    height: 2rem;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: end;

    -ms-flex-pack: end;

    -webkit-justify-content: flex-end; justify-content: flex-end;

    height: 100%;

}

.order2.order-list-page  .fui-list-media img{

    width:4rem;

    height: 4rem;

}

.order2.order-list-page  .fui-list-inner .towline {

    color: #000;

    font-size: 0.7rem;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    white-space: normal;

    height: auto;

}

.order2.order-list-page   .goods-list .fui-list-angle{

    width: auto;

    font-size: 0.65rem;

    text-align: right;

    margin-left: .5rem;

    margin-right: 0;

    color:#000

}

.order2.order-list-page   .fui-list-inner .subtitle{

    margin-top: .2rem;

}



.order2.order-list-page .opblock .btn{

    border-radius: 1rem;

    margin-left: .5rem;

    display: flex;

    /*align-items: flex-start;*/

}

.order2.order-list-page .fui-list:before{

    display: none;

}

.order2.order-list-page .lineblock {

    color: #000;

    font-size: .7rem;

}

.goods-item .fui-list-angle {

    /*width: 5rem;*/

    text-align: right;

    font-size: .7rem;

    color: #666;

    margin-right: .1rem;

}



.goods-item .fui-list-angle .price {

    text-align: right;

    display: inline-block;

    width: 100%;

}



/**购物车**/

.member-cart-page {

}



.member-cart-page .fui-footer {

    padding: 0;

    margin: 0;

    height: 2.4rem;

}





.member-cart-page .fui-footer .fui-list .fui-list-angle {

    padding: 0;

    margin: 0;

    margin-left: .25rem;

}



.member-cart-page .fui-footer .fui-list .fui-list-inner .subtitle {

    padding: 0;

    /*line-height: 1;*/

    display: flex;

    align-items: flex-end;

}



.member-cart-page .editmode {

    display: none;



}



.member-cart-page .fui-footer.editmode .fui-list .fui-list-angle {

    float: right;

}



.member-cart-page .fui-footer.editmode .fui-list .fui-list-angle {

    text-align: right

}





.member-cart-page .fui-radio {

    position: absolute;

    top: 50%;

    margin-top: -.5rem;

}



.member-cart-page .image-media {

    margin-left: 1rem;

}



.member-cart-page .choose-option {

    padding: .2rem 0;

    position: relative;

    width: 100%;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 1;

    -webkit-box-orient: vertical;

    white-space: normal;

}



.member-cart-page .editmode .choose-option:after {

    content: "  ";

    display: inline-block;

    -webkit-transform: rotate(135deg);

    -ms-transform: rotate(135deg);

    transform: rotate(135deg);

    height: 0.4rem;

    width: 0.4rem;

    border-width: 1px 1px 0 0;

    border-color: #C8C8CD;

    border-style: solid;

    position: relative;

    top: -.18rem;

    margin-left: .3em;

}



/*.member-cart-page .editmode .choose-option {*/



/*border-bottom: 1px solid #d9d9d9;*/

/*}*/



/*mjy*/

.member-cart-page .fui-list-media img {

    width: 4rem;

    height: 4rem;

}

.member-cart-page .fui-list.goods-item {

    padding: .65rem .6rem;

}

.member-cart-page .fui-list.goods-item .price {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

    -ms-flex-pack: justify;

    justify-content: space-between;

    height: 1.2rem;

    font-size: .65rem;

    color: #000;

}



.member-cart-page .fui-list.goods-item .price .productprice {

    color: #999;

    padding-left: 2px;

    text-decoration: line-through;

    font-size: 0.6rem;

}



.member-cart-page .fui-list.goods-item .fui-list-inner {

    min-height: 4.6rem;

    display: flex;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    -webkit-justify-content: space-between;

    justify-content: space-between;

}

.member-cart-page .fui-list.goods-item .subtitle {

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    white-space: normal;

    color:#000

}

.member-cart-page .fui-list-inner .subtitle{

    color:#000;

    font-size: .7rem;

}

.member-cart-page .fui-list.goods-item .text {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    color: #999;

    width: 100%;

}

.member-cart-page .fui-list .fui-list-inner .subtitle i{

    margin-left: 1.5rem;

}

.member-cart-page .fui-list-group:first-of-type{

    margin-top: 0;

}

.member-cart-page .fui-list-group:not(.fui-list-group-o):before{

    border: 0;

}

.member-cart-page .btn.btn-danger:active, .btn.btn-danger.disabled{

    background: #ccc;

    border:1px solid #ccc;

    color: #fff;

}

.member-cart-page .btn.btn-default.disabled {

    background: #ccc;

}

.member-cart-page .fui-list.noclick .btn.attention.disabled {

    background: #ccc;

}

.member-cart-page .fui-list.noclick .fui-list-inner{

    text-align: right;

    height: 100%;

    display: flex;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    -webkit-justify-content: center;

    justify-content: center;

    padding-right: .5rem;

}

.member-cart-page  .fui-list.noclick .fui-list-inner .subtitle{

    -webkit-box-pack: end;

    -ms-flex-pack: end;

    -webkit-justify-content: flex-end;justify-content: flex-end;

}

.member-cart-page .fui-list.noclick{

    padding:0 0 0  .6rem;

    height: 2.45rem;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    -webkit-justify-content: space-between;

    justify-content: space-between;

}

.member-cart-page .fui-list.noclick .btn{

    margin: 0;

    width: 4rem;

    border: 0;

    padding: 0;

}

.member-cart-page .fui-list.noclick .btn.attention{

    background: #ffa800;

}

.member-cart-page .fui-list.align-start .fui-list-media {

    align-self: center;

}

.member-cart-page .fui-list.noclick .fui-list-angle {

    margin: 0;

    display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;

}

.member-cart-page .fui-list.noclick .fui-list-angle .btn{

    border-radius: 0;

    height: 100%;

    line-height: 2.45rem;

    font-size: .7rem;

    color:#fff;

    margin-left: .05rem;



}

.member-cart-page .fui-list.noclick .fui-list-angle .settlement{

    width: 5rem;

    margin-left: .25rem;

}

.member-cart-page .fui-list.noclick .fui-list-inner .text{

    font-size: .6rem;

    color: #999999;

}

/*.fui-list .fui-list-inner .subtitle i{*/

/*margin: 0 .25rem 0 .6rem;*/

/*}*/

.member-cart-page .fui-footer.cartmode{

    height: 2.45rem ;

}

.member-cart-page .fui-footer.editmode{

    height: 2.45rem;

}



.member-cart-page .package-buy a.package-buy-a{

    width: 6rem;

    height:2.45rem ;

}

.member-cart-page .fui-list.goods-item .fui-list-inner .towline {

    color: #000;

    font-size: 0.7rem;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    white-space: normal;

    height: auto;

}

.member-cart-page .fui-list.goods-item .fui-list-inner{

    /*height: 3.5rem;*/

    align-self: center;

}



.member-cart-page .goods-item .fui-list-angle{

    width: auto;

    font-size: 0.65rem;

    text-align: right;

    margin-left: .5rem;

    margin-right: 0;

    color:#000;

    height: 3.5rem;

    align-self: center;

}

.member-cart-page  .fui-list-inner .subtitle{

    margin-top: .2rem;

}

.member-cart-page2 .fui-list.goods-item .fui-list-inner{

    min-height:3.5rem ;

}



.page-shop-notice-detail .fui-content .fui-article {

    padding-top: 0.5rem;

}



.page-shop-notice-detail .fui-content .fui-article .content {

    margin-top: 1em;

    word-wrap:break-word;

}



.page-shop-notice-detail .fui-content .fui-article .title {

    text-align: center

}



.page-shop-notice-detail .fui-content .fui-article .subtitle {

    text-align: center

}



.page-shop-notice-detail .fui-content .fui-article hr {

    border: 0;

    border-top: 1px solid #e0e0e0

}



/*.page-shop-goods_category {margin: 0; background: #fff;}*/

.page-shop-goods_category .fui-title {

    padding-left: 0;

}



.page-shop-goods_category .fui-header {

    background: #fff;

}



.page-shop-goods_category .fui-header .title {

    padding-left: 1.5rem;

}



.page-shop-goods_category .fui-header .searchbar {

    padding: 0.4rem;

}



.page-shop-goods_category .fui-header .searchbar .search-input input {

    border: 0;

    background: #efefef;

}

.fui-icon-group .fui-icon-col .text {

    font-size: 0.55rem;

    line-height: 1.05rem;

    padding-top: .5rem;

}





.fui-fullHigh-group {

    position: absolute;

    top: 0;

    bottom: 0;

    width: 100%;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

}



.fui-fullHigh-item {

    height: inherit;

    width: 100%;

    background: #fff;

    overflow-y: auto;

}



.fui-fullHigh-item.menu {

    width: 5.25rem;

    background: #f8f8f8;

}



.fui-fullHigh-item.menu nav {

    line-height: 1rem;

    font-size: 0.65rem;

    text-align: center;

    color: #000;

    padding: 0.5rem 0.2rem;

    /*height: 2.5rem;*/

    /*text-overflow: ellipsis;*/

    /*white-space: nowrap;*/

    /*overflow: hidden;*/

    position: relative;

}



.fui-fullHigh-item.menu nav:active {

    background: #fff;

}



.fui-fullHigh-item.menu nav.on {

    background: #fff;

    position: relative;

    color: #ff5555;

    font-size: .65rem;

}



.fui-fullHigh-item.menu nav.on:before {

    width: 0;

    height: 100%;

    content: " ";

    position: absolute;

    top: 0;

    left: 0;

    border-left: 0.2rem solid #ff5555;

    z-index: 2;

}

.fui-fullHigh-item.container {

    padding: 0.8rem;

    -webkit-box-flex: 1;

    -webkit-flex: 1;

    -ms-flex: 1;

    flex: 1;

}



.page-shop-goods_category .fui-fullHigh-item.container .swipe {

    height: auto;

    width: 100%;

    background: #eee;

    /*margin-bottom: .7rem;*/

    display: block;

}



.page-shop-goods_category .fui-fullHigh-item.container .swipe img {

    width: 100%;

    background: #eee;

    display: block

}



.page-shop-goods_category .fui-fullHigh-item.container .fui-title {

    display: block

}



.page-shop-goods_category .fui-icon-group .fui-icon-col:before,

.page-shop-goods_category .fui-icon-group {

    border: 0;

}



.page-shop-goods_category .fui-icon-group {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-flex-wrap: wrap;

    flex-wrap: wrap;

}



.page-shop-goods_category .fui-icon-group .fui-icon-col {

    /*float: left;*/

    width: 30%;

    margin-right: .5rem;

    padding:0;

    padding-top: .7rem;

}

.page-shop-goods_category .fui-icon-group .fui-icon-col:nth-of-type(3n){

    margin-right: 0;

}

.page-shop-goods_category .fui-icon-group .fui-icon-col  .icon{

    height: 3.55rem;

    width:100%;

    line-height: 3.55rem;

}

.page-shop-goods_category .fui-icon-group .fui-icon-col  .icon.radius img{

    border-radius: 50%;

}

.page-shop-goods_category .fui-icon-group .fui-icon-col  img {

    width:3.55rem ;

    height: 100%;

}

.page-shop-goods_category .fui-icon-group  .fui-icon-col .icon i{

    font-size: 2rem;

    margin-top: 0;

    color: #ccc;

}



/* notice 样式 */

.fui-notice {

    height: auto;

    font-size: 0.8rem;

    background: #fff;

    padding: 0.3rem;

    overflow: hidden;

    position: relative;

}



.fui-notice:before {

    content: " ";

    position: absolute;

    top: 0;

    left: 0;

    height: 0;

    width: 100%;

    border-top: 1px solid #e2e2e2;

}



.fui-notice:after {

    content: " ";

    position: absolute;

    bottom: 0;

    left: 0;

    height: 0;

    width: 100%;

    border-top: 1px solid #e2e2e2;

}



.fui-notice .image {

    display: inline-block;

    height: 1rem;

    width: auto;

    position: relative;

    float: left;

    padding-right: 0.5rem;

    vertical-align: middle;

}



.fui-notice .image img {

    height: 70%;

    width: auto;

    float: left;

    margin-top: 0.15rem;

}



.fui-notice .image:before {

    content: " ";

    position: absolute;

    width: 0;

    top: 0.1rem;

    right: 0;

    bottom: 0.1rem;

    border-right: 1px solid #e2e2e2;

}



.fui-notice .icon {

    height: 1rem;

    padding-left: 0.2rem;

    float: left;

    color: #fd5454;

}



.fui-notice .text {

    height: 1rem;

    padding-left: 0.2rem;

    font-size: 0.6rem;

    color: #333;

    line-height: 1rem;

    overflow: hidden;

}



.fui-notice .text ul li {

    display: block;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}

.fui-notice a {

    color: #333;

}



/* cube 样式 */

.fui-cube {

    height: 0;

    width: 100%;

    margin: 0rem 0;

    padding-bottom: 50%;

    position: relative;

}



.fui-cube .fui-cube-left {

    width: 50%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

}



.fui-cube .fui-cube-right {

    width: 50%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 50%;

}



.fui-cube .fui-cube-right1 {

    width: 100%;

    height: 50%;

    position: absolute;

    top: 0;

    left: 0;

}



.fui-cube .fui-cube-right2 {

    width: 100%;

    height: 50%;

    position: absolute;

    top: 50%;

    left: 0;

}



.fui-cube .fui-cube-right2 .left {

    width: 50%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

}



.fui-cube .fui-cube-right2 .right {

    width: 50%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 50%;

}



.fui-cube img {

    width: 100%;

    height: 100%;

}



/* 首页样式 */

.shop-index-page .searchbtn {

    background: none;

    border: 0;

}



/* 顶部关注条 */

.follow_topbar:active {

    background: rgba(0, 0, 0, 0.8);

}



.follow_topbar:before {

    border: none;

}



.follow_topbar {

    height: 2.6rem;

    background: rgba(51, 51, 51, 1);

    padding: 0.3rem;

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    z-index: 999;

    color: #fff;

    overflow: hidden;

}



.follow_topbar .fui-list-media,

.follow_topbar .fui-list-media img {

    height: 1.8rem;

    width: 1.8rem;

}



.follow_topbar .fui-list-media img.radius {

    border-radius: 0.3rem

}



.follow_topbar .fui-list-media img.circle {

    border-radius: 1.8rem

}



.follow_topbar .fui-list-inner .text {

    color: #fff;

    font-size: 0.7rem;

    line-height: 0.9rem;

}



.follow_topbar .fui-list-angle {

    width: 5rem;

    margin: 0 0.3rem;

    text-align: right;

}



.follow_topbar .fui-list-angle .btn {

    height: 1.4rem;

    padding: 0 0.3rem;

    margin: 0;

    line-height: 1.4rem;

    font-size: 0.6rem;

}



.follow_topbar ~ .fui-content {

    top: 2.6rem

}



.page-goods-detail .follow_topbar ~ .fui-header {

    top: 2.6rem;

}



.page-goods-detail .follow_topbar ~ .fui-content {

    top: 4.8rem

}



.page-goods-detail .follow_topbar ~ .detail-block.in {

    -webkit-transform: translate3d(0, -2.2rem, 0);

    transform: translate3d(0, -2.2rem, 0);

    bottom: 0;

}



/* 店招*/

.fui-shopsign {

    height: auto;

    overflow: hidden;

    display: block;

}



.fui-shopsign .menu {

    height: auto;

    width: 100%;

    background: #fff;

    padding: 0.5rem 0;

    position: relative;

}



.fui-shopsign .menu:before {

    content: "";

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    border-bottom: 1px solid #e7e7e7;

}



.fui-shopsign .menu .item {

    width: 1%;

    height: auto;

    display: table-cell;

    text-align: center;

    vertical-align: middle;

    color: #999;

    position: relative;

}



.fui-shopsign .menu .item .icon {

    font-size: 1.0rem;

}



.fui-shopsign .menu .item p {

    line-height: 1.0rem;

}



.fui-shopsign .menu .item .text {

    padding: 0;

    margin: 0;

    line-height: 0.7rem;

    font-size: 0.55rem;

}



.fui-shopsign .menu .item.on {

    color: #f90;

}



.fui-shopsign .menu .item.on:before {

    content: "";

    position: absolute;

    bottom: -0.5rem;

    left: 0;

    right: 0;

    height: 0;

    border-bottom: 0.1rem solid #f90;

}



.fui-shopsign .store {

    min-height: 3rem;

    display: block;

    position: relative;

}



.fui-shopsign .store .fui-list-group {

    margin: 0;

    background: none;

    position: absolute;

    bottom: 0;

    right: 0;

    left: 0;

}



.fui-shopsign .store .fui-list-group:after,

.fui-shopsign .store .fui-list-group:before {

    border: 0;

}



.fui-shopsign .store .fui-list-group .fui-list {

    padding: 0;

}



.fui-shopsign .store .fui-list-group .fui-list:active {

    background: none;

}



.fui-shopsign .store .fui-list-group .fui-list .title,

.fui-shopsign .store .fui-list-group .fui-list .subtitle {

    color: #fff;

}



.fui-shopsign .store .fui-list-group .follow {

    position: relative;

    padding-left: 0.5rem;

}



.fui-shopsign .store .fui-list-group .follow .follow-num {

    padding-right: 0.4rem;

}



.fui-shopsign .store .fui-list-group .follow .follow-num p {

    color: #fff;

    font-size: 0.6rem;

    text-align: center;

}



.fui-shopsign .store .fui-list-group .follow:before {

    content: "";

    position: absolute;

    top: 0.2rem;

    left: 0;

    bottom: 0.2rem;

    border-left: 1px solid rgba(225, 225, 225, 0.8);

}



.fui-shopsign .store .fui-list-group .follow .btn {

    height: 1.6rem;

    line-height: 1.6rem;

    margin: 0;

    border: 0;

    font-size: 0.7rem;

}



.fui-shopsign .store .storeimg {

    display: block;

    width: 100%;

    height: auto;

}



.order-weixinpay-hidden {

    position: absolute;width:100%;height:100%;

    top:2.2rem;left:0;

    background:rgba(255,255,255,1);

}



.order-weixinpay-hidden .tip {

    font-size:0.7rem;

    color:#333;

}







.wap-qrcode-container {

    height: 240px;

    width: 180px;

    border: 1px solid #e4e4e4;

    border-radius: 5px;

    margin-bottom: 20px;

    background-color: #fff;

    padding: 10px;

    text-align: center;

    position: fixed;

    left: 50%;

    top: 100px;

    margin-left: 388px;

}



.wap-qrcode-container p {

    font-size: 14px;

    color: #666;

    line-height: 26px;

}



.wap-qrcode-container .qrcode-image {

    height: 160px;

    width: 160px;

}



.wap-qrcode-container canvas {

    height: 158px;

    width: 158px;

    border: 1px solid #ddd;

}

.dispatching{overflow: hidden;max-height:25rem;overflow: hidden;}

.dispatching-info{max-height: 20rem;overflow:auto;margin-top:0.5rem;}

.dispatching i{font-style: normal;display: inline-block;border:1px solid #ebebeb;height:1.2rem;line-height:1.2rem;padding:0 0.5rem;

    margin:0 0.1rem 0.2rem 0;font-size:0.6rem;border-radius: 0.15rem}



#alert-picker,#offic-picker{display: none;}

.offic-download-info{position: absolute;top:8rem;left:3rem;right:3rem;height:auto;-webkit-border-radius: 0.25rem;border-radius: 0.25rem;padding:1rem;background: #fff;z-index: 1000;font-size:0.6rem;color:#666;text-align: center;}

.offic-share-info{text-align: center;font-size:0.7rem;color:#666;line-height: 1rem;}

.offic-share-title{color:#e63539;font-size:09rem;font-weight: bold;}

.offic-share-info span{color:#e63539;}

.offic-cell-text{text-align: center;}

.offic-cell-text i{width:2rem;height:2rem;display: inline-block;font-size:20px;background: #e63539;-webkit-border-radius: 2rem;border-radius: 2rem;line-height: 2rem;color:#fff;}

.offic-cell-text p{height:1.5rem;line-height: 1.5rem;font-size:0.6rem;color:#999;}



.alert-content{}

.alert{position: absolute;left:2rem;right:2rem;border:1px solid #eee;background: #fff;top:2rem;z-index: 1001;padding:1rem;}

.alert-close1{border:none;background: #000;font-size:1.4rem;position: absolute;right:-0.4rem;top:-1.8rem;width:1.5rem;height:1.5rem;

    -webkit-border-radius: 50%;border-radius: 50%;display: block;line-height: 1.5rem;color:#fff;border:1px solid #fff;display: block;text-align: center;

    font-style: normal;}

.alert-goods-img{width:100%;}

.alert-qrcode{padding:0;}

.alert-qrcode-i{width:4rem;height:4rem;display: block;}

.alert-qrcode-i canvas{widtH:4rem;height:4rem;}

.alert .fui-list:before{border:none;}



.alert-content{}

.alert-content h2{font-size:0.7rem;max-height:2rem;overflow: hidden;line-height: 1rem;color:#283139;}

.alert-content span{font-size:1rem;font-weight: bold;color: #ff3f5a;}

.alert-content del{font-size:0.7rem;color: #999;}

.alert-arcode-center{height:1rem;line-height: 1rem;font-size:1rem;text-align: center;margin:0.5rem 0;}



#alert-click{width:2rem;height:2rem;background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;color:#fff;display: block;line-height: 2rem;

    text-align: center;font-size:1.2rem;-webkit-border-radius: 50%;border-radius: 50%;position: absolute;right:1rem;top:0.5rem;z-index: 1001;}

.alert-model{}



.alert-header{padding:0 0 0.5rem 0;}

.alert-header .fui-list-media img{width:2rem;height:2rem;-webkit-border-radius: 50%;border-radius: 50%;}

/*弹层样式2*/



.alert2{position: fixed;left:2rem;right:2rem;background: #fff;top:20%;z-index: 1001;-webkit-border-radius: 0.4rem;

    border-radius: 0.4rem;overflow: hidden;}

.alert2 .fui-list:before{border-top:none;border-bottom:1px dashed #dddddd;}

.alert2 .fui-list{}

.fui-list-media img.alert2-goods-img{width:4rem;-webkit-border-radius: 0.2rem;border-radius: 0.2rem;}

.alert2-title{max-height:2rem;line-height: 1rem;font-size:0.7rem;color:#283139;overflow: hidden;}

/*.alert2-goods p{height:1rem;line-height: 1rem;color:#283139;font-size:0.6rem;}*/

.alert2-goods span{font-size:1rem;color:#ff3f5a;}

.alert2-goods del{font-size:0.6rem;color:#999;}

.alert2-qrcode{padding:1rem 0;text-align: center;}

.alert2-qrcode .alert-qrcode-i{width:6rem;height:6rem;display: block;margin:0 auto;}

.alert2-qrcode .alert-qrcode-i canvas{width:6rem;height:6rem;}

.alert2-qrcode p{height:2rem;line-height:2rem;font-size:0.6rem;color:#283139;}

.alert-close2{width:100%;height:1.5rem;line-height:1.5rem;background: #fe9b44;color:#fff;text-align: center;display: block;font-size:0.8rem;}



#alert-mask,#offic-mask{position: fixed;background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;width: 100%;height: 100%;left: 0;top: 0;z-index: 1000;-moz-transition-duration: 400ms;-webkit-transition-duration: 400ms;transition-duration: 400ms;}

#alert-mask2{position: fixed;background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;width: 100%;height: 100%;left: 0;top: 0;z-index: 1000;-moz-transition-duration: 400ms;-webkit-transition-duration: 400ms;transition-duration: 400ms;}

#alert-mask3{position: fixed;background: rgba(0, 0, 0, 0.9) none repeat scroll 0 0;width: 100%;height: 100%;left: 0;top: 0;z-index: 1000;-moz-transition-duration: 400ms;-webkit-transition-duration: 400ms;transition-duration: 400ms;}

/*商品标签样式2016-09-22*/

@media (min-width: 320px) and (max-width: 350px) {

    .cl-4{width:33.3333333333%;float:left;padding:0 0.1rem;display: block;}

}

@media (min-width: 351px) and (max-width: 759px) {

    .cl-3{width:25%;float:left;padding:0 0.1rem;display: block;}

}

@media (min-width: 760px) and (max-width: 1024px) {

    .cl-2{width:16.6666666667%;float:left;padding:0 0.1rem;display: block;}

}

.goods-label-demo{background: #fff;}

.goods-label-list{padding:0.4rem 0.2rem;background: #fafafa;}

.goods-label-list span{overflow: hidden;font-size:0.6rem;}

.goods-label-list span strong{font-weight:normal;vertical-align: middle}

.goods-label-style1{position: relative;line-height: 1rem;}

.goods-label-style1 span{height:1rem;}

.goods-label-style1 span i{width:1rem;height:1rem;margin-right:0rem;background: url("../images/label1.png") no-repeat center center;display: inline-block;vertical-align: middle;

    background-size:70%;}



.goods-label-style2{position: relative;line-height: 1rem;}

.goods-label-style2 span{height:1rem;}

.goods-label-style2 span i{width:1rem;height:1rem;margin-right:0rem;background: url("../images/label2.png") no-repeat center center;display: inline-block;vertical-align: middle;

    background-size:70%;}

.goods-label-style3{position: relative;line-height: 1rem;}

.goods-label-style3 span{}

.goods-label-style3 span strong{padding:0 0.2rem;border:1px solid #fd5555;display: inline-block;margin:0.1rem 0;-webkit-border-radius: 0.1rem;border-radius: 0.1rem;

    color:#fd5555;}

.goods-label-style3 span i{display: none;}



.goods-label-style4{position: relative;line-height: 1rem;}

.goods-label-style4 span{}

.goods-label-style4 span strong{padding:0 0.2rem;display: inline-block;margin:0.1rem 0;-webkit-border-radius: 0.1rem;border-radius: 0.1rem;

    color:#fff;background: #fd5555;}

.goods-label-style4 span i{display: none;}



.goods-label-style5{position: relative;line-height: 1rem;}

.goods-label-style5 span{}

.goods-label-style5 span strong{padding:0 0.2rem;display: inline-block;margin:0.1rem 0;-webkit-border-radius: 0.1rem;border-radius: 0.1rem;

    color:#fff;background: #25a7e0;}

.goods-label-style5 span i{display: none;}



.goods-label-style1 span{}

/*套餐*/

.package-goods{padding:0.2rem 0.5rem;}

.package-goods .package-goods-img{width:100%;}

.package-goods p{color:#fd5454;font-size:0.6rem;}

.package-goods span{height:1.6rem;line-height: 0.8rem;overflow: hidden;display: block;color:#333;font-size:0.6rem;}

.package-list{padding:0;overflow-y: auto;}

.package-buy{height:2.4rem;}

.package-buy a.package-buy-a{height:2.4rem;display: block;line-height: 2.4rem;color:#fff;text-align: center;background: #ff5555;}



.package-list-inner{white-space: nowrap;height:7rem;}

.package-list-inner .package-goods{width:33.33333333%;float:left;}





#product {

    width:100%;

    border-bottom:1px solid #D9D9D9;

    margin:0;

    float:left;

    padding:0.5rem 0 0;

    background: #fff;

}

#product div#content {

    position:relative;

    width:100%;

    height:7rem;

    display:inline-block;

    overflow:hidden;

    float:left;

}

#product div#content_list {

    position:absolute;

    width: 4000px;

}

#product dl{

    width:5.5rem;

    float:left;

}

#product dl:hover {

    border:1px solid #333;

    background:#ccc;

}

#product dl dt {



}

#product dl dt img {

}

#product dl dd {

    text-align:center;

    font-size:0.6rem;

    height:1.4rem;

    line-height: 0.7rem;

    overflow: hidden;;

}

#product span.prev{

    cursor:pointer;

    display:inline-block;

    width:1rem;

    height:6.5rem;

    line-height: 4.5rem;

    float:left;

    margin:0;

}

#product span.next{

    cursor:pointer;

    display:inline-block;

    width:1rem;

    height:6.5rem;

    line-height: 4.5rem;

    float:right;

    margin:0;

}

#product span .icon{font-size:1.2rem;font-weight:bold;text-align: center;}



/* 秒杀组 */

.seckill-group {

    margin-top: 0.5rem;

    background-color: #fff;

    line-height: 1.4;

    font-size: 0.8rem;

    overflow: hidden;

    position: relative;

}



.seckill-group .seckill-title {

    position: relative;

    padding: 0.5rem 0.5rem;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    -moz-transition-duration: 300ms;

    -webkit-transition-duration: 300ms;

    transition-duration: 300ms;

    -webkit-transition-property: background-color;

    transition-property: background-color;

}



.seckill-group .seckill-title .seckill-text {

    -webkit-box-flex: 1;

    -webkit-flex: 1;

    -ms-flex: 1;

    flex: 1;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    font-size:.75rem;

    color:#666;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

}

.seckill-group .seckill-title .seckill-remark {

    color: #888;

    text-align: right;

    font-size: 0.65rem;

    margin-right: .2rem;

}



.seckill-group .seckill-title .seckill-remark:after {

    content: " ";

    display: inline-block;

    -webkit-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    transform: rotate(45deg);

    height: 0.4rem;

    width: 0.4rem;

    border-width: 1px 1px 0 0;

    border-color: #C8C8CD;

    border-style: solid;

    position: relative;

    top: -1px;

    margin-left: .1em;

}



.seckill-group .seckill-goods {

    padding: 0 0.5rem 0.5rem;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

}



.seckill-group .seckill-goods .swiper-wrapper {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

}



.seckill-group .seckill-goods .item {

    height: auto;

    width: 4rem;

    float: left;

}



.seckill-group .seckill-goods .item.last-item {

    height: auto;

    width: 1.5rem;

    font-size: 0.55rem;

    color: #666;

    text-align: center;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    margin-left: -0.5rem;

}



.seckill-group .seckill-goods .item.last-item .inner {

    width: 1rem;

    text-align: right;

}



.seckill-group .seckill-goods .item .thumb {

    height: 4rem;

    width: 4rem;

    margin: auto;

    position: relative;

}



.seckill-group .seckill-goods .item .thumb img {

    height: 4rem;

    width: 4rem;

    display: block;

}



.seckill-group .seckill-goods .item .thumb .tag {

    position: absolute;

    bottom: 0;

    left: 0;

    background: #ef4f4f;

    color: #fff;

    font-size: 0.5rem;

    padding: 0 0.1rem;

    line-height: 0.65rem;

}



.seckill-group .seckill-goods .item .thumb .tag.orange {

    background: #fe9402;

}



.seckill-group .seckill-goods .item .thumb .tag.purple {

    background: #7e42fd;

}



.seckill-group .seckill-goods .item .thumb .tag.green {

    background: #4fd88a;

}



.seckill-group .seckill-goods .item .marketprice {

    color: #ef4f4f;

    text-align: center;

    font-size: 0.7rem;

    line-height: 0.8rem;

    font-weight: normal;

    margin-top: 0.4rem;

}



.seckill-group .seckill-goods .item .productprice {

    color: #999;

    text-decoration: line-through;

    font-size: 1rem;

    text-align: center;

    line-height: 0.5rem;

    transform: scale(0.5,0.5);

    -ms-transform:scale(0.5,0.5);

    -moz-transform:scale(0.5,0.5);

    -webkit-transform:scale(0.5,0.5);

    -o-transform:scale(0.5,0.5);

}



.seckill-group .killtime {

    display: inline-block;

    font-size: 0.7rem;

    line-height: 0.7rem;

    color: #444;

}



.seckill-group {

    height: auto;

}



.seckill-group  img {

    height: 0.7rem;

    max-width: 5rem;

    margin-right: 0.2rem;

    line-height: 0.7rem;

}



.seckill-group .title {

    font-size: 0.7rem;

    color: #444;

    margin-right: 0.2rem;

    line-height: 0.7rem;

    margin-top: 1px;

}



.seckill-group .killtime span {

    display: inline-block;

    padding: 0;

    margin: 0;

}



.seckill-group .killtime .item {

    height: 0.8rem;

    line-height: 0.7rem;

    border: 1px solid #d9d9d9;

    padding: 0rem 0.1rem;

    margin: 1px 1px 0px;

}



.fui-audio {

    height: auto;

    background: #f1f1f1;

    margin: 0.8rem;

    padding: 0.6rem;

    border: 1px solid #ededed;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    position: relative;

}



.fui-audio .horn {

    width: 1.4rem;

    height: 1.25rem;

    background-image: url(../images/icon_audio_reading_3.png);

    background-size: auto 100%;

    background-repeat: no-repeat;

}



.fui-audio .horn.playing {

    -webkit-animation: audio_playing 1s infinite;

}



.fui-audio .center {

    width: 100%;

    padding-right: 0.5rem;

    font-size: 0.75rem;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    -webkit-box-flex: 1;

    -webkit-flex: 1;

    -ms-flex: 1;

    flex: 1;

}



.fui-audio .center p {

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

}



.fui-audio .time {

    font-size: 0.7rem;

    color: #666;

}



.fui-audio .speed {

    position: absolute;

    bottom: -1px;

    left: -1px;

    width: 0%;

    height: 0.1rem;

    background: #44b549;

}



@-webkit-keyframes audio_playing {

    30% {

        background-image: url(../images/icon_audio_reading_1.png)

    }

    31% {

        background-image: url(../images/icon_audio_reading_2.png)

    }

    61% {

        background-image: url(../images/icon_audio_reading_2.png)

    }

    62% {

        background-image: url(../images/icon_audio_reading_3.png)

    }

    100% {

        background-image: url(../images/icon_audio_reading_3.png)

    }

}



.fui-chat-item {

    height: 2.2rem;

    margin: 0.8rem;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    justify-content: flex-start;

    -webkit-justify-content: flex-start;

}



.fui-chat-item .face {

    height: 2.2rem;

    width: 2.2rem;

    background: #eee;

    -webkit-box-shadow:0 0 2px rgba(0, 0, 0, 0.1);

    -moz-box-shadow:0 0 2px rgba(0, 0, 0, 0.1);

    box-shadow:0 0 2px rgba(0, 0, 0, 0.1);

}



.fui-chat-item .face img {

    height: inherit;

    width: inherit;

    display: block;

}



.fui-chat-item .msg {

    margin: 0 2.7rem 0 0.5rem;

    background: #fefefe;

    padding: 0 0.8rem;

    position: relative;

    border-radius: 0.25rem;

    border: 1px solid rgba(195, 195, 195, 0.3);

    -webkit-box-shadow:0 0 1px rgba(195, 195, 195, 0.1);

    -moz-box-shadow:0 0 1px rgba(195, 195, 195, 0.1);

    box-shadow:0 0 1px rgba(195, 195, 195, 0.1);

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    justify-content: flex-start;

    -webkit-justify-content: flex-start;

    min-width: 4rem;

}



.fui-chat-item .msg:before {

    content: "";

    position: absolute;

    top: 50%;

    left: -0.28rem;

    height: 0.4rem;

    width: 0.4rem;

    background: #fefefe;

    margin-top: -0.2rem;

    transform:rotate(45deg);

    -ms-transform:rotate(45deg);

    -moz-transform:rotate(45deg);

    -webkit-transform:rotate(45deg);

    -o-transform:rotate(45deg);

    border: 1px solid rgba(195, 195, 195, 0.3);

    -webkit-box-shadow:0 0 1px rgba(195, 195, 195, 0.1);

    -moz-box-shadow:0 0 1px rgba(195, 195, 195, 0.1);

    box-shadow:0 0 1px rgba(195, 195, 195, 0.1);

}



.fui-chat-item .msg:after {

    content: "";

    position: absolute;

    top: 50%;

    left: -0.2rem;

    height: 0.45rem;

    width: 0.45rem;

    background: #fefefe;

    margin-top: -0.18rem;

    transform:rotate(45deg);

    -ms-transform:rotate(45deg);

    -moz-transform:rotate(45deg);

    -webkit-transform:rotate(45deg);

    -o-transform:rotate(45deg);

}



.fui-chat-item .msg .horn {

    height: 1rem;

    width: 1.4rem;

    background-image: url(../images/icon_audio_reading_gray_3.png);

    background-size: auto 100%;

    background-repeat: no-repeat;

}



.fui-chat-item .msg .horn.playing {

    -webkit-animation: chat_playing_gray 1s infinite;

}



.fui-chat-item.right {

    -webkit-box-pack: end;

    -ms-flex-pack: end;

    -webkit-justify-content: flex-end; justify-content: flex-end;

}



.fui-chat-item.right .msg {

    border: 1px solid rgba(20, 80, 36, 0.15);

    -webkit-box-shadow:0 0 1px rgba(0, 0, 0, 0.1);

    -moz-box-shadow:0 0 1px rgba(0, 0, 0, 0.1);

    box-shadow:0 0 1px rgba(0, 0, 0, 0.1);

    background: #a0e75a;

    margin: 0 0.5rem 0 2.7rem;

    transform:rotate(180deg);

    -ms-transform:rotate(180deg);

    -moz-transform:rotate(180deg);

    -webkit-transform:rotate(180deg);

    -o-transform:rotate(180deg);

}





.fui-chat-item.right .msg:before {

    content: "";

    position: absolute;

    top: 50%;

    left: -0.28rem;

    height: 0.4rem;

    width: 0.4rem;

    background: #a0e75a;

    margin-top: -0.2rem;

    transform:rotate(45deg);

    -ms-transform:rotate(45deg);

    -moz-transform:rotate(45deg);

    -webkit-transform:rotate(45deg);

    -o-transform:rotate(45deg);

    border: 1px solid rgba(20, 80, 36, 0.15);

    -webkit-box-shadow:0 0 1px rgba(0, 0, 0, 0.1);

    -moz-box-shadow:0 0 1px rgba(0, 0, 0, 0.1);

    box-shadow:0 0 1px rgba(0, 0, 0, 0.1);

}



.fui-chat-item.right .msg:after {

    content: "";

    position: absolute;

    top: 50%;

    left: -0.2rem;

    height: 0.5rem;

    width: 0.5rem;

    background: #a0e75a;

    margin-top: -0.20rem;

    transform:rotate(45deg);

    -ms-transform:rotate(45deg);

    -moz-transform:rotate(45deg);

    -webkit-transform:rotate(45deg);

    -o-transform:rotate(45deg);

}



.fui-chat-item.right .msg .horn {

    height: 1rem;

    width: 1.4rem;

    background-image: url(../images/icon_audio_reading_green_3.png);

    background-size: auto 100%;

    background-repeat: no-repeat;

}



.fui-chat-item.right .msg .horn.playing {

    -webkit-animation: chat_playing_green 1s infinite;

}



@-webkit-keyframes chat_playing_green {

    30% {

        background-image: url(../images/icon_audio_reading_green_1.png)

    }

    31% {

        background-image: url(../images/icon_audio_reading_green_2.png)

    }

    61% {

        background-image: url(../images/icon_audio_reading_green_2.png)

    }

    62% {

        background-image: url(../images/icon_audio_reading_green_3.png)

    }

    100% {

        background-image: url(../images/icon_audio_reading_green_3.png)

    }

}



@-webkit-keyframes chat_playing_gray {

    30% {

        background-image: url(../images/icon_audio_reading_gray_1.png)

    }

    31% {

        background-image: url(../images/icon_audio_reading_gray_2.png)

    }

    61% {

        background-image: url(../images/icon_audio_reading_gray_2.png)

    }

    62% {

        background-image: url(../images/icon_audio_reading_gray_3.png)

    }

    100% {

        background-image: url(../images/icon_audio_reading_gray_3.png)

    }

}

.fui-tab-content-a{display: none;}

.fui-tab-content-a.active{display: block;}

.fui-text{}

.fui-payfor-group-title{background: #fff;}

.fui-text-footer{padding:0.5rem;text-align: center;font-size:0.6rem;color:#666;line-height: 0.8rem;}

.fui-payfor-info{font-size:0.6rem;color:#999;}

.fui-payfor-info span{display: block;height:0.6rem;line-height: 0.6rem;overflow:hidden;text-overflow:ellipsis; white-space:nowrap; }

.fui-payfor-info span.fui-payfor-info-title{color:#333;}

.fui-payfor-info span.fui-payfor-info-price{color:#f60;}

.btn.btn-default.fui-payfor-btn{font-size:0.6rem;border-radius: 0.15rem;-webkit-border-radius: 0.15rem;color:#777;padding:0 0.2rem;background: #fff;}

.fui-payfor-info .fui-list:before{border:none;}

/*代付步骤*/

@media only screen and (-webkit-min-device-pixel-ratio: 2) {

    .fui-payfor-step:after {

        -webkit-transform: scaleY(0.5);

        transform: scaleY(0.5);

    }

}



@media only screen and (-webkit-min-device-pixel-ratio: 3) {

    .fui-payfor-step:after {

        -webkit-transform: scaleY(0.33);

        transform: scaleY(0.33);

    }

}

.fui-payfor-step{

    -webkit-align-self: center;

    align-self: center;

    display: -webkit-box;

    display: -webkit-flex;

    display: flex;

    -webkit-box-lines: single;

    -moz-box-lines: single;

    -webkit-flex-wrap: nowrap;

    flex-wrap: nowrap;

    background: white;

    position: relative;

    padding:2rem 0;

}

.fui-payfor-step:after {

    content: '';

    position: absolute;

    left: 0;

    bottom: 50%;

    right: auto;

    top: auto;

    height: 0.3rem;

    width: 100%;

    background-color: #d0d0d0;

    display: block;

    z-index: 5;

    -webkit-transform-origin: 50% 100%;

    transform-origin: 50% 100%;

}

.fui-payfor-step span{

    text-align: center;

    -moz-transition-duration: 300ms;

    -webkit-transition-duration: 300ms;

    transition-duration:300ms;

    position: relative;

    -webkit-transition-property: color;

    transition-property:color;

}

.fui-payfor-step span{

    color: #666;

    font-size: 0.6rem;

    width: 100%;

    height: 2rem;

    line-height: 2rem;

    -webkit-box-flex: 1;

    -ms-flex: 1;

    border: 0;

    z-index:10;

}

.fui-payfor-step span div{height:1rem;line-height: 1rem;color:#666;}

.fui-payfor-step span em:before{

    content: '';

    position: absolute;

}

.step4 span:nth-child(1) em:before{left: 0;bottom: auto;right: auto;top: 0;height: 0.9rem;width: 0.9rem;z-index: 15;background: #d0d0d0;

    -webkit-border-radius: 1.5rem 0 0 0;border-radius: 1.5rem 0 0 0;}

.step4 span:nth-child(2) em:before{left: 0;bottom: auto;right: auto;top: 0;height: 0.9rem;width: 1.8rem;z-index: 15;background: #d0d0d0;

    -webkit-border-radius: 1.5rem 0 0 0;border-radius: 1.5rem 0 0 0;}

.step4 span:nth-child(3) em:before{left: 0;bottom: 0;right: auto;top: auto;height: 0.9rem;width: 0.9rem;z-index: 15;background: #eee;

    -webkit-border-radius:0 0 0 1.5rem ;border-radius:0 0 0 1.5rem ;}

.step4 span:nth-child(4) em:before{left: 0;bottom: auto;right: auto;top: 0;height: 1.8rem;width: 1.8rem;z-index: 15;background: #d0d0d0;

    -webkit-border-radius: 1.5rem;border-radius: 1.5rem;}



.step3 span:nth-child(1) em:before{left: 0;bottom: auto;right: auto;top: 0;height: 0.9rem;width: 1.2rem;z-index: 15;background: #d0d0d0;

    -webkit-border-radius: 1.5rem 0 0 0;border-radius: 1.5rem 0 0 0;}

.step3 span:nth-child(2) em:before{left: 0;bottom: auto;right: auto;top: 0;height: 1.2rem;width: 1.8rem;z-index: 15;background: #d0d0d0;

    -webkit-border-radius: 1.5rem 1.5rem 0 0;border-radius: 1.5rem 1.5rem 0 0;transform:rotate(15deg) translateX(0.07rem); }

.step3 span:nth-child(3) em:before{left: 0;bottom: 0;right: auto;top: auto;height: 1.8rem;width: 1.8rem;z-index: 15;background: #d0d0d0;

    -webkit-border-radius:1.5rem ;border-radius:1.5rem ;}





.fui-payfor-step span em{

    padding:0.3rem;

    -webkit-border-radius: 1.5rem;

    border-radius: 1.5rem;

    width:1.8rem;height:1.8rem;

    display: inline-block;

    line-height: 1.1rem;

    background: #eee;

    font-style: normal;

    color:#666;

    position: relative;

    overflow: hidden;

}

.step4 span:nth-child(3) em{

    padding:0.3rem;

    -webkit-border-radius: 1.5rem;

    border-radius: 1.5rem;

    width:1.8rem;height:1.8rem;

    display: inline-block;

    line-height: 1.1rem;

    background: #d0d0d0;

    font-style: normal;

    color:#666;

    position: relative;

    overflow: hidden;

}

.fui-payfor-step span em i{

    width:1.2rem;height:1.2rem;

    display: inline-block;

    -webkit-border-radius: 1.2rem;

    border-radius: 1.2rem;

    background: #fff;

    z-index: 20;

    position: relative;

    font-style: normal;

}

.fui-payfor-header{background: #ff746d;text-align: center;padding:0.5rem 0 0 0;position: relative;}

.fui-payfor-header span.fui-payfor-header-user{width:4rem;height:4rem;border:0.25rem solid #e86560;-webkit-border-radius: 3rem;border-radius: 3rem;

    display: block;margin:0 auto;overflow: hidden;}

.fui-payfor-header span.fui-payfor-header-user .fui-payfor-user{width:3.5rem;height:3.5rem;border:0.2rem solid #fff;display: block;

    -webkit-border-radius: 3rem;border-radius: 3rem;}

.fui-payfor-header span.fui-payfor-header-user .fui-payfor-user img{width:100%;height:100%;}

.fui-payfor-header-title{font-size:0.7rem;color:#fff;height:1.4rem;line-height: 1.4rem;}

.fui-payfor-header:after{

    content: '';

    position: absolute;transform:rotate(45deg);

    width:0.5rem;height:0.5rem;display: block;left:48%;right:48%;top:auto;bottom: -0.25rem;z-index: 5;}



.fui-payfor-speed{background: #fff;padding:0rem 0.5rem 0.2rem 0.5rem;}

.fui-payfor-speed-top{height:0.6rem;width:100%;-webkit-border-radius: 0.6rem;border-radius: 0.6rem;background: #eee;position: relative;z-index: 10;overflow: hidden;}

.fui-payfor-speed-top-inner{height:0.6rem;width:0;background: #ff4753;display: block;}

.fui-payfor-speed-bot .fui-list-inner{font-size:0.6rem;color:#999;}

.fui-payfor-speed-bot .fui-list-inner span.price{font-size:0.6rem;color:#ff4753;}

.fui-list.fui-payfor-speed-bot:before{border:none;}

.fui-cell-group .fui-cell .fui-cell-info.fui-payfor-input-price{color:#f60;}



.fui-payfor-list{background: #fff;position: relative;}

.fui-payfor-list:after{

    content: '';

    position: absolute;

    width:100%;height:1px;display: block;left:0;right:0;top:auto;bottom: 0rem;background: #eee;z-index: 5;}

.fui-tab-plus{margin-top:0.5rem;}



.fui-payfor-log-group{position: relative;}

.fui-payfor-log-group:after{content: '';

    position: absolute;

    width:1px;height:100%;display: block;left:1.5rem;right:auto;top:0;bottom: 0rem;background: #ddd;z-index: 0;}

.fui-payfor-log-group .fui-payfor-log-user{width:2rem;height:2rem;-webkit-border-radius: 2rem;border-radius: 2rem;}

.fui-payfor-log-group .fui-list-media{z-index:10;}

.fui-payinfo-log-info{background: #fff;border:1px solid #ddd;padding:0.2rem;-webkit-border-radius: 0.2rem;border-radius: 0.2rem;position: relative;

    font-size:0.6rem;line-height: 0.8rem;}

.fui-payinfo-log-info .fui-list-media{margin:0;}

.fui-payinfo-log-info:after{

    content: '';

    position: absolute;border-bottom:1px solid #ddd;transform:rotate(45deg);

    width:0.5rem;height:0.5rem;display: block;left:-0.3rem;right:auto;top:40%;bottom: 40%;background: #fff;z-index: 5;border-left:1px solid #ddd;}

.fui-payinfo-log-message{border-bottom:1px solid #ddd;line-height: 0.8rem;padding:0.2rem 0;}

.fui-payinfo-log-message-2{line-height: 0.8rem;padding:0.2rem 0;}

.fui-payfor-floor{color:#999;}

.fui-payinfo-log-floor span.price{color:#f60;}

.fui-payinfo-log-floor{height:1rem;line-height: 1rem;}



.live-price {display: inline-block; color: #fff; font-size: 0.65rem; background: #ef4f4f; height: 1rem; line-height: 1rem; vertical-align: middle; padding: 0 0.1rem;}





.banner-ul{

    width: 1000px;

    padding:.7rem  .5rem ;

    overflow: hidden;

}

.banner-ul li{

    border:2px solid #77cd44;

    position: relative;

    overflow: hidden;

    width: 8rem;

    border-radius: .2rem;

    text-align: center;

    margin-left: .25rem;

    float: left;

}

.banner-ul li:first-child{

    margin-left: 0;

}

.banner-ul li a{

    color: #000000;

    display: block;

}

.banner-ul li div{

    width:5rem;

    height: 1.65rem;

    position: absolute;

    top: 0;

    left: 0;

    background: #77cd44;

    transform:rotate(-25deg);

    transform-origin:left bottom;

}

.banner-ul li span{

    position: absolute;

    top:.1rem;

    left:.1rem;

    font-size: .5rem;

    color:#fff;

}

.banner-ul li img{

    margin: .4rem 0 .35rem;

    width: 1.05rem;

    height: 1.05rem;

    vertical-align: middle;

}

.banner-ul li p{

    overflow: hidden;

    text-overflow:ellipsis;

    white-space: nowrap;

    font-size: .7rem;

    padding:0 .7rem;

    line-height: 1;

    padding-bottom: .4rem;

}

.banner-ul .banner-li-blue{

    border:2px solid #68bfe7;

}

.banner-ul .banner-li-blue div{

    background:#68bfe7 ;

}



.banner-ul.style2 li {

    background: #77cd44;

    border: 0;

    padding: 2px;

}



.banner-ul.style2 li div {

    width: 40px;

    height: 18px;

    transform:rotate(0deg);

    background: rgba(0, 0, 0, 0.3);

    position: absolute;

    left: 0;

    top: 8px;

}



.banner-ul.style2 li span {

    width: 40px;

    height: 18px;

    line-height: 18px;

    text-align: center;

    top:8px;

    left: 0;

}

.banner-ul.style2 .banner-li-blue{

    background: #68bfe7;

}







.fui-icon-group::-webkit-scrollbar {

    display:none

}



#page-store-selector .fui-list {

    padding: .55rem .6rem

}

#page-store-selector .fui-list-media span{

    display: inline-block;

    width: .2rem;

    height: .6rem;

    background: #ff5555;

    margin-right: .3rem

}

#page-store-selector .icon-duihao_fuzhi1{

    color: #fff;

    margin-right: .4rem;

    font-size:1rem;

    opacity: 0;

}

#page-store-selector .icon-duihao_fuzhi1.selected{

    color:#ff5555;

    opacity: 1;

}

#page-store-selector .store-selector-page .fui-list-media i{

    font-size: .7rem;

    opacity: 0;

}

#page-store-selector .store-selector-page .fui-list-media i.selected{

    opacity: 1;

}

#page-store-selector .icon-icon_huida_tianxiebtn{

    font-size: 1.2rem;

    color: #666

}

#page-store-selector .fui-list-angle{

    margin-right: 0;

    text-align: right;

}

#page-store-selector .store-item .fui-list-angle i{

    margin: 0;

    color: #999;

    font-size: 1.2rem;

}

#page-store-selector .fui-list-angle .angle{

    right: 0;

    position: absolute;

    top: 0

}

#page-store-selector .tacitlyapprove{

    display: inline-block;

    background: #ff5555;

    color: #fff;

    border-radius: .2rem;

    padding: 0 .15rem;

}

#page-store-selector .pickstore{

    color: #ff8000

}

#page-store-selector .moreaddress{

    height: 2.35rem;

    line-height: 2.35rem;

    color: #999;

    font-size: .7rem;

    text-align: center;

}

#page-store-selector .fui-list:before {

    content: " ";

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    height: 1px;

    border-top: 1px solid #ebebeb;

    color: #ebebeb;

    -webkit-transform-origin: 0 0;

    -ms-transform-origin: 0 0;

    transform-origin: 0 0;

    -webkit-transform: scaleY(0.5);

    -ms-transform: scaleY(0.5);

    transform: scaleY(0.5);

}

#page-store-selector .fui-list-angle .angle:after{

    position: static;

}

#page-store-selector .fui-list-inner .title.has-address {

    font-size: .7rem;

    line-height: 1.2rem;

    height: 1.2rem;

    display: block;

}

#page-store-selector .fui-list-inner .text{

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

}

#page-store-selector .realname {

    display: inline-block;

    max-width: 9rem;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    padding-right: 1.2rem;

}

#shopmask{

    position: fixed;

    z-index: 100;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(0,0,0,.5);

}

#shopmask .shopmask-alert{

    position: absolute;

    top: 5rem;

    left:1.6rem;

    right:1.6rem;

    background: #fff;

    border-radius: .3rem

}

#shopmask .shopmask-title{

    /**height: 2.645rem;**/

    height: auto;

    /**line-height: 2.645rem;**/

    padding: .5rem 0;

    text-align: center;

    border-bottom: 1px solid #ebebeb;

    margin: 0 0.5rem

}

#shopmask .shopmask-content{

    padding: 0 1rem

}

#shopmask .shopmask-content-title{

    line-height: 2;

    margin-top: .4rem

}

#shopmask .shopmask-content-subtitle{

    color: #666;

    display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;

    -webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;

}

#shopmask .shopmask-content-subtitle .icon{

    color:#000;

    margin-left: 1rem;

    font-size: .9rem

}

#shopmask .shopmask-bottom{

    color: #ff5555;

    background: #f7f7f7;

    height: 2.15rem;

    line-height: 2.15rem;

    text-align: center;

    margin-top: .8rem;

    border-radius: .3rem

}

#page-address-selector .fui-list-group:not(.fui-list-group-o):before{

    border: 0;

}

#page-address-selector .fui-list {

    padding: .55rem .6rem;

}

#page-address-selector .realname {

    display: inline-block;

    max-width: 9rem;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    padding-right: 1.2rem;

}

#page-address-selector .fui-list-inner .title {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    color: #000;

}

#page-address-selector .icon-icon_huida_tianxiebtn {

    font-size: 1.2rem;

    color: #666;

}

#page-address-selector .fui-checkbox.fui-checkbox-danger:checked,#page-address-selector  .fui-radio.fui-radio-danger:checked{

    border: 0;

    background: transparent;

}

#page-address-selector .fui-radio, #page-address-selector .fui-checkbox{

    border:0;

    opacity: 0;

}

#page-address-selector .fui-radio:checked{

    opacity: 1;

}

#page-address-selector .fui-radio:checked:before {

    content: " ";

    display: inline-block;

    -webkit-transform: rotate(135deg);

    -ms-transform: rotate(135deg);

    transform: rotate(135deg);

    height: 0.4rem;

    width: .7rem;

    border-width: 1.5px 1.5px 0 0;

    border-color: #ff5555;

    border-style: solid;

    position: relative;

    top: -.08rem;

    margin-left: .14rem;

}

#page-address-selector .fui-list-media{

    margin-right: .7rem;

}

#page-address-selector .fui-navbar{

    height: 2.25rem;

    display: block;

    text-align: center;

    color: #fff;

    line-height: 2.25rem;

    background: #ff5555;

    font-size: .75rem;

    position: fixed;

    bottom: 0;

    left: 0;

    right: 0;

}

#page-address-selector .fui-navbar .btn{

    width: 100%;

    padding: 0;

    margin: 0;

    display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    -webkit-justify-content: center;

    justify-content: center;

    -webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;

}

#page-address-selector .tacitlyapprove {

    display: inline-block;

    background: #ff5555;

    color: #fff;

    padding: 0.06rem 0.15rem 0.04rem;

    font-size: 0.55rem;

    line-height: 0.55rem;

    vertical-align: middle;

    margin-top:-.1rem;

    border-radius: .1rem;

}

#page-address-selector .fui-list-group:first-child{

    margin-top: 0

}

/*无法购买*/

.fui-cell-group.fui-cell-click.nobuy{

    height:2.25rem;

    width:100%;

    background: rgba(0,0,0,0.7);

    position: fixed;

    bottom: 0;

    z-index:99;

    text-align: center;

}

.fui-cell-group.nobuy .fui-cell:before{

    display: none;

}

.fui-cell-group.nobuy .fui-cell .fui-cell-text{

    color: #fff;

}

.fui-modal   .code_box{

    position: absolute;

    margin-top:-10rem;

    top: 50%;

    left: 50%;

    margin-left: -7.5rem;

    width: 15rem;

    height: 20rem;

    background: #fff;

    border-radius:20px;

    line-height: 2.5rem;

    font-size: 0.7rem;

    color: #000;

    font-weight: bold;

    text-align: center;

    padding-top: 1.1rem;

    margin-bottom: 0.5rem;

}

.fui-modal   .code_box img{

    width: 10rem;

    height: 10rem;

    margin-top: 0.2rem;

    vertical-align: middle;

}

.fui-modal   .code_box .img_box{

    line-height: 3;

    height:auto;

}

.fui-modal   .cav_code{

    height: 1.7rem;

    line-height: 1.7rem;

    margin: 0.7rem auto;

    margin-bottom: 0.55rem;

    background: #f7f7f7;

    width: 8.2rem;

    color: #666;

    font-size: 0.8rem;

}

.fui-modal  .error {

    font-size: 0.65rem;

    line-height: 1.2rem;

    font-weight: normal;

    color: #e85a6a;

    margin-top: 0.5rem;

}

.diyform-container .fui-cell-label{

    line-height: normal;

    align-self: flex-start;

}

.diyform-container .checkbox-inline{

    line-height: normal;

    margin-top:.2rem!important;

    margin-bottom:.2rem!important;

    color: #000;

    height: 1.2rem;

    box-sizing: content-box;

    margin-right: 1.6rem;

}

.diyform-container .radio-inline {

    height: 1rem;

    line-height: 1rem;

    padding-right: 1rem;

}

.diyform-container .fui-cell .fui-cell-info{

    display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;

    -webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;

}

.diyform-container .fui-cell[data-type="3"] .fui-cell-info,

.diyform-container .fui-cell[data-type="14"] .fui-cell-info {

    display: block;

}

.diyform-container .fui-cell .fui-input{

    color: #000;

}

.diyform-container .fui-cell .datepicker{

    height:1.2rem ;

}

.diyform-container .fui-uploader.fui-uploader-sm{

    top: .15rem;

}

/*.diyform-container .fui-uploader.fui-uploader-sm:after{*/

/*width: .6rem;*/

/*}*/

/*.diyform-container .fui-uploader.fui-uploader-sm:before{*/

/*height: .6rem;*/

/*}*/

.diyform-container .fui-images .image{

    margin-right: .5rem;

}

.diyform-container .diyform-pulldown{

    position: relative;

    width: 100%;

}

.diyform-container .diyform-pulldown:after{

    content: " ";

    display: inline-block;

    -webkit-transform: rotate(135deg);

    -ms-transform: rotate(135deg);

    transform: rotate(135deg);

    height: 0.4rem;

    width: 0.4rem;

    border-width: 1px 1px 0 0;

    border-color: #C8C8CD;

    border-style: solid;

    position: relative;

    top: -.2rem;

    right: 1rem;

    margin-left: 0;

}

.diyform-container .diyform-pulldown2:after{

    content: " ";

    display: inline-block;

    -webkit-transform: rotate(135deg);

    -ms-transform: rotate(135deg);

    transform: rotate(135deg);

    height: 0.3rem;

    width: 0.3rem;

    border-width: 1px 1px 0 0;

    border-color: #000;

    border-style: solid;

    position: relative;

    top: 0.1rem;

    right: .8rem;

    margin-left: 0;

}

.diyform-container .fui-cell .timepicker{

    height:1.2rem ;

}

/*会员中心圆弧*/

.member_header{

    position: absolute;

    width: 7rem;

    height: 3rem;

    background:#ff5555;

    z-index: 80;

    -webkit-border-radius:50%;

    -moz-border-radius:50%;

    border-radius:50%;

    bottom: 0;

    left: 50%;

    margin-left: -3.5rem;

    overflow: hidden;

    transform: scale(10,10);

    ms-transform: scale(10,10);

    -moz-transform: scale(10,10);

    -webkit-transform: scale(10,10);

    -o-transform: scale(10,10);

    transform-origin: center bottom;

    -ms-transform-origin:center bottom;

    -webkit-transform-origin: center bottom;

    -moz-transform-origin: center bottom;

    -o-transform-origin: center bottom;

    border: 2px solid #ff5555;

}

.headinfo .icon-style2{

    display: inline-block;

    width: 5.75rem;

    height: 1.8rem;

    position: absolute;

    right: 0;

    top: 50%;

    margin-top: -0.9rem;

}

.member_card{

    position: absolute;

    z-index: 99;

    left: 0.65rem;

    bottom: 0;

    display: flex;

    width: 17.45rem;

    height: 2.4rem;

    margin: 0 auto 0;

    line-height: 2.4rem;

    border-radius: 0.4rem;

    font-size: 0.8rem;

    box-sizing: border-box;

    padding: 0 0.75rem;

    color: #fff;

    align-items: center;

    background: linear-gradient(to right, #040404 , #a2a2a2);

}

.member_card .icon{

    width: 1rem;

    height: 1rem;

    margin-right: 0.5rem;

    display: inline-block;

}

.member_card .title{

    flex: 1;

    line-height: 1;

}

.member_card .card-num{

    min-width: 3.4rem;

    opacity: 0.8;

    font-size: 0.65rem;

    text-align: right;

    line-height: 1;

}

.cover-img{

    display: inline-block;

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    height: 0.65rem;

    z-index: 999;

    width: 100%;

}







/*阅读用户条款选择按钮*/

#user-quan{

    display: block;

    margin-bottom: 10px;

    text-decoration: underline;

}

#user-quan i{

    display: inline-block;

    width: 0.9rem;

    height: 0.9rem;

    border:1px solid #e6e6e6;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    position: relative;

    top: 4px;

    left: -8px;

    background: #fff;

}

#user-terms{

    top: 3px;

    left: 9px;

    position: relative;

    z-index: 9999;

    opacity: 0;

    color: #fff;

    background: #fff;

}

#user-terms:checked+i:after{

    content: "✓";

    background: #f35656;

    position: absolute;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    font-size: 0.7rem;

    width: 0.9rem;

    height: 0.9rem;

    line-height: 0.9rem;

    top:-2px;

    left: -2px;

    color: #fff;

}







/* 快速登录、注册弹窗 */

#account-layer {

    display: none;

}



.account-layer {

    width: 15.5rem;

    height: 21.8rem;

    background: #fff;

    margin: -10.9rem 0 0 -7.75rem;

    border-radius: 0.25rem;

    position: fixed;

    top: 50%;

    left: 50%;

}



.account-layer.login .input-mobile,

.account-layer.bind .input-mobile,

.account-layer.reg .input-mobile,

    /*.account-layer.bind-next .input-password,*/

.account-layer.reg-next .input-password {

    margin-top: 1.7rem;

    display: block;

}



.account-layer.bind.imgcode .input-mobile,

.account-layer.reg.imgcode .input-mobile {

    margin-top: 0.6rem;

    display: block;

}



.account-layer.login .account-tip,

.account-layer.login .account-btn,

.account-layer.login .input-password {

    display: block;

}



.account-layer.bind .account-next,

.account-layer.bind .account-verify,

.account-layer.bind.imgcode .account-image,



.account-layer.reg .account-next,

.account-layer.reg .account-verify,

.account-layer.reg .account-back,

.account-layer.reg.imgcode .account-image {

    display: block;

}



/*.account-layer.bind-next .input-password2,*/

.account-layer.bind-next .account-btn,

.account-layer.bind-next .account-back,



.account-layer.reg-next .account-back,

.account-layer.reg-next .input-password2,

.account-layer.reg-next .account-btn {

    display: block;

}



.account-layer .account-logo {

    width: 4rem;

    height: 4rem;

    background: #eee;

    margin-left: -2rem;

    border-radius: 4rem;

    position: absolute;

    top: -2rem;

    left: 50%;

}



.account-layer .account-logo img {

    height: 4rem;

    width: 4rem;

    border-radius: 4rem;

    display: block

}



.account-layer .account-main {

    height: 18.4rem;

    padding: 2rem 0.9rem 0 0.9rem;

}



.account-layer .account-back {

    height: 2rem;

    width: 2rem;

    line-height: 2rem;

    text-align: center;

    position: absolute;

    top: 0.3rem;

    left: 0.3rem;

    display: none;

}



.account-layer .account-back {

    font-size: 0.65rem;

    color: #b2b2b2;

}



.account-layer .account-title {

    height: 2.7rem;

    padding-top: 0.5rem;

    text-align: center;

    font-size: 0.7rem;

    line-height: 1.1rem;

}



.account-layer.login .account-title,

.account-layer.reg-next .account-title {

    line-height: 2.7rem;

    font-size: 0.8rem;

}

.account-layer.reg .account-title {

    line-height: 2rem;

    font-size: 0.8rem;

}



.account-layer .account-input {

    height: 2.2rem;

    width: 100%;

    padding: 0 0.6rem;

    background: #fff;

    font-size: 0.7rem;

    margin: 0.5rem 0 0 0;

    border: 1px solid #ececec;

    border-radius: 0.2rem;

    box-shadow: 0;

    -webkit-appearance: none;

}



.account-layer .account-input:disabled {

    background: #ededed;

    border-color: #dfdfdf;

    opacity: 1;

    color: #000;

}



.account-layer .input-mobile {

    display: none;

}



.account-layer .input-password,

.account-layer .input-password2,

.account-layer .input-bindrealname,

.account-layer .input-bindbirthday,

.account-layer .input-bindidnumber,

.account-layer .input-bindwechat{

    display: none;

}



.account-layer .account-image,

.account-layer .account-verify {

    display: none;

    position: relative;

}



.account-layer .account-verify .btn-send {

    height: 1.2rem;

    width: auto;

    padding: 0 0.4rem;

    line-height: 1.2rem;

    font-size: 0.5rem;

    border: 1px solid #ff5555;

    border-radius: 0.2rem;

    color: #ff5555;

    position: absolute;

    right: 0.6rem;

    top: 0.95rem;

}



.account-layer .account-verify .btn-send.disabled {

    border-color: #ccc;

    color: #ccc;

}



.account-layer .account-image .btn-image {

    height: 1.5rem;

    width: auto;

    position: absolute;

    right: 0.6rem;

    top: 0.85rem;

}



.account-layer .account-tip {

    height: 3rem;

    line-height: 3rem;

    text-align: center;

    font-size: 0.65rem;

    display: none;

}

.account-layer .account-tip1 {

    height: 3rem;

    line-height: 3rem;

    text-align: center;

    font-size: 0.65rem;

}

.account-layer .account-tip span {

    border-bottom: 1px solid #666;

}



.account-layer .account-next,

.account-layer .account-btn {

    height: 2.1rem;

    background: #ff5555;

    margin: 0 0.9rem 0.85rem 0.9rem;

    font-size: 0.7rem;

    text-align: center;

    color: #fff;

    border-radius: 0.25rem;

    line-height: 2.1rem;

    display: none;

}



.account-layer .account-close {

    height: 2rem;

    width: 2rem;

    margin-left: -1rem;

    line-height: 2rem;

    text-align: center;

    position: absolute;

    bottom: -3rem;

    left: 50%;

}

.account-layer .account-close .icon {

    color: #fff;

    font-size: 1.8rem;

    font-weight: lighter;

}

.iphonex.fui-navbar,.iphonex.fui-footer{

    padding-bottom: 1.7rem !important;

    height:auto  !important;

}

.iphonex.cart-list{

    bottom: 6.6rem !important;

}

.iphonex.fui-content.navbar {

    bottom: 4.2rem !important;

}

#addaddress {

    position: fixed;

    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    z-index: 1000;

    transition: all 1s;

    -moz-transition: all 1s; /* Firefox 4 */

    -webkit-transition: all 1s; /* Safari 和 Chrome */

    -o-transition: all 1s; /* Opera */

}

#addaddress.shut {

    /*background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;*/

}

#addaddress.shut .address-alert {

    /*transform:translate(0);*/

    /*opacity: 1*/

}

#addaddress .address-alert.style1 {

    position: absolute;

    top: 5rem;

    left: .8rem;

    right: .8rem;

    background: #fff;

    border-radius: .3rem;

    /*transform:translate(-18.75rem);*/

    /*opacity: 0;*/

    transition: all 1s;

    -moz-transition: all 1s; /* Firefox 4 */

    -webkit-transition: all 1s; /* Safari 和 Chrome */

    -o-transition: all 1s; /* Opera */

}

#addaddress .address-alert.style2 {

    position: absolute;

    bottom: 0rem;

    left: .8rem;

    right: .8rem;

    background: #fff;

    border-radius: .3rem;

    /*transform:translate(-18.75rem);*/

    /*opacity: 0;*/

    transition: all 1s;

    -moz-transition: all 1s; /* Firefox 4 */

    -webkit-transition: all 1s; /* Safari 和 Chrome */

    -o-transition: all 1s; /* Opera */

}

#addaddress .address-title {

    height: 2.645rem;

    line-height: 2.645rem;

    text-align: center;

    color:#ff5555;

    font-size: .65rem

}

#addaddress .fui-cell{

    padding:.5rem .825rem;

}

#addaddress .fui-cell-group:not(.fui-cell-group-o):before{

    left:.825rem;

    right:.825rem;

    width: auto;

}

#addaddress .fui-cell-group .fui-cell:before {

    left:.825rem;

    right:.825rem;

}

#addaddress .fui-cell-group .fui-cell-textarea{

    height: 3rem

}

#btn-submit{

    margin: 1rem .825rem

}

#addaddress .fui-cell-group:after{

    left:.825rem;

    right:.825rem;

    width: auto;

}



#attention {

    position: fixed;

    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    z-index: 1000;

    transition: all 1s;

    -moz-transition: all 1s; /* Firefox 4 */

    -webkit-transition: all 1s; /* Safari 和 Chrome */

    -o-transition: all 1s; /* Opera */

}



#attention .attention-alert {

    position: absolute;

    top: 5rem;

    left: 2rem;

    right: 2rem;

    background: #fff;

    border-radius: .3rem;

    height: 16.8rem;

    width: 14.8rem;

}

#attention .attention-alert .attention-img{

    width: 4rem;

    height: 4rem;

    border-radius: 50%;

    position: absolute;

    top: -2rem;

    left: 50%;

    margin-left: -2rem;

    overflow: hidden;

}

#attention .attention-alert .attention-img img{

    width: 100%;

    height:100%;

}

#attention .attention-alert .attention-title {

    width: 11.3rem;

    text-align: center;

    margin: 3rem auto 1.2rem

}

#attention .attention-alert .attention-content{

    margin: 0 1.2rem;

    padding: 1rem .8rem;

    background:#f7f7f7;

    height: 8.9rem

}

#attention .attention-alert .attention-content p{

    text-align: center;

    font-size: .65rem;

    color: #999;

    margin-top: .7rem

}

#unpaid {

    position: fixed;

    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    z-index: 10000;

    transition: all 1s;

    -moz-transition: all 1s; /* Firefox 4 */

    -webkit-transition: all 1s; /* Safari 和 Chrome */

    -o-transition: all 1s; /* Opera */

}



#unpaid .unpaid-alert {

    position: absolute;

    top:50%;

    left: 1.1rem;

    right: 1.1rem;

    background: #fff;

    border-radius: .3rem;

    height: 20.35rem;

    margin-top: -12rem;

}

#unpaid .unpaid-alert .unpaid-title{

    font-size: .75rem;

    text-align: center;

    margin-top: 1.3rem

}

#unpaid .unpaid-alert .unpaid-subtitle{

    color: #999;

    text-align: center;

    width: 11rem;

    margin: .6rem auto

}

#unpaid .unpaid-alert .subtitle{

    display: -webkit-box;

    font-size: .65rem

}

#unpaid .unpaid-alert .fui-list-group{

    padding: .375rem .55rem 0;

    margin: 0 .75rem;

    background: #f7f7f7

}

#unpaid .unpaid-alert .fui-list-group .fui-list{

    padding: .375rem 0

}

#unpaid .unpaid-alert .fui-list-group .fui-list:last-child{

    font-size: .6rem;

    color: #666;

    justify-content: center;

}

/*#unpaid .unpaid-alert .fui-list-group .fui-list:last-child:before{*/

/*display: block;*/

/*}*/

#unpaid .unpaid-alert .fui-list-inner{

    height: 2.5rem;

    display: -webkit-box;

    display: -webkit-flex;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

}

#unpaid .unpaid-alert img{

    width: 2.5rem;

    height: 2.5rem;

    float: left;

}

#unpaid .unpaid-alert .fui-list-inner .price{

    line-height: 1

}

#unpaid .unpaid-alert .fui-list-inner .bigprice{

    font-size: .75rem

}

#unpaid .unpaid-alert .fui-list-group .fui-list:before{

    display: none

}

#unpaid .unpaid-alert .block{

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    margin: 0;

    border-top-left-radius: 0;

    border-top-right-radius: 0;

    height: 2.15rem

}

#giveUp {

    position: fixed;

    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    z-index: 1000;

    transition: all 1s;

    -moz-transition: all 1s; /* Firefox 4 */

    -webkit-transition: all 1s; /* Safari 和 Chrome */

    -o-transition: all 1s; /* Opera */

}

#giveUp .giveUp-alert{

    position: absolute;

    top: 10rem;

    left: 2.35rem;

    right: 2.35rem;

    background: #fff;

    border-radius: .3rem;

    height: 11.05rem;

    overflow: hidden;

}

#giveUp .giveUp-title{

    font-size: .8rem;

    text-align: center;

    margin-top: 1.4rem;

}

#giveUp .giveUp-subtitle{

    color: #999;

    text-align: center;

    width: 11rem;

    font-size: .65rem;

    margin: .3rem auto;

}

#giveUp .giveUp-btn{

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

}

#giveUp .giveUp-btn .btn{

    width: 0;

    -webkit-box-flex: 1;

    -ms-flex: 1;

    -webkit-flex: 1;

    flex: 1;

    margin: 0;

    border-radius: 0;

    height: 2.125rem;

}

#giveUp .giveUp-btn .btn.confirm{

    border-left: 0;

    color: #ff5555

}

.shut {

    /*opacity: 0;*/

    /*height: 0*/

    transform:scale(0) ;

    transform-origin:right bottom;

}

/*任务中心提醒*/

.task-hint{

    position: fixed;

    top: 0px;

    left: 0px;

    z-index: 9999999999;

    background: #fdfde5;

    height: 2rem;

    width: 100%;

    line-height: 1.2rem;

    padding-left: 0.5rem;

    color: #ff9337;

    font-size: 0.7rem;

}

.task-hint span{

    position: absolute;

    right: 0.5rem;

    text-decoration: underline;

    color: #333;

    font-size: 0.7rem;

}





/*记次时商品提示*/

.goods-layer{

    position: fixed;

    top:0;

    left:0;

    right: 0;

    bottom: 0;

    background: rgba(0,0,0,0.6);

    z-index: 9;

    display: none;

}

.goods-layer .inner{

    width: 15.5rem;

    height: 12rem;

    background: #fff;

    margin: -7rem 0 0 -7.75rem;

    border-radius: 0.25rem;

    position: fixed;

    top: 50%;

    left: 50%;

}

.goods-layer .goods-btn{

    height: 2.1rem;

    background: #ff5555;

    margin: 0 0.9rem 0.85rem 0.9rem;

    font-size: 0.7rem;

    text-align: center;

    color: #fff;

    border-radius: 0.25rem;

    line-height: 2.1rem;

}

.goods-content{

    height: 8rem;

    margin-bottom: 0.5rem;

    font-size: 0.7rem;

    line-height: 1rem;

    color: #666;

    text-align: center;

    padding: 0 2rem;

}

.goods-content .goods-title{

    height: 3rem;

    line-height: 3rem;

    font-weight: bold;

}