sr-iHealthwx/html/hesuanYuYue/css/payment.css

.bgc-f2f3f4{
	background-color: #f2f3f4;
}
.bgc-000{
	background-color: #000000;
}

.c-ff9526{
	color: #ff9526;
}
.c-ff5e6c{
	color: #ff5e6c;	
}
.c-FF6A56{
color: #FF6A56; 
}
.c-f25{
	font-size: 25px;
}
.c-f30{
	font-size: 30px;
}
.plr35{
	padding-left: 35px;
	padding-right: 35px;	
}
.plr30{
	padding-left: 30px;
	padding-right: 30px;	
}
.ptb3{
	padding-top: 3px;
	padding-bottom: 3px;
}
.ptb8{
	padding-top: 8px;
	padding-bottom: 8px;
}
.p30{
	padding: 30px;
}
.p15{
	padding: 15px;
}
.pb25{
	padding-bottom: 25px;
}
.pb15{
	padding-bottom: 15px;
}
.pt15{
	padding-top: 15px;
}
.c-95{
	width: 92%;
}
.c-radius-5{
	border-radius: 5px;
}
.c-c8c8c8{
	color: #c8c8c8;	
}

.c-t-lr-radius-20{
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}
.c-b-lr-radius-20{
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}
.c-radius-20{
	border-radius: 10px;
}
.ptb13{
	padding-top: 13px;
	padding-bottom: 13px;	
}
.pl25{
padding-left: 25px;}

.mt7{
	margin-top: 7px;
}
.mt25{
	margin-top: 25px;
}
.pt12{
	padding-top: 12px;
}

[v-cloak] {
  display: none;
}

.w3-row:after {
	content: "";
	display: table;
	clear: both
}
.w3-col {
	float: left;
	width: 100%
}
.w3-rest{overflow:hidden}

a:active{
	color:#FFFFFF;
}

/*缺省页*/
.default-div{
	text-align: center;
	position: relative;
	top: 100px;
}
/*缺省页*/



/*缴费查询*/
.qiehuan-txt{
	color:#17B3EC;
	text-decoration: underline;
	/*padding-left: 10px;*/
}

.date-icon{
	float: right;
	width: 20px;
	height: 20px;
	margin-top: 3px;
}


.labelIcon{
  background-repeat: no-repeat;
  background-image: url(../../payment/images/weixinzhifu_bg_img.png);
  background-size: 100% 100%;
  padding:9px  10px 9px 15px;
  /*height: 100px;*/
  color:#ffffff;
  margin-top: 15px;
  position: relative;
}
.labelIcon.weixin{
  background-image: url(../../payment/images/weixinzhifu_bg_img.png);	
}
.labelIcon.zhifubao{
  background-image: url(../../payment/images/zhifubaozhifu_bg_img.png);	
}
.labelIcon.yinlian{
  background-image: url(../../payment/images/yinlianzhifu_bg_img.png);	
}
.labelIcon.xianjin{
  background-image: url(../../payment/images/xianjichongzhi_bg_img.png);	
}
.labelIcon.jiuzhen2{
  padding: 0;
  background-image: url(../../payment/images/icon_jiuzhen2.png);	
}
.labelIcon.zhuyuan2{
  padding: 0;
  background-image: url(../../payment/images/icon_zhuyuan2.png);	
}

.circle-btn{
	position: fixed;
    bottom: 80px;
    right: 20px;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background-color: #4DCD70;
    border: 1px solid #12AA3C;
    font-size: 11px;
    color: #FFFFFF;    
    text-align: center;
    z-index: 2;
}

.mask{
	background-color: rgba(0,0,0,.5);
    font-size: 17px;
    line-height: 104px;
    color: #FFFFFF;
    text-align: center;
    position: absolute;
    top: 0px;
    left: 0px;
    width: -webkit-fill-available;
    width: -webkit-fill-available;
    width: -moz-fill-available;
    width: -moz-available;    /* FireFox目前这个生效 */
    width: fill-available;
    border-radius: 5px;
}
.mbsc-ios .dwwol {
    padding: 0 .833333em;
    height: 50px;
    margin: -1.5em 0;
    border-top: 0px solid #dbdbdb;
    border-bottom: 0px solid #dbdbdb;
}

.c-lab-mor li{
	border-bottom: 0px;
	padding-top: 8px;
	padding-bottom: 7px;
	font-size: 16px;
	line-height: 30px;
	height: 45px;
	color: #666666;
}

.c-lab-mor li.curr{
	color: #4DCD70;
}
.c-lab-mor li.curr:after {
    content: '';
    display: block;
    width: 20px;
    height: 3px;
    background: #4DCD70;
    margin: 3px auto;
}

.c-lab-mor li:first-child {
   /*border-right: 1px solid #E1E1E1;*/
}

/*缴费查询*/

/*就诊卡缴费*/
.jiuzhen,.jiuzhen2{
	
}

.jiuzhen .card-icon{
   background-repeat: no-repeat;
   background-image: url(../../payment/images/biaoqian_lvse_img.png);
   /*background-image: url(../../payment/images/icon_jiuzhen3.png);*/
   background-size: 100% 100%;
   padding:1px  10px 1px 18px;
   color:#ffffff;   
   font-size: 14px;
   height: 20px;
   line-height: 20px;
}
.jiuzhen2 .card-icon{
   background-repeat: no-repeat;
   /*background-image: url(../../payment/images/biaoqian_lvse_img.png);*/
   background-image: url(../../payment/images/icon_jiuzhen3.png);
   background-size: 100% 100%;
   padding:1px  10px 1px 18px;
   color:#ffffff;   
   font-size: 14px;
   height: 20px;
   line-height: 20px;
}
.jiuzhen .c-btn-full,.jiuzhen .c-btn-big{
	background: #4dcd70;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.zhuyuan,.zhuyuan2{
	
}

.zhuyuan .card-icon{
   background-repeat: no-repeat;
   background-image: url(../../payment/images/biaoqian_hongse_img.png);
   /*background-image: url(../../payment/images/icon_zhuyuan3.png);*/
   background-size: 100% 100%;
   padding:1px  10px 1px 18px;
   color:#ffffff; 
   font-size: 14px; 
   height: 20px;
   line-height: 20px;
}

.zhuyuan2 .card-icon{
   background-repeat: no-repeat;
   /*background-image: url(../../payment/images/biaoqian_hongse_img.png);*/
   background-image: url(../../payment/images/icon_zhuyuan3.png);
   background-size: 100% 100%;
   padding:1px  10px 1px 18px;
   color:#ffffff;  
   height: 20px;
   font-size: 14px;
   line-height: 20px;
}
.zhuyuan .c-btn-full,.zhuyuan .c-btn-big{
	background: #17B3EC;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.jiuzhen2 .createdata,.zhuyuan2 .createdata{
	color: #D7FFE2;
}
.zhuyuan2 .createdata{
	color: #FFC8CD;
}

.p-fix-bottom-0{
	position: fixed;bottom: 0px;
}
.c-f14-320-12{font-size: 14px;}

.surplusMoney{float: right;margin-top: -2px;}
@media screen and (device-width: 320px)  and (-webkit-device-pixel-ratio: 2){
	.surplusMoney{float: none;margin-top:5px;font-size: 14px;}
	.c-f14-320-12{font-size: 12px;}
}

.morenSpan{
	border: 1px solid #ffffff;
    padding: 0px 5px;
    border-radius: 3px;
}

.red-point,.white-line{
  position: relative;
}

.red-point::before{
  content: " ";
  border: 4px solid #FF5E6C;/*设置红色*/
  border-radius:4px;/*设置圆角*/
  position: absolute;
  z-index: 1000;
  right: 0;
  margin-right: -5px;
}

.white-line::after{
	position: absolute;
    top: 5px;
    right: 0px;
    width: 1px;
    height: 14px;
    content: "";
    background: rgb(220,238,226);
}

/*就诊卡缴费*/

/*缴费结果页面*/
.success-pay{}

.success-pay .txtColor,.c-4dcd70{
	color: #4dcd70;
}

.failure-pay{}

.failure-pay .txtColor{
	color: #FF5E6C;
}

.synchronization-pay{}
.synchronization-pay .txtColor{
	color: #FF5E6C;
}

/*.synchronization-pay .failure-btn,.success-pay .failure-btn{display: none;}*/
.failure-pay .success-list{display: none;}
/*缴费结果页面*/

/*我的就诊卡包*/
.geduan{
  background-repeat: no-repeat;
  background-image: url(../../payment/images/geduan_img.png);
  background-size: 100% 100%;
  height: 15px;
}

.jiaoyanBtn{
	border:1px solid #4dcd70;
	border-radius: 15px;
	width: 90px;
	text-align: center;
	color: #4dcd70;
	font-size: 14px;
	height: 28px;
    line-height: 28px;
    float: right;
    margin-top: 1px;
}
.input-bcard{
	font-size: 14px;
	padding-left: 20px;
	padding-right: 20px;
	color:#999999;
	line-height: 32px;
	width: calc(100vw - 125px);
}

.w-calc-220{
	width: calc(100vw - 220px);
}

/*我的就诊卡包*/

/*候诊查询*/
.top-div{
	padding: 15px 10px;
}

.jiuzhen .top-div{
	background: #4DCD70;	
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.jiancha{}
.jiancha .top-div{
	background: #FF9526;	
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.waitingDoctorList:after {
    content: '';
    height:100px;
    width: 180px;
    background: url(../../payment/images/paiduipeitu_img.png) no-repeat;
    background-size: 180px 96px;
    background-position: 50%;
    margin-left: -90px;
    position: fixed;
    left: 50%;
    bottom: 100px;
    z-index: -1;
}

/*候诊查询*/


.c-list>.list-arrow-r:after, .c-list>.list-arrow-u:after, .c-list>.list-arrow-d:after {
    position: absolute;
    top: 50%;
    right: .75rem;
    margin-top: -0.25rem;
    content: "";
    display: block;
    width: .5rem;
    height: .5rem;
    border: solid #cdcdcd;
    border-width: .1rem .1rem 0 0;
    /*-webkit-transform: rotate(45deg);
    transform: rotate(45deg);*/
}
.c-list>.list-arrow-d:after {
    right: .65rem;
    margin-top: -0.5rem;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
.c-list>.list-arrow-u:after {
    right: .65rem;
    margin-top: -0.1rem;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#fee-table{
	
}

#fee-table td,#fee-table th{
	padding-top: 10px;
}
#fee-table th{
	font-size: 12px;
}
#fee-table td{
	font-size: 14px;
}
.c-list > .c-list-link:active {
    background-color: #ffffff;
    }
    

.dianzikaBg{
  background-repeat: no-repeat;
  background-image: url(../../payment/images/dianzika_bg_img.png);
  background-size:100% 100%;
  padding:72px  10px 58px 15px;
  /*height: 100px;*/
  position: relative;
  text-align: center;
}
.dianzikaFont{
 color: #333333;
 font-size: 14px;
 text-align: left;
 padding-left: 20px;
}
@media screen and (max-width: 330px) {
    .dianzikaFont{
         font-size: 12px;
         padding-left: 10px;
    }
    .dianzikaBg{
        background-size:contain;
        padding:52px 10px 48px 15px;
    }
}
@media screen and (min-width: 750px) {
    .dianzikaFont{
         font-size: 12px;
         padding-left: 10px;
    }
    .dianzikaBg{
        background-size:contain;
        padding:52px 10px 48px 15px;
    }
    .jiuzhenma{
        width: 290px;
    }
}
.c-border-r-5{
    border-radius: 5px;
}
.c-border-r-10{
    border-radius: 10px;
}
.mui-picker-col-name{
    display:none;
}
.mui-picker,.mui-poppicker{
    background-color: #ffffff
}
.mui-pciker-list li.highlight,.mui-poppicker-btn-ok{
    color:#4dcd70;
}
.mui-poppicker-header .mui-btn{
    font-size: 16px;
    border: none;
    background: none;
}
.input-group.input-border .form-control,.input-group.input-border .input-group-addon{
    font-size: 16px;
}

.electronic .card-icon{
   background-repeat: no-repeat;
   background-image: url(../../payment/images/biaoqian_huangse_img.png);
   background-size: 100% 100%;
   padding:1px  10px 1px 18px;
   color:#ffffff; 
   font-size: 14px; 
   height: 20px;
   line-height: 20px;
}

.radioClass{
    margin-top: 5px;
}

.radioClass::before{
  content:"";
   background-repeat: no-repeat;
   background-image: url(../../payment/images/xuanze_moren_btn.png);
   background-size: 100% 100%;
   padding:1px  10px 1px 10px;
   color:#ffffff; 
   font-size: 14px; 
   margin-right:5px;
}
.radioClass.active::before{
   background-repeat: no-repeat;
   background-image: url(../../payment/images/dianxuan_btn.png);
   background-size: 100% 100%;
}