@charset "utf-8";
body {width: 100%;height: auto;min-height: 100%; padding-bottom: 10rem; background-color: #f0f8f8;}
.tab-nav {height: 50px; padding: 0 1rem; font-size: 0; background-color: #fff; border-bottom: 1px solid #e5e5e5; }
.tab-nav a {display: inline-block; width: 49%; font-size: 18px; line-height: 49px; text-align: center; color: #666; }
.tab-nav .active {color: #2fbdc8; border-bottom: .1rem solid #2fbdc8; }

.card-list{width: 100%; padding-top: 1rem;}
.card-list li{width: 100%; min-height: 9.6rem; background-color: #fff; margin-bottom: 1rem; position: relative; padding: 1.8rem 0 1rem 14rem; border: 1px solid #e5e5e5;}
.card-list li .m-pic{display: inline-block; width:11.5rem; height: 7.3rem; position: absolute; left: 1rem; top: 1rem; overflow: hidden;}
.card-list li .m-pic img{max-width: 100%; max-height: 100%;}
.card-list li span{font-size: 1.4rem; color: #333;}
.card-list li p{overflow: hidden; font-size: 1.4rem; color: #999; margin-top: 1rem;padding-right: 1.5rem;}
.card-list li p .num-icon {float: right;}
.card-list li p input {float: right;width: 3rem;height: 3rem;font-size: 1.4rem; color: #333;text-align: center;}

/*.card-list .m-pic{padding-top: 2rem; text-align: center; font-size: 2.3rem; color: #fff;}*/
/*.card-list .m-pic i{font-style: normal; font-size: 1.2rem;}*/
/*.card-list .green{background: url("../images/green-230x146.png") no-repeat scroll 100% center / 100% auto;}*/
/*.card-list .blue{background: url("../images/blue-230x146.png") no-repeat scroll 100% center / 100% auto;}*/
/*.card-list .red{background: url("../images/red-230x146.png") no-repeat scroll 100% center / 100% auto;}*/

.fixed-btm {position: fixed;bottom: 0;left: 0; width: 100%; height: 6rem; padding: 0 1rem; background-color: rgba(0,0,0,.8);}
.fixed-btm span {float: left;display: inline-block; font-size: 1.2rem;color: #fff;}
.fixed-btm a {float: right;height: 4rem;padding: 0 2.5rem; margin-top: 1rem; font-size: 1.4rem; color: #fff; border-radius: .4rem; line-height: 4rem; background-color: #2fbdc8;}

/*加减按钮*/
/*.num-icon {display: inline-block;width: 3rem ;height: 3rem;background-color: #ccc;}
.jian-icon {background: url(../images/jian.png) no-repeat scroll center center / 100% 100%;}
.jian-disabled {background: url(../images/jian-disabled.png) no-repeat scroll center center / 100% 100%;}
.jia-icon {background: url(../images/jia.png) no-repeat scroll center center / 100% 100%;}*/
.decrease{float: right; display: inline-block; width: 2.2rem; height: 2.2rem; font-size: 1.4rem; color: #666666; background-color: #fafafa; line-height: 1rem; text-align: center; border: 1px solid #e5e5e5;}
.increase{float: right; display: inline-block; width: 2.2rem; height: 2.2rem; font-size: 1.4rem; color: #666666; background-color: #fafafa; line-height: 2.2rem; text-align: center; border: 1px solid #e5e5e5;}
.decrease.disabled {color: #ccc;}


/*002 电子卡无密*/
.card-list li p strong {font-size: 1.4rem; color: #f00;font-weight: 400;}
.card-list li p span {font-size: 1.4rem; color: #666;}
.link-arr {display: block; width: 100%; margin-bottom: 1rem; padding: 1.5rem 1rem; font-size: 1.3rem; overflow: hidden; color: #666; border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;background: #fff url("../images/arr-r1.png") no-repeat scroll 96% center / .7rem 1.4rem;}

/*003电子卡有密*/
.fixed-btm a.disabled {background-color: #999;}
.phone-icon { position: relative; top: .4rem; display: inline-block; width: 1rem;height: 1.8rem; margin-right: .5rem; background: url(../images/mphone.png) no-repeat scroll center center / .9rem 1.4rem;}
.addr p {width: 90%;}
.addr-t {font-size: 1.2rem; color: #323232;}
.addr-t span:first-child {margin-right: 2rem;}
.addr-b {font-size: 1rem; color: #999;}

/*004设置密码*/
.pass-tip {display: block;height: 2.5rem; width: 100%; padding: 0 1rem; line-height: 2.5rem;font-size: 1rem;color: #646464;background: #fff7d6 96% center / .5rem .9rem;}
.pass-tip .tip-icon {float: left; display: inline-block;width: 2rem;height: 2.5rem; background: url("../images/tip-icon.png") no-repeat scroll center center / 1.2rem 1.2rem;}
.form-pass {margin: 1rem 1rem 0 1rem;}
.form-pass-t { padding: 1.5rem 1rem 0 1rem;margin-bottom: 2rem; border: 1px solid #e5e5e5;background-color: #fff;}
.form-group {position: relative; height: 5rem;}
.form-group label { float: left; display: inline-block; width: 22%; font-size: 1.1rem ;color: #666; line-height: 3.5rem;}
.form-group input {float: left; display: inline-block;width: 78%;height: 3.5rem;  padding: .5rem;  font-size: 1.2rem; color: #333; border: 1px solid #e5e5e5;}

.op-icon {top: .25rem;right: 0;width: 3rem;height: 3rem; -webkit-appearance: none;  outline: 0 none; border: none; font-family:inherit; margin: 0; padding: 0; background: url("../images/eye-icon.png") no-repeat scroll center center / 100% 100%;}
.op-icon-show {position: absolute;width: 8%;height: 3.5rem; background: url("../images/eye-icon2.png") no-repeat scroll center center / 100% 100%;border: 1px solid #e5e5e5; border-left: none; float: right}

.form-btn {display: block;width: 100%;height: 4rem;font-size: 1.8rem; text-align: center; line-height: 4rem; color: #fff; border-radius: .4rem; background-color: #2fbdc8;}

/*辅助*/
.mt-t {margin-top: 2rem;}
.mt-of {margin-top: 1.5rem;}
.pr-th {padding-right: 3rem !important;}
.text-333 {color: #333;}

/*发票*/
.fl{float:left;display:inline;}/* 设置浮动，减少浮动带来的 bug */
.select-b {height: 5.5rem;padding-top: .75rem;}
.select-b .btn { display: block; width: 45%; height: 4rem; line-height: 4rem; margin: 0 auto; font-size: 1.4rem; text-align: center; color: #2fbdc8;border: 1px solid #2fbdc8; border-radius: .4rem;}
.select-b .btn-icon span { padding-left: 2rem; background: url(../images/add-icon2.png) no-repeat scroll left center / 1.7rem 1.7rem;}
.form-group select{width: 75%; display: inline-block; padding-left: 1rem; font-size: 1.3rem; color: #666;height: 3rem;line-height: 3rem;margin-top: 0.7rem;}

.select-m .form-group{height: 4.5rem; padding: 0 1rem; border-bottom: 1px solid #e5e5e5;}
.select-m .form-group label { width: 25%; font-size: 1.4rem; line-height: 4.4rem; color: #666;}
.select-m .form-group .checkbox {display: block; width: 1.5rem;height: 1.5rem; margin-top: 1.5rem; background: url(../images/gou-icon.png) no-repeat scroll 0 0 / 1.5rem 3rem;}
.select-m .form-group .checkbox.selected {background: url(../images/gou-icon.png) no-repeat scroll 0 -1.5rem / 1.5rem 3rem;}
.select-m .form-group input {height: 4.4rem; padding: 1rem 0; line-height: 4.4rem; font-size: 1.4rem; color: #333;border: none;}
.select-m .form-group .inp-s {width: 75%;}
.select-m .form-group .inp-l {width: 94%;padding-left: 1rem;}

.select-box { margin-bottom: 1rem; border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5; background-color: #fff;}
.select-t {height: 4.5rem; padding: 0 1rem; border-bottom: 1px solid #e5e5e5;}
.select-t .fl {font-size: 1.3rem; color: #666;line-height: 4.5rem;}
.select-t .select-icon {display: block;width: 6rem; height: 4.5rem; background: url(../images/close-icon.png) no-repeat scroll center center / 5.2rem 3.4rem;}
.select-t .select-icon.selected {background: url(../images/open-icon.png) no-repeat scroll center center / 5.2rem 3.4rem;}
.select-t  .bg-u { line-height: 4.5rem; padding-right: 2rem; background: url(../images/arr-u1.png) no-repeat scroll right center / 1.4rem .7rem;}
.select-t  .bg-d {line-height: 4.5rem;padding-right: 2rem; background: url(../images/arr-d1.png) no-repeat scroll right center / 1.4rem .7rem;}

.pay { overflow: hidden; padding: 1rem; line-height: 1.6rem; margin-bottom: 1rem; border-top: 1px solid rgba(229, 229, 229, 1.0); border-bottom: 1px solid rgba(229, 229, 229, 1.0); background-color: rgba(255, 255, 255, 1.0);}
.pay a {display: block;overflow: hidden; background: url(../images/right-icon.png) no-repeat scroll right center / .7rem 1.4rem;}
.pay-l {float: left;width: 25%;}
.pay-l span {font-size: 1.3rem;color: #666;}
.pay-l p {font-size: 1rem;color: #999;}
.pay-r { float: right; margin-right: 2rem; color: #666;font-size: 1.2rem; width: 68%; }
.pay-2 {float: left;width: 25%;}
.pay-2 span {font-size: 1.3rem;color: #666; line-height: 2.8rem;}

.link-arr .user-name { margin-bottom: .5rem; font-size: 1.2rem; color: rgba(50, 50, 50, 1.0);}
.link-arr .user-name span:first-child {margin-right: 2rem;}
.link-arr .user-addr {font-size: 1rem; color: rgba(153,153,153,1.0);}


/*暂无数据*/
.nodata{margin: 0 auto; padding: 1rem;text-align: center; }
.nodata h3{background: url("../images/zanwushuju.png") no-repeat center / auto auto;  height: 8rem;}
.nodata h4{ color: #333333; font-size: 1.3rem;}

/*清空输入框*/
.op-icon {display: inline-block; width: 8%; height: 4.4rem; border: 1px solid #e5e5e5; float: right}
.del {background: url(../images/del-login.png) no-repeat scroll center center / 1.1rem 1.1rem; }


.form-pass .form-pass-t .form-group .op-icon{display: inline-block; width: 8%; height: 3.5rem; border: 1px solid #e5e5e5; float: right}
.form-pass .form-pass-t .form-group .del{background: url(../images/del-login.png) no-repeat scroll center center / 1.1rem 1.1rem; }