body{background-color: #f5f5f5;}
img{max-width: 100%;}
.yq-tit{padding-left: 10px;color: #333;font-size: 17px;font-weight: bold;position: relative;display: block;overflow: hidden;}
.yq-tit:before{content:"";display: inline-block;width:4px;height: 18px;background-color:#3d82f4;border-radius: 4px;position: absolute;top:5px;left: 0;}
.yq-tit .more a{color: #3d82f4;font-size: 14px;font-weight: normal;}
.box-w{background-color: #fff;border-radius: 8px;}
.space-between{display: flex;justify-content: space-between;align-items: center;}
.flex-1{flex: 1;}
.yq-part-ding{color: #333;font-size: 15px;border-bottom: 1px solid #f5f5f5;line-height: 1;}
.icon-d{display: inline-block;vertical-align: bottom; margin-right: 10px; width:13px;height: 15px;background: url("../../../static/images/h5/consume/bill/icon01.png") no-repeat center;background-size: 100%;}
.yq-list-img{padding: 0 10px 0 20px;}
.yq-list-img img{width: 27px;}
.yq-list-info {padding:10px 25px 10px 5px;border-bottom: 1px solid #f5f5f5;}
.yq-list-info p{margin:6px 0;color: #999999;font-size: 13px;}
.yq-list-info p:last-child{color: #333;font-size: 13px;font-weight: bold;}
.yq-list-info p span {padding-right:6px;margin-right: 6px;position: relative;}
.yq-list-info p span:after{content: ''; border-left:1px solid #eeeeee;height: 8px;position: absolute;right: 0;top:5px;}
.yq-list-info p span:last-child:after{display: none;}
.yq-list-info i{font-size: 16px;color: #999;}
.yq-list:last-child .yq-list-info{border-bottom: none;}
.part-wrapper img{width: 40px;}
.part-wrapper p{margin: 10px 0 0;font-size: 12px;color: #333;}

.yq-ser ul{padding: 0;margin: 0;}
.yq-ser ul li{float: left;width: 50%;padding: 7px;list-style: none;}
.yq-ser ul li>div{background-color: #fff;border-radius: 8px;overflow: hidden;}
.yq-ser-img{width: 100%; height: 1%;padding-top: 55.36%;position: relative;overflow: hidden;}
.yq-ser-img img{position: absolute;top: 0;left: 0;right: 0;}
.yq-ser-text {height: 35px;line-height: 35px; color: #333;font-size: 16px;font-weight: bold;text-align: center;}

/*账单列表*/
.yq-ser ul li {width: 100%;}
.nopay {color:#ff8201;margin-right: 5px}
.yespay {color:#3bb4f2;margin-right: 5px}

/*缴费*/
.ym-jpay-header{ height:44px;line-height: 44px; color: #333;font-size:1.5rem;display: block;overflow: hidden;padding:0 15px;}
.ym-jpay-header-r a{font-size:1.3rem;color: #666;padding-right: 8px;}
.ym-jpay-header-r a i{font-size: 1.5rem; margin-left:10px;}
.jpay-header-l-img{ width: 32px;display: inline-block;vertical-align: top; margin-top: -2px;margin-left: 2.5px;margin-right: 15px;}
.ym-jpay-pl{padding:0 10px;}
.but-qd{height: 48px;line-height: 48px;width: 100%;border-radius: 8px;border:none; outline: none;background-color: #ff6000; font-size: 1.5rem;color: #fff;}

/*确认缴费*/
.ym-jpay-form-qr{padding:0 15px 1rem;}
.ym-jpay-form-qr li{list-style: none;display: block;overflow: hidden;color:#999;font-size: 1.2rem;margin-left: 2.5px;line-height: 2;}
.qr-je{color: #333; font-size: 1.5rem;line-height: 36px;}
.qr-num{color: #ff6000;font-size: 3rem;line-height: 1.2;}
.fzc-33{font-size: 1.5rem;color: #333;}

.ym-jpay-form{display: block;overflow: hidden;}
.ym-jpay-form ul{padding-left:15px;margin-bottom: 0;margin-top: -1px;}
.ym-jpay-form li{list-style: none;display: block;overflow: hidden;height: 44px;line-height: 44px; border-top:1px solid #f5f5f5;padding-right: 15px;}
.ym-jpay-form li .am-u-sm-4{font-size:1.5rem;color: #333;padding-left:0px;}
.ym-jpay-form li .am-u-sm-8{font-size:1.5rem; color: #999;text-align: right;padding-right:0px;}
