﻿
[v-cloak] {
    display: none;
}

@media only screen and (max-width: 768px) {
    #talent_list {
        min-height: calc(100vh - 525px);
    }

        #talent_list .hid-tag {
            display: none;
        }

        #talent_list > div > span {
            width: 33% !important;
            overflow: hidden; /* 内容超出宽度时隐藏超出部分的内容 */
        }
}

#talent_list {
    margin: 20px auto;
    width: 80vw;
    height: auto;
}

    #talent_list .detail:hover {
        cursor: pointer;
    }

    #talent_list > div:first-child {
        background-color: #187F34;
        border-radius: 10px 10px 0 0;
        color: white;
        -moz-box-shadow: 1px 1px 4px #909090;
        -webkit-box-shadow: 1px 1px 4px #909090;
        box-shadow: 1px 1px 4px #909090;
        height: 50px;
    }

    #talent_list > div:last-child {
        border-radius: 0px 0px 10px 10px;
        -moz-box-shadow: #909090 1px 3px 4px -3px;
        -webkit-box-shadow: #909090 1px 3px 4px -3px;
        box-shadow: #909090 1px 3px 4px -3px;
    }
    /*#FAFAFA*/
    #talent_list > div {
        display: block;
        width: 100%;
        min-height: 50px;
        -moz-box-shadow: #90908f 1px 0px 2px -2px;
        -webkit-box-shadow: #90908f 1px 0px 2px -2px;
        box-shadow: #90908f 1px 0px 2px -2px;
    }

        #talent_list > div:first-child > span {
            background-color: #187F34;
            border-radius: 10px 10px 0 0;
        }

        #talent_list > div > span {
            float: left;
            width: 20%;
            height: 50px;
            text-align: center;
            line-height: 50px;
            background-color: white;
            overflow: hidden; /* 内容超出宽度时隐藏超出部分的内容 */
        }

    #talent_list .talent-content {
        display: none;
        padding: 50px;
        background-color: #FAFAFA;
    }

        #talent_list .talent-content > h2 {
            font-weight: bold;
            font-size: 16px;
            padding-bottom: 5px;
        }

            #talent_list .talent-content > h2:first-child {
                margin-top: 30px;
            }

        #talent_list .talent-content > p {
            padding-bottom: 10px;
        }

            #talent_list .talent-content > p > p {
                background-color: #FAFAFA !important;
            }
