.pic {
    height: 200px;
    width: 100%;
    top: 80px;
    left: 0;
    position: absolute;
    margin-top: -7px;
    background-size:100% 100% !important;
    background: url(../../yjs/img/studyAbroadYjs/banner.png);
}

.studyAbroad .line-title{
    background: url(../../yjs/img/studyAbroadYjs/line.png) center;
    font-size: 32px;
    font-weight: 700;
    margin: 70px 0px 35px 0px;
    width: 100%;
    text-align: center;
    height: 32px;
    line-height: 36px;
}

.studyAbroad .blsx-box .blsx-inner {
    width: 100%;
    box-sizing: border-box;
    font-size: 20px;
    color: #333333;
}

.studyAbroad .blsx-box .blsx-inner ul{
    border-left: 3px solid #27A5F9;
    border-right: 3px solid #27A5F9;
    border-bottom: 3px solid #27A5F9;
}

.studyAbroad .blsx-box .blsx-inner li{
    justify-content: space-between;
    display: flex;
    width: 100%;
    box-sizing: border-box;
    font-size: 20px;
    color: #333333;
    border-bottom: 2px dashed #27A5F9;
    height: 104px;
}

.studyAbroad .blsx-box .blsx-inner li:last-of-type{
    border-bottom: 0px dashed #27A5F9;
}

.studyAbroad .blsx-box .blsx-inner li span{
    width: 70%;
    background: url(../../yjs/img/studyAbroadYjs/sx.svg) no-repeat -2px 25px;
    line-height: 104px;
    box-sizing: border-box;
    padding-left: 90px;
    font-size: 20px;
}

.studyAbroad .blsx-box .blsx-inner li .btn {
    align-self: center;
    padding: 10px 20px;
    background: #27A5F9;
    border-radius: 4px;
    color: #FFFFFF;
    text-align: center;
    font-weight: 400;
    cursor: pointer;
    font-size: 20px;
}

.studyAbroad .blsx-box .blsx-inner h3{
    width: 100%;
    height: 62px;
    background-color: #27A5F9;
    font-size: 22px;
    color: #fff;
    line-height: 50px;
    box-sizing: border-box;
    padding-left: 40px;
}

.searchMore{
    font-size: 18px;
    color: #27A5F9;
    text-align: center;
    cursor: pointer;
    margin-top: 40px;
    font-weight: 400;
}
.searchMore span{
    padding: 8px 16px;
    border: 2px solid rgba(39,165,249,1);
    border-radius: 4px;
}

.cjwt-box li{
    margin-top: 20px;
    float: left;
    width: 100%;
    min-height: 86px;
    box-shadow: 0px 12px 20px 0px rgba(0, 0, 0, 0.08);
    background:url(../../yjs/img/studyAbroadYjs/ask.svg) no-repeat 40px 30px;
    background-color: white;
    padding: 30px 20px 25px 120px;
    box-sizing: border-box;
    position: relative;
}

.cjwt-box li span{
    display: block;
}
.cjwt-box li .sp1{
    font-size: 24px;
    color: rgba(0,0,0,0.85);
    font-weight: 600;
}

.cjwt-box li .sp2{
    font-size: 18px;
    color: rgba(0,0,0,0.85);
    font-weight: 400;
    margin-top: 15px;
}

.breadcrumb a {
    color: #444;
    font-size: 14px;
    line-height: 70px;
}

.breadcrumb>li {
    display: inline-block
}

.breadcrumb>li:after {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    border-top: 1px solid #bdbdbd;
    border-right: 1px solid #bdbdbd;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin: 0 20px;
    vertical-align: middle
}

.breadcrumb>li:last-child:after {
    display: none
}

.box-line{
    width: 100%;
    top: 55px;
    position: relative;
    margin: 0px auto;
    padding: 1px 0px;
    border-bottom: 1px dashed rgba(33, 117, 219, 0.3);
}

@media screen and (max-width: 1500px){
    .container {
        width: 1000px!important;
    }

    .main, .pageMain {
        width: 1000px!important;
    }
    .header {
        width: 100%;
        margin: 0 auto;
        height: 70px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .logo .logo-img {
        width: 100%;
        min-width: 90%;
        min-height: 400px;
    }

    .step {
        width: 100%;
        margin: 0 auto;
        padding-top: 45px;
        height: 160px;
    }

    .matter {
        width: 100%;
        margin: 0 auto;
    }

    .items {
        width: 100%;
        margin: 0 auto;
        height: 850px;
        font-size: 16px;
        position: relative;
    }

    .footer .footer-inner {
        width: 100%;
        margin: 0 auto;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .items .dept {
        width:190px;
    }
}

.platform{
    font-size: 36px;
    color: #0d8df3;
    font-weight: 500;
    line-height: 100px;
}

.banner-box-desc{
    font-size: 18px;
    color: black;
    line-height: 35px;
    font-weight: 500;
}

.matter .matter-tab span {
    margin-right: 20px;
    font-size: 24px;
}
.logoItem {
    /*width: 90%;*/
    display: flex;
    justify-content: flex-end;
    width: calc(100% - 110px);
}
.logoItem .search {
    width: 100%;
    display: flex;
    margin: 8px;
    align-items: center;
}
.el-input {
    width: 40%!important;
    display: flex;
    justify-content: flex-end;
}
.searchForm{
    display: flex;justify-content: space-between
}
.searchMessage{
    position: absolute;
    font-size: 12px;
    color: #666666;
}
.searchMessage span{
    color: red;
    font-size: 14px;
}
.searchForm .float_box{
    color: white;
    font-size: 14px;
    background-color: #666666;
    padding: 5px 10px;
    border-radius: 4px;
    position: absolute;
    top: 15px;
    right: 80px;
    opacity: 0.8;
}
.smzq{
    display: flex;justify-content: flex-end;
}
.searchForm .el-input{
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: unset;
    box-shadow: 0 4px 30px 0 rgba(9,41,77,.15);
}
.searchForm .el-input .el-input__inner{
    /*height: 100%;*/
}
.searchForm .el-input .el-input-group__append{
    padding: 0px;
    text-align: center;
    cursor: pointer;
    min-width: 70px;
    background: #2F7FDE;
    /*height: 100%;*/
    /*line-height: 100%;*/
}
.searchForm .el-input .el-input-group__append .search-btn{
    color: #fff;
    display: block;
}
.logoItem .search .el-input .el-input__inner {
    width: calc(66% - 10px);
}
.logoItem .search .search-icon {
    position: absolute;
    width: 25px;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
}
.logoItem .search span {
    z-index: 1000;
    margin-left: -10px;
    cursor: pointer;
    width: 90px;
    height: 40px;
    background: linear-gradient(180deg, #1066bd 0%, #1066bd 100%);
    font-size: 15px;
    font-weight: bolder;
    line-height: 40px;
    text-align: center;
    color: #ffffff;
    border-radius: 4px;
}
.logoItem .search::-webkit-input-placeholder {
    color: #757575;
    font-size: 10px;
}
.items .sxList{
    float: left;
}
.items .tab_gz{
    display: block;
    width: 106px;
    height: 33px;
    line-height: 33px;
    text-align: center;
    border: 1px solid #66ade5;
    color: #268fe1;
    border-radius: 20px;
    cursor: pointer;
    margin-top: 20px;
    margin-right: 20px;
}
.items .tab_gz:hover{
    color: white;
    background:rgb(66, 146, 243) ;
}
.items .tab_gz_check{
    color: white;
    background:rgb(66, 146, 243) ;
}


.items .cell {
    font-size: 14px;
    font-weight: 400;
}

.region_list{
    background-color: white;
    position: absolute;
    z-index: 9999;
    width: 370px;
    /*padding: 0 24px 8px 24px;*/
    box-shadow: 0 4px 30px 0 rgba(9,41,77,.15);
    /*border-radius: 8px;*/
    border: none
}

.region_span {
    display: inline-block;
    width: 70px;
    font-size: 14px;
    color: black;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding: 10px;
    cursor: pointer;
}

.region_span:hover {
    color: #4293f4;
}

.region_span_active {
    color: #4293f4 !important;
}
.situationitem{
    text-align: center;
    transition: all .3s ease;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 5px 10px 5px 10px;
    display: inline-block;
    text-align: center;
    margin: 10px 15px 10px 15px;
    cursor: pointer;
    width: 120px;
    border: 1px solid white;
}
.matter {
    height: auto!important;
}
.tabs{
    padding-top: 30px;
    padding-bottom: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.tabs-text{
    background: #fff;
    display: flex;
    padding: 6px;
    justify-content: center;
    box-shadow: 0px 0px 25px 0px rgba(128, 128, 129, 0.2);
    font-size: 28px;
    border-radius: 40px;
    align-items: center;
    background-color: white;
}
.qy.active , .gr.active{
    border-radius: 40px;
    /*padding: 10px 30px;*/
    background: #2F7FDE;
    color: #fff;
}
.matter-tab span{
    padding: 10px 30px!important;
}
.tabs-text .qy, .tabs-text .gr{
    cursor: pointer;
    padding: 10px 30px;
}
#container_main{
    background: #FFFFFF 100%;
}
.yjsSelect{
    box-shadow: 0 0px 5px 1px #81808033;
    display: flex;
    border-radius: 5px;
    padding: 0px 10px;
    align-items: center;
    background: #fff;
}
.yjsSelect #regionName{
    padding-right: 10px;
}
.yjsSelect i{
    font-size: 12px;
}
.listData{
    padding-top: 30px;
}
.listData .header{
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}
.listData .header:last-child{
    margin-bottom: 0;
}
.listData .header .yjsName{
    width: 55%;
}
.listData .header .caozuo{
    width: 40%;
    text-align: end;
    margin-right: 20px;
    justify-content:flex-end
}
.listData .header .region{
    text-align: center;
    width: 13%;
}
.cardItem{
    box-shadow: 0 0px 5px 1px #81808033;
    border-radius: 4px;
    background: #fff;
    padding: 20px;
    margin: 10px 0px 20px 0px;
    opacity: 1;
}
.cardItem .imgAndTitle{
    display: flex;
}
.cardItem .imgAndTitle .card-title{
    margin-left: 5px;
    font-size: 22px;
    font-weight: 600;
    line-height: 30px;
    color: #333;
}

.cardItem .card-footer{
    display: flex;
    margin-right: 0 !important;
    justify-content: end;
}
.cardItem .card-header{
    line-height: 40px;
}
.cardItem .card-header ul{
    display: flex;
    align-items: center;
}
.cardItem .card-header ul li{
    font-size: 16px;
}
.cardItem .card-header ul li{
    margin-left: 5px;
    width: calc(100% - 25px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.cardItem .card-header .dian{
    background: #2F7FDE;
    width: 10px;
    height: 10px;
    border-radius: 40px;
    margin-right: 10px;
}
.el-pagination{
    padding:10px !important;
}
.cardItem .card-footer .footer-btn:hover{
    background: #2275DB;
    color: #fff;
    height: 100%;
    display: flex;
    align-items: center;
}

.cardItem .card-footer .footer-btn{
    border-radius: 4px;
    opacity: 1;
    cursor: pointer;
    /* 自动布局 */
    display: flex;
    flex-direction: column;
    padding: 2px 8px;
    color: #2275DB;
    background: #FFFFFF;

    box-sizing: border-box;
    border: 1px solid #2275DB;
    font-size: 14px;
    z-index: 0;
    margin-left: 10px;
}
.cardItem .card-footer .footer-btn.disabled{
    opacity: 0.5;
    cursor: no-drop;
    pointer-events: none;
    /*color: #bcbec2;*/
    /*background-color: #f4f4f5;*/
    /*border-color: #e9e9eb;*/
}
.cardItem .card-footer .footer-btn.handler{
    background: #2275DB;
    color: #fff;
}

.el-dialog__body {
    padding: 20px !important;
}

.dept{
    cursor: pointer;
    padding: 10px 10px 10px 25px;
    display: inline-block;
    border: 1px solid white;
    width: 80px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-right: 20px;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 400;
}
.dept:hover{
    border: 1px solid #2175db;
    background: rgba(33,117,219,.1)!important;
    font-weight: 600;
}

.leftMenu{
    position: absolute;
    top: 0px;
    left: -142px;
    /*max-height: 500px;*/
    overflow: auto;
}
.leftMenuTop{
    display: flex;
    align-items: center;
}
.el-tabs__item{
    max-width: 120px;
    min-width: 120px;
    height: 37px !important;
}
.el-tabs__item div{
    overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
}
.parentTabs{
    font-size: 16px;
    font-weight: 800;
}
.tabActive{
    color: #409EFF;
    font-size: 18px !important;
    font-weight: 900;
}
.theme{
    font-size: 18px;
}
.deptActive {
    background: #4293f4 !important;
    color: #fff !important;
}
.main {
    overflow: unset!important;
}
.el-dialog {
    border-radius: 10px !important;
    width: 730px !important;
}
.el-dialog .el-dialog__title{
    font-weight: 600;
    font-size: 20px;
}
.el-dialog .el-dialog__header{
    border-bottom: 1px solid rgba(106, 106, 106, 0.5);
}
.el-dialog .el-dialog__header .el-dialog__headerbtn{
    height: 50px;
    width: 50px;
    top: 0px;
    right: 0px;
    border-top-right-radius: 10px;
    background: #f1f2f3 !important;
}
.el-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close{
    color: #6e777e !important;
}