wpfw_ewei_shopv2/plugin/exchange/static/css/common.css

.fui-content {


    background: #f9f9f9;


}





.btn.btn-danger,


.btn.btn-danger:active,


.btn.btn-danger.disabled {


    border: 0;


}





.btn.btn-danger.disabled {


    background: #ddd;


    color: #fff;


}





.block-text {


    background: #fea000 url("../img/sawtooth.png");


    background-size: 12px;


    background-position: left bottom;


    background-repeat: repeat-x;


    color: #fff;


    font-size: 0.75rem;


    padding: 0.4rem 0.4rem 0.5rem;


}





.block-exchange {


    height: auto;


    overflow: hidden;


}





.block-exchange .title {


    text-align: center;


    font-size: 0.9rem;


    padding: 1rem 2rem 0.7rem;


    line-height: 1rem;


}





.block-exchange .title .num {


    font-size: 0.6rem;


    color: #999;


    display: none;


}





.block-exchange .input {


    height: auto;


    overflow: hidden;


    border: 1px solid #efefef;


    margin: 0 2.4rem 0.6rem;


    border-radius: 0.2rem;


}





.block-exchange .input input {


    height: 1.9rem;


    width: 100%;


    border-radius: 0.2rem;


    border: 0;


    padding: 0 0.4rem;


    font-size: 0.7rem;


    text-align: center;


    color: #666;


    -webkit-appearance: none;


}





.block-exchange .btn-danger{


    margin: 0 2.4rem;


}





.block-exchange .btn-default {


    margin: 0 1rem;


    display: none;


}





.block-exchange .list {


    background: #fff;


    margin: 0 1rem 0.5rem;


    border-radius: 0.2rem;


    display: none;


}





.block-exchange .list .item {


    padding: 0.6rem;


    display: -webkit-box;


    display: -ms-flexbox;


    display: -webkit-flex;


    display: flex;


    -webkit-box-align: center;


    -webkit-align-items: center;


    align-items: center;


    position: relative;


}





.block-exchange .list .item:after {


    content: '';


    position: absolute;


    bottom: 0;


    right: 0.5rem;


    left: 3rem;


    border-bottom: 1px solid #efefef;


    -webkit-transform: scaleY(0.5);


    -ms-transform: scaleY(0.5);


    transform: scaleY(0.5);


}





.block-exchange .list .item:last-child:after {


    display: none;


}





.block-exchange .list .item .ico {


    height: 2rem;


    width: 2rem;


    background-repeat: no-repeat;


    background-size: 100% auto;


    background-position: center;


}





.block-exchange .list .item .ico.money {


    background-image: url("../img/icon_money.png");


}





.block-exchange .list .item .ico.credit {


    background-image: url("../img/icon_credit.png");


}





.block-exchange .list .item .ico.coupon {


    background-image: url("../img/icon_coupon.png");


}





.block-exchange .list .item .ico.redbag {


    background-image: url("../img/icon_redbag.png");


}


.block-exchange .list .item .ico.goods {


    background-image: url("../img/icon_goods.png");


}





.block-exchange .list .item .info {


    width: 100%;


    -webkit-box-flex: 1;


    -webkit-flex: 1;


    -ms-flex: 1;


    flex: 1;


    padding: 0 0.5rem;


    line-height: 0.9rem;


}





.block-exchange .list .item .info .t1 {


    font-size: 0.75rem;


    color: #444;


}





.block-exchange .list .item .info .t2 {


    color: #aaa;


    font-size: 0.65rem;


}





.block-exchange .list .item .btn-exc {


    margin: 0;


    padding: 0;


    text-align: center;


    width: 3.2rem;


}





.block-info {


    padding: 0.5rem 0 1.4rem;


}


.block-info .head {


    height: 2rem;


    line-height: 2rem;


    text-align: center;


    position: relative;


}





.block-info .head:before {


    position: absolute;


    top: 50%;


    left: 0;


    right: 0;


    border-top: 1px solid #efefef;


    content: "";


    height: 0;


    z-index: 1;


}





.block-info .head .title {


    height: 2rem;


    background: #f9f9f9;


    padding: 0 0.6rem;


    position: relative;


    z-index: 2;


    display: inline-block;


    position: relative;


    color: #555;


}





.block-info .head .title:before,


.block-info .head .title:after {


    content: '';


    position: absolute;


    top: 50%;


    left: 0;


    height: 0.2rem;


    width: 0.2rem;


    background: #cdcdcd;


    border-radius: 0.2rem;


    margin-top: -0.07rem;


}





.block-info .head .title:after {


    left: auto;


    right: 0;


}





.block-info .info {


    padding: 0 1rem;


    color: #666;


    font-size: 0.7rem;


}





.alert-success {


    height: 13rem;


    width: 14rem;


    background: url("../img/alert-success.png");


    background-size: 14rem auto;


    padding-top: 7.6rem;


    position: fixed;


    top: 50%;


    left: 50%;


    margin: -6.5rem -7rem;


    z-index: 10;


}





.alert-success .text,


.alert-error .text {


    padding: 0 1rem;


    color: #fff;


    text-align: center;


    font-size: 1rem;


}





.alert-success .btn,


.alert-error .btn {


    width: 6rem;


    margin: 0.8rem auto 0;


    display: block;


    height: 1.8rem;


    line-height: 1.8rem;


    border: 0;


}





.alert-success .btn:active,


.alert-error .btn:active {


    border: 0;


}





.alert-error {


    height: 12.5rem;


    width: 14rem;


    background: url("../img/alert-error.png");


    background-size: 14rem auto;


    padding-top: 7rem;


    position: fixed;


    top: 50%;


    left: 50%;


    margin: -6.5rem -7rem;


    z-index: 100;


}