
@charset "utf-8";


@font-face {
    font-family: "FontinSans Regular";
    src: url('../fonts/Fontin_Sans_R_45b.eot');
    src: url('../fonts/Fontin_Sans_R_45b.eot');
    src: url('../fonts/Fontin_Sans_R_45b.woff');
    src: url('../fonts/Fontin_Sans_R_45b.woff2');

}
@font-face {
    font-family: "FontinSans Bold";
    src: url('../fonts/Fontin_Sans_B_45b.eot');
    src: url('../fonts/Fontin_Sans_B_45b.otf');
    src: url('../fonts/Fontin_Sans_R_45b.ttf');
    src: url('../fonts/Fontin_Sans_R_45b.woff2');
    src: url('../fonts/Fontin_Sans_R_45b.woff');

}
button{cursor: pointer;}
body{margin: 0;font-family: "FontinSans Regular";overflow-x: auto;font-size: 14px;line-height: 1.4;min-width: 1226px;}
q:before, q:after {content:'';}
*{margin: 0;padding: 0;}
a{color: rgb(89, 87, 87); text-decoration: none;}
a:focus, a:hover{text-decoration: none;}
.clear{clear: both;}
.container{width: 1226px;margin: 0 auto;}
li{list-style: none;}
footer{background: #3c4357;}
.text-center{text-align: center;}
.text-right{text-align: right;}
.text-left{text-align: left;}
.fl{float: left;}
.fr{float: right;}
textarea{resize: none;outline: none;}
select{outline: none;}
input{outline: none;}
img.scale{transition: transform 1s;}
img.scale:hover{transform: scale(1.1);}
.top{background: #fff;height: 29px;line-height: 29px;}
.top a{font-size: 14px;color: #b3b8c6;}
.top .CN{color: #df1912;}
.top span{display: inline-block;height: 12px;background: #372d30;width: 2px;position: relative;top: 2px;margin: 0 5px;}
header nav{background: #3c4357;height: 91px;}
.logo{display: inline-block;width: 200px;margin-right: 20px;}
.logo a{display: block;}
.logo a img{margin-top: 20px;}
nav ul li a{position:relative;font-size: 14px;color: #fff;height: 85px;top: 35px;display: table;width: 116px;text-align: center;}
nav ul li{display: inline-block;}
nav ul{width: 610px;}
nav ul li a:hover{color: #df1912;}
.user{font-size: 16px;color: #01a2e5;padding-left: 15px;}
.user span{text-transform: uppercase;position: relative;top: 2px;}
.user img{vertical-align: middle;margin-right: 8px;}
.icon-blue-arrow{background: url("/res/web/img/icon-blue-arrow.png") no-repeat;width: 16px;height: 10px;display: inline-block;margin-left: 3px;position: relative;top: 2px;}

footer{padding-bottom: 25px;}
footer h6{padding: 80px 0 18px 0;border-bottom: 1px solid #6b7389;}
.footer-column-list ul li a{color: #fff;font-size: 14px;display: block;padding: 11px 0;}
.footer-column-list h5{font-size: 14px;color: #df1912;margin: 27px 0 7px 0;font-weight: normal;}
.footer-column-list .list-1{display: inline-block;vertical-align: top;width: 240px;}
.footer-column-list{text-align: center;}
.footer-column-list ul li a:hover{color: #df1912;}
.europe-line{display: inline-block;width: 510px;background: #282e40;height: 30px;border-radius: 20px;line-height: 30px;color: #b3b8c6;font-size: 14px;}
.hot-line{text-align: center;margin-top: 40px;}
.europe-line{margin: 0 28px;}
.europe-line span{color: #fff;margin-right: 4px;}
.icon-footer{background: url("/res/web/img/icon-footer.png") no-repeat;width: 831px;height: 171px;}
.icon-europe-hot-line{background-position: -21px -18px;display: inline-block;width: 14px;height: 14px;position: relative;top: 1px;margin-right: 7px;}
.icon-china-hot-line{background-position: -592px -18px;display: inline-block;width: 14px;height: 14px;position: relative;top: 1px;margin-right: 7px;}
.icon-wb{background-position: -309px -90px;width: 22px;height: 18px;display: inline-block;}
.icon-wx{background-position: -354px -90px;width: 22px;height: 17px;display: inline-block;}
.icon-wx{background-position: -354px -90px;width: 22px;height: 17px;display: inline-block;}
.icon-qq{background-position: -400px -90px;width: 22px;height: 17px;display: inline-block;}
.icon-f{background-position: -443px -90px;width: 18px;height: 18px;display: inline-block;}
.icon-n{background-position: -486px -90px;width: 20px;height: 17px;display: inline-block;}
.icon-l{background-position: -530px -90px;width: 18px;height: 17px;display: inline-block;}
.share-list{margin-top: 45px;}
.share-list a{padding: 0 10px;}
.copy-right{margin-top: 30px;}
.sign-out{font-size: 14px;color: #fff;display: inline-block;height: 90px;line-height: 88px;width: 70px;text-align: center;}
.employer-area{background: #df1912;color: #fff;height: 90px;line-height: 90px;font-size: 14px;width: 142px;display: inline-block;text-align: center;}
.drop-down{position: absolute;top: 118px;background: #df1912;width: 140px;padding: 8px 0;}
.drop-down a{display: block;color: #fff;font-size: 14px;padding-left: 15px;line-height: 35px;}
.nav-userInfo{float: left;}
.nav-userInfo ol{ list-style: none; margin: 0; padding: 0; height:auto;float:left; }
.nav-userInfo li.item a{font-size:16px;color:#01a2e5;padding:18px 0px 36px 15px; display:block;height:36px;line-height:36px;background:#575757;width:138px;float:left;clear:both;background:url('/res/web/img/icon-blue-arrow.png') 125px 43px no-repeat;}
.nav-userInfo li.item a small{font-size: 16px;color: #01a2e5;position: relative;top: 12px;display: inline-block;
    width: 48px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.nav-userInfo li.item a:hover{color:#fff;background:#575757 url('/res/web/img/icon-blue-arrow.png') 125px 43px no-repeat;}
.nav-userInfo li.item a.uhover{color:#fff;background:#575757 url('/res/web/img/icon-blue-arrow.png') 125px 43px no-repeat;}
.nav-userInfo li.item a img{ float:left;width: 53px;height:53px;border-radius: 50%;}
.nav-userInfo li.item ol {height:auto;width:153px; float:left; clear:both;padding:10px 0px; overflow:hidden; background:#575757;border-radius:0px 0px 3px 3px;-moz-border-radius:0px 0px 3px 3px;position: absolute;top: 119px;z-index: 99;}
.nav-userInfo li.item ol a { font-size:14px;margin: 0;padding:0px 15px; background:#575757; border:none; color:#9B9EA4;}
.nav-userInfo li.item ol a:hover{ font-size:14px; color: #fff; margin: 0;padding:0px 15px;background:#EA544A;border:none;}
.nav-userInfo li.item ol a span{ margin:0px 18px;}
.swiper-slide img{width: 100%;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 5%;}
.swiper-pagination-bullet{background: #3c4357;width: 11px;height: 11px;opacity: 1;}
.swiper-pagination-bullet-active{background: #f4bc12;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 7px;}
.search{background: #e9ecf5;clear: both;overflow: hidden;margin-top: -5px;padding: 33px 0;}
.search .container{width: 960px;margin: 0 auto;}
.search-con{width: 775px;}
.search-con input{background: #fff;width: 740px;border-radius: 20px;height: 30px;line-height: 30px;border: 0;outline: none;padding: 0 18px;font-size: 14px;}
.hot-search span{font-size: 14px;color: #9da1be;font-weight: normal;margin-left: 5px;float: left;position: absolute;width: 90px;}
.hot-search-con{float: left;padding-left: 90px;margin-top: -1px;}
.hot-search{margin-top: 15px;}
.hot-search a{font-size: 14px;color: #01a2e5;padding: 0 8px;margin: 0 2px;position: relative;top: 1px;line-height: 23px;}
.btn-search{background: #df1912;color: #fff;font-size: 14px;border-radius: 20px;letter-spacing: 5px;width: 140px;height: 30px;line-height: 30px;text-align: center;border: 0;float: right;outline: none;}
.all-positions{clear: both;overflow: hidden;padding-top: 40px;}
.btn-search:hover{opacity: 0.5;}
.left-positions{width: 940px;}
.left-positions .tabs{border-bottom: 1px solid #d9d9d9;}
.left-positions .tabs ul li{display: inline-block;position: relative;}
.left-positions .tabs ul li a{font-size: 16px;color: #9da0be;display: block;width: 160px;padding-bottom: 9px;text-align: center;border-bottom: 5px solid #fff;}
.left-positions .tabs ul li.current a{border-bottom: 5px solid #df1912;}
.left-positions .tabs ul li span{width: 1px;height: 16px;background: #d2d7e4;display: inline-block;position: absolute;left: 100%;top: 0;}
.left-positions .tab-content ul li{width: 270px;border: 1px solid #e3e3e3;padding: 0 15px;display: inline-block;margin: 0 0 15px 10px;}
.left-positions .tab-content{margin-top: 25px;}
.left-positions .tab-content ul{margin-left: -10px;}
.home-page{margin-bottom: 80px;}
.left-positions .tab-content h5{font-size: 14px;color: #3c4357;font-weight: normal;margin-top: 24px;}
.left-positions .tab-content h5 span{font-size: 14px;color: #df1912;padding-left: 20px;}
.left-positions .tab-content p{font-size: 14px;color: #9da0be;line-height: 23px;}
.position-selected{margin: 15px 0 10px 0;}
.position-selected a{font-family: FontinSans Regular;font-size: 14px;color: #474e64;border: 1px solid #cdd9ed;height: 29px;line-height: 29px;border-radius: 20px;display: inline-block;text-align: center;min-width: 45px;margin-right: 6px;padding: 0 10px;transition: all 0.5s;margin-bottom: 10px;}
.position-selected a:hover{letter-spacing: 2px;background: #df1912;color: #fff;border: 1px solid #df1912;}
.other-recruit{background: #f8faff;height: 80px;margin: 0 -15px;padding: 0 15px;border-top: 1px solid #e3e3e3;}
.other-recruit img{width: 50px;float: left;margin:18px 15px 0 0;}
.recruit-con h6{font-size: 14px;color: #01a2e5;font-weight: normal;margin-top: 25px;height: 70px;}
.recruit-con p{font-size: 12px;}
.right-hot-company{width: 270px;}
.hot-recruit-list{background: #e9ecf5;margin-top: 25px;padding-bottom: 15px;}
.hot-recruit-list ul li{width: 110px;display: inline-block;height: 160px;margin: 15px 0 0 15px;border: 1px solid #e3e3e3;background: #fff;}
.hot-recruit-list .col-xs-6{display: inline-block;font-size: 12px;text-align: center;width: 50px;color: #df1912;position: relative;}
.hot-recruit-list .col-xs-6 span{display: block;color: #9da0be;}
.sx{height: 30px;background: #e3e3e3;width: 1px;position: absolute;left: 100%;top: 0;}
.hot-recruit-list .row{position: relative;top: 5px;}
.more{width: 148px;height: 30px;line-height: 30px;border-radius: 20px;font-size: 14px;color: #9da0be;border: 1px solid #d2d7e4;display: block;text-align: center;margin: 0 auto;margin-top: 13px;position: relative;top: 1px;transition: all .5s;}
.more:hover{background: #df1912;border: 1px solid #df1912;color: #fff;letter-spacing: 5px;opacity: .8;}
.hot-recruit-list ul li a:hover{opacity: 0.7;}
.Career-Days{text-align: center;margin-top: 35px;}
.Career-Days h5{font-size: 20px;font-family: FontinSans Regular;border-bottom: 5px solid #df1912;display: inline-block;color: #474f64;text-transform: uppercase;font-weight: normal;padding-bottom: 5px;}
.Career-Days ul{text-align: left;margin-top: 35px;margin-left: -12px;}
.Career-Days ul li{display: inline-block;margin-left: 12px;position: relative;width: 398px;}
.Career-Days ul li span{position: relative; overflow: hidden;width: 398px;height: 131px;display: inline-block;}
.Career-Days ul li a:hover img{transform: scale(1.1);}
.hot-recruit-list ul li a:hover img{transform: scale(1.1);}
.hot-recruit-list ul li strong{width: 111px;height: 111px;overflow: hidden;position: relative;display: block;}
.img-time{position: absolute;top: 37px;left: 23px;}
.img-time h6{font-family: 'FontinSans Bold';font-size: 20px;color: #df1912;text-transform: uppercase;}
.img-time p{font-size: 20px;color: #fff;}
.brand-cooper{text-align: center;}
.free-collect{text-align: left;margin-top: 40px;position: relative;}
.free-collect span img{width: 1225px;}
.free-collect span{position: relative;overflow: hidden;width: 1225px;height: 150px;display: block;}
.free-collect a{width: 250px;height: 50px;line-height: 50px;border-radius: 30px;display: inline-block;text-align: center;position: absolute;background: #df1912;color: #fff;font-size: 20px;letter-spacing: 3px;right: 38px;top: 50px;transition: all 0.5s;}
.free-collect a:hover{letter-spacing: 8px;}
.brand-cooper{margin-top: 40px;}
.brand-cooper h5{color: #3c4357;font-size: 16px;border-bottom: 5px solid #df1912;padding-bottom: 8px;display: inline-block;}
.brand-cooper ul{text-align: left;margin-top: 40px;}
.brand-cooper ul li{display: inline-block;width: 238px;height: 129px;margin-right: 5px;}
.brand-cooper ul li:last-child{margin-right: 0px;}
.brand-cooper ul li a:hover{opacity: 0.6;}
.login{background: #f9faff;border: 1px solid #d2d7e4;text-align: center;margin: 50px 0;padding: 55px 0 60px 0;min-height: 500px;}
.login h5{font-size: 24px;border-bottom: 5px solid #df1912;padding-bottom: 4px;display: inline-block;font-weight: normal;}
.login ul li label{font-size: 18px;font-weight: normal;color: #474f64;position: relative;text-align: left;display: block;margin-bottom: 5px;}
.login ul li input{font-size: 14px;width: 455px;height: 39px;border: 1px solid #d2d7e4;padding: 0 10px;outline: none;}
.login ul li{margin-bottom: 17px;position: relative;text-align: left;}
.login ul li label span{color: #df1912;position: relative;top: 4px;}
.login ul{width: 487px;margin:0 auto;margin-top: 60px;}
.content-check input[type=checkbox].checkbix{position:absolute;opacity:0;z-index:-1}
.content-check input[type=checkbox].checkbix+label{top: 3px;position:relative;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:inherit;-webkit-transition:all 250ms cubic-bezier(.4,0,.23,1);transition:all 250ms cubic-bezier(.4,0,.23,1);margin-bottom:.15rem}
.content-check input[type=checkbox].checkbix+label>span{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:.5em;width:16px;height:16px;background:0 0;border:1px solid #333;border-radius:1px;cursor:pointer;-webkit-transition:all 250ms cubic-bezier(.4,0,.23,1);transition:all 250ms cubic-bezier(.4,0,.23,1);position:relative}
.content-check input[type=checkbox].checkbix:focus+label>span{outline:0;border-color:#333;box-shadow:0 0 0 1px rgba(0,20,20,.5)}
.content-check input[type=checkbox].checkbix:checked+label>span{background:#df1912;border:.1rem solid transparent;-webkit-animation:reveal .2s cubic-bezier(.4,0,.5,1);animation:reveal .2s cubic-bezier(.4,0,.5,1)}
.content-check input[type=checkbox].checkbix:checked+label>span:before{content:"";position:absolute;top:0;left:22%;margin-left:auto;margin-right:auto;border-right:2px solid transparent;border-bottom:2px solid transparent;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-animation:checkboxcheck 125ms 50ms cubic-bezier(.1,0,.1,1) forwards;animation:checkboxcheck 125ms 50ms cubic-bezier(.1,0,.1,1) forwards}
@-webkit-keyframes reveal{0%,100%{-webkit-transform:scale(1);transform:scale(1)}
    33%{-webkit-transform:scale(.5);transform:scale(.5)}}
@keyframes reveal{0%,100%{-webkit-transform:scale(1);transform:scale(1)}
    33%{-webkit-transform:scale(.5);transform:scale(.5)}}
@-webkit-keyframes checkboxcheck{0%{width:0;height:0;border-color:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
    33%{width:.2em;height:.3em;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
    100%{width:.2em;height:.4em;border-color:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg)}}
@keyframes checkboxcheck{0%{width:0;height:0;border-color:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
    33%{width:.2em;height:.3em;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
    100%{width:.2em;height:.4em;border-color:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg)}}input[type=checkbox].checkbix[data-size=large]+label>span{width:24px;height:24px}
.content-check input[type=checkbox].checkbix[data-size=large]+label>span:before{-webkit-animation:checkboxchecklarge 125ms 50ms cubic-bezier(.1,0,.1,1) forwards;animation:checkboxchecklarge 125ms 50ms cubic-bezier(.1,0,.1,1) forwards;border-right:3px solid transparent;border-bottom:3px solid transparent}
@-webkit-keyframes checkboxchecklarge{0%{width:0;height:0;border-color:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
    33%{width:.3em;height:.6em;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
    100%{width:.3em;height:.6em;border-color:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg)}}@keyframes checkboxchecklarge{0%{width:0;height:0;border-color:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
                                                                                                               33%{width:.3em;height:.6em;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
                                                                                                               100%{width:.3em;height:.6em;border-color:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg)}}input[type=checkbox].checkbix[data-shape=circled]+label>span{border-radius:100%}




.content-check{position: relative;left: -97px;display: inline-block;}
.content-check a{font-size: 14px;color: #646a7c;margin-left: 35px;}
.btn-login{background: #df1912;color: #fff;font-size: 14px;border-radius: 20px;width: 148px;height: 40px;line-height: 40px;display: block;margin: 0 auto;margin-top: 55px;}
.login p{font-size: 14px;color: #646a7c;margin-top: 15px;}
.login p a{color: #01a2e5;}
.login-style .content-check{left: 0px;margin-top: 20px;}
.login-style p span{color: #df1912;}
.login-style .btn-login{margin-top: 30px;}
.login-style p{margin-top: 40px;}
.login-style .content-check a{margin-left: 0;color: #01a2e5;}
.login ul li select{position: absolute;font-size: 14px;background-color: #fff;height: 40px;width: 90px;appearance:none; -moz-appearance:none; -webkit-appearance:none;border: 0;outline: none;background: url("/res/web/img/icon-bottom-arrow.png") no-repeat;padding-left: 20px;background-position: 57px 18px;}
.login-style ul li input{padding-left: 90px;width: 365px;}
.register ul li input{padding: 0 15px;}
.other-register a{padding: 0 6px;position: relative;top: 12px;}
.other-register{color: #646a7c;}
.img-code{position: absolute;background: #9ca0be;width: 130px;height: 41px;line-height: 41px;text-align: center;right: 0px;}
.img-code img{margin-top: 9px;}
.register ul{margin: 0 auto;margin-top: 50px;}
.enter-login p.bt{font-size: 14px;color: #9da0be;position: relative;top: 40px;}
.enter-login p.bt span{color: #df1912;}
.register ul li input{width: 455px;}
.register ul li input.input-code{width: 310px;}
.back-login{color: #01a2e5;margin-top: 25px;display: block;}
.right-navbar{position: absolute;width: 105px;top: 158px;right: 150px;}
.login{position: relative;}
.right-navbar ul li a{font-size: 14px;border-left: 5px solid #e8ecf6;color: #3c4357;height: 57px;line-height: 57px;border-bottom: 1px solid #e8ecf6;display: block;width: 105px;text-align: center;}
.right-navbar ul li{margin-bottom: 0;}
.right-navbar ul li:last-child a{border-bottom: 0;}
.right-navbar ul{border-top: 1px solid #e8ecf6;width: 105px;}
.right-navbar ul li.current a{border-left: 5px solid #df1912;}
.recruitment-list{margin-bottom: 50px;}
.recruitment-banner{margin-top: 18px;}
.company-intro{border: 1px solid #e3e3e3;padding-top: 55px;padding-bottom: 30px;}
.company-intro{margin-top: 44px;clear: both;overflow: hidden;}
.company-info{float: left;width: 670px;}
.company-detail-info h6{font-size: 20px;color: #3c4357;margin: 11px 0;}
.company-detail-info p{font-size: 14px;color: #9da1be;line-height: 22px;}
.company-info img{margin-right: 10px;}
.company-intro .wx a{display: inline-block;padding: 50px 20px 0 0px;}
.company-intro .row{clear: both;overflow: hidden;}
.company-intro .company-con{background: #f8faff;font-size: 14px;color: #9da1be;padding: 20px 40px 40px 40px;margin-top: 40px;}
.company-intro .company-con p{padding-top: 20px;line-height: 23px;}
.company-intro .company-con p strong{color: #3c4357;font-weight: normal;margin-right: 20px;}
.company-all-position{margin-top: 70px;}
.border-pos{border-bottom: 1px solid #d9d9d9;}
.company-all-position h6{font-size: 16px;color: #3c4357;border-bottom: 5px solid #df1912;padding:0 30px 13px 30px;text-align: center;display: inline-block;}
.screen{float: right;width: 148px;height: 32px;line-height: 32px;border-radius: 20px;border: 1px solid #d2d7e4;position: relative;top: 19px;background: #fff;right: 100px;}
.screen span{color: #9da0be;font-size: 14px;padding-left: 20px;}
.screen select{background: #fff;position: absolute;height: 30px;width: 80px;font-size: 14px;color: #cbcfdc;border: 0;right: 10px;top: 2px;}
.company-all-position table{font-size: 16px;width: 100%;margin-top: 13px;    border-collapse: collapse;}
.company-all-position table td a{color: #01a2e5;display: block;}
.company-all-position table td{color:#9da1be;padding: 33px 0 15px 0;border-bottom: 1px solid #d9d9d9;}
.page{text-align: center;margin-top: 70px;}
.page a{font-size: 16px;color: #cbcfdc;width: 38px;height: 38px;border: 1px solid #e1e4ed;border-radius: 50%;line-height: 38px;text-align: center;display: inline-block;margin: 0 8px;cursor: pointer;}
.page a img{position: relative;top: 3px;}
.page a.current{background: #d9dae6;color: #fff;}
.page a:hover{background: #d9dae6;color: #fff;}
.page a.last-page{border: 0;width: auto;}
.page a.last-page:hover{background: none;color: #cbcfdc;}
.employment-ad .swiper-pagination-bullet{background: #fff;}
.employment-ad .swiper-pagination-bullet-active{background: #ebb617;}
.search-field{background: #e9ecf5;margin-top: 15px;padding-bottom: 30px;}
.search-field .container{width: 1065px;margin: 0 auto;}
.search-field ul li label{display: block;font-size: 16px;color: #474f64;padding: 27px 0 10px 12px;}
.search-field ul li.li-1{width: 185px;}
.search-field ul li.li-1 select{width: 185px;}
.search-field ul li.li-2{width: 123px;}
.search-field ul li.li-2 select{width: 123px;}
.search-field ul li{display: inline-block;margin-left: 5px;}
.search-field ul li input{background: #fff;width: 165px;height: 32px;line-height: 32px;border: 0;border-radius: 20px;font-size: 14px;padding-left: 20px;outline: none;}
.search-field ul li select{background-color: #fff;color: #cbcfdc;font-size: 14px;height: 32px;line-height: 32px;border-radius: 20px; appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;background-image: url("/res/web/img/bottom-arrow.png");background-repeat: no-repeat;background-position: 93%;padding-left: 20px;outline: none;border: 0;}
.search-field ul li input::-webkit-input-placeholder{
    color:#cbcfdc;
}
.search-field ul li input::-moz-placeholder{
    color:#cbcfdc;
}
.search-field ul li input:-moz-placeholder{
    color:#cbcfdc;
}
.search-field ul li input:-ms-input-placeholder{
    color:#cbcfdc;
}
.search-field ul li:first-child{margin-left: 0;}
.search-field ul li button{background: #df1912;color: #fff;height: 32px;line-height: 32px;width: 148px;display: inline-block;border: 0;border-radius: 20px;font-size: 14px;letter-spacing: 4px;outline: none;}
.salary{padding-left: 13px;margin-top: 20px;}
.salary span{color: #01a2e5;font-size: 14px;display: inline-block;width: 70px;position: absolute;}
.salary-list strong{font-weight: normal;font-size: 14px;color: #01a2e5;display: inline-block;padding: 0 10px;}
.salary .row{clear: both;overflow: hidden;margin-top: 5px;}
.salary-list{padding-left: 70px;}
.zp-list-left{width: 950px;}
.zp-list{margin-top: 45px;}
.zp-company{width: 410px;background: #f8faff;padding: 28px 25px;}
.zp-list .row{clear: both;overflow: hidden;margin-bottom: 26px;}
.zp-list{clear: both;overflow: hidden;}
.zp-company-con h6{font-size: 14px;color: #01a2e5;text-transform: uppercase;margin: 8px 0 10px 0;}
.zp-company img{margin-right: 30px;}
.zp-company-con p strong{font-weight: normal;font-size: 13px;color: #9da1be;}
.zp-company-con p span{margin-right: 10px;}
.release-time{width: 235px;text-align: center;color: #9da1be;margin-top: 37px;}
.release-time span{display: block;margin-bottom: 12px;}
.release-time .time{display: inline-block;font-size: 13px;margin: 0 5px;}
.now-apply{width: 195px;text-align: center;margin-top: 29px;}
.now-apply .btn-sq{cursor: pointer;width: 190px;border: 1px solid #cdd9ed;height: 30px;line-height: 30px;border-radius: 20px;text-align: center;display: block;font-size: 15px;color: #9da1be;letter-spacing: 3px;transition: all 0.5s;}
.now-apply p a{font-size: 13px;color: #9da1be;vertical-align: middle;margin: 0 4px;cursor: pointer;}
.now-apply p{color: #9da1be;font-size: 13px;margin-top: 8px;}
.now-apply p a:hover{color: #df1912;}
.now-apply .btn-sq:hover{letter-spacing: 5px;background: #df1912;color: #fff;border: 1px solid #df1912;}
.zp-list-right{width: 275px;text-align: center;background: #e9ecf5;padding: 30px 0;}
.zp-list-right a{position: relative;overflow: hidden;width: 223px;height: 103px;display: inline-block;margin-bottom: 7px;}
.zp-list-right a img{vertical-align: middle;}
.right-navbar ul li a:hover{color: #df1912;border-left: 5px solid #df1912;}
.border-left{min-height: 150px;background: #e8ecf6;width: 5px;display: none;}
.employer-search{margin-top: 18px;}
.home-list{margin-top: 20px;}
.Industry-list ul li{width: 188px;height: 107px;text-align: center;}
.Industry-list ul li img{width: 100%;}
.Industry-list ul li span{width: 188px;height: 107px;}
.Industry-list .img-time{left: 0;right: 0;top: 42px;}
.Industry-list .img-time h6{color: #fff;font-size: 20px;font-weight: normal;}
.Employer-list .other-recruit{border-top: 0;margin-top: 0;top: 0;}
.position-info a{cursor: pointer;width: 130px;height: 30px;background: #fff;border: 1px solid #d2d7e4;text-align: center;display: inline-block;border-radius: 20px;line-height: 30px;color: #9da0be;margin: 0 4px;margin-top: 25px;transition: all .5s;}
.position-info{padding: 0 8px;text-align: center;top: 30px;}
.position-info a:hover{background: #df1912;color: #fff;border: 1px solid #df1912;}
.zp-info img{position: absolute;top: 33px;}
.zp-info .recruit-con{padding-left: 70px;padding-top: 10px;}
.zp-info{position: relative;}
.left-positions .tab-content ul li.zp-info{width: 293px;margin-bottom: 25px;height:225px;}
.gz-list{width: 203px;text-align: center;}
.left-positions.left-gz-list{width: 1005px;}
.gz-list .hot-recruit-list ul li strong{width: 136px;height: 113px;}
.gz-list .hot-recruit-list ul li{width: 136px;margin-left: 0;}
.gz-list .more{width: 134px;top: -6px;}
.gz-list .hot-recruit-list ul {padding: 10px 0;}
.all-positions-list{padding-top: 10px;}
.left-detail{width: 877px;padding-left: 8px;float: left;}
.recruitment-detail .row{clear: both;overflow: hidden;margin-top: 50px;}
.company-detail{border-left: 5px solid #df1912;padding-left: 40px;width: 620px;float: left;padding-top: 10px;padding-bottom: 10px;}
.company-detail h5{font-size: 20px;color: #3c4357;font-weight: normal;}
.recruitment-detail{margin-bottom: 55px;}
.company-detail h6{font-size: 18px;color: #01a2e5;font-weight: normal;margin-top: 10px;}
.company-detail h6 span{font-size: 18px;text-transform: uppercase;margin-left: 10px;font-family: 'FontinSans Regular';}
.icon-je{background: url("/res/web/img/icon-je.png") no-repeat;width: 22px;height: 22px;display: inline-block;vertical-align: middle;margin-right: 15px;}
.company-detail ul li{font-size: 14px;color: #9da1be;display: inline-block;margin-right: 25px;}
.company-detail ul{margin-top: 15px;}
.icon-dz{background: url("/res/web/img/icon-dz.png") no-repeat;width: 16px;height: 20px;display: inline-block;vertical-align: middle;margin-right: 10px;position: relative;top: -1px;}
.icon-jy{background: url("/res/web/img/icon-jy.png") no-repeat;width: 20px;height: 15px;display: inline-block;vertical-align: middle;margin-right: 10px;position: relative;top: -3px;}
.icon-qz{background: url("/res/web/img/icon-qz.png") no-repeat;width: 20px;height: 20px;display: inline-block;vertical-align: middle;margin-right: 10px;}
.company-apple{width: 195px;margin-top: 15px;}
.company-apple .btn-sq{width: 190px;height: 30px;line-height: 30px;border-radius: 20px;font-size: 14px;text-align: center;display: block;color: #9da0be;border: 1px solid #cdd9ed;letter-spacing: 5px;transition: all 0.5s;}
.company-apple .btn-sq-select{width: 190px;height: 30px;line-height: 30px;border-radius: 20px;font-size: 14px;text-align: center;display: block;color: #9da0be;}
.icon-sc{background: url("/res/web/img/icon-sc2.png") no-repeat;width: 19px;height: 18px;display: inline-block;position: relative;top: 3px;margin-right: 5px;}
.collect a{font-size: 12px;color: #9da0be;vertical-align: middle;padding: 0 5px;}
.collect{color: #9da0be;font-size: 12px;text-align: center;padding-top: 5px;}
.Job-info{border: 1px solid #e3e3e3;margin-top: 25px;}
.row-company{clear: both;overflow: hidden;}
.company-apple .btn-sq:hover{background: #df1912;color: #fff;letter-spacing: 8px;border: 1px solid #df1912;}
.inner-width{width: 767px;margin: 0 auto;}
.Job-info h6{font-size: 14px;color: #3c4357;padding-top: 30px;padding-bottom: 10px;}
.company-info-con h6{font-size: 14px;padding-top: 30px;padding-bottom: 10px;}
.Job-info p{font-size: 14px;color: #9da1be;font-family: 'FontinSans Regular';text-align: justify;line-height: 22px;}
.company-info-con p{font-size: 14px;color: #9da1be;line-height: 22px;margin-bottom: 20px;}
.company-info-con{background: #f8faff;padding-bottom: 30px;margin-top: 30px;}
.Similar-job{background: #e9ecf5;float: right;width: 300px;text-align: center;}
.Similar-job h6{padding-top:17px;font-size: 16px;color: #3c4357;font-weight: normal;width: 265px;margin: 0 auto;text-align: left;height: 30px;line-height: 30px;}
.Similar-job h6 a{width: 100px;height: 30px;line-height: 30px;border-radius: 20px;background: #fff;display: inline-block;border: 1px solid #cdd9ed;font-size: 14px;color: #9da0be;float: right;text-align: center;transition: all 0.5s;}
.Similar-job h6 a:hover{background: #df1912;color: #fff;letter-spacing: 4px;cursor: pointer;border: 1px solid #df1912;}
.Similar-job ul{width: 265px;margin: 0 auto;}
.Similar-job ul li{background: #fff;border: 1px solid #d2d7e4;margin-top: 12px;padding: 13px 10px;}
.Similar-job ul li p{color:#01a2e5;text-align: left;font-size: 14px;line-height: 25px;}
.Similar-job ul li p span{float: right;color: #9da1be;}
.Similar-job ul li p.name{color: #9da1be;}
.Similar-job .Career-Days ul li{border: 0;padding: 0;width: 300px;height: 150px;background: none;margin: 0;}
.Similar-job .Career-Days ul{width: auto;}
.Similar-job .Career-Days h6{color: #df1912;font-size: 20px;padding-top: 10px;}
.Similar-job .Career-Days p{color: #fff;font-size: 20px;}
.Similar-job .Career-Days {margin-top: 10px;position: relative;top: 21px;}
.Similar-job .Career-Days ul li span{height: auto;width: 300px;}
.moral-training ul li span{width: 612px;height: 179px;overflow: hidden;position: relative;display: inline-block;float: left;margin-right: 30px;}
.moral-training ul li span img{vertical-align: middle;}
.moral-training{margin-top: 45px;}
.moral-training h6{font-weight: normal;font-size: 18px;color: #474f64;text-align: center;border-bottom: 5px solid #df1912;display: inline-block;padding: 0 20px 8px 20px;}
.training{border-bottom: 1px solid #d9d9d9;}
.moral-training ul li{position: relative;margin-top: 24px;border-top: 1px solid #e3e3e3;border-right: 1px solid #e3e3e3;clear: both;overflow: hidden;border-bottom: 40px solid #f8faff;}
.training-con h4{font-size: 20px;font-weight: normal;margin-top: 50px;    text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.con-from p{font-size: 16px;color: #9da0be;margin-top: 25px;}
.con-from strong{display: block;font-size: 14px;color: #01a2e5;font-weight: normal;margin-top: 5px;}
.training-con{float: left;width: 575px;}
.con-from{width: 400px;}
.con-from a:hover{background: #df1912;color: #fff;border: 1px solid #df1912;letter-spacing: 5px;}
.con-from a{width: 144px;height: 30px;line-height: 30px;border-radius: 20px;text-align: center;border: 1px solid #cdd9ed;display: inline-block;color: #9da0be;letter-spacing: 2px;transition: all 0.5s;position: absolute;right: 30px;
    bottom: 30px;}
.moral-training ul li:hover img{transform: scale(1.1);}
.moral-training .free-collect a{letter-spacing: 0;top: 65px;}
.moral-training .free-collect a:hover{letter-spacing: 4px;}
.free-collect:hover img{transform: scale(1.1);}
.moral-training .free-collect span{width: 1226px;height: 212px;}
.Exhibition .title span{font-family: 'FontinSans Regular';color: #01a2e5;font-size: 16px;margin-right: 10px;}
.Exhibition .title{color: #01a2e5;font-size: 16px;word-spacing:8px;padding-top: 38px;padding-bottom: 15px;}
.Exhibition .row{border: 1px solid #e3e3e3;height: 299px;position: relative;}
.exhibit-con{float: left;width: 450px;padding-left: 60px;padding-top: 33px;}
.exhibit-con p{font-size: 15px;line-height: 23px;}
.exhibit-con p.gray{color: #9da0be;margin-top: 20px;}
.exhibit-con .global-show-span{color: #df1912;font-size: 14px;text-align: center;background: #f8faff;display: block;height: 44px;line-height: 44px;position: absolute;right: 0;width: 607px;bottom: 0;}
.review-exhibition{background: #e9ecf5;padding: 20px 35px;margin-top: 15px;}
.review-exhibition p{font-size: 14px;color: #3c4357;margin-bottom: 10px;}
.review-exhibition p:last-child{margin-bottom: 0;}
.Exhibition ol li{width: 175px;height: 152px;text-align: center;display: inline-block;background: #f3f3f3;margin-right: 31px;}
.Exhibition ol{margin-top: 40px;}
.Exhibition ol li a{width: 156px;height: 133px;display: inline-block;position: relative;overflow: hidden;top:9px;}
.Exhibition ol li a img{vertical-align: middle;}
.Exhibition ol li:last-child{margin-right: 0;}
.basic-info{background: #f9faff;width: 948px;border: 1px solid #d2d7e4;padding-bottom: 20px;clear: both;overflow: hidden;}
.per-info{margin: 20px 0 100px 0;}
.per-info .row{clear: both;overflow: hidden;}
.left-per-info{width: 254px;text-align: center;position: relative;float: left;height: 390px;}
.img-upload{position: absolute;left: 0;right: 0;top: 100px;margin: 0 auto;}
.left-per-info p{font-size: 20px;color: #3c4357;}
.left-per-info span{width: 44px;height: 19px;line-height: 19px;display: block;margin: 0 auto;background: #f4bc12;font-size: 12px;color: #fff;border-radius: 14px;margin-top: 5px;}
.open-jl .content-check{left: 0;}
.open-jl strong{font-weight: normal;color: #3c4357;margin-right: 5px;}
.open-jl{margin-top: 13px;}
.img-upload a{display: block;width: 150px;height: 32px;line-height: 32px;border: 1px solid #d2d7e4;border-radius: 20px;color: #9da0be;margin: 20px auto 0 auto;cursor: pointer;transition: all 0.5s;}
.img-upload a:hover{background: #df1912;color: #fff;border: 1px solid #df1912;letter-spacing: 5px;}
.center-per-info{float: left;width: 650px;margin-left: 25px;padding-top: 60px;}
.center-per-info h6{text-align: center;border-bottom: 5px solid #df1912;font-size: 16px;font-weight: normal;padding: 0 40px 8px 40px;display: inline-block;}
.per-info-intro{border: 1px solid #d2d7e4;background: #fff;width: 605px;padding-bottom: 25px;}
.center-per-list{position: relative;}
.per-info-intro .edit{width: 148px;height: 30px;line-height: 30px;text-align: center;display: block;background: #f6b914;border-radius: 20px;color: #fff;font-size: 14px;letter-spacing: 4px;position: absolute;right: 20px;top: 19px;transition: all 0.5s;}
.per-inner-info h4{font-size: 20px;color: #3c4357;font-weight: normal;padding-top: 20px;padding-bottom: 8px;}
.icon-n{background: url("/res/web/img/icon-n.png") no-repeat;width: 12px;height: 16px;display: inline-block;position: relative;top: 2px;}
.per-info-intro{padding-left: 45px;}
.per-info-intro .edit:hover{letter-spacing: 7px;opacity: 0.8;}
.per-info-intro p{color: #9da0be;font-size: 14px;line-height: 30px;}
.icon-phone{background: url("/res/web/img/icon-phone.png") no-repeat;width: 16px;height: 16px;display: inline-block;position: relative;top: 2px;}
.icon-email{background: url("/res/web/img/icon-yx.png") no-repeat;width: 21px;height: 13px;display: inline-block;position: relative;top: 2px;}
.Personal-label{margin-top: 20px;}
.Personal-label .per-info-intro .edit{background: #fff;border: 1px solid #d2d7e4;color: #9da0be;padding: 0;}
.Personal-label .per-info-intro{padding-bottom: 20px;}
.Personal-label .per-info-intro a{border: 1px solid #cdd9ed;border-radius: 20px;height: 28px;line-height: 28px;text-align: center;display: inline-block;padding: 0 15px;margin: 0 3px;min-width: 30px;}
.Personal-label .per-inner-info{margin-top: 20px;}
.last-modify-time{color: #9da1be;font-size: 14px;text-align: right;padding-right: 20px;}
.yl{background: #9ca0be;color: #fff;font-size: 16px;height: 50px;line-height: 50px;display: block;text-align: left;padding-left: 40px;}
.row-basic{clear: both;overflow: hidden;}
.left-width{width: 950px;float: left;}
.Delivery-Preview table{margin-top: 20px;width: 100%;border: 1px solid #d2d7e4;border-collapse: collapse;}
.Delivery-Preview table td{border-bottom: 1px solid #d2d7e4;padding: 18px 0;}
.Delivery-Preview table td img{vertical-align: middle;margin-right: 15px;margin-left: 18px;}
.Delivery-Preview table td span{color: #01a2e5;font-size: 14px;}
.Delivery-Preview table td p{font-size: 14px;color: #3c4357;}
.Delivery-Preview table td strong{font-weight: normal;color: #9da0be;}
.Delivery-Preview table td a{width: 140px;height: 30px;line-height: 30px;border: 1px solid #d2d7e4;letter-spacing: 4px;display: inline-block;text-align: center;border-radius: 20px;color: #9da0be;margin: 0 20px;transition: all 0.5s;}
.Delivery-Preview{padding-bottom: 10px;width: 950px;}
.Delivery-Preview table tr:last-child td{border-bottom: 0;}
.Delivery-Preview table td a:hover{background: #df1912;color: #fff;letter-spacing: 8px;border: 1px solid #df1912;}
.Job-Intention span{font-size: 16px;color: #474f64;border-bottom: 5px solid #df1912;display: inline-block;text-align: center;font-weight: normal;padding: 0 40px 8px 40px;}
.Resume-info{float: right;width: 255px;}
.resume-border{border: 1px solid #d2d7e4;}
.Resume-info ol li{display: inline-block;width: 80px;text-align: center;font-size: 14px;color: #01a2e5;padding-top: 31px;position: relative;}
.Resume-info ol li span{font-size: 30px;color: #df1912;display: block;margin-bottom: 5px;}
#preview img{width: 140px;height: 140px;border-radius: 50%;}
#preview{width: 140px;height: 140px;padding: 10px;background: #fff;margin: 0 auto;border-radius: 50%;}
#addCommodityIndex{position: relative;}
.img-set{position: absolute;bottom: 20px;margin-left: 45px;}
.sx2{background: #d2d7e4;width: 1px;height: 24px;position: absolute;left: 100%;right: 0;top: 58px;}
.home-list .hot-recruit-list .col-xs-6{width: 65px;}
.job-inter-con{border: 1px solid #d2d7e4;}
.job-inter-con .icon-qz{background-size: 20px;margin-right: 0;}
.job-inter-con .icon-je{background-size: 20px;margin-right: 0;}
.job-inter-con i{width: 33px;}
.job-inter-con .icon-sjsj{position: relative;top: -2px;}
.icon-sjsj{background: url("/res/web/img/icon-ggsj.png") no-repeat;width: 20px;height: 15px;display: inline-block;vertical-align: middle;background-size: 20px 15px;}
.icon-qz2{background: url("/res/web/img/icon-qz.png") no-repeat;width: 20px;height: 20px;display: inline-block;vertical-align: middle;background-size: 20px;}
.icon-jjgz{background: url("/res/web/img/icon-zgz.png") no-repeat;width: 21px;height: 21px;display: inline-block;vertical-align: middle;background-size: 21px;}
.job-inter-con ul li{display: inline-block;width: 210px;margin-bottom: 20px;}
.job-inter-con ul{padding: 0 30px;margin-top: 20px;}
.job-recommendation h4{font-size: 16px;color: #474f64;background: #e8ecf6;height: 50px;line-height: 50px;padding: 0 30px 0 40px;font-weight: normal;}
.Self-description h4{font-size: 16px;color: #474f64;border-bottom: 5px solid #df1912;display: inline-block;text-align: center;font-weight: normal;padding: 0 40px 8px 40px;}
.work-experience h4{font-size: 16px;color: #474f64;border-bottom: 5px solid #df1912;display: inline-block;text-align: center;font-weight: normal;padding: 0 40px 8px 40px;}
.icon-bottom-arrow{background: url("/res/web/img/top-arrow.png") no-repeat;width: 16px;height: 10px;display: inline-block;float: right;position: relative;top: 20px;}
.job-recommendation .left-positions{width: 100%;}
.job-recommendation .left-positions .tab-content ul{margin-left: -18px;}
/*.left-positions .tab-content ul li{margin-left: 18px;}*/
.job-recommendation .more{margin: 4px auto 8px auto; }
.description-con{border: 1px solid #d2d7e4;font-size: 14px;color: #3c4357;text-align: center;display: table-cell;vertical-align: middle;width: 950px;padding: 20px 0;overflow-y: auto;}
.description-con .edit{background: #fff;border: 1px solid #d2d7e4;color: #9da0be;display: inline-block;border-radius: 20px;height: 28px;line-height: 28px;text-align: center;width: 150px;position: absolute;right: 30px;top: 17px;transition: all 0.5s;}

.Self-description{position: relative;margin-top: 30px;}
.description-con .edit:hover{background: #df1912;color: #fff;letter-spacing: 4px;border: 1px solid #df1912;}
.work-experience{margin-top: 50px;position: relative;}
.work-experience .description-con{height: auto;text-align: left;}
.work-experience .description-con ul li img{float: left;width: 42px;position: absolute;}
.experience-con h6{font-size: 14px;font-weight: normal;color: #3c4357;}
.experience-con h6 span{font-size: 12px;color: #9da1be;margin-left: 20px;}
.experience-con p{color: #9da1be;font-size: 14px;margin-top: 5px;min-height: 20px;}
.experience-con{float: left;padding-left: 72px;width: 835px;}
.exper-intro{margin-top: 20px;}
.work-experience .description-con ul li{position: relative;padding: 10px 10px 10px 30px;clear: both;overflow: hidden;border-bottom: 1px solid #d2d7e4;}
.work-experience .description-con ul li:last-child{border-bottom: 0;}
.work-experience .description-con ul li a{background: #fff;border: 1px solid #d2d7e4;color: #9da0be;display: inline-block;border-radius: 20px;height: 28px;line-height: 28px;text-align: center;width: 150px;position: absolute;right: 30px;top: 20px;transition: all 0.5s;}
.work-experience .description-con ul li a:hover{background: #df1912;border: 1px solid #df1912;color: #fff;letter-spacing: 4px;}
#my_html{display: block;margin: 0 auto;margin-top: 34px;}
.resume-com{position: relative;text-align: center;padding-bottom: 30px;}
.resume-com p{color: #9598b4;font-size: 14px;position: absolute;left: 0;right: 0;top: 100px;font-weight: bold;}
.default{color: #9598b4;font-size: 14px;}
.lang-selected{height: 30px;line-height: 30px;}
.lang-selected a{border-radius: 20px;border: 1px solid #d2d7e4;display: inline-block;width: 48px;color: #9598b4;}
.lang-selected a:first-child{border-bottom-right-radius: 0;border-top-right-radius: 0;border-right: 0;}
.lang-selected a:last-child{border-bottom-left-radius: 0;border-top-left-radius: 0;margin-left: -4px;border-left: 0;}
.default span{margin-right: 10px;}
.lang-selected{display: inline-block;}
.default{margin: 30px 0;}
.lang-selected .current{background: #df1912;color: #fff;}
.resume-pdf a{background: #f3f3f3;display: block;width: 190px;height: 43px;line-height: 43px;font-size: 14px;color: #3c4357;margin: 0 auto;text-align: left;padding-left: 20px;}
.resume-pdf a span{text-decoration: underline;}
.resume-pdf a img{float: right;padding-right: 15px;padding-top: 15px;}
.resume-selected a{background: #df1912;color: #fff;position: relative;}
.resume-selected a strong{font-weight: normal;font-size: 14px;}
.resume-selected a strong select{font-size: 14px;background: #df1912;color: #fff;border: 0;position: absolute;right: 0;height: 41px;width: 110px;}
.Resume-info .right-navbar{position: relative;right: 0;top: 0;margin-top: 55px;width: 100%;background: #fff;}
.Resume-info .right-navbar ul{width: 100%;}
.Resume-info .right-navbar ul a{width: 249px;font-size: 14px;color: #3c4357;}
.Resume-info .right-navbar ul a i{vertical-align: middle;}
.Resume-info .right-navbar ul li.current a{color: #df1912;font-weight: bold;}

.icon-qzyx{background: url("/res/web/img/icon-qzyx.png") no-repeat;width: 33px;height: 20px;display: inline-block;background-size: 20px;}
.icon-zwms{background: url("/res/web/img/icon-zwms.png") no-repeat;width: 33px;height: 16px;display: inline-block;background-size: 20px 16px;}
.icon-gzjl{background: url("/res/web/img/icong-gzjl.png") no-repeat;width: 33px;height: 15px;background-size: 21px 15px;display: inline-block;}
.icon-jyjl{background: url("/res/web/img/icon-jyjl.png") no-repeat;width: 33px;height: 16px;background-size: 24px 16px;display: inline-block;}
.icon-document{background: url("/res/web/img/icon-document.png") no-repeat;width: 33px;height: 16px;background-size: 24px 16px;display: inline-block;}
.icon-cyhd{background: url("/res/web/img/user-actvity.png") no-repeat;width: 30px;height: 16px;background-size: 20px 16px;display: inline-block;}
.Resume-info .right-navbar ul li.current .icon-qzyx{background: url("/res/web/img/icon-qzyx-current.png") no-repeat;width: 33px;height: 20px;display: inline-block;background-size: 20px;}
.Resume-info .right-navbar ul li.current .icon-zwms{background: url("/res/web/img/icon-zwms-current.png") no-repeat;width: 33px;height: 16px;display: inline-block;background-size: 20px 16px;}
.Resume-info .right-navbar ul li.current .icon-gzjl{background: url("/res/web/img/icon-gzjl-current.png") no-repeat;width: 33px;height: 15px;background-size: 21px 15px;display: inline-block;}
.Resume-info .right-navbar ul li.current .icon-jyjl{background: url("/res/web/img/icon-jyjl-current.png") no-repeat;width: 33px;height: 16px;background-size: 24px 16px;display: inline-block;}
.Resume-info .right-navbar ul li.current .icon-document{background: url("/res/web/img/icon-document-current.png") no-repeat;width: 33px;height: 16px;background-size: 24px 16px;display: inline-block;}
.Resume-info .right-navbar ul li.current .icon-cyhd{background: url("/res/web/img/user-actvity-current.png") no-repeat;width: 33px;height: 16px;background-size: 20px 16px;display: inline-block;}
.Resume-info .right-navbar ul a:hover{font-weight: bold;}
.Resume-info .right-navbar ul a:hover .icon-qzyx{background: url("/res/web/img/icon-qzyx-current.png") no-repeat;width: 33px;height: 20px;display: inline-block;background-size: 20px;}
.Resume-info .right-navbar ul a:hover .icon-zwms{background: url("/res/web/img/icon-zwms-current.png") no-repeat;width: 33px;height: 16px;display: inline-block;background-size: 20px 16px;}
.Resume-info .right-navbar ul a:hover .icon-gzjl{background: url("/res/web/img/icon-gzjl-current.png") no-repeat;width: 33px;height: 15px;background-size: 21px 15px;display: inline-block;}
.Resume-info .right-navbar ul a:hover .icon-jyjl{background: url("/res/web/img/icon-jyjl-current.png") no-repeat;width: 33px;height: 16px;background-size: 24px 16px;display: inline-block;}
.Resume-info .right-navbar ul a:hover .icon-document{background: url("/res/web/img/icon-document-current.png") no-repeat;width: 33px;height: 16px;background-size: 24px 16px;display: inline-block;}
.Resume-info .right-navbar ul a:hover .icon-cyhd{background: url("/res/web/img/user-actvity-current.png") no-repeat;width: 33px;height: 16px;background-size: 20px 16px;display: inline-block;}
.per-label-modal{z-index:12;width: 832px;background: #e8ecf6;padding: 30px;position: fixed;left: 0;right: 0;top: 100px;margin: 0 auto;}
.close{position: absolute;right: -12px;top: -12px;}
.layer{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9;
    background-color: #000;
    opacity: 0.8;

}
.layer-bac{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9;
    background-color: #000;
    opacity: 0.8;

}
.per-label-modal{border: 1px solid #d2d7e4;}
.per-label-modal .personal-con .personal-bac{background: #fff;border: 1px solid #d2d7e4;}
.per-label-modal .personal-con h6{font-size: 16px;color: #474f64;padding: 0 30px 9px 30px;border-bottom: 5px solid #df1912;display: inline-block;}
.personal-bac h4{font-weight: normal;color: #9da0be;padding: 0 95px;margin: 45px 0;}
.personal-bac{text-align: left;color: #9da0be;padding: 20px;}
.personal-bac label span{color: #df1912;}
.personal-bac ul li small{display: inline-block;width: 500px;border: 1px solid #d2d7e4;height: 30px;line-height: 30px;padding: 0 15px;color: #cbcfdc;font-size: 12px;}
.personal-bac ul li strong{font-weight: normal;border: 1px solid #d2d7e4;border-radius: 10px;display: inline-block;font-size: 12px;padding: 2px 6px;color: #9da0be;margin: 7px 5px;}
.personal-bac ul{width: 600px;margin: 0 auto;}
.personal-bac ul li label{margin-right: 10px;}
.personal-bac ul li{margin-bottom: 20px;}
.personal-bac p{font-size: 14px;color: #9da0be;text-align: center;margin-top: 30px;}
.personal-bac p span{color: #df1912;}
.personal-bac .default{text-align: center;}
.personal-bac .default a{width: 100px;}
.education-modal ol li input{height: 30px;line-height: 30px;border: 1px solid #d2d7e4;outline: none;width: 190px;padding: 0 10px;background: url("/res/web/img/icon-bottom-arrow.png") no-repeat;background-position: 95%;text-align: left;font-size: 14px;}
.education-modal ol li select{height: 33px;line-height: 33px;border: 1px solid #d2d7e4;outline: none;width: 216px;padding: 0 10px;text-align: center;background: url("/res/web/img/icon-bottom-arrow.png") no-repeat;background-position: 95%;color: #cbcfdc;appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;border-radius: 0;font-size: 14px;}
.education-modal ol li label{display: inline-block;width: 150px;}
.education-modal ol li .box{display: inline-block;}
.education-modal ol li big{width: 100px;text-align: center;display: inline-block;font-size: 14px;}
.education-modal ol li input.company-name{width: 456px;;background: none;}
.education-modal ol li{margin-bottom: 15px;}
.education-modal ol li big span{color: #df1912;}
.education-modal ol li input.partment{background: none;}
.education-modal ol{width: 700px;margin: 0 auto;}
.education-modal ol li .work-style input{width: auto;vertical-align: middle;}
.education-modal{top: 50px;}
.education-modal ol li textarea{vertical-align: middle;width: 660px;border: 1px solid #d2d7e4;display: block;margin-top: 10px;}


/*新加样式*/
.per-label-modal{display: none;}
.layer{display: none;}
.resume-search{margin: 60px 0;}
.resume-search .nav-list{border-bottom: 1px solid #d9d9d9;}
.resume-search .nav-list ul li{display: inline-block;text-align: center;border-bottom: 5px solid #fff;padding: 10px 0;}
.resume-search .nav-list ul li a{width: 160px;display: inline-block;font-size: 16px;color: #9ba1bd;height: 17px;line-height: 17px;border-right: 1px solid #d1d7e3;}
.resume-search .nav-list ul li.current{border-bottom: 5px solid #df1912;}
.resume-search .nav-list ul li.current a{color: #455063;font-weight: bold;}
.search-keyword{background: #e8ecf5;height: 99px;margin-top: 33px;text-align: center;}
.search-keyword ul li{display: inline-block;margin: 0 15px;}
.search-keyword ul{position: relative;top: 35px;}
.search-keyword ul li label{color:#455063;font-size: 14px;margin-right: 15px;}
.search-keyword ul li input{width: 213px;border: 1px solid #d1d7e3;height: 30px;line-height: 30px;border-radius: 20px;outline: none;text-align: center;}
.search-keyword ul li select{width: 213px;border: 1px solid #d1d7e3;height: 32px;line-height: 32px;border-radius: 20px;outline: none;text-align: center;-moz-appearance:none;
    -webkit-appearance:none;appearance:none;font-size: 14px;background-color: #fff;color: #455063;padding-left: 20px;background-image: url("/res/web/img/icon-bac-bottom-arrow.png");background-position: right;background-repeat: no-repeat;}
.search-keyword ul li button{background: #df1912;color: #fff;border-radius: 20px;height: 30px;line-height: 30px;text-align: center;width: 145px;border: 0;font-size: 14px;}
.Resumes-all-selected .content-check{left: 0;}
.Resumes-all-selected{margin-top: 30px;}
.upload-resume{cursor: pointer;height: 30px;line-height: 30px;border: 1px solid #d1d7e3;color: #9ba1bd;font-size: 14px;border-radius: 20px;padding: 0 15px;transition: all 0.5s;display: inline-block;}
.upload-resume:hover{background: #df1912;color: #fff;border: 1px solid #df1912;}
.Resumes-all-selected table{background: #f9faff;width: 100%;font-weight: normal;margin-top: 30px;padding: 30px;}
.Resumes-all-selected table th{color: #2fc7ff;font-weight: normal;}
.Resumes-all-selected table td{border: 1px solid #d1d7e3;background: #fff;text-align: center;padding: 5px 0;}
.Resumes-all-selected table td:first-child{border: 0;background: none;}
.Resumes-all-selected table td:last-child{border: 0;background: none;}
.Resumes-all-selected table td a{border: 1px solid #d1d7e3;border-radius: 10px;font-size: 12px;background: #e8ecf5;padding: 2px 8px;}
.Resumes-all-selected  .content-check a{margin-left: 10px;}
.enterprise-centre{margin: 20px 0 40px 0;}
.enterprise-centre .row{clear: both;overflow: hidden;}
.enter-login{border: 1px solid #d1d7e3;background: #f9faff;padding-bottom: 30px;}
.per-label-modal textarea{border: 1px solid #d2d7e4;width: 750px;padding: 20px;border-radius: 10px;font-size: 14px;}
.enter-login{width: 620px;}
.enter-login .bac-gray{background: #9ba2bd;height: 105px;}
.enter-login-info{text-align: center;margin-top: -75px;}
.enter-login-info h4{font-size: 20px;color: #3a4456;font-weight: normal;}
.enter-login-info span{color: #3a4456;font-size: 12px;border: 1px solid #d1d7e3;border-radius: 20px;display: inline-block;padding: 1px 10px;background: #fff;margin: 5px 0 4px 0;}
.enter-login-info p{font-size: 14px;color: #9ba1bd;line-height: 22px;}
.account-info h4{border-bottom: 1px solid #d1d7e3;margin: 10px 25px 0 25px;}
.account-info h4 span{font-size: 16px;color: #455063;padding: 0 20px 9px 20px;border-bottom: 5px solid #455063;display: inline-block;}
.account-info ul li{font-size: 14px;color: #9ba1bd;display: inline-block;margin: 0 20px;}
.account-info ul{text-align: center;padding-top: 28px;}
.account-info ul li i{margin-right: 10px;}
.account-info a{cursor: pointer;display: block;text-align: center;width: 140px;height: 30px;border-radius: 20px;background: #fff;border: 1px solid #d1d7e3;line-height: 30px;margin: 0 auto;margin-top: 24px;}
.account-info a:hover{background: #df1912;color: #fff;}
.resume-management{width: 587px;float: right;}
.jl-search{border: 1px solid #d2d7e4;padding: 20px 0;clear: both;overflow: hidden;margin-top: 15px;}
.jl-search .jl-icon{float: left;width: 130px;text-align: center;font-size: 16px;}
.icon-jl-search{background: url("/res/web/img/icon-search-big.png") no-repeat;width: 56px;height: 57px;display: block;margin: 0 auto;margin-bottom: 7px;}
.jl-search-con{width: 290px;padding-top: 15px;}
.jl-search-con input{font-size: 14px;width: 260px;border: 1px solid #d2d7e4;border-radius: 20px;height: 30px;line-height: 30px;outline: none;padding: 0 15px;}
.hot-search-words span{position: absolute;color: #9ba1bd;}
.hot-search-nr{padding-left: 80px;}
.hot-search-nr strong{font-weight: normal;color: #00a5e2;margin-right: 5px;}
.hot-search-words{padding-left: 5px;padding-top: 10px;}
.jl-search button{float: right;background: #df1912;color: #fff;font-size: 14px;width: 120px;border: 0;margin-right: 20px;border-radius: 20px;height: 30px;line-height: 30px;position: relative;top: 17px;}
.ordinary{width: 110px;}
.ordinary-vip{margin-top: 20px;height: 213px;border: 1px solid #d2d7e4;}
.ordinary-vip{clear: both;overflow: hidden;}
.ordinary-vip h5{font-size: 16px;font-weight: normal;text-align: center;color: #fff;padding-top: 40px;}
.ordinary{background: #9ba2bd;height: 213px;text-align: center;}
.ordinary p{font-size: 14px;padding-top: 20px;}
.ordinary strong{font-weight: normal;font-size: 12px;border: 1px solid #d2d7e4;background: #fff;border-radius: 12px;padding: 1px 10px;display: inline-block;margin-top: 15px;}
.icon-number{background: url("/res/web/img/icon-zwfb.png") no-repeat;width: 67px;height: 56px;display: inline-block;}
.post-number{width: 204px;text-align: center;background: #fff;float: left;padding-top: 40px;}
.post-number{font-size: 30px;}
.post-number span{color: #df1912;}
.post-number p{font-size: 12px;color: #9da0be;margin-top: 10px;}
.post-number h6{margin-top: 10px;}
.vip{float: right;text-align: center;width: 265px;background: #f9faff;height: 213px;}
.vip a{color: #df1912;font-size: 20px;display: inline-block;padding-top: 80px;}
.vip a span{display: block;color: #333;font-size: 16px;margin-top: 10px;}
.pos a{background: #df1912;color: #fff;width: 284px;height: 104px;border-radius: 5px;display: inline-block;text-align: center;font-size: 16px;line-height: 104px;}
.pos a img{position: relative;right: 20px;top: 17px;}
.pos a:last-child img{top: 12px;}
.enterprise-info h6{font-size: 16px;color: #455063;border-bottom: 5px solid #df1912;padding: 0 40px 9px 40px;display: inline-block;}
.enterprise-info{width: 947px;margin-top: 30px;position: relative;}
.enterprise-border{border: 1px solid #d1d7e3;clear: both;overflow: hidden;padding-bottom: 50px;}
.upload-tp{width: 220px;text-align: center;}
.upload-tp img{display: block;margin: 50px auto 0 auto;}
.upload-tp .cx-upload-btn{width: 147px;height: 30px;line-height: 30px;border-radius: 20px;color: #9da0be;border: 1px solid #d2d7e4;display: block;margin: 15px auto 0 auto;}
.basic-info-detail{width: 690px;}
.basic-info-border{border: 1px solid #d2d7e4;padding-bottom: 35px;}
.basic-info-detail h5{font-size: 14px;border-bottom: 5px solid #394356;padding: 0 20px 9px 20px;display: inline-block;color: #394356;font-weight: normal;margin-top: 30px;}
.basic-info-detail ul li label{display: inline-block;width: 115px;text-align: right;font-size: 14px;color: #9da0be;margin-right: 10px;}
.basic-info-detail ul li input{border: 1px solid #d2d7e4;border-radius: 20px;font-size: 14px;height: 30px;line-height: 30px;padding:0 15px;width: 490px;outline: none;}
.basic-info-detail ul li{margin-top: 30px;}
.basic-info-detail ul{margin-top: 45px;}
.basic-info-detail ul li select{width: 140px;appearance:none; -moz-appearance:none; -webkit-appearance:none;background: url("/res/web/img/icon-bac-bottom-arrow.png") no-repeat;background-position: right;height: 30px;line-height: 30px;border-radius: 20px;font-size: 14px;color: #333;padding-left: 15px;border: 1px solid #d2d7e4;}
.basic-info-detail ul li span{font-size: 14px;color: #9da0be;text-align: center;display: inline-block;width: 46px;}
.basic-info-detail ul li input.fill-email{width: 163px;}
.basic-info-detail ul li textarea{vertical-align: middle;border: 1px solid #d2d7e4;border-radius: 10px;font-size: 14px;color: #666;outline: none;padding: 10px;width: 500px;}
.enterprise-centre .Resume-info .right-navbar{margin-top: 66px;}
.open-vip{color: #fff;background: url("/res/web/img/open-vip.jpg") no-repeat;width: 259px;height: 117px;margin-top: 30px;text-align: center;padding-top: 20px;}
.open-vip p{font-size: 14px;color: #fff;line-height: 22px;}
.open-vip a{display: block;font-size: 20px;color: #fff;padding-top: 8px;}
.hot-line-phone{text-align: center;}
.hot-line-phone p{font-size: 16px;color: #9da0be;}
.hot-line-phone span{width: 196px;height: 38px;line-height: 38px;border-radius: 20px;color: #fff;font-size: 20px;display: inline-block;background: #df1912;}
.hot-line-phone{margin-top: 30px;}
.enter-login-info .span-vip{background: #f6d914;border: 1px solid #f6d914;color: #fff;}
.ordinary-qy .ordinary{background: #f6d914;}
.ordinary-qy .ordinary strong{background: #fdb934;border: 1px solid #fda92a;color: #fff;}
.ordinary-qy.ordinary-vip h5{padding-top: 53px;}
.ordinary-qy .post-number{width: 157px;}
.icon-sx{background: url("/res/web/img/icon-sx.png") bottom;width: 62px;height: 54px;display: inline-block;}
.icon-xz{background: url("/res/web/img/icon-xz.png") no-repeat;width: 54px;height: 54px;display: inline-block;}
.sx3{background: #d1d8e4;width: 1px;height: 60px;position: absolute;left: 100%;z-index: 1;top: 45px;}
.post-number{position: relative;}
.ordinary-qy{position: relative;}
.resume-search .tabs{margin-top: 50px;border-bottom: 1px solid #d2d7e4;}
.resume-search .tabs ul li{display: inline-block;}
.resume-search .tabs ul li a{font-size: 16px;display: inline-block;width: 160px;border-bottom: 5px solid #fff;text-align: center;border-right: 1px solid #d2d7e4;}
.resume-search .tabs ul li.current{border-bottom: 5px solid #df1912;padding-bottom: 9px;}
.resume-search .tabs ul li.current a{color: #df1912;}
.resume-search .tabs ul li:last-child a{border-right: 0;}
.resume-search .tab-content select{appearance:none; -moz-appearance:none; -webkit-appearance:none;width: 160px;height: 32px;border: 1px solid #d2d7e4;background: url("/res/web/img/icon-bac-bottom-arrow.png") no-repeat;background-position: right;border-radius: 20px;padding-left: 15px;font-size: 14px;color: #646a7c;margin-left: 10px;outline: none;}
.add-position .content-check{left: 0;}
.td-row span small{color: #00a5e2;font-size: 15px;}
.td-row{color: #333;font-size: 15px;}
.td-p p{color: #9da0be;font-size: 15px;margin-top: 8px;}
.add-position td a{color: #9da0be;font-size: 15px;}
.add-position{width: 100%;border-collapse: collapse;margin-top: 30px;}
.add-position tr{background: #f9faff;}
.add-position .td-a a{background: #fff;border: 1px solid #d2d7e4;width: 105px;height: 30px;line-height: 30px;border-radius: 20px;display: inline-block;text-align: center;margin: 0 5px;}
.add-position tr td:first-child{padding-left: 40px;}
.add-position tr td:last-child{text-align: right;padding-right: 20px;}
.add-position tr td{padding: 28px 0;border-bottom: 30px solid #fff;}
.zy-basic-info-border{border: 1px solid #d2d7e4;padding: 20px 0 40px 0;}
.zy-basic-info{margin-top: 50px;}
.zy-basic-info h6{color: #3a4456;font-size: 16px;border-bottom: 5px solid #3a4456;padding: 0 20px 9px 20px;display: inline-block;font-weight: normal;}
.zy-basic-info ul li p{display: inline-block;color: #394356;}
.zy-basic-info ul li label{color: #394356;margin: 0 13px;}
.zy-basic-info ul li{margin-top: 30px;position: relative;}
.zy-basic-info ul li input{border: 1px solid #d2d7e4;width: 400px;border-radius: 20px;height: 30px;line-height: 30px;padding: 0 15px;outline: none;}
.zy-basic-info select{height: 32px;line-height: 32px;border: 1px solid #d2d7e4;width: 626px;appearance:none; -moz-appearance:none; -webkit-appearance:none;background: url("/res/web/img/icon-bac-bottom-arrow.png") no-repeat;background-position: right;border-radius: 20px;font-size: 14px;padding-left: 20px;outline: none;}
.zy-basic-info ul li span{color: #cbcfdc;font-size: 14px;}
.zy-basic-info select.sh{width: 130px;}
.zy-basic-info select.dz{width: 408px;}
.zy-basic-info-border ul{width: 800px;margin: 0 auto;}
.zy-basic-info ol li{margin-top: 30px;}
.zy-basic-info-border ol{text-align: left;margin: 30px 0;width: 900px;margin: 0 auto;}
.work-xz{font-size: 14px;color: #394356;}
.work-xz strong{font-weight: normal;background: #9aa2bd;color: #fff;display: inline-block;border-radius: 20px;padding: 6px 17px;margin: 0 5px;cursor: pointer;}
.work-xz span{margin-right: 20px;display: inline-block;width: 100px;text-align: right;}
.work-xz{display: inline-block;margin: 0 20px;position: relative;}
.zy-basic-info .work-xz select{width: 150px;margin: 0 10px;}
.zy-basic-info .salary-range select{width: 150px;margin: 0 5px;}
.zy-basic-info .salary-range strong{font-weight: normal;}
.zy-basic-info .salary-range small{font-size: 14px;color: #394356;position: absolute;right: -30px;top: 6px;}
.work-xz strong.current{background: #ec1328;color: #fff;}
.work-xz textarea{vertical-align: middle;border: 1px solid #d2d7e4;border-radius: 10px;outline: none;width: 680px;padding: 20px;}
.zy-basic-info-border ol li:last-child{margin-top: 50px;}
.resume-search-con{background: #f9faff;border: 1px solid #d2d7e4;margin-top: 20px;padding-bottom: 90px;}
.resume-search-con h6{height: 47px;background: #9aa1bd;}
.resume-search-con ul li{margin-top: 35px;}
.resume-search-con ul li input{outline: none;border: 1px solid #d2d7e4;border-radius: 20px;height: 30px;line-height: 30px;width: 738px;text-align: center;font-size: 14px;}
.resume-search-con ul li label{font-size: 14px;color: #455063;display: inline-block;width: 100px;text-align: right;padding-right: 20px;}
.resume-search-con ul li  select{outline: none;background-image: url("/res/web/img/icon-bac-bottom-arrow.png");background-position: right;appearance:none; -moz-appearance:none; -webkit-appearance:none;width: 169px;height: 32px;line-height: 32px;border: 1px solid #d2d7e4;border-radius: 20px;font-size: 14px;color: #cbcfdc;background-color: #fff;background-repeat: no-repeat;padding-left: 20px;}
.resume-search-con ul li .row-li{display: inline-block;}
.resume-search-con ul li .row-li input{width: 100px;outline: none;}
.resume-search-con ul li .row-old input{width: 80px;}
.resume-search-con ul{width: 950px;margin: 0 auto;margin-top: 80px;}
.button-search{width: 148px;margin: 0 auto;height: 30px;line-height: 30px;border-radius: 20px;background: #ec0728;color: #fff;display: block;border: 0;font-size: 14px;margin-top: 50px;outline: none;}
.upload-words{float: left;width: 700px;text-align: center;}
.upload-words h3{font-size: 20px;color: #ec0628;padding-top: 50px;}
.upload-words p{color: #455063;margin: 20px 0 10px 0;}
.upload-tp span{display: block;color: #9ba1bd;font-size: 14px;line-height: 22px;}
.cx-upload a{background: #ec1328;color: #fff;width: 148px;height: 30px;line-height: 30px;border-radius: 20px;display: block;}
.cx-upload{position: absolute;right: 85px;text-align: center;top: 100px;}
.personal-bac ul li small span{cursor: pointer;}
.education-modal ol li strong{font-weight: normal;position: absolute;margin-top: 8px;margin-left: 2px;width: 110px;}
.modify-password-modal ul li{margin-top: 20px;}
.modify-password-modal ul li label{font-size: 14px;color: #9da0be;display: block;margin-bottom: 10px;}
.modify-password-modal ul li input{border: 1px solid #d2d7e4;border-radius: 20px;height: 30px;line-height: 30px;padding: 0 15px;width: 100%;}
.upload-tp .default span{display: inline-block;}
.right-basic{position: relative;}
.Preser{position: absolute;border: 1px solid #d2d7e4;border-radius: 20px;height: 30px;line-height: 30px;width: 150px;text-align: center;top: 45px;right: 30px;background: #fff;}
.Preser:hover{background: #ec0628;color: #fff;border: 1px solid #ec0628;}
.right-basic .Industry select{height: 32px;line-height: 32px;background-color: #fff;border-radius: 20px;border: 1px solid #d2d7e4;background-image: url("/res/web/img/icon-bac-bottom-arrow.png");background-repeat: no-repeat;background-position: right;appearance:none; -moz-appearance:none; -webkit-appearance:none;width: 600px;display: block;font-size: 14px;color: #666;padding-left: 20px;margin: 56px auto 30px auto;}
.number-employees{text-align: center;padding-top: 20px;}
.number-employees ul{margin-top: 20px;}
.number-employees ul li{clear: both;overflow: hidden;display: inline-block;margin: 0 8px;}
.number-employees ul li select{margin: 0;display: inline-block;}
.number-employees ul li input{border: 1px solid #d2d7e4;width: 280px;}
.number-employees ul li label{width: auto;margin-left: 10px;}
.number-employees ul li span{background: #9ba2bd;color: #fff;font-size: 14px;width: 40px;height: 30px;line-height: 30px;border-radius: 20px;margin: 0 5px;cursor: pointer;}

.Social-media{text-align: center;}
.Re-Upload a{width: 98px;height: 30px;line-height: 30px;border-radius: 20px;border: 1px solid #d2d7e4;text-align: center;color: #d2d7e4;display: inline-block;margin-top: 13px;}
.Re-Upload{display: inline-block;vertical-align: top;}
.style-url{display: inline-block;text-align: left;}
.basic-info-detail .Social-media ul li{display: inline-block;border-bottom: 1px solid #d2d7e4;padding-bottom: 30px;}
.basic-info-detail .Social-media ul li .style-url label{width: auto;margin-left: 15px;}
.basic-info-detail .Social-media ul li .style-url select{width: 150px;}
.basic-info-detail .Social-media ul li .style-url input{width: 320px;}
.row-style{margin-bottom: 20px;margin-top: 5px;}
.basic-info-detail .Social-media ul{margin-top: 30px;}
.basic-info-detail .Social-media ul li:last-child{border-bottom: 0;}
.basic-info-detail .Social-media ul li span{background: #9ba2bd;color: #fff;font-size: 14px;width: 40px;height: 30px;line-height: 30px;border-radius: 20px;margin: 0 5px;cursor: pointer;margin-top: 7px;}
.basic-info-detail .Social-media ul li span.add{margin-left: 15px;}


.number-employees ul{ font-size: 0}
.uploadbtn{ position: relative; overflow: hidden;    cursor: pointer;}
.uploadImgBox{ position: absolute ; left: 0; top: 0;width: 100%; height: 100%; opacity: 0;z-index: 99}
.upload-tp img{width: 140px;height: 140px;border-radius:80px;border: 8px solid #f9faff;}
.Re-Upload img{width: 93px;height: 93px;border: 1px solid #d2d7e4;}
.uploadbtn{ position: relative; overflow: hidden;    cursor: pointer;}
.uploadImgBox{ position: absolute ; left: 0; top: 0;width: 100%; height: 100%; opacity: 0;z-index: 99; cursor: pointer;}



/*后面新加样式*/

.share-list .icon-n{ background: url(/res/web/img/icon-footer.png) no-repeat;background-position: -486px -90px;}
.head-logo{background: #3c4357;height: 90px;}
.head-logo a img{margin-top: 18px;}
.Contact-number{font-size: 18px;color: #fff;margin-top: 35px;}
.icon-white-phone{background: url("/res/web/img/icon-white-phone.png") no-repeat;width: 27px;height: 27px;display: inline-block;vertical-align: middle;margin-right: 4px;position: relative;top: -3px;}
.Recruit-effect{background: url("/res/web/img/add-banner.jpg") center no-repeat;height: 490px;}
.Recruit-effect h4{font-size: 36px;color: #fff;font-weight: normal;padding-top: 195px;}
.Recruit-effect h4 span{font-size: 38px;text-transform: uppercase;letter-spacing: 1px;}
.Recruit-effect .container{width: 1200px;}
.Recruit-effect p{font-size: 18px;color: #fff;padding-top: 35px;}
.know-more{font-size: 18px;border: 1px solid #fff;border-radius: 20px;display: inline-block;color: #fff;margin-top: 45px;height: 33px;line-height: 33px;padding: 0 20px;transition: all 0.5s;cursor: pointer;}
.know-more:hover{color: #df1912;border: 1px solid #df1912;}
.Advertising-language{background: #e9ecf5; width: 100%;height: 82px;display: flex;flex-direction: row;justify-content: center;align-items: center;text-align: center;}
.Advertising-language span{font-size: 18px;color: #474f64;}
.Advertising-language span small{color: #df1912;font-size: 20px;}
.title-ad{margin-bottom: -25px;}
.title-ad h6{font-size: 24px;color: #474f64;display: table;padding: 0 40px;margin: 0 auto;background: #fff;position: relative;top: -17px;text-align: center;font-weight: normal;}
.my-advantages{margin-top: 50px;text-align: center;}
.title-ad .line{height: 2px;background: #e6e6e6;}
.my-advantages h5{font-size: 18px;color: #474f64;font-weight: normal;display: inline-block;border-bottom: 5px solid #df1912;padding-bottom: 10px;margin-top: 40px;}
.my-advantages .Career-Days{margin-top: 0;}
.my-advantages .img-time{text-align: center;left: 0;right: 0;}
.my-advantages .img-time h6{font-size: 24px;color: #01a2e5;font-weight: normal;top: 33px;}
.my-advantages .img-time p{font-size: 14px;color: #fff;line-height: 22px;margin-top: 7px;}
.my-advantages .Career-Days ul li span{height: 150px;}
.my-advantages ol{text-align: left;margin-top: 50px;}
.my-advantages ol li{margin-top: 30px;clear: both;overflow: hidden;}
.my-advantages ol li a{border: 1px solid #e3e3e3;display: block;clear: both;overflow: hidden;background: #e9ecf5;transition: all 0.5s;}
.my-advantages ol li a img{vertical-align: middle;width: 335px;}
.cooper-con h6{font-size: 18px;color: #474f64;font-weight: normal;padding: 25px 0 10px 0;}
.cooper-con p{font-size: 16px;color: #474f64;}
.cooper-con{width: 700px;margin-left: 100px;}
.my-advantages ol li a:hover img{transform: scale(1.1);}
.my-service{margin-top: 80px;}
.service-list{width: 604px;height: 130px;background: #f8faff;position: relative;margin-bottom: 16px;}
.row-service{margin-top: 60px;clear: both;overflow: hidden;}
.service-list .col-xs-6{width: 300px;font-size: 24px;}
.service-list .col-xs-6 h4{font-size: 24px;color: #474f64;height: 130px;display: flex;flex-direction: row;justify-content: center;align-items: center;}
.service-list .col-xs-6 p{font-size: 16px;color: #474f64;line-height: 30px;}
.sx4{background: #dadada;width: 2px;height: 55px;position: absolute;left: 50%;top: 40px;}
.zp-p{display: table-cell;vertical-align: middle;height: 130px;width: 300px;}
.my-position .left-positions .tab-content h5{border-bottom: 0;padding-bottom: 0;font-size: 12px;}
.my-position .left-positions .tab-content ul li{text-align: left;width: 263px;}
.my-position .left-positions{text-align: left;width: 100%;}
.my-position .left-positions .tab-content h5 span{color: #9da0be;padding-left: 10px;}
.my-position .left-positions  .position-selected a{font-size: 12px;}
.my-position .recruit-con h6{font-size: 12px;}
.my-position .recruit-con p{font-size: 12px;}
.my-position .other-recruit img{width: 42px;}
.my-position .left-positions .tab-content p{font-size: 12px;margin-top: 5px;}
.my-position .left-positions .tab-content ul{margin-top: 60px;}
.look-more{width: 150px;height: 30px;line-height: 30px;border-radius: 20px;border: 1px solid #474f64;font-size: 14px;display: block;margin: 30px auto 65px auto;text-align: center;transition: all 0.5s;}
.look-more:hover{letter-spacing: 4px;background: #df1912;color: #fff;border: 1px solid #df1912;}
.zp-process{background: url("/res/web/img/zp-process-img.jpg") center no-repeat;height: 218px;margin-top: 60px;text-align: left;}
.zp-process span{font-size: 14px;color: #fff;display: inline-block;text-align: center;margin-top: 150px;}
.zp-process .span-1{width: 225px;}
.zp-process .span-2{width: 192px;}
.zp-process .span-3{width: 197px;}
.zp-process .span-4{width: 182px;}
.zp-process .span-5{width: 197px;}
.zp-process .span-6{width: 197px;}
.my-customer{margin-top: 70px;}
.my-customer ol li strong{font-size: 14px;font-weight: normal;display: block;text-align: right;}
.my-customer .cooper-con{width: 900px;}
.my-customer .cooper-con p{padding-top: 15px;line-height: 30px;}
.my-customer ol li a img{width: 60px;height: 60px;position: relative;left: 50px;top: 30px;}
.my-customer ol li a{min-height: 116px;border: 0;background: #e9ecf5;}
.my-customer ol li a:hover img{transform: scale(1.0);}
.my-customer ol li{margin-top: 10px;}
.cooper-customer{text-align: left;margin: 50px 0;}
.row-customer{clear: both;overflow: hidden;}
.customer-logo{float: left;width: 175px;}
.customer-logo img{vertical-align: middle;}
.customer-logo a{display: block;width: 175px;height: 60px;line-height: 60px;}
.footer-recruit .europe-line{background: none;margin: 0;text-align: left;width: 560px;padding-left: 30px;margin-bottom: 20px;}
.icon-email2{background: url("/res/web/img/icon-email.png") no-repeat;width: 15px;height: 10px;display: inline-block;margin-right: 7px;}
.icon-address{background: url("/res/web/img/icon-address.png") no-repeat;width: 13px;height: 17px;display: inline-block;margin-right: 10px;}
.footer-recruit .europe-line span{margin-right: 10px;}
.footer-recruit .europe-line:nth-child(even){padding-left: 115px;width: 480px;}
.upload-resume-page .Resume-info .right-navbar{margin-top: 0;}
.upload-resume-page .per-info-intro{background: none;border: 0;border-top: 1px solid #d2d7e4;}
.upload-resume-page .Personal-label .per-info-intro a{background: #fff;}
#slideBox.left-positions .tab-content ul li{margin: 0 0 15px 18px;}
.upload-resume-page .resume-pdf a{width: 100%;text-align: center;margin-top: 0;}
 #descriptionBox p{text-indent: 2rem;text-align: left; padding: 0 30px;}
 .upload-resume-page .Job-Intention{margin-top: 40px;}
 .icon-jbxx{background: url("/res/web/img/icon-jbxx.png") no-repeat;width: 33px;height: 20px;display: inline-block;background-size: 14px 20px;}
.Resume-info .right-navbar ul li.current .icon-jbxx{background: url("/res/web/img/icon-jbxx-current.png") no-repeat;width: 33px;height: 20px;display: inline-block;background-size: 14px 20px;}
.Resume-info .right-navbar ul a:hover .icon-jbxx{background: url("/res/web/img/icon-jbxx-current.png") no-repeat;width: 33px;height: 20px;display: inline-block;background-size: 14px 20px;}



/*新加样式*/
.four-to-four{color: #9ea1bc;font-size: 30px;text-align: center;padding: 200px 0;min-height: 700px;}
.four-to-four p{text-align: center;}
.four-to-four img{display: block;margin: 0 auto;margin-bottom: 20px;}
.Interview-invitation{margin-bottom: 120px;}
.Interview-invitation .search{background: #fff;}
.Interview-invitation .search-con {border: 1px solid #d2d7e4;border-radius: 20px;width: 1080px;position: relative;margin-top: 30px;}
.Interview-invitation .search-con input{width: 900px;}
.Interview-invitation .btn-search{position: absolute;right: 0;background: #fd5f3b;}
.interview-left{width: 900px;margin-top: 20px;}
.Interview-invitation .row{clear: both;overflow: hidden;}
.interview-left h6{font-size: 15px;border-bottom: 1px solid #d2d7e4;margin-bottom: 35px;}
.interview-left h6 span{border-bottom: 5px solid #fd5f3b;display: inline-block;padding: 0 50px 12px 50px;}
.interview-left p{font-size: 16px;float: right;}
.interview-left p strong{color: #fd5f3b;}
.my-collect-position h6.h6-sc{font-size: 15px;border-bottom: 1px solid #d2d7e4;margin-bottom: 35px;}
.my-collect-position h6.h6-sc span{border-bottom: 5px solid #0000;display: inline-block;padding: 0 0 12px 0;}
.my-collect-position .h6-sc p{font-size: 16px;float: right;}
.my-collect-position .h6-sc p span{color: #fd5f3b;}
.inter-img img{width: 50px;float: left;margin-right: 13px;}
.inter-img-right h5{font-size: 14px;color: #36bd9d;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;margin-top: 8px;}
.inter-img-right p{font-size: 12px;color: #9da1be;float: none;}
.inter-img{clear: both;overflow: hidden;width: 300px;}
.interview-list{border: 1px solid #d2d7e4;padding: 30px;background: #fff;border-top: 0;}
.inter-address p{font-size: 14px;color: #333;float: none;line-height: 25px;}
.inter-address{width: 500px;}
.inter-time{font-size: 12px;color: #9da0be;text-align: right;}
.Agree-or-not{text-align: right;background: #f8faff;margin: 0 -30px;padding: 20px 30px;position: relative;top: 30px;border-top: 1px solid #d2d7e4;transition: all.5s;}
.Agree-or-not a{width: 86px;display: inline-block;height: 30px;line-height: 30px;border-radius: 20px;text-align: center;border: 1px solid #dfe7f5;background: #fff;color: #3c4357;margin-left: 20px;}
.Agree-or-not a.no-agree{background: #fd5f3b;border: 1px solid #fd5f3b;color: #fff;}
.space{background: #e8ecf6;height: 12px;border: 1px solid #d2d7e4;border-top: 0;}
.interview-left .inter-list-space:nth-child(2) .interview-list{border-top: 1px solid #d2d7e4;}
.interview-left .inter-list-space:last-child .space:last-child{display: none;}
.page2{background: #e8ecf6;text-align: center;padding: 35px 0 80px 0;border: 1px solid #d2d7e4;border-top: 0;cursor: pointer;}
.page2 a{padding: 0 15px;height: 30px;line-height: 30px;background: #fff;border: 1px solid #d2d7e4;display: inline-block;border-radius: 20px;color: #9da0be;margin: 0 3px;}
.page2 a.current{border: 0;width: auto;color: #fc5f3b;font-size: 14px;background: none;padding: 0 7px;}
.interview-right .left-positions{width: auto;}
.interview-right{width: 305px;margin-top: 32px;}
.interview-right .left-positions .tab-content ul li{margin: 0;margin-bottom: 12px;}
.interview-right .left-positions .tab-content p{display: inline-block;}
.change-to-change{border: 1px solid #d2d7e4;text-align: right;height: 55px;line-height: 55px;color: #3c4357;padding-right: 23px;border-bottom: 0;width: 277px;margin-top: 26px;}
.interview-right .left-positions .tab-content ul{margin-left: 0;}
.interview-right .left-positions .tab-content{margin-top: 0;}
.my-collect-position .inline-block{display: inline-block;margin-left: 10px;}
.my-collect-position .left-positions{width: 100%;}
.my-collect-position .left-positions .tab-content ul li{width: 1048px;margin-bottom: 0;border-bottom: 0;}
.my-collect-position{width: 1080px;margin: 0 auto;}
.Interview-invitation .search .container{width: 1080px;}
.my-collect-position .left-positions .tab-content ul li{position: relative;}
.my-collect-position .left-positions .tab-content ul li .space{border: 0;border-top: 1px solid #d2d7e4;margin: 0 -15px;}
.Interview-invitation .left-positions .tab-content ul li:last-child{border-bottom: 1px solid #d2d7e4;}
.my-collect-position .left-positions .tab-content ul li:last-child .space{display: none;}
.page2 input{border: 1px solid #d2d7e4;height: 30px;line-height: 30px;border-radius: 20px;text-align: center;font-size: 14px;color: #333;width: 50px;}
.page2 a.next-page{color: #fd5f3b;}
.page2 a.confirm-sure{background: #fd5f3b;color: #fff;font-size: 16px;border: 1px solid #fd5f3b;}
.tz-qx{position: absolute;top: 30px;right: 10px;}
.tz-qx a{width: 170px;height: 30px;line-height: 30px;border-radius: 20px;border: 1px solid #d2d7e4;color: #3c4357;display: inline-block;text-align: center;margin-right: 20px;}
.tz-qx .btn-td{background: #fd5f3b;color: #fff;border: 1px solid #fd5f3b;}
.tz-qx small{font-size: 14px;color: #3c4357;padding-right: 20px;}
.been-delivered{width: 900px;}
.my-collect-position{clear: both;overflow: hidden;}
.have-been-delivery{width: 900px;}
.my-collect-position .have-been-delivery .left-positions .tab-content ul li{width: 868px;}
.my-collect-position2{width: auto;}
.my-collect-position2 .left-positions .tab-content ul li{width: 270px;}
.my-collect-position2 .interview-right .left-positions .tab-content ul li{margin-top: 12px;border-bottom: 1px solid #d2d7e4;}
.wn-selected span{border-bottom: 5px solid #fd5f3b;color: #474f64;font-size: 15px;display: inline-block;padding-bottom: 10px;width: 160px;}
.wn-selected{border-bottom: 1px solid #d2d7e4;}
.interview-right2 .change-to-change{background: #e8ecf6;position: relative;top: 12px;}
.interview-right2{margin-top: 0;}

/*多行业样式*/
.job-type-select{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;vertical-align: bottom;padding-right: 20px;}


nav ul li.current a:after{
    position: absolute;
    right: 0;
    bottom: 29px;
    left: 0;
    height: 8px;
    content: '';
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    background-color: #f4bc12;} 

    header{clear: both;overflow: hidden;}

.Job-Intention ul li:first-child{
    width: 100%!important;
    display: block;
}

.hide{display: none;}

/* Career related functions begin */
.content {
	width: 940px;
	margin-left: 15px;
}

.pagination {
	display: flex;
}
.pagination a {
	color: black;
	float: left;
	padding: 8px 16px;
	text-decoration: none;
	transition: background-color .3s;
	border: solid 1px #e1e1e1;
	margin-right: 5px;
	margin-bottom: 10px;
}
.pagination strong {
	background-color: #e2001a;
	color: white;
	padding: 8px 16px;
	text-decoration: none;
	transition: background-color .3s;
	border: solid 1px #e1e1e1;
	margin-right: 5px;
	margin-bottom: 10px;
}
.pagination a:hover:not(.active) {
	background-color: #ddd;
}

.btn-link {
	position: relative;
	display: inline-block;
	color: #e2001a;
	font-size: 15px;
	line-height: 19px;
	font-weight: 700;
	margin: 3px 1px;
}
.btn-link:hover {
	color: black;
}
.btn-link::before {
	content: '';
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 5px 0px 5px 6px;
	border-color: transparent transparent transparent white;
	display: inline-block;
	vertical-align: middle;
	margin-right: 17px;
	position: relative;
	top: -2px;
	margin-left: 2px;
	border-left-color: #1a171b;
	margin-right: 10px;
}
/* sidebar */

.sidebar {
	width: 292px;
	margin-right: 15px;
	height: auto;
}
.category-list {
	width: 232px;
	height: 44px;
	margin-left: 15px;
	line-height: 44px;
	margin-bottom: 10px;
	font-size: 100%;
	font-weight: bold;
}
.category-children-section {
	display: none;
	background-color: #f5f5f5;
	border: 1px solid #e1e1e1;
	width: 232px;
	margin-left: 15px;
	margin-top: -10px;
	margin-bottom: 10px;
}
.category-children-section.active {
	display: block;
}
.category-child-list {
	border-bottom: solid 1px #e1e1e1;
	height: 44px;
	margin-left: 30px;
	font-weight: 900;
	font-size: 14px;
	display: flex;
	align-items: center;
}
.category-child-list a {
	color: #1a171b;
}
.category-child-list a.active {
	color: #e2001a;
}
.category-child-list:last-child {
	border-bottom: none;
}
.menu-link::after {
	content: '';
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 5px 0px 5px 6px;
	border-color: transparent transparent transparent #1a171b;
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	top: 19px;
	right: 15px;
}
.menu-link {
	position: relative;
	display: inline-block;
	color: #1a171b;
	font-size: 15px;
	line-height: 44px;
	font-weight: 700;
	padding-left: 15px;
	width: 217px;
	height: 44px;
	border: 1px solid #BDBDBD;
}
.menu-link:hover {
	background-color: #e2001a;
	color: white;
	border-color: #e2001a;
}
.menu-link.active {
	background-color: #e2001a;
	color: white;
	border-color: #e2001a;
}
.menu-link.active::after {
	border-color: transparent transparent transparent white;
}
.menu-link:hover::after {
	border-color: transparent transparent transparent white;
}

.career-info {
	display: flex;
	margin-top: 20px;
}
.career-info h4 {
	font-weight: 700;
	color: #1a171b;
	font-size: 15px;
	line-height: 19px;
}
.career-info h3 {
	font-weight: 700;
	font-size: 18px;
	line-height: 22px;
}
.upcoming-events {
	padding-left: 15px;
	padding-right: 15px;
	height: 173px;
	margin-bottom: 10px;
	border: 1px solid #BDBDBD;
	overflow: hidden;
	overflow-y: scroll;
}

.upcoming-events .btn-link {
	margin-top:10px;
	margin-bottom:10px;
	color: black;
	font-weight: normal;
}

.upcoming-events-empty {
	padding-left: 15px;
	padding-top: 15px;
}
.upcoming-events-title {
	font-weight: 700;
	margin: 13px 0 5px;
	font-size: 18px;
	line-height: 22px;
}
.upcoming-events-item {
	margin-bottom: 13px;
	margin-top:15px;
	font-size: 15px;
	line-height: 19px;
	color: #1a171b;
}
.upcoming-events-banner {
	display: flex;
	height: 175px;
	margin-bottom: 10px;
	border: 1px solid #BDBDBD;
	/* overflow: hidden; */
}

.upcoming-events-banner .swiper-slide img {
	width: 100%;
}

.upcoming-events-banner-image {
	width: 940px;
	height: 175px;
}
.categories {
	margin-top: 10px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.category {
	width: 450px;
	height: 384px;
	margin-bottom: 10px;
}
.category-content {
	margin-top: 10px;
	padding-bottom: 20px;
	height: 354px;
	border: solid 1px #BDBDBD;
}
.category-content-top {
	height: 140px;
	margin-top: 1px;
	margin-left: 1px;
	margin-right: 1px;
}
.category-content-top-image {
	width: 446px;
	height: 140px;
}
.category-content-middle {
	height: 100px;
	margin-right: 15px;
}
.category-content-middle-title {
	margin-top: 13px;
	margin-bottom: 5px;
	margin-left: 15px;
	text-align: left;
}
.category-content-middle-description {
	margin-bottom: 13px;
	height: 38px;
	text-align: left;
	margin-left: 15px;
}
.category-content-bottom {
	width: 100%;
	height: 116px;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
.category-content-bottom-items {
	width: 210px;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 15px;
}
.category-content-bottom-items-li {
	height: 25px;
}
.category-content-bottom-items-title {
	margin-bottom: 5px;
	font-weight: 700;
	color: #1a171b;
}
.category-content-bottom-more {
	width: 144px;
	height: 25px;
	margin-bottom: 10px;
	margin-right: 15px;
	text-align: right;
	line-height: 19px;
}
.category-content-bottom-more-link {
	margin-top: 3px;
	margin-bottom: 3px;
	color: #e2001a;
	font-size: 15px;
	font-weight: 700;
	padding-left: 20px;
}

.articles-info {
	display: flex;
	margin-top: 20px;
}
.articles-info p {
	color: #1a171b;
	font-size: 15px;
	line-height: 19px;
	margin-bottom: 13px;
}
.articles-info h3 {
	font-weight: 700;
	font-size: 18px;
	line-height: 22px;
	margin-top: 13px;
	margin-bottom: 5px;
}
.article {
	margin-bottom: 10px;
	height: 147px;
	padding-left: 7px;
	padding-right: 7px;
	display: flex;
	justify-content: space-between;
	align-content: center;
	border: solid 1px #BDBDBD;
}
.article-intro {
	width: 850px;
	padding-left: 10px;
	padding-right: 10px;
}
.article-intro-description {
	min-height: 70px;
}
.article-intro-more {
	margin-bottom: 13px;
}
.article-image {
	height: 114px;
	padding: 10px;
	display: flex;
	justify-content: flex-end;
	margin-top: 6px;
}
.article-image img {
	width: 110px;
	height: 110px;
}
.other-articles {
	margin-top: 20px;
}
.other-articles-list {
	padding-left: 7px;
	padding-right: 7px;
	display: flex;
	justify-content: space-between;
	align-content: center;
	border: solid 1px #BDBDBD;
	display: flex;
	flex-direction: column;
}
.other-articles-list-items {
	display: flex;
	flex-direction: column;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.other-articles-list-pagination {
	margin-top: 5px;
	margin-left: 10px;
}

/* Career related functions end */


/*live stream*/
.live-stream-login_btn {
    display: block;
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 50px;
    width: 50%;
    height: 50px;
    background: #df1912;
    box-shadow: 0 4px 12px rgb(23 145 251 / 30%);
    opacity: 1;
    border-radius: 6px;
    margin-top: 34px;
    cursor: pointer;
}

.live-stream-flex-container {
    margin-top: 50px;
    align-content: center;
    justify-content: space-between;
    display: flex;
    flex-direction: row;
    text-align: center;
}

.live-stream-flex-item-left {
    padding: 10px;
    flex: 50%;
    margin-bottom: 2%;
}

.live-stream-flex-item-right {
    padding: 10px;
    flex: 50%;
    margin-bottom: 2%;
}

.live-stream-info {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.live-stream-name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}