/*欠费预览页面样式表*/

/*头部*/
.title-hread h2 {
    padding-top: 5px;
}

.title-hread p {
    width: 10em;
}

/*******************内容部分***********************/

/*****************信息提示框***************/

@font-face {
	font-family: 'linecons';
	src:url('linecons/linecons.eot?-kux0c3');
	src:url('linecons/linecons.eot?#iefix-kux0c3') format('embedded-opentype'),
		url('linecons/linecons.woff?-kux0c3') format('woff'),
		url('linecons/linecons.ttf?-kux0c3') format('truetype'),
		url('linecons/linecons.svg?-kux0c3#linecons') format('svg');
	font-weight: normal;
	font-style: normal;
}

.info-show {
    position: absolute;
    display: block;

    top: 45%;
    left: 5px;
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0);
    font-size:20px;
}
.info-show:before {
    font-family: 'linecons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-megaphone:before {
    content: "\e605";
}

/*内容头部分割线*/
.qfylDataHuiZong {
    position: relative;
    text-align: center;
}

    .qfylDataHuiZong:before, .qfylDataHuiZong:after {
        content: "";
        width: 25%;
        height: 2px;
        position: absolute;
        top: 50%;
    }

    .qfylDataHuiZong:before {
        background: -webkit-linear-gradient(to left, #ffc900, #eee);
        background: -o-linear-gradient(to left, #ffc900, #eee);
        background: -moz-linear-gradient(to left, #ffc900, #eee);
        background: linear-gradient(to left, #ffc900, #eee);
        left: 2px;
    }

    .qfylDataHuiZong:after {
        background: -webkit-linear-gradient(to left, #eee, #ffc900);
        background: -o-linear-gradient(to left, #eee, #ffc900);
        background: -moz-linear-gradient(to left, #eee, #ffc900);
        background: linear-gradient(to left, #eee, #ffc900);
        right: 2px;
    }
.qfylContentMain  .padding{
    padding:0px;
}
.qfylContentMain .qfylContentHearder {
    margin-top:-3px;
    width:100%;
    height:135px;
    color: #fff;
    padding-right:10px;
    position:relative;
}
.qfylContentHearder .qfsjhuizong {
    padding-top:0.7rem;
    font-weight:600;

    color:rgb(251, 251, 251);
    height:33.33%;
    width:100%;
}
.qfylContentHearder i {
 
    color:red;
    margin-right:12px;
}
.qfylContentHearder .qfylzje {
    color:rgba(0, 0, 0, 0.7);
 
    font-weight:600;
    height:33.33%;
    width:100%;
}
.qfylContentHearder .qfyltiaomu {
    color:rgba(0, 0, 0, 0.7);
   
    font-weight:600;
    height:33.33%;
    width:100%;
}


/***************欠费明细分块数据展示*****************/

/*等分线*/
.qfylfengexian {
    position: relative;
    text-align: center;
    margin-top: 25px;
}

    .qfylfengexian:before, .qfylfengexian:after {
        content: "";
        width: 25%;
        height: 2px;
        position: absolute;
        top: 50%;
    }

    .qfylfengexian:before {
        background: -webkit-linear-gradient(right, #20cdd8, #eee);
        background: -o-linear-gradient(left, #20cdd8, #eee);
        background: -moz-linear-gradient(left,#20cdd8, #eee);
        background: linear-gradient(to left, #20cdd8, #eee);
        left: 2px;
    }

    .qfylfengexian:after {
        background: -webkit-linear-gradient(left, #20cdd8, #eee);
        background: -o-linear-gradient(right, #20cdd8, #eee);
        background: -moz-linear-gradient(right,#20cdd8, #eee);
        background: linear-gradient(to right, #20cdd8, #eee);
        right: 2px;
    }
.qfylMX .sfqjmcIcon {
  
    margin-right:5px;
    color:#e9ac02;
}
.qfylMX .item {
    margin-top:10px;
    border-radius:8px;
    -webkit-border-radius:8px;
    padding-left:0px;
    padding-top:0.45rem;
    padding-bottom:0.45rem;
}
/*选中条目遮蔽罩*/
.qfylMX .checkZheBiZhao {
    width:100%;
    height:100%;
    background:rgba(0,0,0,0);
    position:absolute;
    left:5px;
    z-index:3;
    top:0px;
}
/*div边上的竖状条*/
.qfylMX .qfylShuZhuangTiao {
    width: 5px;
    height: 100%; 
    position: absolute;
    top: 0px;
    left: 0px;
}

/*欠费竖状条颜色kong*/
.qfylShuZhuangTiaoColor {
    background: #e9ac02;
}
/*欠费竖状条颜色0*/
.qfylShuZhuangTiaoColor0 {
    background: #f619e4;
}
/*欠费竖状条颜色1*/
.qfylShuZhuangTiaoColor1 {
    background: #0ae1e1;
}
/*欠费竖状条颜色2*/
.qfylShuZhuangTiaoColor2 {
    background: #e55959;
}
/*欠费竖状条颜色3*/
.qfylShuZhuangTiaoColor3 {
    background: #e5b808;
}
/*欠费竖状条颜色4*/
.qfylShuZhuangTiaoColor4 {
    background: #0914e4;
}
/*欠费竖状条颜色5*/
.qfylShuZhuangTiaoColor5 {
    background: #650adb;
}

/*欠费竖状条颜色6*/
.qfylShuZhuangTiaoColor6 {
    background: #e90bd7;
}

.qfylMX .qfylMXLeft {
    width:57%;
    float:left;
    padding-left:16px;
}
.qfylMXLeft p {
    color:#000000;
}
.qfylMXLeft .xfwenziIcon {

    color:rgba(0,191,255,1);
    margin-right:6px;
}
.qfylMXLeft .xxwenziIcon {
    color:#03deb6;
 
    margin-right:6px;
}


.qfylMX .qfylMXRight {
    width:43%;
    float:left;
}

.qfylMXRight .qfylMXRightMain {
    width:90%;
    position:relative;
    margin-top:8px;
    /*display:flex;
    display:-webkit-flex;
    align-items:center;
    -webkit-align-items:center;
    padding-bottom:4px;*/
}
.qfylMXRight i {
    color:#e55959;
    margin-left:5px;
    /*position:absolute;
    top:0.22rem;*/
}
.qfylMXRight input {
    
    color: #e55959;
    background: rgba(0,0,0,0);
    opacity: 1;
    -webkit-opacity: 1;
    width: 100%;
    position:absolute;
    top:-4px;
    left:0.7rem;
}

input[disabled], input[readonly]:not(.cloned-text-input), select[disabled], select[readonly], textarea[disabled], textarea[readonly]:not(.cloned-text-input) {
    background:rgba(0,0,0,0);
}

/*********如果该学院允许拆分金额，则选中后显示对应的样式************/
.checkActive {
    box-shadow:0 0 10px 3px #0a9dc7;
    -webkit-box-shadow:0 0 10px 3px #0a9dc7;
}
/***********提升一个层级，比遮蔽罩高一层************/
.activeZindex {
    /*z-index:4;*/
    display:block !important;
}

/*让明细A标签位于最顶层，z-index生效条件必须是相对定位或绝对定位才可以*/
.zIndexTopA {
    position:relative;
    z-index:4;
    text-decoration:none;
    font-weight:500;
}

.qfPayNumber {
   
    color: #e55959;
    /*position: absolute;
    top: -0.08rem;*/
    left: 23px;
    background: rgba(0,0,0,0);
}

.qfylCssContent {
    padding-left:10px;
    padding-right:10px;
    margin-top:60px;
}
.qfylSfqjmcCSS {
  
    margin-top:10px;
}


/*#######################欠费预览明细样式表【开始】###########################*/

.qfylMxCss {
    background:rgba(245, 241, 241, 0.9);
}

/*#######################欠费预览明细样式表【结束】###########################*/


.qfylMX {
    margin-bottom:26px;
}