@media only screen and (min-width: 320px) and (max-width: 768px) {
    .btn-cta-fronts{
        margin-left: 18px;
        margin-top: 10px;
    }
    .header {
        position: fixed;
        left: 0;
        top: 0;
        display: block;
        width: 100%;
        height: 50px;
        background: #54555A;
        z-index: 1000;
    }
    .marginheadtop{
        width:auto !important;
    }
    .articleinfo {
        padding: 0 10px 40px !important;
    }
    .headlogo {
        float: left;
        display: block;
        width: 200px;
        height: auto;
        margin-top: 10px;
        margin-left: 10px;
    }
        .menu{
            display: none;
        }
    .indexheadbg{
        display: none!important;
    }
    .indexinner{
        margin-left: -179px;
    }
    .logo img{
        width: 200px;
        height: auto;
        margin-top: 10px;
    }
    .wrap {
        width: auto!important;
    }
    .hp_foot_wh{
        width: auto;
        margin-left: 10px;
        margin-top: 40px;
    }
    .hp_foot_wh dl{
        float: none;
    }
    .hp_foot_wh dd{
        position: relative;
        left: 140px;
        top: -48px;
    }
    .footheightdiv {
        display: block;
        width: 100%;
        height: 70px;
    }
    .footnav {
        position: fixed;
        left: 0;
        bottom: 0;
        display: block;
        width: 100%;
        height: 60px;
        z-index: 1000;
        background-color: #fff;
        border-top: 1px solid #e5e5e5;
    }
    .footnavul {
        display: block;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
    }
    .footnavli {
        float: left;
        display: block;
        width: 20%;
        height: 100%;
    }
    .footnavlia.active {
        color: #16a6d1;
    }
    .footnavlia {
        display: block;
        width: 100%;
        height: 100%;
        cursor: pointer;
        text-align: center;
        color: #666;
    }
    .totopdiv{
        display: none !important;
    }
    .footnavliico {
        display: block;
        width: 100%;
        height: 38px;
        line-height: 38px;
        font-size: 30px;
    }
    .footnavliico1 {
        display: block;
        width: 100%;
        height: 60px;
        line-height: 60px;
        font-size: 48px;
        color: #16a6d1;
    }
    .footsonnavbody {
        position: fixed;
        left: 0;
        top: 0;
        display: none;
        width: 100%;
        height: 100%;
        z-index: 1002;
        background: rgba(0,0,0,.7);
        -webkit-animation-duration: .3s;
        animation-duration: .3s;
    }
    .footsonnavclose {
        position: fixed;
        right: 5%;
        top: 50%;
        margin-top: -200px;
        cursor: pointer;
        display: block;
        width: 30px;
        height: 30px;
    }
    .footsonnav {
        position: fixed;
        left: 5%;
        top: 50%;
        margin-top: -148px;
        display: block;
        width: 90%;
        height: 295px;
        z-index: 1002;
    }
    .footsonnavul {
        display: block;
    }
    .footsonnavli {
        margin-bottom: 20px;
        float: left;
        display: block;
        width: 33.33%;
        height: 85px;
        color: #fff;
        font-size: 12px;
        text-align: center;
        cursor: pointer;
    }
    .footsonnavlia {
        display: block;
        width: 95%;
        height: 100%;
        margin: 0 auto;
        text-align: center;
    }
    .footsonnavliaico {
        display: block;
        padding: 10px;
        width: 40px;
        height: 40px;
        vertical-align: top;
        background-color: #16a6d1;
        margin: 0 auto 5px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        text-align: center;
    }
    .footsonnavliaico2{
        background-color: #f9f9f9!important;
    }
    .bluebg {
        background: #4c76ff;
    }
    .footsonnavliamore {
        clear: both;
        display: block;
        width: 100%;
        height: 20px;
        line-height: 20px;
        font-size: 12px;
        text-align: center;
        color: #fff;
    }
    .footsonnavliaimg {
        display: block;
        width: 100%;
        height: 100%;
        vertical-align: top;
        margin: 0 auto;
    }
    .lightyellowbg {
        background: #f5c326;
    }
    .greenbg {
        background: #81c33a;
    }
    .yellowbg {
        background: #fb991a;
    }
    .darkbluebg {
        background: #1683f5;
    }
    .darkyellowbg {
        background: #ffaf00;
    }
    .lightbluebg {
        background: #00c1ff;
    }
    .jobheadadimgimg{
         margin-top: 50px;
      }
    .swiper-slidetxt{
        padding-top: 140px;
        position: relative!important;
        left:0px!important;
        bottom: 0px !important;
        z-index: 1 !important;
        display: block;
        width:auto !important;
    }
    .jobheadad .swiperbg{
        font-size: 16px;
        line-height: 24px;
        font-weight: 600;
        text-align: left;
        color: #fff;
        width: 89%;
        margin-left: 10px;
    }
    .jobheadad{
        height: 430px !important;
    }
    .jobheadad .jobheadadimg{
        height: 245px;
    }
    .swiperbg .swiper-slidett{
        display: none !important;
    }
    .searchdivcontbtn .searchdivcontin{
        float: none;
        width: 90% !important;
        margin-top: 10px;
        margin-left: 5%;
    }
    .swiper-slidetxt .searchdiv{
        width: auto;
    }
    .searchdivcontin input {
        border: 1px solid #ced4da!important;
    }
    .searchdiv .btn-cta-front2{
        margin-left: 5%;
        width: 59%;
    }
    .searchdiv .btn-cta-front{
        margin-top: 10px;
    }
    .joblistinfo .joblistli{
        height: 300px!important;
    }
    .margintop24{
        margin-top: 5px!important;
    }
    .joblistlibtn{
        margin-left: 53% !important;
        margin-top: 15px!important;
    }
    .joblistlichat{
        margin-top: 10px!important;
    }
    .table-wrap{
        height: 715px;
        margin-top: 15px !important;
    }
    .none-div{
        height: auto!important;
    }
    .diyiswiper-container{
        height: 300px!important;
    }
    .jobinfocont{
        margin: 20px auto !important;
    }
    .jobinfocontl{
        margin-left: 2% !important;
        width: 96% !important;
    }
    .jobinfofloordivptxt {
        float: none !important;
        position: relative;
        left: -66px;
    }
    .jobinfofloordivp{
        font-size: 12px!important;
    }
    .jobinfofloor{
        border-radius: 5px;
    }
    .foot-endd{
        display: none;
    }
    .jobinfocontr {
        margin-top: 20px!important;
        float: left!important;
        width: 96% !important;
        margin-left: 2% !important;
        border-radius: 5px!important;
    }
    .jobinfofloormap{
        width: 300px!important;
    }
    #allmap{
        width: 300px!important;
        margin-left: 80px!important;
    }
    .jobinfofloordivptxt{
        width: 400px!important;
    }
    .mapimg-aa{
        width: 300px!important;
    }
    .iconfont-s{
        margin-top: -16px!important;
    }
    .joblistliinfo-a1{
        position: relative;
        left: -35px;
        width: auto!important;
    }
    .joblistliinfoh-a2{
        display: none !important;
    }
    .bigfont{
        font-size: 14px!important;
    }
    .joblistlibtn-wz{
        position: relative;
        top: -89px;
        left: 47px;
    }
    .joblistlichat-wz{
        position: relative;
        top: -51px;
        left: -59px;
    }
    .joblistinfo .joblistli-school{
        height: 100px!important;
    }
    .fl-db{
        float: left;
    }
    .fl-db-mar{
        margin-right: 0px!important;
    }
    .fl-db-pad{
        padding: 0px 10px !important;
    }
    .fl-db-pos{
        position: relative;
        top: 9px;
        right: 10px;
    }
    .footerico-mart{
        margin-top: 10px!important;
    }
    .marginheadtop{
        margin-top: 70px!important;
    }
    .makecvdivcont{
        background-color: white!important;
    }
    .schoolinfonavul-bgc{
        background-color: white!important;
    }
    .makecvdl{
        padding: 40px 0px !important;
    }
    .makecvt{
        margin-left: 0px!important;
    }
    .noticep-text{
        text-indent: 2rem;
        margin-bottom: 14px;
        white-space:normal!important;
    }
    .makecvdivcont-bgc{
        background-color: #bbb!important;
    }
    .makecvt20{
        font-size: 20px!important;
    }
    .photo-img{
        margin-left: 10px;
        margin-top: 10px;
    }
    .sselect-he{
        height: 35px!important;
    }
    .makecvliin-he{
        height: 35px!important;
    }
    .bglogin-img{
        background-size: auto!important;
    }
    .logindiv-mar{
        margin-top: 50px!important;
    }
    .border-radius-light{
        border:0;outline:none;
    }
    .swiper-slide-img{
        margin-top: 50px;
    }
    .swiper-button-mar{
        z-index: 3!important;
        margin-top: -56px!important;
    }
    .swiper-pagination-marb{
        margin-bottom: 36px!important;
    }
    .floorpad-display{
        display: none!important;
    }
    .swiper-slidetpp{
        display: none;
    }
    .swiper-slidetxt-text{
        margin-top: 54px!important;
        height: 83px !important;
        font-size: 14px !important;
        width: 0px!important;
        margin-left: -28px!important;
        border-radius: 12px!important;
    }
    .swiper-slidett-h{
        font-size: 14px!important;
        width: 277px!important;
        position: relative!important;
        top: 22px!important;
        left: 10%!important;
        margin-left: -13px;
    }
    .btnup-wz{
        position: relative!important;
        top: 175px!important;
        left: -51%!important;
    }
    .btntxt-span{
        font-size: 14px!important;
        position: relative!important;
        top: 10px!important;
        left: -19%!important;
    }
    .btnbg-btn{
        width: 120px!important;
        height: 30px!important;
    }
    .btnup-wz2 {
        position: relative!important;
        top: 125px!important;
        left: -23%!important;
    }
    .btntxt-span2{
        font-size: 14px!important;
        position: relative!important;
        top: 11px!important;
        left: 20%!important;
    }
    .swiper-slidetxtcont{
        position: absolute!important;
        left: 35px!important;
        top: 80px!important;
        width: 300px!important;
        background-color: #0e0e0e!important;
        opacity: 0.5!important;
        border-radius: 12px!important;
        height: 117px!important;
    }
    .schoolsul-w{
        width: auto!important;
    }
    .schoolsli-mar{
        margin-left: 2% !important;
        width: 96% !important;
    }
    .floorpad-dis{
        display: none!important;
    }
    .eventlip-dis{
        display: none!important;
    }
    .eventli-w{
        width: auto!important;
    }
    .eventliimg-mar{
        width: 96% !important;
        margin-left: 2% !important;
    }
    .joblistinfo-mar{
        margin-left: 40% !important;
    }
    .div-m{
        height: 50px!important;
    }
    .userl-w{
        width: 100% !important;
    }
    .userheadimg-h{
        height: 120px!important;
    }
    .userheadavater-wh{
        /*width: 80px!important;*/
        height: 80px!important;
        margin-top: -58px!important;
        /*margin-left: 110px!important;*/
    }
    .userheadavater-wh img{
        height: 70px!important;
        width: 70px!important;
    }
    .userheadinfol-w{
        width: auto!important;
        /*margin-left: -73%!important;*/
        margin-top:20px!important;
    }
    .userheadinfo-www{
        width: 100% !important;
    }
    .userhead{
        height: 325px!important;
    }
    .dashboardli{
        width: 25% !important;
    }
    .userl-w .dashboard{
        padding: 20px 0!important;
    }
    .dashboardlirecord2{
        position: relative;
        top: -20px;
        left: 5px;
    }
    .dashboardlijobfair2{
        position: relative;
        top: -20px;
        left: 4px;
    }
    .dashboardli52{
        position: relative;
        left: -4px;
    }
    .dashboardli62{
        position: relative;
    }
    .dashboardt2{
       padding-left: 40px;
    }
    .baseInfoLi {
        width: 100% !important;
    }
    .summarytarea{
        border: 2px solid #BBB!important;
    }
    .newpop{
        width: 96% !important;
        margin-left: -48% !important;
        top: 2% !important;
    }
    .newpoplilab{
        margin-right: 170px!important;
    }
    .userr{
        width:100% !important;
    }
    .skillinfolip{
        width: calc(100% - -22px) !important;
        margin-left: -5%;
    }
    .dashboardlinew{
        position: relative;
    }
    .userheadinfor{
        position: relative;
        /*float: unset !important;*/
        width: 130px !important;
        margin-top: 20px !important;
        /*width: 100% !important;*/
        float:none;
        position: absolute;
        bottom: 0px;
        right: 0px;
        z-index: 1000;
    }
    .userheadinfo{
        position:relative;
    }

    .userheadinfor-a{
        /*width: 50%;*/
        float: left;
        position: absolute;
        left: 92%;
    }
    .myvisitorli-mar{
        width: 50% !important;
        height: 190px!important;
        margin-left: 25% !important;
        margin-top: 15px;
    }
    .myvisitorlicont-text{
        text-align: center!important;
        margin-left: 13% !important;
    }
    .myvisitorliava-mar{
        margin-left: 19%;
    }
    .wrap-ww{
        width: auto!important;
    }
    .logindiv-top{
        top: 8% !important;
    }
    .registerlilab-sapn{
        text-align: center!important;
    }
    .taocanhead-w{
        width: 100%!important;
        padding: 0 0!important;
        background-color:#558ed5!important;
    }
    .taocanh-fs{
        font-size: 18px!important;
    }
    .taocanh1-fs{
        font-size: 24px!important;
    }
    .taocanli-marr{
        width: 96% !important;
        margin-left: 2% !important;
        margin-top: 20px!important;
    }
    .lianxidl-ww{
        width: 100% !important;
    }
    .signup-style{
         padding: 0px!important;
        width: 155px!important;
        height: 56px!important;
        font-size: 16px!important;
    }
    .mybtnright-s{
        margin-top: 18px!important;
        width: 20px!important;
        height: 20px!important;
    }
    .mybtnleft-w{
        width: 119px!important;
    }
    .myvisitorliinfoh-mar{
        margin-left: 8px!important;
    }
    .myvisitorliinfop-w{
        margin-left: 10px!important;
    }
    .swiperbg .swiper-slidett-dsp{
        display: block!important;
        font-size: 12px!important;
        line-height: 18px!important;
    }
    .searchdivcontbtn-btn{
        margin-left: 5%;
    }
    .hide{
        display: none!important;
    }
    .ceshiliheadr-dsp{
        display: none!important;
    }
    .ceshiul-mar{
        width: 92% !important;
        margin-left: 2% !important;
    }
    .ceshili-marr{
        margin-right:0!important;
        width: 96% !important;
        height: 385px!important;
    }
    .ceshilihead-h{
        height: 271px!important;
    }
    .ceshiliheadl{
        width: 100%!important;
    }
    .div-www{
        height: 47px!important;
    }
    .userl-w{
        width: 100% !important;
    }
    .userheadimg-he{
        height: 120px!important;
    }
    .userheadimg-height{
        height: 116px!important;
    }
    .userheadavater-ii img{
        height: 80px!important;
        width: 80px!important;
        margin-top: 41px!important;
        /*margin-left: -15% !important;*/
    }
    .userheadavater-he{
        margin-top: -108px!important;
    }
    .moreinfolip-float{
        float: left!important;
    }
    .fontbold{
        float: left!important;
        width: 100% !important;
    }
    .jobinfofloorht-w1{
        width: 100% !important;
    }
    .jobinfofloordivh-style{
        margin-bottom: 35px!important;

    }
    .jobinfofloorhtin-mar{
        margin-top: 22px!important;
    }
    .jobinfofloordivptxt-style input{
        margin-left: 17% !important;
        width: 317px!important;
    }
    .jobinfofloordivptxt-style select{
        margin-left: 17% !important;
        width: 317px!important;
    }
    .sselect-mar{
        margin-left: 16% !important;
    }
    .zhihao-mar{
        margin-left: 16% !important;
    }
    .sselect-mar{
        margin-left: 17% !important;
    }
    .marginheadtop-top{
        margin-top: 50px!important;
    }
    .schoolhead-w{
        width: auto!important;
    }
    .schoolheadname-w{
        width: auto!important;
    }
    .schoolcontnav-dsp{
        display: none!important;
    }
    .schoolcontdiv-w{
        width: 100%!important;
    }
    .map-w{
        margin-left: 0px!important;
    }
    .mapimg-ww{
        width:  auto!important;
        margin-left: -16% !important;
    }
    .schoolcontjobli-hh{
        height: 100px!important;
    }
    .galleryimgdivimg-w{
        width: 100% !important;
    }
    .schoolhead-h2{
        height: 510px!important;
    }
    .mytableth{
        /*width: 20%!important;*/
        white-space: nowrap!important;
    }
    table.mytable{
        width: 1029px!important;
    }
    /*.companyjobnavul li{*/
    /*    width: 100% !important;*/
    /*}*/
    .companyjobnavul-dsp{
        display: none!important;
    }
    .th-w{
        width: 50% !important;
    }
    .th-w2{
        width: 15% !important;
    }
    .th-w3{
        width: 35% !important;
        text-align: center!important;
        margin-right: 0px!important;
    }
    .td-s{
        text-align: center;
    }
    .resultdiv-w{
        width: 82% !important;
    }
    .thank-mar{
        left: 57px!important;
        width: 250px!important;
        height: 125px!important;
    }
    .resultdivconth-style h3{
        font-size: 20px!important;
        position: relative!important;
        top: 104px!important;
        left: 28px!important;
    }
    .commonp-s{
        text-align: center!important;
    }
    .commonp-pad{
        padding: 0!important;
    }
    .makecvdivcont-back{
        background-color: #bbb!important;
    }
    .makecvliin-wi{
        width: 290px!important;
    }
    .sselect-wi{
        width: 49% !important;
    }

    .schoolinfonavul .hover{
        text-overflow: ellipsis!important;
        overflow: hidden!important;
        white-space: nowrap!important;
        -webkit-text-overflow: ellipsis!important;
    }
    .schoolinfonavul .w-dd{
        text-overflow: ellipsis!important;
        overflow: hidden!important;
        white-space: nowrap!important;
        -webkit-text-overflow: ellipsis!important;
    }
    .schoolinfonavul li{
        text-overflow: ellipsis!important;
        overflow: hidden!important;
        white-space: nowrap!important;
        -webkit-text-overflow: ellipsis!important;
    }
    .makecvt{
        font-size: 16px!important;
    }
    .div-mar{
        margin-top: 12px;
    }
    .galleryli-w{
        margin-top: 10px;
    }
    .makecvlitextarea-style{
        margin-top: 12px;
        border: 2px solid #fff!important;
    }
    .galleryli-h{
        margin-top: 12px!important;
    }
    .jobinfocontl_per-dsp{
        display: none!important;
    }
    .jobinfocontr-dsp{
        display: none!important;
    }
    .page-header-section{
        display: none!important;
    }
    .homelunbo{
        display: none!important;
    }
    .newdiv{
        display: block!important;
        width: 100% !important;
        height: auto!important;
        z-index: 9999;
    }
    .img-new{
        width: 100% !important;
    }
    .expo_button{
        margin: auto!important;
    }
    .buttonleft-new{
        width: 80% !important;
        border: 1px solid #0ca2fd!important;
        background-color: #0ca2fd!important;
        border-radius: 5px!important;
        margin-left: 10% !important;
    }
    .buttonright-new{
        width: 80% !important;
        margin-left: 10% !important;
        background: none !important;
        border-radius: 5px!important;
    }
    .cityshowli-ww{
        width: 100% !important;
    }
    .phonebg-new{
        display: block!important;
    }
    .footer-mar{
        margin-top: -20px;
    }
    .btn-www{
        /*width: 41%!important;*/
        float: left!important;
        margin-top: 10px!important;
        height: 50px!important;
    }
    .btn-www-dsp{
        display: block!important;
    }
    .talentserch-dsp{
        display: none;
    }
    .btn.searchbtnmore {
        margin-left: 10px;
        display: inline-block;
        width: 80px;
        height: 40px;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        border-radius: 8px;
        background-color: #7cc8df;
        box-shadow: 0 2px 4px 0 rgba(0,0,0,.12);
        font-size: 16px;
        font-weight: 600;
        line-height: 40px;
        text-align: center;
        /* margin-bottom: 15px; */
        color: #fff;
    }
    .searchdivcontbtn-btn2{
        width: 64% !important;
    }
    .searchbtnmore-style{
        margin-left: 73% !important;
        margin-top: 10px;
        height: 46px!important;
        line-height: 46px!important;
    }
    .talentserchrcontbtn1{
        display: none!important;
    }
    .talentserchrcontbtn2{
        display: none!important;
    }
    .effect-group-container-mar{
        position: relative!important;
        left: -14%;
    }
    .talentserchrcontbtn3-posi{
        left: 76% !important;
    }
    .talentserch-dsp1{
        min-width: auto!important;
    }
    .talentserchl1{
        display: none!important;
    }
    .talentserchliin{
        width: 26% !important;
    }
    .duoxuanbtnadd{
        width: 54px!important;
        padding: 0!important;
    }
    .welcome{
        height: 450px!important;
        background-attachment:unset!important;
    }
    .userheadinfol{
        padding: 0px!important;
    }
    .welcome-back{height: 450px!important;}
    .floort-size{
        font-size: 26px!important;
    }
    .searchmoredivul-sstyle .searchmoredivlilab{
        width: 120px!important;
    }
    .searchmoredivul-sstyle .searchmoredivlir{
        width: 240px!important;
    }
    .searchmoredivul-sstyle .searchmoredivli{
        float: none!important;
        height: 53px!important;
    }
    .searchmoredivul-sstyle .duoxuanbtn{
        width: 65px!important;
    }
    .searchmoredivul-sstyle .duoxuandel{
        margin-left: -12px!important;
    }
    .searchmorebtndiv-style .searchmorebtndivbtn-1{
        margin-left: 3%!important;
        float: none;
    }
    .searchmorebtndiv-style .searchmorebtndivbtn-2{
        margin-right: 3%!important;
    }
    .searchmorebtndiv-style .searchmorebtndivbtn{
        width: 130px!important;
    }
    .qcrodeimg-new canvas{
        width: 180px!important;
        height: 180px!important;
    }
    .qcrodediv canvas{
        width: 150px!important;
        height: 150px!important;
        margin-top: 15px!important;
    }
    .joblistliinfoh{
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 140px!important;
    }
    .layui-form-select .layui-edge{
        right: -70px!important;
    }
    .layui-form-select .layui-input{
        width: 148px;
    }
    .layui-form-selected dl{
        width: 147px;
    }
    .layui-tab-brief .layui-tab-bar{
        display: none!important;
    }
    .layui-tab-title li{
        padding: 0px 7px!important;
    }
    .sign-up-btn{
        margin-left: 30%!important;
    }
    .layui-show button{
        width: 40% !important;
    }
    .layui-show .openLive{
        width: 40% !important;
    }
    .layui-carousel{
        width: auto!important;
        height: 182px!important;
    }
    .schoolcontjobliinfop1{
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .moreinfoul-ml{
        margin-left: 20px;
    }
    .schoolhead{
        height: auto!important;
    }
    .buttonright-moblie{
        width: 40% !important;
        margin-left: 30% !important;
    }
    .moblile-he{
        height: 50px!important;
    }
    .userheadavater-hee{
        margin-top: -64px!important;
    }
    .userheadavater-hee img{
        height: 80px!important;
    }
    .otherskill-pad{
        padding: 3px 6px!important;
    }
}
@media only screen and (min-width: 450px) {
    .footheightdiv{
        display: none !important;
    }
    .footnav{
        display: none !important;
    }
    .footsonnavbody{
        display: none;
    }
    .iconfont-s{
        margin-top: -16px!important;
    }
    .foot-enddd{display: none}

    .swiper-slidetxt-text2{
        position: absolute!important;
        left: 40px!important;
        bottom: 40px!important;
        display: block!important;
        width: 760px!important;
        height: 153px!important;
        z-index: 100000!important;
        -moz-border-radius: 12px!important;
        -webkit-border-radius: 12px!important;
        border-radius: 12px!important;
        -webkit-font-smoothing: antialiased!important;
        background-image: url(../images/bgimg/40blackbg.png)!important;
        -webkit-background-size: cover!important;
        -moz-background-size: cover!important;
        -o-background-size: cover!important;
        background-size: cover!important;
        background-repeat: repeat!important;
        background-position: center top!important;
    }


}
.moreinfotadd {
    margin: 20px auto;
    display: block;
    width: 180px;
    padding: 0 10px;
    height: 40px;
    line-height: 40px;
    vertical-align: top;
    color: #16a6d1;
    font-size: 14px;
    border: 1px solid #16a6d1;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    cursor: pointer;
    text-align: center;
}
.show-more{
    color: #16a6d1!important;
    margin-left: 11% !important;
    font-size: 16px;
}
.about .siteWidth {
    margin: 0 auto;
    max-width: 1280px;
}
.siteWidth-marb{
    margin-bottom: 45px;
}
.img-responsive-y{
    width: 40%;
    margin-left: 30%;
}
.siteWidth-text{
    text-align: center;
}
.about.home .byTheNumbers {
    text-align: center;
    overflow: auto;
    color: #fff;
    padding: 60px 0;
    background-color: #000;
    background-image: url(../edub22.jpg);
    background-size: cover;
}
.img-responsive-x{
    width: 20%;
    margin-left: 40%;
}
.btn_img{
    height: 70px;
    width: 100%;
}
.siteWidth h3{
    color: #fff;
    font-size: 17px;
    margin-top: 20px;
    margin-bottom: 60px;
}
.btn_number{
    font-size: 5.4vw;
    font-family: Tahoma,Roboto,Geneva,Verdana,sans-serif;
}
.btn_text{
    font-weight: 700;
}
.about.home .welcome div {
    top: 30%;
    color: #fff;
    font-size: 36px;
}
.welcome-back{
    position: absolute;
    top: 0px!important;
    width: 100%;
    height:100vh;
    background-color:black;
    opacity: 0.6;
}
.userheadavater{
    /*margin-left: 340px;*/
}
.userheadinfol{
    float: none!important;
    display: block;
    width:auto!important;
    margin: 0 10%!important;
  text-align: center!important;
}


.userheadname{
    text-align: center!important;
    height:auto!important;
}

.userheadinfoul li{
    height:auto!important;
}

.jobinfocontrheadinfo-back{
    background: url("../edub32.jpg") no-repeat;
    background-size: 217px 54px;
}
.view-div{
    width: 90%;
    height: 30px;
    border: 1px solid #00B0F5;
    text-align: center;
    line-height: 28px;
    margin-left: 5%;
    /*margin-top: -7px;*/
    color: #00B0F5;
    font-size: 16px;
}
.view-div2{
    height: 30px;
    margin-top: 10px;
    margin-left: 5%;
}
.view-fw{
    font-weight: 600;
    margin-top: 20px;
}
.head-photo{
    background-size: 45px 45px;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    float: left;
}
.messages{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 220px;
   float: left;
    margin-top: 10px;
    margin-left: 20px;
}
.page1infolmore-new{
    margin-top: 20px;
    display: block;
    width: 100%;
    float: left;
}
.page1infolmore-new-font{
    font-size: 16px;
}
.banners{
    background-color: white;
    width: 314px;
    height: 314px;
    float: right;
    margin-top: 20px;
}
.banners2{
width: 294px;
height: 294px;
background:url("../edub33.jpg");
margin-top: 10px;
margin-left: 10px;
}
.svggg{
    float: right;
    position: relative;
    top: -33px;
}
.sbgg{
    float: right;
    position: relative;
    top: -33px;
}
.moreinfocont-style{
    width: 90%;
    margin-top: 20px;
}
.summarytarea-style{
    border: 2px solid #BBB!important;
    min-height: 400px!important;
}
.summarytarea-2{
    border: none!important;
}
.sbgg2{
    position: relative;
    left: 77rem;
}
.svggg3{
    float: right;
    position: relative;
}
.svggg4{
    float: right;
    position: relative;
    top: -33px;
}
.Achievementliin-border{
    border: none!important;
}
.qcrodediv canvas{
    width: 200px;
    height: 200px;
    margin-top: 20px;
}
.qcrodediv{
    background-color: white;
}
.newpop-summary{
    max-height: 600px;
    overflow-x: hidden;
}
.btn-padding{padding: 10px!important;}
.schoolheadinfo-sstyle{width: 1200px;margin-left: auto;margin-right: auto;overflow: hidden;}
.swiper-wrapper-img img{  position: relative;height: 100%;}
.schoolheadinfo-style-1{float: left;width: 217px;border: 1px solid #cccccc;height: auto;background: url(../edub32.jpg) no-repeat;background-size: 217px 54px;background-color: white}
.schoolheadname-wstyle{width: 217px!important;}
.schoolheadlogo-style{width: 72px!important;height: 72px!important;margin-top: 10px!important;margin-left: 68.5px;}
.schoolheadlogo-style img{width: 72px!important;height: 72px!important;}
/*.view-div-2{margin-top: 147px}*/
.coins{width: 150px;height: 30px;margin-top: 12px;font-size: 16px;font-weight: 700;margin-left: 25px;}
.coins-a{width: 100%;height: 30px;margin-top: 12px;font-size: 16px;margin: auto;text-align: center;}
.coins-num{height: 30px;width: 100%;text-align: center;margin-top: 11px;font-size: 15px;}
.coins-num span{font-weight:700 }
.coins-num2{margin-top: 0px!important;}
.coins-num3{width: 120px;}
.data-taocan{width: 100%;text-align: center;height: 27px;}
.companyuser-style{width: 964px;float: right;}
/*.schoolheadnamet-hiddden{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}*/
.editicon2{position: relative;top: -41px;left: 182px;}
 /*.resume-load{    background: url(//concat.lietou-static.com/fe-h-pc/v5/images/pages/talentmanage.mytalent/zai-bg.508c4189.png) no-repeat 0 0;}*/
.resume-list{position: relative;
    height: 176px;
    border: 1px solid #eee;
    margin: 0 12px 14px;
    box-sizing: border-box;}
.resume-list dl{
    padding: 16px 16px 0 24px;
    box-sizing: border-box;
}
.resume-list dl dt{
    float: left;
}
.resume-list dl dd.info {
    margin-bottom: 7px;
}
.resume-list dl dd{
    /*line-height: 24px;*/
    padding-left: 70px;
    color: #979797;
}
.resume-list dl dd a.user-name{
    margin-right: 5px;
    text-decoration: none;
    font-size: 15px;
    font-weight: bold;
    color: #3989B1;
}
.interview-info a{
    /*max-width: 370px;*/
    margin-right: 5px;
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.resume-list dl dd .upload-time {
    color: #999;
}
.schooling-work {
    width: 590px;
    font-size: 12px;
    color: #666;
}
.schooling-work tr th {
    font-weight: normal;
    text-align: left;
    vertical-align: top;
    padding-top: 2px;
    box-sizing: border-box;
    width: 65px;
    height: 26px;
}
.schooling-work tr td p {
    max-width: 480px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px;
}
.schooling-work tr td p span {
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    overflow: hidden;
    font-size: 15px;
}
.schooling-work tr td p span:nth-child(1) {
    width: 140px;
}
.schooling-work tr td p span:nth-child(2) {
    max-width: 181px;
    text-overflow: ellipsis;
}
.schooling-work tr td p span:nth-child(3) {
    max-width: 200px;
    text-overflow: ellipsis;
}
.schooling-work tr th {
    text-align: left;
    vertical-align: top;
    padding-top: 2px;
    box-sizing: border-box;
    width: 65px;
    height: 26px;
    font-size: 15px;
    font-weight: bold;
}
.resume-list .btn-resume {
    position: absolute;
    padding: 11px 17px;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50px;
    background-color: #f9f9f9;
    text-align: right;
    box-sizing: border-box;
}
resume .selectui {
    margin-left: 12px;
}
.selectui ul li a {
    font-size: 12px;
}
.selectui {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    position: relative;
    white-space: nowrap;
    text-align: left;
}
.btn-chat{
    position: relative;
    display: block;
    float: right;
    height: 28px;
    margin-left: 12px;
    top: -4px;
}
.btn-resume > a {
    border-radius: 5px;
    background-color: #359BCE;
    margin-left: 12px;
    color: #fff;
    padding: 5px 10px;
    font-size: 12px;
    border: 0 none;
    box-sizing: border-box;
}
.resume-list dl dt a img {
    display: inline-block;
    border-radius: 50%;
    border: 1px solid #f5f5f5;
}
.resume-list2{
    width: 50%;
    margin-left: 25%;
    margin-top: 114px;
    background-color: white;
}
.resume-list3{
    width: 62%;
    margin-left: 19%;
    background-color: white;
}
img.tinyFace {
    width: 50px;
    height: 50px;
}
.selectui-result {
    padding: 0 10px;
    margin-right: 20px;
    _height: auto;
}
.resume-list .btn-resume {
    position: relative;
    padding: 11px 17px;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50px;
    background-color: #f9f9f9;
    text-align: right;
    box-sizing: border-box;
}
.selectui .selectui-head .selectui-drop {
    position: absolute;
    cursor: pointer;
    right: 0;
    top: 0;
    background: url(//concat.lietou-static.com/fe-h-pc/v5/images/plugins/jquery-SelectUI/drop.e0a6d9eb.png) center center no-repeat;
}
.upload-time22{
    position: relative;
    float: left;
    color: #666;
}
.information-for-work-22{
    position: relative;
}
.blod-text{font-weight: bold;}
.jobtitle1{position: relative;top: -52px;left: 89px;}
.logindivnav2{
    float: none!important;
    margin-left: 33.3% !important;
}
.schoolheadnamet-border{
    border: none!important;
}
.jobinfofloorh-font{
    font-size: 26px!important;
    text-align: center;
}
.userr-style{
    float: left!important;
    margin-left: 40px!important;
}



@media only screen and (min-width: 769px) {
    .userheadinfo {
        position: relative;
    }

    .userheadinfor {
        position: relative;
        /*float: unset !important;*/
        width: 130px !important;
        margin-top: 20px !important;
        /*width: 100% !important;*/
        float: none;
        position: absolute;
        bottom: 0px;
        right: 0px;
        z-index: 1000;
    }
    .userhead{
        height:auto!important;
    }
}