.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%; }