@charset "utf-8";

* {
    margin: 0;
    padding: 0
}

html {
    height: 100%;
}

button {
    outline: medium;
}

body {
    background: #f4f4f4;
    font-family: "微软雅黑";
    height: 100%;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
    -khtml-user-select: none; /* Konqueror */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently not supported by any browser */
}

a {
    text-decoration: none;
}

ul li {
    list-style: none
}

img {
    vertical-align: bottom;
}

.fl {
    float: left;
}

.rl {
    float: right;
}

.clear {
    clear: both;
}
/* CSS Document */
/* 主页面 */
.giftcard-head1{ width: 10rem; height: 6rem; background-color: #fff;}
.giftcard-head{ background: url(../images/head.png)no-repeat; background-size: 100%; width: 8.67rem; height: 4rem; margin:0 auto 0 auto;
	 position:relative; top: 0.64rem;}
.yg{ font-size: 0.4rem; color: #fff; position: absolute; top: 1.89rem;left: 0.8rem}
.szsx{ font-size: 1.01rem; color: #fff;position: absolute; top: 2.4rem; left: 0.8rem}
.qbk{ width: 2.24rem; height: 0.67rem; background-color: #df7a2a; font-size: 0.37rem; color: #fff; border-radius: 0.32rem; border: none; line-height: 0.67rem;
position: absolute; top: 2.8rem;left: 5.68rem}


.yjdh{ width: 8.67rem; height: 1rem; margin: 0 auto; padding-top: 1rem;}
.jymx{ width: 3.6rem;  margin-left: 0.72rem;}
.jymx-pic{ background-size: 100%;width: 0.4rem; height: 0.4rem;margin-right: 0.19rem; margin-top: 0.08rem;}
.jymx p{ color: #008fd7; font-size: 0.37rem;}

.bkjl{ width: 3rem;}
.bkjl-pic{ background-size: 100%;width: 0.4rem; height: 0.4rem;margin-right: 0.19rem; margin-top: 0.08rem;}
.bkjl p{ color: #008fd7; font-size: 0.37rem;}

.line{ width: 1px; height: 0.4rem;background-color: #008fd7}
.yxsp{ font-size: 0.37rem; color: #868478; width: 10rem; margin: 0 auto; text-align: center; margin-top: 0.27rem;}

.mmxy{ margin: 0 auto; align-items:center; padding-left: 3.2rem; margin-top: 0.51rem; margin-bottom: 0.27rem}
.mmxy-pic{ background-size: 100%;width: 0.4rem; height: 0.35rem; margin-right: 0.19rem; margin-top: 0.08rem; }
.mmxy p{ color: #000; font-size: 0.37rem;}

.giftcard{ }
.giftcard-list{ width: 4.64rem; height: 4.72rem; background-color: #fff; border-radius: 0.13rem; position: relative; margin-bottom: 0.27rem;
margin-left: 0.24rem;}
.giftcard-list p{ font-size: 0.37rem; color: #000; margin-left: 0.21rem; }
.giftcard-list-pic{ width: 4.19rem; height: 2.59rem; margin: 0.21rem 0.21rem 0 0.21rem; border-radius: 0.19rem;}
.gmlpk{ width: 1.01rem; height: 0.53rem; border: #008fd7 1px solid; font-size: 0.32rem; color: #008fd7; border-radius: 0.32rem; line-height: 0.53rem;
position: absolute; top: 3.92rem;left: 3.28rem; background-color: #fff;}



/* 绑卡记录*/
.cardbkjl-head{ background: url(../images/card-jl.png)no-repeat; background-size: 100%; width:9.2rem; height: 2.88rem; margin:0 auto 0 auto;
	 position:relative; margin-top: 0.37rem; }
.cardbkjl-head-no {
    background: url(../images/card-jl-no.png)no-repeat;
}
    .cardbkjl-head-no .cardbkjl-text5 {
        color: #fff !important;
    }

.cardbkjl-text1{ font-size: 0.35rem; color: #fff; position: absolute; left: 0.75rem; top: 0.48rem}
.cardbkjl-text2{ font-size: 0.69rem; font-weight: bold; color: #fff; position: absolute; left: 0.45rem; top: 1rem}
.cardbkjl-text3{ font-size: 0.35rem; color: #fff; position: absolute; right: 0.4rem; top: 0.48rem}
.cardbkjl-text4{ font-size: 0.32rem; color: #fff; position: absolute; right: 0.4rem; top: 1.1rem}
.cardbkjl-text5{ font-size: 0.32rem; color: #50acf9; position: absolute; left: 0.75rem; top: 2.3rem}
.cardbkjl-text6{ font-size: 0.35rem; color: #fff; position: absolute; left: 0.45rem; top: 0.48rem}

.foot-text{ font-size: 0.35rem; color: #5e5e5e; text-align: center; margin-top: 0.8rem}





/* 交易记录*/
.cardjymx-date{height: 0.8rem; line-height: 0.8rem; color: #b5b5b5;
	font-size: 0.35rem; background-color: #fff; padding-left: 0.43rem; border-bottom: 1px #efefef solid;
}
.cardjymx-main{background-color:#fff; padding-left: 0.43rem;padding-right: 0.43rem; }
.cardjymx-list{ height: 1.6rem;border-bottom: 1px #efefef solid;}
    .cardjymx-list .normal {
        font-size: 0.37rem;
        color: #55b1f2;
        padding-top: 0.4rem
    }
    .cardjymx-list .diff {
        font-size: 0.37rem;
        color: #ec4a5f;
        padding-top: 0.4rem
    }





/* 弹窗*/
/*.lpktc-main1{ width: 10rem;background-color: #fff; position: absolute; bottom: 0}*/
.close img{ display: block;width: 0.32rem; height: 0.32rem; margin-left: 9.2rem; padding-top: 0.3rem;}
.lpktc-main{padding-left: 0.48rem; padding-right: 0.48rem; padding-top: 0.48rem; background-color: #fff;}
.lpktc-head{height: 2.6rem;
	border-bottom: 1px #efefef solid;}
.lpktc-pic{ width: 2.99rem; height: 1.84rem;}
.lpktc-text{ margin-left: 0.27rem; width: 4.99rem}
.lpktc-text1{ font-size: 0.4rem; }

.lpktc-list1{ display: inline-block; width: 2.05rem; height: 0.91rem; background-color: #f5f5f5;
		font-size: 0.37rem; color: #383838; border-radius: 0.5rem; line-height: 0.91rem; text-align: center;
		margin-left: 0.1rem; margin-bottom: 0.32rem}

.lpktc-list1-select {
    background-color: #008fd7;
    color: #fff;
}

.chat{ width: 10rem; height: 1.2rem; background-color: #008fd7; color: #fff; font-size: 0.4rem; line-height: 1.2rem;
text-align: center; border: none; margin-top: 0.3rem;}