.functionWrap{
    font-family: "PingFang SC Medium";
}
.pl{padding-left: 0;}
.functionWrap>.tit{
    background-color: #ffc000;
    padding: 10px 0;
    text-align: center;
    margin-bottom: 15px;
}
.functionWrap .tit p{
    margin-bottom: 0;
    line-height: 20px;
    font-size: 20px;
    font-weight: bold;
    color: #50311c;
}
.stuBox{
    background-color: #f5f5f5;
    background-image: linear-gradient(to bottom,#f5f5f5,#fcfcfc);
    padding: 10px 20px;
    margin-bottom: 5px;
}
.stuBox .tit{text-align: center;}
.stuBox .sub-box{margin-bottom: 5px;position: relative;}
.stuBox .sub-box:last-child{margin-bottom: 0;}
.stuBox .sub-box>span{
    font-size: 16px;
    font-weight: bold;
    color: #333;
}
.stuBox .sub-box>a{
    display: inline-block;
    background-color: #ff6000;
    border-radius: 50px;
    padding: 1px 10px;
    font-size: 13px;
    color: #fff;
}
.stuBox .sub-box>a img{
    margin-left: 5px;
}
.stuBox .switch-box{
    position: absolute;
    z-index: 13;
    left: 0;
    top: 24px;
    display: none;
    width: auto;
    background-color: #fff;
    border: 1px solid #ff6000;
    border-radius: 5px;
    padding: 10px;
    font-size: 13px;
    color: #333;
    text-align: left;
}
.stuBox .switch-box li{
    background-color: #f5f5f5;
    padding: 5px;
    margin-bottom: 5px;
}
.stuBox .switch-box li:last-child{margin-bottom: 0}
.stuBox .switch-box a{font-size: 13px; color: #333;}
.stuBox .switch-box a:hover{color: #ff6000;}
.stuBox ul.sub-box li{
    margin-right: 15px;
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    color: #333;
}
.stuBox ul.sub-box li img{
    margin-right: 5px;
}
.mainBox{/* margin-bottom: 30px;  */overflow: hidden; clear: both;}
.right{float: right;}
.rWidth{width: 65%; padding-left: 15px;}
.left{float: left;}
.lWidth{width: 35%}
.titBox{position: relative;z-index: 12; }
.titBox span{
    display: inline-block;
    background-color: #2c75f9;
    background-image: url("../images/tit-icon.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    padding: 5px 24px;
    font-size: 18px;
    color: #fff;
}
.contBox{
    position: relative;
    z-index: 11;
    border: 1px solid #ddd;
    padding: 15px;
    margin-top: -1px;
}
.processBox .contBox{
    min-height: 568px;
    max-height: 568px;
    overflow-y: auto;
}
.processBox .listItem{
    position: relative;
    margin-top: -2px;
}
.processBox .listItem:first-child{
    margin-top: 0;
}
.processBox .left-item{
    z-index: 10;
}
.processBox .left-item img{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
}
.processBox .left-item .w-line{
    position: absolute;
    top: 6px;
    z-index: 8;
    width: 40px;
    height: 8px;
    background-color: #fff;
    border: 2px solid #ececec;
    border-right: 0;
}
.processBox .left-item .h-line{
    position: absolute;
    left: 6px;
    z-index: 7;
    width: 8px;
    height: 100%;
    background-color: #fff;
    border: 2px solid #ececec;
}
.processBox .right-item{
    margin-left: 38px;
    padding-bottom: 15px;
}
.processBox .listItem:last-of-type .right-item{padding-bottom: 0;}
.processBox .listItem .right-item .item-box{
    background-color: #fff;
    border: 2px solid #ececec;
    padding: 5px 10px;
    border-radius: 5px;
}
.processBox .right-item p{
    font-size: 13px;
    color: #493513;
    line-height: 18px;
    margin-bottom: 0;
}
.processBox .listItem.active .w-line,.processBox .listItem.active .item-box{ background-color: #ffc000; }
.processBox .tips{
    margin-top: 15px;
    border-radius: 5px;
    background-color: #fff;
    border: 2px solid #ececec;
    padding: 10px 10px;
    color: #333;
}
.processBox .tips h6{
    margin-top: 0;
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: bold;
}
.processBox .tips p{
    font-size: 13px;
}
.processBox .tips p:last-child{
    margin-bottom: 0;
}
/*功能模块*/
/* .functionBox{margin-bottom: 15px;} */
.functionBox .contBox{
    padding-bottom: 3px;
    /* min-height: 366px; */
    /*max-height: 366px;*/
    overflow-y: auto;
}
.functionBox .heightReset{
  min-height: unset !important;
  max-height: unset !important;
}
.functionBox .contBox .row{
    margin-left: -6px;
    margin-right: -6px;
}
.functionBox .contBox .row>div{
    padding-left: 6px;
    padding-right: 6px;
}
.functionBox .listItem{
    background-color: #f6faff;
    border: 2px solid #f3f3f3;
    border-radius: 5px;
    padding: 15px;
    margin-bottom: 12px;
}
.functionBox .listItem .tit{
    font-size: 15px;
    line-height: 15px;
    height: 30px;
    font-weight: bold;
    color: #454545;
    /*margin-bottom: 5px;*/
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
}
.functionBox .listItem .tit span{font-size: 12px}
.functionBox .listItem .info{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    min-height: 38px;
}
.functionBox .listItem .info .fun_img{
    float: left;
    width: 30px;
    height: 30px;
    background-size: 28px;
    background-repeat: no-repeat;
    background-position: center center;
}
.functionBox .listItem .info .fun_img1 {background-image: url(../images/f-icon1.png);}
.functionBox .listItem .info .fun_img2 {background-image: url(../images/f-icon2.png);}
.functionBox .listItem .info .fun_img3 {background-image: url(../images/f-icon3.png);}
.functionBox .listItem .info .fun_img4 {background-image: url(../images/f-icon4.png);}
.functionBox .listItem .info .fun_img5 {background-image: url(../images/f-icon5.png);}
.functionBox .listItem .info .fun_img6 {background-image: url(../images/f-icon6.png);}
.functionBox .listItem .info p{
    float: left;
    margin-bottom: 0;
    line-height: 16px;
    width: calc(100% - 30px);
    font-size: 12px;
    color: #333;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
}
.functionBox .listItem .info p span{
    font-size: 12px;
    line-height: 16px;
}
.functionBox .listItem .enter{text-align: right;}
.functionBox .listItem .enter a{
    display: inline-block;
    padding: 0 10px;
    background: #ddd;
    border: 2px solid #ececec;
    border-radius: 20px;
    font-size: 12px;
    color: #bbb;
}
.functionBox .listItem.active .enter a{
    background-color: #ffc000;
    color: #50311c;
    font-weight: bold;
}
/*已办事项*/
.doneBox .titBox span {
    padding: 4px 24px;
    background-color: #fff;
    background-image: url(../images/tit-icon2.png);
    border: 1px solid #5792f5;
    color: #2c75f9;
}
.doneBox .contBox{
    background: #5792f5;
    border: none;
    min-height: 150px;
    max-height: 150px;
    overflow-y: auto;
}
.doneBox .contBox ul{margin-bottom: 0;}
.doneBox .contBox li{
    background: url("../images/list-icon.png") left 6px no-repeat;
    padding-left: 15px;
    font-size: 13px;
    color: #fff;
    line-height: 16px;
    margin-bottom: 10px;
}
.doneBox .contBox li:last-child{margin-bottom: 0;}
/*消息中心*/
.messageBox .carousel-inner>.item>img, .messageBox .carousel-inner>.item>a>img {height: 160px;margin: 0 auto;}
.messageBox{margin-bottom: 15px;}
.messageBox .pic_box{padding: 0;}
.messageBox .arrow_position img {width: 50%;}
.messageBox .myCrl {bottom: 0;}
.messageBox .contBox{
    background:#f6f6f6;
    border: none;
    /*min-height: 270px;
    max-height: 270px;*/
    height: 270px;
    overflow-y: auto;
}
.xscWrap .messageBox .contBox{
    /*min-height: 270px;
    max-height: 270px;*/
    height: 266px;
}
.messageBox .contBox ul{margin-bottom: 0;}
.messageBox .contBox li{
    background: url("../images/list-icon2.png") left 6px no-repeat;
    padding-left: 15px;
    line-height: 16px;
    margin-bottom: 10px;
}
.messageBox .contBox li:last-child{margin-bottom: 0;}
.messageBox .contBox li a{font-size: 13px; color: #444;}
.messageBox .contBox li a:hover{color: #ff6000}
/*电话*/
.telBox .tit{
    background: #5792f5;
    font-size: 17px;
    color: #fff;
    padding: 6px 10px;
    text-align: center;
}
.telBox .contBox{
    background:#f6f6f6;
    border: none;
    /*min-height: 312px;
    max-height: 312px;*/
    height: 318px;
    overflow-y: auto;
}
.xscWrap .telBox .contBox{
    /*min-height: 152px;
    max-height: 152px;*/
    height: 162px;
}
.telBox .contBox .list{
    font-size: 13px;
    color: #444;
    line-height: 16px;
    margin-bottom: 10px;
}
@media (max-width: 768px) {
    .functionWrap>.tit {
        padding: 8px 0;
    }
    .functionWrap .tit p {
        line-height: 18px;
        font-size: 18px;
    }
    .mainBox {margin-bottom: 15px;}
    .titBox span{
        background-size: 10px;
        padding: 3px 15px;
        font-size: 15px;
    }
    .processBox .contBox {
        padding: 10px 5px 10px 0;
        min-height: 230px;
    }
    .processBox .left-item .w-line {width: 20px;}
    .processBox .right-item {margin-left: 10px;}
    .processBox .tips{
        margin-top: 10px;
        margin-left: 5px;
        padding: 5px 10px;
    }
    /*功能模块*/
    .lWidth{width: 40%}
    .rWidth { width: 60%; padding-left: 10px; }
    .functionBox {margin-bottom: 0;}
    .functionBox .contBox {
        padding: 10px 10px 0;
        min-height: unset;
        max-height: unset;
    }
    .functionBox .listItem {padding: 8px 8px 5px;}
    .functionBox .listItem .tit {font-size: 14px;}
    /*.functionBox .listItem .info .fun_img {width: 30px; height: 30px;}*/
    .functionBox .listItem .info p {width: calc(100% - 30px);}
    /*已办事项*/
    .doneBox .titBox span {padding: 2px 15px;}
    .doneBox .contBox{margin-bottom: 10px;}
    /*消息中心*/
    .messageBox .carousel-inner>.item>img, .messageBox .carousel-inner>.item>a>img {height: 126px;}
    .pl{padding-left: 15px;}
    .pr{padding-right: 0;}

    /*电话*/
    .telBox .contBox {margin-bottom: 15px;}
    .telBox .tit{font-size: 15px;}

    .functionBox .listItem .tit,.functionBox .listItem .info p{
        -webkit-line-clamp: unset;
    }
    .functionBox .listItem .tit{
        height: unset;
    }
    .messageBox .contBox,.xscWrap .messageBox .contBox,.telBox .contBox,.xscWrap .telBox .contBox{
        height: auto;
    }
}
@media (max-width: 767px) {
    .functionBox .listItem .tit,.functionBox .listItem .info p{
        -webkit-line-clamp: unset;
    }
    .functionBox .listItem .tit{
        height: unset;
    }
    .messageBox .contBox,.xscWrap .messageBox .contBox,.telBox .contBox,.xscWrap .telBox .contBox{
        height: auto;
    }

}
/*模态框*/
.functionModal .modal-dialog {
    width: 440px;
    padding-top: 0;
    padding-bottom: 0;
}
.functionModal .modal_cont {border: 0;}
.functionModal .listItem a{
    display: inline-block;
    padding: 12px;
    width: 100%;
    background-color: #456fff;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#418eff,endColorstr=#4566ff);
    background-image: linear-gradient(90deg,#418eff,#4566ff);
    border: none;
    border-radius: 5px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    margin-bottom: 15px;
}
.functionModal .listItem li:last-child a{margin-bottom: 0}
.functionModal .listItem a:hover{
    background-image: none!important;
    background-color: #4566ff!important;
    filter: none;
    color: #fff;
}
.functionModal .listItem li.disablely a{
    pointer-events: none;
    cursor: not-allowed;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";/* ie8 */
    filter:alpha(opacity=50);/* ie5-7 */
    -moz-opacity:0.5;/* old mozilla browser like netscape */
    -khtml-opacity: 0.5;/* for really really old safari */
    opacity: 0.5;/* css standard, currently it works in most modern browsers like firefox, */
}
@media (max-width: 768px) {
    .functionModal .modal-dialog {width: 100%;}
    .modal-dialog {
      margin: 10px;
      width: calc(100%  - 20px) !important;
    }
	
}