@charset "utf-8";

/* ================================ */
/* 触屏版购物车样式类型				*/
/* ================================ */
/* Retrofit Date:	Aug-08-2016		*/
/* ================================ */

/*F码*/
#container-fcode { position: fixed; z-index: 999; top: 0; left: 0; right: 0; bottom: 0;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#BF000000', endColorstr='#BF000000');background:rgba(0,0,0,0.75);}
#container-fcode .fcode-bg { position: absolute; z-index: auto; top: 50%; left: 50%; margin: -7rem auto auto -6rem; width: 12rem; height: 14rem; background-image: url(../images/fcode.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 100%;}
#container-fcode .fcode-bg .con { display: block; padding: 3rem 1rem 0 1rem; text-align: center; color: #FFEA99;}
#container-fcode .fcode-bg .con h3 { font-size: 0.72rem; line-height: 1.4rem; font-weight: 600; text-shadow: 0.05rem 0.05rem 0 rgba(71,4,5,0.50);}
#container-fcode .fcode-bg .con h5 { font-size: 0.6rem; line-height: 0.9rem; text-shadow: 0.05rem 0.05rem 0 rgba(71,4,5,0.50);}
#container-fcode .fcode-bg .con input[type="text"] { font-size: 0.8rem; line-height: 1.2rem; padding: 0.2rem; width: 9rem; height: 1.2rem; border: none;
border-radius: 0.3rem; margin-top: 0.7rem; text-align: center;}
#container-fcode .fcode-bg .con .submit { display: inline-block; background: #FFCE55; font-size: 0.8rem; line-height: 1.6rem; width: 7rem; height: 1.6rem; margin: 0.8rem auto 0 auto; border-radius: 0.4rem; color: #E9573E; font-weight: 600; box-shadow: 0 0.1rem 0 rgba(150,40,4,0.5);}
#container-fcode.out {content: " animation: optionBlockOut 1s ease-in-out forwards; -webkit-animation:optionBlockOut 1s ease-in-out forwards;";}

@keyframes optionBlockOut
{
from { opacity: 1;}
to { opacity: 0; display: none;}
}
@-webkit-keyframes optionBlockOut
{
from { opacity: 1;}
to { opacity: 0;  display: none;}
}
/*年前修改*/
.header_center_title{
    font-size: 17px;
    text-align: center;
    padding-top: 10px;
}
.header_center_title .font_gray{
    color:#999;
    font-size: 13px;
}
.cart_title{
    width: 100%;
    margin-top: 1.9rem;
    background-color: #fff;
    height: 32px;
}

.cart_title ul{
    width: 100%;
    margin: 0px auto;
    padding: 0px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    /* position:fixed; */
    background-color: #fff;
    /* z-index: 999!important; */
    padding-bottom: 5px;
}
.cart_title ul li{
    width: 50%;
    text-align: center;
    position: relative;
}
.cart_span_name{
    font-size: 13px;
    color: #000;
    
}
.cart_title_ul .active{
    border-bottom: 3px solid var(--mainColor);
}
.cart_title .cart_title_ul .tip-cur-non{
    display: block;
    font-size: 12px;
    line-height: 18px;
    color: #fff;
    width: 18px;
    height: 18px;
    background-color: var(--mainColor);
    border-radius: 50%;
    position: absolute;
    right: 27%;
    top: 1px;
}
.cart_title .cart_title_ul .tip-cur-chu{
    display: block;
    font-size: 12px;
    line-height: 18px;
    color: #fff;
    width: 18px;
    height: 18px;
    background-color: var(--mainColor);
    border-radius: 50%;
    position: absolute;
    right: 22%;
    top: 1px;
}
.goods_form{
    font-size: 11px;
    color: #999;
    line-height: 13px;
}
.new_cart_content{
    border: 0px;
    width: 94%;
    margin: 10px auto 0px;
    border-radius: 11px;
}
.item_border{
    border-radius: 11px;
}
.header-r .header-nav .more2{
    background-image: url(../images/tabar_list@2x.png);
    background-size: 100%;
    background-repeat:no-repeat;
    background-position: 50% 50%;
}
.plus_part{
    display: none;
}

.plus_enter{
    width: 100%;
    margin: 0px auto;
    background-image: url(../images/plus_bg@2x.png);
    background-size: 100%;
    background-repeat:no-repeat;
    background-position: 50% 50%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 0px 13px;
    box-sizing: border-box;
    height: 32px;
}
.plus_msg{
    width: 90%;
    font-size: 10px;
    color: #EECC5E;
    text-align: left;
    line-height: 32px;
    overflow: hidden;
    padding-left: 4px;
}
.plus_enter .cart_plus{
    background-image: url(../images/cart_plus@2x.png);
    background-size: 100%;
    background-repeat:no-repeat;
    background-position: 50% 50%;
    width: 19px;
}
.plus_enter .plus_delete{
    background-image: url(../images/plus_delete.png);
    background-size: 100%;
    background-repeat:no-repeat;
    background-position: 50% 50%;
    width: 11px;
}

/*购物车*/
#cart-list-wp { margin-bottom: 2.5rem;}
.sxx-cart-container { display: block; clear: both; background-color: #FFF; margin-bottom: 0.5rem; border: solid #EEE; border-width: 0.05rem;}
.sxx-cart-store { display: block; border-bottom: solid 0.05rem #EEE;}
.sxx-cart-store dt { position: relative; z-index: 1; display: block; padding: 0.5rem; font-size: 0.7rem; line-height: 0.9rem;}
.sxx-cart-store dt .store-check { display: inline-block; vertical-align: top; margin-right: 0.2rem;}
.sxx-cart-store dt i.icon-store { display: inline-block; width: 0.8rem; height: 0.9rem; margin-right: 0.2rem; vertical-align: middle; background:url(../images/store_b.png) no-repeat 50% 50%; background-size: 90%; opacity: 0.8;}
.sxx-cart-store dt .handle { display: block; height: 0.9rem; padding: 0.5rem; position: absolute; z-index: 1; top: 0; right: 0; border-left: solid 0.05rem #EEE; background-color: #FCFCFC;}
.sxx-cart-store dt .handle a { color: #555; line-height: 0.9rem; font-size: 0.6rem;}
.sxx-cart-store dt .handle a i { display: inline-block; vertical-align: top; width: 0.9rem; height: 0.9rem; margin-right: 0.1rem;}
.sxx-cart-store dt .handle a.voucher i { background-image: url(../images/mcc_08_b.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 75%; opacity: 0.65;
}

.sxx-cart-store dd { position: relative; z-index: 1; overflow: hidden; display: block; padding: 0.2rem 0.5rem; font-size: 0.55rem; line-height: 0.9rem; border-top: solid 0.05rem #EEE; color: #555;}
.sxx-cart-store dd .arrow-down { position: absolute; z-index: 1; top: 0.15rem; right: 0.3rem; display: block; width: 0.8rem; height: 0.9rem; background-image: url(../images/arrow_down_b.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 50%; opacity: 0.5;}
.sxx-cart-store dd img { width: 0.6rem; height: 0.6rem; display: inline-block; vertical-align: middle; margin: 0 0.1rem;}
.sxx-cart-store dd em { position: absolute; z-index: 1; top: 0.3rem; left: 0.5rem; display: block; height: 0.5rem; padding: 0.1rem 0.2rem; background: #ED5564; font-size: 0.45rem; line-height: 0.5rem; color: #FFF; border-radius: 0.1rem;}
.sxx-cart-store dd span { display: block; clear: both; margin: 0 0.5rem 0 2.2rem;color: #ED5564ed;}
.sxx-cart-item { background-color: #FFF; border-bottom: solid 0.05rem #EEE;}
.sxx-cart-item li { display: block; position: relative; z-index: 1; margin-left: 0.5rem; padding: 0.5rem 0; border-bottom: solid #EEE 0.05rem;}
.sxx-cart-item li:last-child { border: none;}
.sxx-cart-item li .goods-check { position: absolute; top: 1.2rem;}
.sxx-cart-item li .goods-check .huise-yuan{position: relative;width: 0.75rem;height: 0.75rem;background-color:rgb(153,153,153);border: 0.05rem solid #CCC;-webkit-border-radius: 50%;border-radius: 50%;vertical-align: middle;}
.sxx-cart-item li .goods-pic { display: block; width: 2.7rem; height: 2.7rem; padding: 0.2rem; position: absolute; z-index: 1; top: 0.5rem; left: 1.1rem; border: solid 0.05rem #EEE; border-radius: 0.2rem}
.sxx-cart-item li .goods-pic a { display: block; width: 100%; height: 100%;}
.sxx-cart-item li .goods-pic a img { width: 100%; height: 100%; border-radius: 0.2rem}
.sxx-cart-item li .goods-pic-blur {overflow: hidden;}
.sxx-cart-item li .goods-pic-blur .goods-pic-blur-img {width: 100%;height: 100%;position: absolute;z-index: 3;top: 0;left: 0;}
.sxx-cart-item li .goods-pic-blur .goods-pic-shop-img {width: 100%;height: 100%;position: absolute;z-index: 2;top: 0;left: 0;}
/* filter: blur(2px); */
.sxx-cart-item li .goods-pic-blurer {overflow: hidden;}
.sxx-cart-item li .goods-pic-blurer .goods-pic-blur-img {width: 100%;height: 100%;position: absolute;z-index: 3;top: 0;left: 0;}
.sxx-cart-item li .goods-pic-blurer .goods-pic-shop-img {width: 100%;height: 100%;position: absolute;z-index: 2;top: 0;left: 0;}

.sxx-cart-item li .goods-info { display: block; vertical-align: top; min-height: 2.2rem; margin: 0 2rem 0 4.5rem; position: relative; z-index: 1;}
.sxx-cart-item li .goods-info dt.goods-name { display: block;}
.sxx-cart-item li .goods-info dt.goods-name a { display: flex;flex-direction: row;align-items: center; height: 1.4rem; font-size: 0.6rem; color: #111; line-height: 0.7rem;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.sxx-cart-item li .goods-info dt.goods-name .shop-title{width: 165px;height: 15px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.sxx-cart-item li .goods-info dd.goods-type { overflow: hidden; white-space: nowrap; width: 70%; height: 0.9rem; font-size: 0.45rem; line-height: 0.9rem; color: #999; text-overflow: ellipsis;}
.sxx-cart-item li .goods-del { display: block; position: absolute; z-index: 1; top: 0.3rem; right: 0.5rem; width: 1rem; height: 1rem; }
.sxx-cart-item li .goods-del a { display: block;  width: 100%; height: 100%; background-image: url(../images/del_b.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 60%; opacity: 0.4;}
.sxx-cart-item li .goods-subtotal { display: block; height: 1rem; margin: 0 0.5rem 0 4.5rem; line-height: 1rem; font-size: 0.6rem; position: relative; z-index: 1;}
.sxx-cart-item li .goods-subtotal .goods-price { color: #DB4453; font-size: 0.55rem; font-weight: 600;}
.sxx-cart-item li .goods-subtotal .goods-price em { font-size: 0.6rem;}
.sxx-cart-item li .goods-subtotal .goods-sale { display: inline-block; vertical-align: top; margin-right: 0.1rem;}
.sxx-cart-item li .goods-subtotal .goods-sale em {  display: inline-block; vertical-align: top; height: 0.7rem; padding: 0 0.1rem; margin-top: 0.1rem; font-size: 0.45rem; color: #FFF; line-height: 0.7rem; background-color: #ED5564; border-radius: 0.15rem;}
.sxx-cart-item li .goods-subtotal .goods-sale em i { display: inline-block; vertical-align: middle; margin-right: 0.1rem; width: 0.6rem; height: 0.6rem; background: #ED5564 url(../images/mobile_w.png) no-repeat 50% 50%; background-size: 80%; }
.sxx-cart-item li .value-box { position: absolute; z-index:1; bottom: 0; right: 0; }
.sxx-cart-item li .buhuozhong-tip{position: absolute; z-index:1; bottom: 0; right: 0;padding: 0px 10px;background-color: rgb(153,153,153);color: #fff;font-size: 12px;border-radius: 10px;}
.sxx-cart-item li .goods-num { font-size: 0.5rem; line-height: 1rem; position: absolute; z-index:1; top: 2.7rem; right: 1rem; }
.sxx-cart-item li .goods-num em { font-size: 0.6rem; font-weight: 600; margin: 0 0.2rem;}
.sxx-cart-item li .goods-gift { display: block; clear: both; padding : 0.2rem; margin: 0.4rem 0.5rem 0 0; border: dashed 1px #EEE; background-color: #FCFCFC;}
.sxx-cart-item li .goods-gift span { display: block; font-size: 0.55rem; line-height: 0.9rem; height: 0.9rem; border-bottom: solid 0.05rem #EEE; padding-bottom: 0.2rem; margin-bottom: 0.2rem; color: #888; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.sxx-cart-item li .goods-gift span:last-child { border: none; margin-bottom: 0; padding-bottom: 0;}
.sxx-cart-item li .goods-gift span em { display: inline-block; height: 0.5rem; vertical-align: middle; padding: 0.1rem 0.2rem; margin-right: 0.2rem; background: #BBB; font-size: 0.45rem; line-height: 0.5rem; color: #FFF; border-radius: 0.1rem;}
.youxiaoqi-tip{font-size:12px;text-align:right;color:#57B844;box-sizing: border-box;padding: 0 0.5rem;}

.sxx-cart-item .buy-item .goods-pic { left: 0;}
.sxx-cart-item .buy-item .goods-info { margin: 0 0.5rem 0 3.5rem;}
.sxx-cart-item .buy-item .goods-subtotal { margin: 0 0.5rem 0 3.5rem;}
.sxx-cart-item .buy-item .notransport { position: absolute; z-index: 3; top: 0; left: -0.5rem; right: 0; bottom: 0; display: none; text-align: center; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#E5F5F5F5', endColorstr='#E5F5F5F5');background:rgba(245,245,245,0.9);}
.sxx-cart-item .buy-item .notransport p { margin-top: 1.5rem; font-size: 0.7rem; line-height: 1rem; color: #Ed5564;}

.sxx-cart-bottom { position: fixed; z-index: 1; top: auto; left: 0; right: 0; bottom: 0; height: 2rem; background-color: rgba(255,255,255,0.85); border-top: solid 0.05rem #EEE;}
.sxx-cart-bottom .all-check { position: absolute; z-index: 1; top: 0.4rem; left: 0.5rem;}
.sxx-cart-bottom .total { display: block; float: left; text-align: right; width: 75%;}
.sxx-cart-bottom .total-money { height: 1rem; margin-right: 1rem; padding: 0.5rem 0; font-size: 0; line-height: 1rem;}
.sxx-cart-bottom .total-money dt { display: inline-block; font-size: 0.6rem;}
.sxx-cart-bottom .total-money dd { display: inline-block; font-size: 0.55rem; color: #DB4453; font-weight: 600;}
.sxx-cart-bottom .total-money dd em { font-size: 0.9rem;}
.sxx-cart-bottom .check-out { display: block; float: right; width: 25%; height: 2rem; background-color: #BBB;}
.sxx-cart-bottom .check-out.ok { background-color: var(--mainColor);}
.sxx-cart-bottom .check-out a { display: block; text-align: center; font-size: 0.8rem; color: #FFF; line-height: 2rem;}

.sxx-cart-bottom.no-login { height: 5rem;}
.sxx-cart-bottom.no-login .cart-nologin-tip { text-align: center; padding: 0.8rem; font-size: 0.6rem; line-height: 1rem; color: #ED5564;}
.sxx-cart-bottom.no-login .cart-nologin-btn { display: block; text-align: center;}
.sxx-cart-bottom.no-login .cart-nologin-btn .btn { padding: 0.2rem 0.8rem;}


.sxx-cart-block { background: #FFF; display: block;}
.sxx-cart-block a { display: block; overflow: hidden;}
.sxx-cart-block i.icon-arrow { position: absolute; z-index: 1; top: 50%; right: 0.5rem; display: block; width: 0.5rem; height: 0.5rem; margin-top: -0.25rem; background-image: url(../images/arrow_right_b.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 100%; opacity: 0.5; }
.sxx-cart-block h3 { position: absolute; z-index: 1; top: 0.4rem; left: 0.5rem; display: block; width: 5rem; height: 1rem; font-size: 0.7rem; line-height: 1rem; color: #555;}
.sxx-cart-block h3 i { display: inline-block; vertical-align: middle; width: 0.9rem; height: 0.9rem; margin-right: 0.1rem; background-position: 50% 50%; background-repeat: no-repeat; background-size: 70%; opacity: 0.7;}
.sxx-cart-block h3 i.pay { background-image: url(../images/mcc_01.png);}
.sxx-cart-block h3 i.invoice { background-image: url(../images/mcc_08_b.png)}
.sxx-cart-block h3 i.mobile { background-image: url(../images/mobile_b.png);}
.sxx-cart-block .current-con { display: block; margin: 0 1.5rem 0 6rem; padding: 0.5rem 0; text-align: right; font-size: 0.6rem; color: #333; font-weight: 600;}
.sxx-cart-block .tip-con { display: block; margin: 0 0.5rem 0 5rem; padding: 0.5rem 0; text-align: right; font-size: 0.5rem; color: #ED5564; line-height: 0.9rem;}
.sxx-cart-block .inp-tel { display: block; width: 80%; height: 1.2rem; padding: 0.2rem; margin: 0.1rem auto 0 auto; border: solid #ED5564 0.05rem; border-radius: 0.2rem; font-size: 0.8rem; text-align: center; line-height: 1.2rem; background-color: #FEF6F7; color: #000;}


/*购物车默认收货人地址*/
.sxx-cart-add-default { position: relative; z-index: 1; width: 100%;}
.sxx-cart-add-default a { color: #555;}
.sxx-cart-add-default i.icon-add { position: absolute; z-index: 1; top: 0.5rem; left: 0.5rem; display: block; width: 0.8rem; height: 0.9rem; background-image: url(../images/location_b.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 100%; }
.sxx-cart-add-default dl { margin: 0 0 0 1.6rem; padding: 0.5rem 0;}
.sxx-cart-add-default dt { display: block; height: 0.9rem; font-size: 0.7rem; line-height: 0.9rem;}
.sxx-cart-add-default dt span { margin-left: 0.3rem; font-weight: 600;}
.sxx-cart-add-default dd { display: block; min-height: 0.9rem; max-height: 1.6rem; font-size: 0.6rem; line-height: 0.9rem;}

/*购物车选择地址*/
.sxx-cart-add-list { background: #FFF;}
.sxx-cart-add-list li { position: relative; z-index: 1; display: block; border-bottom: solid #EEE 0.05rem;}
.sxx-cart-add-list li i { position: absolute; z-index: 1; top: 0.8rem; left: 0.5rem; display: none; width: 0.7rem; height: 0.7rem; background-image: url(../images/ok.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 100%;}
.sxx-cart-add-list li.selected i { display: block;}
.sxx-cart-add-list dl { margin: 0 0 0 0.5rem; padding: 0.5rem 0; color: #666;}
.sxx-cart-add-list li.selected dl { margin-left: 1.8rem}
.sxx-cart-add-list dt { display: block; height: 0.9rem; margin-bottom: 0.2rem; font-size: 0.6rem; line-height: 0.9rem;}
.sxx-cart-add-list dt span { margin-right: 0.3rem; font-size: 0.7rem; color: #111;}
.sxx-cart-add-list dt span:last-child { font-weight: 600;}
.sxx-cart-add-list dt sub { display: inline-block; background-color: #DB4453; font-size: 0.45rem; line-height: 0.6rem; padding: 0 0.1rem; margin-left: 0.1rem; border-radius: 0.1rem; color: #FFF;}
.sxx-cart-add-list dd { display: block; min-height: 0.7rem; max-height: 1.4rem; font-size: 0.55rem; line-height: 0.7rem;}

/*门店列表*/
.sxx-chain-list { background: #FFF;}
.sxx-chain-list li { position: relative; z-index: 1; display: block; border-bottom: solid #EEE 0.05rem;}
.sxx-chain-list li i { position: absolute; z-index: 1; top: 0.8rem; left: 0.5rem; display: none; width: 0.7rem; height: 0.7rem; background-image: url(../images/ok.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 100%;}
.sxx-chain-list li.selected i { display: block;}
.sxx-chain-list dl { margin: 0 0 0 0.5rem; padding: 0.5rem 0; color: #666;}
.sxx-chain-list li.selected dl { margin-left: 1.8rem}
.sxx-chain-list dt { display: block; height: 0.9rem; margin-bottom: 0.2rem; font-size: 0.6rem; line-height: 0.9rem;}
.sxx-chain-list dt span { margin-right: 0.3rem; font-size: 0.7rem; color: #111;}
.sxx-chain-list dt span:nth-child(2) { font-weight: 600;}
.sxx-chain-list dt sub { display: inline-block; background-color: #DB4453; font-size: 0.45rem; line-height: 0.6rem; padding: 0 0.1rem; margin-left: 0.1rem; border-radius: 0.1rem; color: #FFF;}
.sxx-chain-list dd { display: block; min-height: 0.7rem; max-height: 1.4rem; font-size: 0.55rem; line-height: 0.7rem;}

.sxx-cart-subtotal {}
.sxx-cart-subtotal dl { position: relative; z-index: 1; padding: 0.4rem 0 0; font-size: 0;}
.sxx-cart-subtotal dt { position: absolute; z-index: 1; top: 0.4rem; left: 0.4rem; display: block; width: 50%; height: 1rem; font-size: 0.6rem; line-height: 1rem;}
.sxx-cart-subtotal dd { height: 1rem; margin: 0 0.5rem 0 50%; text-align: right; font-size: 0.6rem; line-height: 1rem;}
.sxx-cart-subtotal .plus-zhekou{color: #403F42;font-size: 10px;height: 19px;text-align: right;line-height: 19px;
background: url(../images/plus-zhekou.png)no-repeat;background-size: 100% 100%;box-sizing: border-box;padding-left: 26px;padding-right: 5px;}
.sxx-cart-subtotal .message { position: relative; z-index: 1; display: block; height: 1.6rem; padding-top: 0.4rem;}
.sxx-cart-subtotal .message input[type="text"] { display: block; width: 91%; height: 0.9rem; padding: 2%; margin: 0 2.5%; background-color: #F0F0F0; border: none; border-radius: 0.2rem; line-height: 0.9rem; font-size: 0.6rem;}
.sxx-cart-subtotal .store-total { padding: 0.5rem; text-align: right; font-size: 0.6rem; line-height: 0.9rem;}
.sxx-cart-subtotal .store-total span { font-size: 0.45rem; color: #DB4453;}
.sxx-cart-subtotal .store-total span em { font-size: 0.6rem; font-weight: 600;}

.sxx-cart-num { display: block; padding: 0.5rem 0; text-align: center; font-size: 0.6rem; color: #000; line-height: 1rem;}
.sxx-cart-num em { font-size: 1rem; color: #DB4453; font-weight: 600; display: inline-block; vertical-align: sub; margin: 0 0.2rem; }
.sxx-inp-cart ul { background-color: transparent;}
.sxx-inp-cart ul li { height: auto; margin: 0; background-color: transparent;}
.sxx-inp-cart ul li .input-box { margin: 0;}
.sxx-inp-cart ul li .input-box p { font-size: 0.55rem; position: absolute; z-index: 1; top: 0.8rem; right: 0.5rem; color: #555;}
.sxx-inp-cart ul li .input-box p em { font-size: 0.6rem; font-weight: 600; color: #000;}
.sxx-inp-cart ul li .input-box .txt { margin-left: 0.5rem;}
.sxx-inp-cart ul li .input-box .inp { width: 35%; background-color: #F5F5F5; padding: 0.25rem 0.5rem; margin: 0.25rem 0.5rem 0 0.25rem; border-radius: 0.2rem;}
.sxx-inp-cart ul li .input-box .select { float: right; width: auto; text-align: right; margin-right: 1.1rem;}
.sxx-inp-cart ul li .input-box .arrow-down { right: 0.35rem;}
.sxx-inp-cart .pay-btn { display: block; margin: 0.5rem 0 1rem 0;}

/*购物车使用红包*/
#rptVessel .input-box { display: block; height: 1.95rem; margin: 0 0 0 0.5rem; position: relative; z-index: 1; font-size: 0.6rem; line-height: 1.95rem;}
#rptVessel .input-box input[type="checkbox"] { display: none; }
#rptVessel .input-box p { position: absolute; z-index: 1; top: 0.5rem; right: 0.5rem; display: block; height: 0.9rem; font-size: 0.6rem; color: #000; line-height: 0.9rem;}

/*购物车使用积分*/
#orderPoints .input-box { display: block;  margin: 0 0 0 0.5rem; position: relative; z-index: 1; font-size: 0.6rem; line-height: 1.95rem;}
#orderPoints .input-box input[type="checkbox"] { display: none; }
#orderPoints .input-box p { position: absolute; z-index: 1; top: 0.5rem; right: 0.5rem; display: block; height: 0.9rem; font-size: 0.6rem; color: #000; line-height: 0.9rem;}
#orderPoints .message input[type="number"] { display: block; width: 91%; height: 0.9rem; padding: 2%; margin: 0 2.5%; background-color: #F0F0F0; border: none; border-radius: 0.2rem; line-height: 0.9rem; font-size: 0.6rem;}
#orderPoints_jindou .message input[type="tel"] { display: block; width: 91%; height: 0.9rem; padding: 2%; margin: 0 2.5%; background-color: #F0F0F0; border: none; border-radius: 0.2rem; line-height: 0.9rem; font-size: 0.6rem;}

/* 520积分 */
#orderPoints_520 .input-box { display: block;  margin: 0 0 0 0.5rem; position: relative; z-index: 1; font-size: 0.6rem; line-height: 1.95rem;}
#orderPoints_520 .input-box input[type="checkbox"] { display: none; }
#orderPoints_520 .input-box p { position: absolute; z-index: 1; top: 0.5rem; right: 0.5rem; display: block; height: 0.9rem; font-size: 0.6rem; color: #000; line-height: 0.9rem;}
#orderPoints_520 .message input[type="number"] { display: block; width: 91%; height: 0.9rem; padding: 2%; margin: 0 2.5%; background-color: #F0F0F0; border: none; border-radius: 0.2rem; line-height: 0.9rem; font-size: 0.6rem;}

/* 金豆积分 */
#orderPoints_jindou .input-box { display: block;  margin: 0 0 0 0.5rem; position: relative; z-index: 1; font-size: 0.6rem; line-height: 1.95rem;}
#orderPoints_jindou .input-box input[type="checkbox"] { display: none; }
#orderPoints_jindou .input-box p { position: absolute; z-index: 1; top: 0.5rem; right: 0.5rem; display: block; height: 0.9rem; font-size: 0.6rem; color: #000; line-height: 0.9rem;}
#orderPoints_jindou .message input[type="number"] { display: block; width: 91%; height: 0.9rem; padding: 2%; margin: 0 2.5%; background-color: #F0F0F0; border: none; border-radius: 0.2rem; line-height: 0.9rem; font-size: 0.6rem;}


/*支付密码帮助*/
.input-box-help { position: absolute; z-index: 1; top: 0.4rem; right: 0.6rem; display: block; width: 2.2rem; height: 1.5rem; text-align: center;font-size: 0.55rem; color: #000;}
.input-box-help i { display: block; vertical-align: top; width: 0.6rem; height: 0.6rem; margin: 0 auto 0.1rem auto; text-align: center; font-size: 0.6rem; line-height: 0.6rem; color: #BBB; font-weight: bold; border: solid 0.05rem #CCC; border-radius: 100%;}

/*在线支付方式选择*/
.sxx-pay { display: block;}
.sxx-pay .spacing-div { position: relative; z-index: 1; display: block; height: 1rem; margin: 0 0.5rem 1rem 0.5rem; border-bottom: solid #EEE 0.05rem;}
.sxx-pay .spacing-div span { position: absolute; z-index: 1; bottom: -0.3rem; left: 50%; display: block; width: 5rem; margin-left: -2.5rem; text-align: center; font-size: 0.55rem; line-height: 0.6rem; height: 0.6rem; background-color: #FFF; color: #888;}
.sxx-pay .pay-sel { display: block; width: 100%;}
/* .sxx-pay label { float: left; width: 50%; height: 2rem; padding: 0.25rem 0; text-align: center; border: none !important;} */
.sxx-pay label { width: 100%;height: 65px;display: flex;flex-direction: row;justify-content: space-between;box-sizing: border-box;padding: 0 15px;align-items: center;border-bottom: 1px solid #f2f2f2;}
.sxx-pay label .pay-sel-left{display: flex;flex-direction: row;align-items: center;}
.sxx-pay label input[type="radio"] { display: none;}
.sxx-pay label .pay-sel-left .pay-zhifu-img{width: 30px;height: 30px;display: block;}
.sxx-pay label .pay-sel-left .pay-zhifu-p{font-size:16px;margin-left: 20px;}
.sxx-pay label .pay-sel-left .pay-zhifu-span{font-size:10px;margin-left: 3px;color:#FC2828;margin-top: 3px;}
.sxx-pay label .pay-select-btn{width: 20px;height: 20px;border-radius: 50%;border:1px solid #999;position: relative;}
.sxx-pay label .pay-select-btn .pay-select-yan{width: 10px;height: 5px;position: absolute;border-bottom: 3px solid #fff;border-left: 3px solid #fff;left: 4px;top: 5px;transform: rotate(-45deg);display: none;}
.sxx-pay .checked .pay-select-btn{border:1px solid var(--mainColor);background-color: var(--mainColor);}
.sxx-pay .checked .pay-select-btn .pay-select-yan{display: block ;}
.sxx-pay label span { display: inline-block; width: 5rem; height: 1.5rem; margin: 0 auto; background-position: 50% 50%; background-repeat: no-repeat; background-size: 100%; filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */ -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; opacity: 0.5;}
.sxx-pay label.checked span { -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0); filter: gray; opacity: 1;}
.sxx-pay label span.alipay { background-image: url(../images/alipay.jpg);}
.sxx-pay label span.wxpay { background-image: url(../images/wxpay.jpg);}
.sxx-pay label span.rongbao { background-image: url(../images/rongbao_logo.gif);}
.sxx-pay label span.tonglian { background-image: url(../images/tonglian_logo.gif);}
.sxx-pay label span.juhe { background-image: url(../images/pay_img_sel.png);}
.sxx-pay label span.tongpay { background-image: url(../images/tongpay.png);}


/* 选择用药人 */
.chufang-box{background-color: #ffffff;width: 100%;margin: 10px auto 0px auto;box-sizing: border-box;padding:0 15px;
    display: flex;flex-direction: column;}
.useYao-box{width: 100%;border-bottom: 1px solid #f2f2f2;box-sizing: border-box;padding: 15px 0;}
.useYao-box-top{width: 100%;display: flex;flex-direction: row;align-items: center;justify-content: space-between;}
.useYao-title{display: flex;flex-direction: row;align-items: center;}
.useYao-title i{width: 18px;height: 18px;display: block;}
.userYao-icon{background: url(../images/peoples.png);background-size: 100% 100%;}
.useYao-title p{font-size: 14px;color: #333;margin-left: 5px;}
.useYao-box-bottom{width: 100%;display: flex;height: 30px;
    flex-direction: row;align-items: center;justify-content: space-between;}
.useYao-box-bottom-title{margin-left: 20px;color: #999;font-size: 14px;}
.useYao-box-bottom i{width: 16px;height: 16px;background: url(../images/hyy_order_pay_sel_img@3x.png);background-size: 100% 100%;}

/* 用药人列表 */
.big-body{min-height: 100vh;width: 100%;background: #f6f6f6;overflow: hidden;}
.add-btn-box{display: block;width:calc(100% - 30px);height: 45px;background: var(--mainColor);margin: 0 auto;border-radius: 22.5px;margin-top: 26px;}
.add-btn{width: 100%;height: 100%;display: flex;flex-direction: row;align-items: center;justify-content: center;}
.add-btn i{width: 18px;height: 18px;margin-right: 10px;background: url(../images/jyfzyf_user_add_icon_01@2x.png);background-size: 100% 100%;display: block;}
.add-btn p{font-size: 16px;color: #fff;}
.select-ul{width: calc(100% - 30px);margin: 0 auto;}
.select-ul li{width: 100%;height: 100px;margin-top: 10px;border-radius: 10px;background: #fff;}
.label-ul{width: 100%;height: 100%;display: flex;flex-direction: row;align-items: center;justify-content: space-between; box-sizing: border-box;padding: 15px;}
.label-ul-left{display: flex;flex-direction: row;align-items: center;}
.label-ul-right{display: flex;flex-direction: row;align-items: center;}
.user-news{display: block;}
.user-news p:nth-of-type(1){font-size: 16px;color: #333;display: flex;flex-direction: row;align-items: center;}
.user-news p:nth-of-type(1) span{font-size: 16px;color: #333;margin-right: 5px;}
.user-news p:nth-of-type(1) i{font-size: 12px;padding: 0px 5px;border: 1px solid #FC5C56;color: #FC5C56;border-radius:5px; box-sizing: border-box;}
.user-news p:nth-of-type(2){font-size: 12px;color: #999;margin-top: 10px;}
.user-news p:nth-of-type(3){font-size: 12px;color: #999;margin-top: 5px;}
.delete-btn{width: 20px;height: 20px;margin-left: 15px;background: url(../images/delete-icon.png);background-size: 100% 100%;display: block;}
.enit-btn{width: 16px;height: 16px;background: url(../images/jyfzyf_user_edit_icon@2x.png);background-size: 100% 100%;display: block;}

/* 加载提示框 */
.loading_big_box{display: none;}
.loading_box{width: 100px;height: 100px;border-radius: 10px; z-index: 99; color: white;font-size: 14px; position: fixed;top: 0;left: 0;bottom: 0;right: 0; margin: auto;background: rgba(0,0,0,0.8);z-index: 100;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.loading_box p{margin-top: 10px;}
.loading_box .loading-img{width: 35px;height: 35px;background: url(../images/loading_icon.gif);}
.dianpu_name{margin-bottom: 30px;}

/* 用药人新增编辑 */
.big-body{width: 100%;background: #f6f6f6;}
.display_none{display: none !important;}
.top-tip-div{width: 100%;height: 40px;background: #F2FFFD; display: flex;flex-direction: row;align-items: center; box-sizing: border-box;padding: 0 15px;}
.top-tip-div i{width: 13px;height: 13px;background: url(../images/jyfzyf_add_user_icon_safe@2x.png);background-size: 100% 100%;}
.top-tip-div p{font-size: 12px;color: #ED5564;margin-left: 5px;}
.ul-list{width: 100%;background: #fff;}
.ul-list li{width: 100%;height: 55px;box-sizing: border-box;padding: 0 15px;border-bottom: 1px solid #f6f6f6;display: flex;flex-direction: row;align-items: center;}
.ul-list-left{display: flex;flex-direction: row;align-items: center;}
.ul-list-left i{font-size: 14px;color: #FF3434;margin-right: 5px;}
.ul-list-left p{font-size: 14px;color: #333;width: 90px;font-weight: bold;}
.ul-list-right{display: flex;flex-direction: row;align-items: center;}
.ul-list-right-item{display: flex;flex-direction: row;align-items: center;margin-right: 20px;}
.ul-list-right-healthy{display: flex;flex-direction: row;justify-content: center;width: calc(100% - 101px); }
.ul-list-right-healthy-left{width: calc(100% - 18px);font-size: 14px;color: #bbb;}
.ul-list-right-healthy-left-text{width: 100%;font-size: 14px;color: #bbb;}
.ul-list-right-healthy-left-text p{width: 100%;height: 16px;line-height: 16px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin-top: 5px;}
.ul-list-right-healthy i{width: 13px;height: 13px;margin-left: 5px;margin-top: 5px;background: url(../images/hyy_order_pay_sel_img@3x.png);background-size: 100% 100%;}
.input-text{border: none !important;font-size: 14px;background-color: #fff;width: 100%;}

.select-background{width: 100%;height: 100vh;background: rgba(0,0,0,0.4);position: fixed;top: 0;left: 0;z-index: 10; display: none;}
.select-box-healthy{width: 100%;height: 90vh;background: #fff;position: fixed;bottom: -90vh;left: 0;z-index: 11;border-radius: 15px 15px 0 0;box-sizing: border-box;padding: 25px 15px 50px 15px;transition: 0.5s;}
.select-box-healthy-title{width: 100%;display: flex;flex-direction: row;align-items: center;justify-content: space-between;}
.select-box-healthy-title p{font-size: 16px;color: #333;font-weight: bold;}
.select-box-healthy-title i{width: 16px;height: 16px;display: block;}
.drug-icon{background: url(../images/jyfz_order_icon_delete@2x.png);background-size: 100% 100%;}
.select-box-healthy-content{width: 100%;height: calc(100% - 61px);margin-top: 40px;overflow: hidden;overflow-y: scroll;}
.select-box-healthy-content-tiem{width: 100%;margin-bottom: 30px;}
.select-box-healthy-content-tiem-top{width: 100%;display: flex;flex-direction: row;align-items: center;justify-content: space-between;}
.select-box-healthy-content-tiem-title{font-size: 14px;color: #333;font-weight: bold;}
.select-box-healthy-content-tiem-title-right{display: flex;flex-direction: row;align-items: center;}
.select-health-title-btn{display: flex;flex-direction: row;align-items: center;margin-right: 10px;}
.select-box-healthy-content-tiem-top-bottom{width: 100%;height: 0px;overflow: hidden;transition: 2.5s;}
.select-box-healthy-content-tiem-top-bottom-ul{width: 100%;overflow: hidden;margin-top: 15px;}
.select-box-healthy-content-tiem-top-bottom-ul li{padding: 10px 20px;border-radius: 15px;float: left;background: #F8F8F8;font-size: 12px;margin-right: 8px;margin-top: 10px;color: #666;}
.select-ul-li{background: #EEFFFC !important;color: var(--mainColor) !important;}
.other-healthy-title{width: 100%;font-size: 14px;color: #333;font-weight: bold;margin-top: 15px;}
.textarea-healthy{width: 100%;background: #f8f8f8;border-radius: 10px;box-sizing: border-box;padding: 15px 10px;border: none;font-size: 14px;margin-top: 10px;}

.queding-btn{width: 100%;height: 40px;background-color: var(--mainColor);color: #fff;text-align: center;line-height: 40px;font-size: 16px;}

.que-btn{width: calc(100% - 30px);height: 45px;background: var(--mainColor);color: #fff;text-align: center;line-height: 45px;
    border-radius: 22.5px;margin: 0 auto;margin-top: 25px;font-size: 16px;}


@keyframes heightChange{
    0%{height: 0px;}
    100%{height: 100%;}
}

/* 按钮 */
.check_box{overflow: hidden;position: relative;width: 20px;height: 20px;line-height: 20px;display: inline-block;border-radius: 50%;margin-right: 15px;}
.fangkuang_span{display:inline-block;width: 100%;height: 100%;background: #fff;border: 1px solid #bbb;box-sizing: border-box;border-radius: 50%;}
.check_box input[type=radio]{position: absolute;top: 0;left: 0;width: 20px;height: 20px; margin: 0 !important;opacity: 0;}
.check_box input[type=radio]:checked+.fangkuang_span{background-color: var(--mainColor);border: 1px solid var(--mainColor);}
.check_box input[type=radio]:checked+.fangkuang_span::after{position: absolute;content: "";width: 4px;height: 8px;top: 4px;left: 7px;border: 2px solid #fff;border-top: none;border-left: none;transform: rotate(45deg)}

.huiyuan-icon{display: inline-block; padding: 0 0.15rem;margin-bottom: 0.2rem; border-radius: 0.1rem; margin-right: 0.1rem; background-color: #ED5564; color: #FFF; font-size: 0.6rem; line-height: 0.9rem; vertical-align: middle; height: 0.9rem;}
/*//病情描述*/
.userYao-box-text{width: 100%;background: #fff; border-bottom: 1px solid #f2f2f2;box-sizing: border-box;padding: 15px;}
.userYao-box-text-top{width: 100%;display: flex;flex-direction: row;align-items: center;justify-content: space-between;}
.userYao-box-text-bottom{width: 100%;}
.userYao-box-text-bottom textarea{-webkit-appearance: none;appearance: none;margin-left: 20px;width: calc(100% - 20px);border: 1px solid #eee;border-radius: 10px;font-size: 14px;box-sizing: border-box;padding: 5px;margin-top: 10px;text-indent: 2em;}
.bingqing-icon{display: inline-block;
    vertical-align: middle;
    width: 0.9rem;
    height: 0.9rem;
    margin-right: 0.1rem;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 70%;
    opacity: 0.7;
    background-image: url(../images/mcc_01.png);
}
/* 是否首诊 */
.shouzhen-box{width: 100%;box-sizing: border-box;padding: 15px 0;border-bottom: 1px solid #f2f2f2;}
.shouzhen-box .ul-list-right{display: flex;flex-direction: row;align-items: center;}
.shouzhen-box .ul-list-right-item{display: flex;flex-direction: row;align-items: center;font-size:14px;}
.shouzhen-box-title{width: 100%;display: flex;flex-direction: row;align-items: center;justify-content: space-between;}
.shouzhen-box-title-left{font-size: 14px;width: 50%;}
.shouzhen-box-title-left span{color: red;}
.shouzhen-img{display: flex;flex-direction: column;}

.blfy-box{width: 100%;box-sizing: border-box;padding: 15px 0;border-bottom: 1px solid #f2f2f2;}
.blfy-box .ul-list-right{display: flex;flex-direction: row;align-items: center;}
.blfy-box .ul-list-right-item{display: flex;flex-direction: row;align-items: center;font-size:14px;}
.blfy-box-title{width: 100%;display: flex;flex-direction: row;align-items: center;justify-content: space-between;}
.blfy-box-title-left{font-size: 14px;width: 50%;}
.blfy-box-title-left span{color: red;}

.shouzhen-p{width: 100%;display: flex;flex-direction: row;color: red;margin-top: 5px;font-size:14px;}
.shouzhen-p img{width: 14px;height: 14px;margin-top: 5px;margin-right: 5px;}

.blfy-p{width: 100%;display: flex;flex-direction: row;color: red;margin-top: 5px;font-size:14px;}
.blfy-p img{width: 14px;height: 14px;margin-top: 5px;margin-right: 5px;}

/* 开具发票 */
.top-item-box{width: 100%;background:#fff;}
.top-item-top{width: 100%;display: flex;flex-direction: row;align-items: center;justify-content: space-between; box-sizing: border-box;padding: 10px 15px;border-bottom: 1px solid #ddd;font-size: 15px;color: #333;}
.top-item-bottom{width: 100%;box-sizing: border-box;padding: 10px 15px;font-size: 12px;color: #999;}

.bottom-box{width: 100%;background-color: #fff;margin-top: 10px;}
.bottom-div{width: 100%;height: 55px; box-sizing: border-box;padding: 0 15px; border-bottom: 1px solid #ddd;display: flex;flex-direction: row;align-items: center;justify-content: space-between;}
.bottom-div-select{display: flex;flex-direction: row;}
.bottom-div-title{font-size: 14px;font-weight: bold;color: #333;}
.select-btn{width: 98px;height: 30px;border: 1px solid #999;font-size: 14px;
    text-align: center;line-height: 30px;border-radius:10px;color: #999;margin-right: 15px;}
.select-btn-ative{border: 1px solid var(--mainColor);color:var(--mainColor);}
.input-text{border: none;height: 45px;font-size: 14px;text-align: right;cursor: pointer;width:50%;}

#tijiao-btn{width: 90%;height: 45px;border-radius: 22.5px;margin: 0 auto;background-color:var(--mainColor);color: #fff;text-align: center;line-height: 45px;margin-top: 50px;font-size: 14px;font-weight: bold;}
#nonejiao-btn{width: 90%;height: 45px;border-radius: 22.5px;margin: 0 auto;background-color: #fff;color: var(--mainColor);text-align: center;line-height: 45px;margin-top: 15px;font-size: 14px;font-weight: bold;margin-bottom: 50px;}

/* 顶部导航 */
.header-tab a{position:relative}
.header-tab span{position: absolute;right: 3px;top: 2px;font-size: 12px;border-radius: 50%;background: var(--mainColor);color: #fff;height: 14px;text-align: center;line-height: 14px;padding: 0px 3px;}
.header-tab .cur span{position: absolute;right: 3px;top: 2px;font-size: 12px;border-radius: 50%;background: #fff;color: var(--mainColor);height: 14px;text-align: center;line-height: 14px;padding: 0px 3px;}