/*
    2019/7/18 Wbl
    搜索框
*/
.search-div {
    padding-bottom: 20px;
}

.text-font {
    color: #333333;
    font-size: 14px;
}


.text-lingth {
    line-height: 30px;
}

.title-font {
    color: #333333;
    font-size: 16px;
}

.text-gary {
    color: #D3D7E2 !important;
}

.search-right-pad {
    padding-right: 20px;
}

.search-input {
    width: 100%;
    height: 30px;
    border: 1px solid #D3D7E2;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    -ms-border-radius: 3px 0 0 3px;
    -o-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}

.search-btn {
    width: 74px;
    height: 30px;
    color: #fff;
    font-size: 14px;
    background-color: #2A58AD;
    -webkit-border-radius: 0 3px 3px 0;
    -m-zborder-radius: 0 3px 3px 0;
    -ms-border-radius: 0 3px 3px 0;
    -o-border-radius: 0 3px 3px 0;
    -webkit-box-shadow: -4px 0 12px 0 rgba(0, 107, 187, 0.14);
    -moz-box-shadow: -4px 0 12px 0 rgba(0, 107, 187, 0.14);
    -ms-box-shadow: -4px 0 12px 0 rgba(0, 107, 187, 0.14);
    -o-box-shadow: -4px 0 12px 0 rgba(0, 107, 187, 0.14);
    box-shadow: -4px 0 12px 0 rgba(0, 107, 187, 0.14);
}

.search-gray {
    width: 70px;
    height: 30px;
    color: #333333;
    font-size: 18px;
    background-color: #FAFAFA;
    border: 1px solid #CFCFCF;
    -webkit-border-radius: 3px;
    -m-zborder-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    margin-left: 10px;
}

/*流式布局*/
.waterfall {
    column-count: 3;
    column-gap: 0;
}

.item {
    box-sizing: border-box;
    break-inside: avoid;
    padding: 10px 10px 0 10px;
}

.item-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: left;
    padding: 10px;
    height: auto;
    font-size: 20px;
    color: #686868;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    -webkit-box-shadow: 0 10px 15px 0 rgba(0, 107, 187, 0.1);
    -moz-box-shadow: 0 10px 15px 0 rgba(0, 107, 187, 0.1);
    -ms-box-shadow: 0 10px 15px 0 rgba(0, 107, 187, 0.1);
    -o-box-shadow: 0 10px 15px 0 rgba(0, 107, 187, 0.1);
    box-shadow: 0 10px 15px 0 rgba(0, 107, 187, 0.1);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
}

.fileContainer {
    width: 118px;
    height: 30px;
    overflow: hidden;
    position: relative;
    text-align: center;
    line-height: 28px;
    border: 1px solid #CFCFCF;
    background-color: #FAFAFA;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    float: left;
}

.fileInput {
    display: block;
    font-size: 999px;
    filter: alpha(opacity=0);
    min-height: 100%;
    min-width: 100%;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
    cursor: pointer;
}

.show_down {
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 10px;
    display: block;
    width: 10px;
    height: 11px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAeCAYAAAA/xX6fAAADHUlEQVRIS+2XzW9UZRTGf8+9tJ22oAtdoCkGFSUhSGw1IS5Z6KQtX02EDcYEWUDU+McgFlgA1eAGSAodWiwsujQk2jZITEoEiSXqQhd8tJ223PuYOx9lpszMLdHETWczmbz3Pc/5ve8557kjVvCxrRPfXH4ZlDXxAUxXYZsYF8G34NEjH+/8XZLTwintgWT9q3Pn1oZzrW/Z7DV8CLxW2ndHcEHiYtQ699Nn+/c/SouXKnjmzFhmPnjUGUMfdo+kLTaFfRK2/TPSSACDLfHaiYMHd+QbiTYUTMg0k9mK6AbtBt6uE2wSPIS54vb8zUakdQXLZIVjFFnMZiBTFPRi8VtNpQTyiCmZ0eR4G5HWFKwiE7uwOovxPQe6jX2v+Fsd4NexWkvrE5hcI9KnBJ8iw28uBcQ3QMOBfD0RiK3t4F7QtoqEbjUirRKsRyZ5wfBrknmABzUf/FA42Jb43Rj1JXcseNVWcxrpkmAKWVKJw4oZWWwKx7/4qOdBEvjo2ZHnmhajLgf04ALpljRSJU3df/58+1I1VtxZmczWaGAGm+P4x0OH9jysrNRTpy6tWwiCd2LRJznbiPTTfftmdPTsSEdzFG2oU401yZa3Rl1SqKrehTCc1vGB3AHkzbZ2VfRZHnwHuCrrUi2y5aJlUst7gA9AyTQqtRGTknNYU+ofGLqAtKm6z5gELlsejcI1N8p3lja2EtIwerxNVhbYWQUgprB/0fGvc9M2HaVg88K3QFdqNfDJk9eed1t+o+0Xim2ovzWbuXv48Pv3y8lUFh+42+iNMqnEPfUP5G6DN4IC5AmsYezh5SMqCTQbzLyHvVfy1kJbWDeRLrbF7d9XztAn7aVe5N7i4HAMupvc4ZeI9TYtkifjKPiuTe3jywM8q1sUEvRMl4I4C+qUmMf8qWOnh7rCwK12GDjkLzKz05XD99+4RUJKvm2DIl6UojiKNbfqFt2susWqW1S8Aay6xf/vFmn2lKz/Z26xErHyMw3don8gNwa8ItFs+7rQ4OMoHvv8k91/rOTPSa1EkvekY6eHXloTBjuM+yRtt1kAfvsHcVsibSAcreYAAAAASUVORK5CYII=) no-repeat center;
    background-size: 100% 100%;
}

.Uppull {
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 10px;
    display: block;
    width: 10px;
    height: 11px;

    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAeCAYAAAA/xX6fAAADKklEQVRIS+2XzW8VZRjFf2eGtrct6kIXaorBTxKCxFYT4pKF3rTlq4mwwZggC4wa/xjUIgukGtwASaGXFquLLg2JlgaJCUSQWKIsdKHS9rZl5ph3bi/e3s691sqys5vMvM95zvNxzowGh0oTwFMSrbYvCQ3fS9KJ99/e86sks4bLtj76dOSJDXG003hA0g6bBeBnDQ6VboA3gyLky1ij2KPuLF9978CBu2vA4+PTpzdqprANqR+5H6sbnIJu6dhnpWmbrqXA88LXQRclzrWlGy8fOrSz/F9AT56cKMxHd7tt9oF7jZ4HCiGGxG0NDo2cRXoOs6X6AJgCLlgeT+INVz54s+/P1YAePTX2cJzc2y6rCOwCXlo6V0Zcw/5Rx4ZKB5G32Nq97AV8E/hK1vnWNP3u8OG9fzUDPXHi/EMLUfSy5b3A66BnaglILmFd09FTY12tSbIplMCiuJypf0AaVcrYYks82YhpYNaymPQ4og+7H7S1lpnMeGjRQhxPK0zU4JkznZUm04vYXWlyqLkXDD/ZGo/McB7TKrNUDEguCp621ZoBZkNICXMxDOG7+/fPqFqm2mZnTPELWO2V5/lMGzKT50DXq8xqh+8+YAj7zzjnMw2ZRnhY89G3WRpt6SspGgiVacasdr2WAYYg/8L0Cmg0ki+Fd1NrB2Q9275UwobMqpVcAdiMKZVS3cC+XQFQF/jZ+6Wv61mecOQC5jJdtqderGSslrxpbCYYDQFXMEV7ava0fiWnwCPVaWwmiUFke+LI7XYcOeY3CrPTtQeqPU1hALtP0labLFEJ29kEj0UwXM8sDCHljk1KeExK0iTVXFCaDxGP27RJnkqT6MsOdU7Wamg4GM+1v5iJA7wBBBUJ103B2bDUSfvc9/WJznqmR1FaBHVLzGPurNotAtPZaOZV7H2St2VrYV1FOteRdn5Tn+ADcYvjx79+xB3lzbYfrZRUv2u2cOvIkdf+yBOQdbdYd4sVvrjuFnmauu4WSx+09PKg3KLeZ+rv/49b5MVu6ofVA2txi0ZEVgUYPiU/+fzCk6CiSQ9ieiqGz6SIvgCPv/PWrl9W8/PzN5WSIm3vbuqkAAAAAElFTkSuQmCC) no-repeat center;
    background-size: 100% 100%;
}

/*距离上面内容区 10px*/
.mar-top {
    margin-top: 10px;
}

/*带下划线的蓝色边框的样式*/
.title-bor {
    padding: 18px 18px 10px;
    color: #2A58AD;
    font-size: 16px;
    font-weight: 500;
    border-bottom: 1px solid #2A58AD;
}

/*字体图标样式*/
/*已完成*/
.icon-complete {
    color: #5EBE5B;
}

/*进行中*/
.icon-HaveInHand {
    color: #1A8DE6;
}

/*未开始*/
.icon-notStarted {
    color: #959AA4;
}