/* 
* @Author: anchen
* @Date:   2017-07-13 15:16:40
* @Last Modified by:   anchen
* @Last Modified time: 2017-07-18 10:49:39
*/
@charset "utf-8";
body {padding-bottom: 2.85rem;}
.cardwrap {width: 100%; min-height: 29rem; background-color: #fff; padding-bottom: 0.86rem;}
.cardlist {width: 95%; padding: 1.43rem 0 0 5%; background-color: #fff;}
.cardlist ul {width: 100%;}
.cardlist li {position: relative; float: left; width: 45%; margin-bottom: 0.71rem; margin-right: 5%; border-radius:8px;}
.cardlist li img {display: block; width: 100%; opacity: 0.5;}
.hookicon {display:none; position: absolute; top: 0; right: 0; width: 2.43rem; height: 2.43rem; background: url("../../images/gasrecharge/hookicon.png") 0 0 no-repeat; background-size: 100% 100%;}
.cardlist .fuelcard img {opacity: 1;}
.fuelcard .hookicon {display: block;}
.entrycard {width: 100%; margin-top: 1.57rem; margin-bottom: 1.57rem;}
.entrycard span {display:block; color:#666666; margin-bottom: 0.86rem; padding-left: 5%;}
.entrycardinput {display: block; margin-left: 5%; width: 62%; height: 2.71rem; border: 1px solid #c7c7c7; border-radius:8px;}
.entrycardinput input {display: block; width: 90%; height: 1.29rem; padding: 0.71rem 5%; line-height: 1.29rem; font-size: 1.29rem; color:#333333; border-radius: 8px; background-color: rgba(0, 0, 0, 0);}
.fuelprice {width: 90%; margin: 0 auto;}
.fuelprice ul {margin-right: -0.71rem; zoom: 1;}
.fuelprice ul li {float: left; width: 7.5rem; margin-right: 0.71rem; margin-bottom: 0.71rem; padding: 0.71rem 0; box-shadow: 0 0 0 1px #1b37a8; border-radius: 4px;}
.fuelpriceitem span {display: block; font-size:1.29rem; color:#1b37a8; text-align: center;}
.fuelpriceitem em {display: block; color:#666; text-align: center;}
.fuelpitchon {background-color: #1b37a8;}
.fuelpitchon span {color: #fff;}
.fuelpitchon em {color: #fff;}

.fuelbtn {display: block; width: 90%; height: 3.14rem; margin: 1.43rem auto; color: #fff; line-height: 3.14rem; font-size: 1.14rem;  background-color: #1b37a8; border-radius: 4px;}

.jump {width: 9.43rem; margin: 0 auto;}
.jump a {float: left; color: #1b37a8; font-size: 12px;}
.jump a:nth-child(2){float: right;  padding-left: 1.29rem; border-left: 1px solid #1b37a8;}
@media (max-width:320px){
.jump {width: 10rem;}
.jump a:nth-child(2){padding-left: 1rem;}
}
.jumowrap {position: fixed; left:0; bottom:0; width: 100%; height:1.14rem; padding: 1rem 0; background-color: #f6f6f6;}

.nogoods {width: 100%; margin-top: 3rem;}
.nogoods img {display: block; width: 33%; margin: 0 auto 1rem;}
.nogoods span {display: block; text-align: center; color:#88acd8;}

.fuelbtn-disable {background-color: #c8c8c8;}