/* 必要布局样式css */

.set-content{ width: 1200px;margin:20px 50px;}

.set-title {width: 100%; height: 42px; display: flex;z-index: 9999; }

.set-title ul li{
    float:left;
    display: block;
    text-align: center;
    height: 100%;
    line-height: 42px;
    color: #fff;
    position: static;
    background: rgba(255,255,255,.1);
    box-sizing: border-box;
    border-right: solid 1px #fff;
    cursor: pointer;
    width: 150px;
    cursor:pointer;
}

.set-title ul .on{background: #0098aa;}

.set-middle{
    background: -webkit-linear-gradient(top,rgba(24,230,230,1.00) 0,rgba(24,230,230,1.00) 70%,rgba(44,194,195,.6) 100%);
   height: 520px;
    box-sizing: border-box;
    overflow: hidden;
    padding: 15px 17px 0 19px;
}

.pro_index_img {float:left; text-align: center; width: 254px;margin-left: 20px;}
.set-middle-image span{display: block; float:left; text-align: center; width: 254px;margin-left: 10px;margin-top: 4px; line-height: 30px;padding: 6px;}
.set-middle-image img{display: block; float: left;cursor: pointer; padding: 6px; border: 1px solid #fff; margin-left: 10px; margin-top: 4px;width: 254px;  height: 180px;}

.set-middle-list ul li{
    display: flex;
    color: #fff;
    font-size: 13px;
    height: 43px;
    line-height: 43px;
    border-bottom: solid 1px #0098aa;
    cursor: pointer;
    box-sizing: border-box;
    padding: 0 5px 0 2px;
}

.set-ali{
    flex: 1;
}
.set-java{
    flex: 1.8;
}

.set-salary{
    flex: 1;
}

.set-more{
    text-align: right;
    flex: 1;
}

.set-more:after {
    content: "";
    display: inline-block;
    height: 8px;
    width: 8px;
    border-right: solid 1px #fff;
    border-bottom: solid 1px #fff;
    transform: rotate(-45deg);
    position: relative;
    top: 0;
    margin-left: 2px;
}