/*
 * @Description: 保函服务专区
 * @Autor: gaojian
 * @LastEditors: gaojian
 * @LastEditTime: 2021-04-30 16:18:58
 */


.main .container {
    background-color: #ffffff;
    border-radius: 10px;
    padding: 20px 30px;
    box-sizing: border-box;
}

.main .state {
    width: 100%;
    height: 50px;
    border: 1px solid #dfebf8;
    border-radius: 10px;
    background-color: #ecf5ff;
    box-sizing: border-box;
    overflow: hidden;
}

.main .state li {
    float: left;
    width: 33.3%;
    height: 48px;
    font-size: 18px;
    color: #08348b;
    text-align: center;
    line-height: 48px;
    cursor: pointer;
}

.main .state li.active {
    color: #fff;
    background: url('/dzbh/images/state_bg.jpg') no-repeat;
    background-size: 100% 100%;
}

.main .bd>div {
    position: absolute;
    left: 30px;
    right: 30px;
    top: 0px;
    bottom: 0;
}

.spuertip {
    line-height: 80px;
    text-align: center;
    font-size: 20px;
    color: #ff2929;
}

.main .infolist {
    position: absolute;
    top: 35px;
    bottom: 15px;
    left: 0;
    right: -8px;
    overflow-y: auto;
}

.infolist ul {
    margin-right: -20px;
}

.infolist-li {
    width: 365px;
    height: 240px;
    padding: 14px;
    background-color: #f5f9ff;
    border-radius: 6px;
    margin: 0 20px 20px 0;
}

.plate-img {
    display: block;
    width: 337px;
    height: 107px;
}

.infolist-name {
    height: 59px;
    font-size: 20px;
    line-height: 58px;
    color: #222;
    text-indent: 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-bottom: 1px solid #bfcede;
}

.infolist-link {
    height: 46px;
    padding-top: 6px;
    line-height: 40px;
    text-indent: 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.infolist-link a {
    text-decoration: underline;
    font-size: 14px;
    color: #3253cf;
}

/* 滚动条宽度 */

.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 8px;
}

/* 滚动条高度 */

.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 14px;
}

/* 小滚动条的背景色 */
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #d5d5d5;
}

/* 小滚动条hover和在滚动时的颜色 */
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background: #d5d5d5;
}