/*
Powered by uimix.com;
date:2015-07-22;
object: vivo hr
*/
.tmp-head{height: 61px; width: 100%; background: #f2f2f2; position: relative; z-index: 99; text-align: center;}
.tmp-foot{height: 140px; width: 100%; background: #f2f2f2; text-align: center;}


/* ----common---- */
body{ color:#666; font-size:14px; display: block;}
html{display: block;}
h3{ color:#333; font-size:16px;}
/* #vivo-head .vivo-nav{width: 1200px;} */
.fr{ float:right}
.fl{ float:left}
textarea.v_inp{background: #f5f5f5; border: none; -webkit-box-shadow: 0 0 5px rgba(0,140,214,0) , 0 1px 2px rgba(0,0,0,.1) inset; -moz-box-shadow: 0 0 5px rgba(0,140,214,0) , 0 1px 2px rgba(0,0,0,.1) inset; -ms-box-shadow: 0 0 5px rgba(0,140,214,0) , 0 1px 2px rgba(0,0,0,.1) inset; box-shadow: 0 0 5px rgba(0,140,214,0) , 0 1px 2px rgba(0,0,0,.1) inset; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; font-size: 16px; color: #333; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
textarea.v_inp:focus{-webkit-box-shadow: 0 0 5px rgba(0,140,214,.5) , 0 0 2px rgba(0,0,0,.1) inset; -moz-box-shadow: 0 0 5px rgba(0,140,214,.5) , 0 0 2px rgba(0,0,0,.1) inset; -ms-box-shadow: 0 0 5px rgba(0,140,214,.5) , 0 0 2px rgba(0,0,0,.1) inset; box-shadow: 0 0 5px rgba(0,140,214,.5) , 0 0 2px rgba(0,0,0,.1) inset; background: #fff;}


.tmp-head{height: 61px; width: 100%; background: #f2f2f2; position: relative; z-index: 99; text-align: center;}
.tmp-foot{height: 140px; width: 100%; background: #f2f2f2; text-align: center;}


/* ----common---- */
body{ color:#666; font-size:14px;}
h3{ color:#333; font-size:16px;}
.fr{ float:right}
.fl{ float:left}
.hr-----ico, .hr-----ico:before, .hr-----ico:after{background: url(../images/hr-m-ico.png?v=4) no-repeat; background-size: 500px 500px; content: ''; display: inline-block;}
.hr-share-box ul li a b{background: url(../images/vivo-hr-share-ico.png) no-repeat; background-size: 480px 88px;}
@media print, only screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-resolution: 144dpi), screen and (min-resolution: 144dppx) {
        .hr-----ico, .hr-----ico:before, .hr-----ico:after{background-image: url(../images/hr-m-ico-x2.png?v=4);}
        .hr-share-box ul li a b{background-image: url(../images/vivo-hr-share-ico-x2.png);}
}

/*video*/
#vivo-contain{min-height: 650px; }
#video_layer{position: fixed; top: 0; left: 0; width: 100%; min-height: 300px; z-index: 1; }
#video_layer a.vdl-colse{display: inline-block; width: 40px; height: 40px; position: absolute; top: 25px; right: 25px; z-index: 9; background-color: #fff; background-color: rgba(255,255,255,1);}
#video_layer a.vdl-colse:hover:before{opacity: .7;}
#video_layer a.vdl-colse:before{width: 30px; height: 30px; position: absolute; top: 0; left: 10px; background-position: 0 -390px; -webkit-transition: opacity .3s ease; -moz-transition: opacity .3s ease; transition: opacity .3s ease;}
#video_layer a.vdl-colse{background-image: none;}
#video_layer .vdl-box{position: absolute; top: 50%; left: 50%; z-index: 1; background-color: #fff; background-color: rgba(255,255,255,.95);}
#video_layer .vdl-box .video-position-fixed{position: relative; overflow: hidden; margin: 10px; display: block;}
/*video*/

strong.hr_select_block{display: inline-block; font-weight: normal; position: relative; color: #333; z-index: 99; cursor: default; margin-right: 10px;}
strong.hr_select_block .hr_select_rect{width: auto !important; margin-right: 5px; background: #f5f5f5; font-weight: normal;}
strong.hr_select_block .hr_select_rect b{width: 36px; height: 36px;overflow: hidden; display: block; position: absolute; top: -1px; right: -1px; background-position: -300px -150px;}
strong.hr_select_block .hr_select_rect .data_val{ display: inline-block; width: auto !important; height: 36px; padding-right: 26px; line-height: 36px; font-size: 14px; position: relative;  border-top-left-radius: 3px; border-bottom-left-radius: 3px;}
strong.hr_select_block .hr_select_rect .menu{width: 100%; position: absolute; top: 36px; left: 0; border: 1px #eaeaea solid; background: #fff; overflow: hidden; overflow-y: auto; border-radius: 3px; box-shadow: 0 10px 25px rgba(0,0,0,.2); box-sizing: border-box; display: none;}
strong.hr_select_block .hr_select_rect .menu a{display: block; padding: 0 10px; height: 35px; line-height: 35px; font-size: 14px; color: #333; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
strong.hr_select_block .hr_select_rect .menu a:hover,strong.hr_select_block .hr_select_rect .menu a.current{background:#008cd6; color: #fff; }

strong.fieldset-init{font-weight: normal; display: inline-block;}
strong.fieldset-init.error p.inp-check-tips{font-size: 14px  !important; color: #ff0000 !important; margin-top: 8px  !important; display: block;}


#vivo-contain{position: relative; }
.hr-main{width: 100%; position: relative; background: #fff url(../images/hr-m-bg.jpg?v=3) center center no-repeat; height: 890px; background-size: auto 100%;}
.hr-main{height: 690px;}
@media print, only screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-resolution: 144dpi), screen and (min-resolution: 144dppx) {
    .hr-main{background-image: url(../images/hr-m-bg-x2.jpg?v=2);}    
}
.hr-main .hr-m-high{width: 900px; margin: auto;}

.hr-main .hr-m-content{position: relative;}
.hr-main .hr-m-content{position: relative; top: 8%;}
.hr-m-content .hr-m-search{width: 690px; margin: auto;}
.hr-m-search .search-box input{width:546px; height:18px; padding:10px 20px; font-size:14px; color:#555; border:1px transparent solid; overflow:hidden; vertical-align:middle; box-sizing: content-box; border-bottom-right-radius: 0; border-top-right-radius: 0;}
.hr-m-search .search-box button{width:100px; height:40px; overflow:hidden; text-align:center; font-size:14px; color:#fff; border:none; overflow:hidden; vertical-align:middle; background:#008cd6; outline:none; cursor:pointer; -webkit-transition:background .2s ease-in-out; -moz-transition:background .2s ease-in-out; -ms-transition:background .2s ease-in-out; transition:background .2s ease-in-out; border-top-right-radius: 3px; border-bottom-right-radius: 3px;}
.hr-m-search .search-box button:hover{background:#0074b2;}
.hr-m-search .search-keyword{padding-top: 14px;}
.hr-m-search .search-keyword em{display: inline-block; color: #999; vertical-align: middle; padding-left: 10px; font-size: 14px;}
.hr-m-search .search-keyword a{display: inline-block; color: #999; vertical-align: middle; padding-left: 16px; -webkit-transition:color .3s ease-in-out; -moz-transition:color .3s ease-in-out; transition:color .3s ease-in-out;}
.hr-m-search .search-keyword a:hover{color:#008cd6;}

.hr-m-ad{width: 690px; margin: auto; padding-top: 100px;}
.hr-m-ad ul.cl a{display: block;}
.hr-m-ad ul.cl li{width: 327px; height: 200px; overflow: hidden; position: relative; border-radius: 3px;}
.hr-m-ad ul.cl li.l1{float: left;}
.hr-m-ad ul.cl li.l2{float: right;}



/*移动端*/

.hr-m-nav{ padding-top: 4em; text-align: center; display: none;}
.hr-m-nav ul{display: block; margin: 0 2em;}
.hr-m-nav li{ display: inline-block; width: 25%; }
.hr-m-nav li a{ display: block;}
.hr-m-nav li a figure{height: 60px; padding: 0; margin: 0;}
.hr-m-nav li a figure img{ height: 60px;}
.hr-m-nav li a p{color: #333; padding-top: 10px;}

/*移动端*/





/*new*/
.hr-m-position1{width: 801px; margin: auto; padding-top: 130px;}
.hr-m-position1 .pst-box{padding: 0 60px; float: left; border-right: #666 solid 1px; border-right: rgba(102,102,102,.6) solid 1px;}
.hr-m-position1 .pst-box.pst-hot{ border-right: none;}
.hr-m-position1 .pst-box b.pst-ico{width:80px; height: 80px; float: left;}
.hr-m-position1 .pst-box.pst-new b.pst-ico{background-position: -320px 0;}
.hr-m-position1 .pst-box.pst-hot b.pst-ico{background-position: -400px 0;}

.hr-m-position1 .pst-box dl{padding-left: 80px; width: 200px;}
.hr-m-position1 .pst-box dl dt{font-size: 16px; color: #666; padding-bottom: 10px; padding-left: 10px;}
.hr-m-position1 .pst-box dl dd{display: inline-block; font-size: 12px; line-height: 1.8em; width: 85px; padding-left: 10px; white-space: nowrap;}
.hr-m-position1 .pst-box dl dd a{color: #666; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-transition:color .3s ease-in-out; -moz-transition:color .3s ease-in-out; transition:color .3s ease-in-out;}
.hr-m-position1 .pst-box dl dd a:hover{color:#008cd6;}
/*new*/

/*2015 vivo招聘*/
#vivo-contain .hr-list{position: relative; background: #fff; padding-bottom: 30px;}
.hr-list .hr-list-high{width: 100%; height: 750px; background: #eb5e33 url(../images/hr2017-clist-high-bg.jpg?v=4) center center no-repeat; background-size: auto 950px;}
.hr-list .hr-clist-high{width: 100%; height: 750px; background: #eb5e33 url(../images/hr2017-clist-high-bg.jpg?v=2) center center no-repeat; background-size: auto 950px; }
.hr-list-high h2{width: 1000px; margin: auto; text-align: center; font-size: 42px; color: #008ad9; padding-top: 110px;}

.hr-list .hr-list-content{width: 100%; min-height: 520px; margin-top:10px; background: url(../images/hr-list-ct-bg.png?v=1) repeat;}
.hr-list .hr-list-content .hr-list-content-box{width: 1000px; margin: auto; background: #fff; padding: 60px 0 0px 0;}
.hr-list-content .hr-list-switch{width: 240px; height: 36px; margin: auto; border: #ccc 1px solid; border-radius: 3px;}
.hr-list-content .hr-list-switch a{width: 120px; height: 36px; line-height: 36px; text-align: center; display: inline-block; background: #fff; color: #666; -webkit-transition:background .3s ease-in-out,color .3s ease-in-out; -moz-transition:background .3s ease-in-out,color .3s ease-in-out; transition:background .3s ease-in-out,color .3s ease-in-out;}
.hr-list-content .hr-list-switch a:hover,.hr-list-content .hr-list-switch a.current{background: #008cd6; color: #fff;}

.hr-list-content .hr-list-slide{padding: 0 60px; min-height: 737px; margin: auto; background: #fff; margin-top: 40px; position: relative;}
.hr-list-content .hr-list-slide .title h2{ padding-bottom: 20px; border-bottom: #ededed 1px solid; font-size: 24px; color: #333;}
.hr-list-content .hr-list-slide .title h2 strong{font-size: 13px; line-height: 1.5em; color: #e52121; font-weight: normal; display: inline-block; vertical-align: bottom; margin-left: 1em;}
.hr-list-slide .hr-list-cont{position: relative; top: 20px; left: 0; width: 100%;}
.hr-lsd-box .hr-lsd-switch{display: block; position: relative; margin: 0 -10px;}
.hr-lsd-box .hr-lsd-switch .hr-lsd-li{position: relative; display: block; width: 16.6666%; height: auto; float: left;}
.hr-lsd-box .hr-lsd-switch .hr-lsd-li a{display: block; height: 46px; line-height: 46px; text-align: center; color: #666; font-size: 18px;  border: #ededed 1px solid; border-radius: 3px; -webkit-transition:background .3s ease-in-out,color .3s ease-in-out,border .3s ease-in-out; -moz-transition:background .3s ease-in-out,color .3s ease-in-out,border .3s ease-in-out; transition:background .3s ease-in-out,color .3s ease-in-out,border .3s ease-in-out; margin: 0 10px 10px 10px;}
.hr-lsd-box .hr-lsd-switch a.a1{width: 112px; border-left: none; }
.hr-lsd-box .hr-lsd-switch a:hover,.hr-lsd-box .hr-lsd-switch a.current{background: #008cd6; border: #008cd6 1px solid; color: #fff;}
.hr-lsd-box .hr-lsd-slide{padding-top: 40px;}
.hr-lsd-box .hr-lsd-slide .hr-lsdct-left{width: 100%; min-height: 500px; float: left; color: #999999;}
.hr-lsd-box .hr-lsd-slide .hr-lsdct-left ul li{display: block; margin-bottom: 40px;}
.hr-lsd-box .hr-lsd-slide .hr-lsdct-left h2{font-size: 20px; color: #000; border-bottom: 1px #ededed solid; padding-bottom: 10px; line-height: 1em; margin-bottom: 10px;}
.hr-lsd-box .hr-lsd-slide .hr-lsdct-left p{line-height: 1.6em;  color: #999999;}
.hr-lsd-box .hr-lsd-slide .hr-lsdct-left ul li a{display: inline-block;}
.hr-lsd-box .hr-lsd-slide .hr-lsdct-left ul li a .figure{float: left; width: 120px; height: 120px;}
.hr-lsd-box .hr-lsd-slide .hr-lsdct-left ul li a .figure img{width: 120px; height: 120px;}
.hr-lsd-box .hr-lsd-slide .hr-lsdct-left ul li a .cont{padding-left: 150px; padding-top: 10px;}
.hr-lsd-box .hr-lsd-slide .hr-lsdct-left ul li a .cont h3{font-size: 18px; color: #333; padding-bottom: 20px;}
.hr-lsd-box .hr-lsd-slide .hr-lsdct-left ul li.current a h2{color: #008dd7; border-color: #008dd7;}
.hr-lsd-box .hr-lsd-slide .hr-lsdct-left ul li.current a p{color: #008dd7;}
.hr-lsd-box .hr-lsd-slide .hr-lsdct-right{margin-left: 440px; margin-right: 40px; height: 500px; position: relative; overflow: hidden; background-color: #333;}
.hr-lsdct-left .lsdct-addresscode-figure{ width: 110px; height: 96px;float: right; text-align: center; background-color: #fff; background-color: rgba(255,255,255,.8); color: #333;}
.hr-lsdct-left .lsdct-addresscode-figure img{margin-bottom: 5px;}
.hr-list-cont .hr-list-pages{padding: 20px 0; height: 50px;}
.hr-sch-info .hr-list-pages{margin: 0; padding: 25px 0;}


.hr-list-slide .hr-list-cont .hr-lcont-switch{padding-bottom: 20px;}
.hr-list-slide .hr-list-cont .hr-lcont-switch li{margin-top: 10px;}
.hr-list-slide .hr-list-cont .hr-lcont-switch li .switch{padding-left: 75px;}
.hr-list-slide .hr-list-cont .hr-lcont-switch li .switch a{color: #008cd6; -webkit-transition:color .3s ease-in-out; -moz-transition:color .3s ease-in-out; transition:color .3s ease-in-out;}
.hr-list-slide .hr-list-cont .hr-lcont-switch li .switch a:hover,.hr-list-slide .hr-list-cont .hr-lcont-switch li .switch a.current{color: #333;}
.hr-list-slide .hr-list-cont .hr-lcont-switch li.add a{margin-bottom: 0;}
.hr-list-slide .hr-list-cont .hr-lcont-switch li a{display: inline-block; margin-left: 15px; -webkit-transition:color .2s ease-in-out; -moz-transition:color .2s ease-in-out; transition:color .2s ease-in-out; margin-bottom: 10px;}
.hr-list-slide .hr-list-cont .hr-lcont-switch li a:hover,.hr-sch-info .hr-sch-selectcd ul li a.current{color: #008cd6;}
.hr-list-slide .hr-list-cont .hr-lcont-switch li span{display: block; float: left}

.hr-list-slide table.hr-tb tr th{color: #008cd6;}
.hr-list-slide table.hr-tb tr th.name{padding-left: 20px}
.hr-list-slide table.hr-tb tr td.first{padding-left: 20px}

.hr-list-slide table.hr-tb{display: block; margin: auto;}
table.hr-tb tr th{width: 125px; text-align: center; height: 50px; color: #666; font-weight: normal;}
table.campus-hr-tb tr th{width: 125px; text-align: center; border-bottom: #ededed 1px solid; border-top: #ededed 1px solid; height: 50px; color: #666; font-weight: normal; background-color: #f7f7f7;}
table.hr-tb tr th.name{width: 400px; text-align: left;}
table.hr-tb tr th:nth-last-child(1){text-align: center;}
table.hr-tb tr th.last{text-align: center;}
table.hr-tb tr td{ text-align: center; border-bottom: #ededed 1px solid; height: 65px; color: #999; -webkit-transition:background .3s ease-in-out; -moz-transition:background .3s ease-in-out; transition:background .3s ease-in-out;}
table.hr-tb tr td a{ display: block; color: #7b7a7a; -webkit-transition:background .3s ease-in-out; -moz-transition:background .3s ease-in-out; transition:background .3s ease-in-out;}
table.hr-tb tr:hover td{color: #008cd6;}
table.hr-tb tr:hover td a{color: #008cd6;}
table.hr-tb tr td:nth-child(1){ text-align: left;}
table.hr-tb tr td.first{ text-align: left;}
table.hr-tb tr td.first p{display: none; padding-top: 5px; font-size: 12px;}
table.hr-tb tr td:nth-last-child(1){text-align: right;}
table.hr-tb tr td.last{text-align: right;}
table.hr-tb.campus-hr-tb tr td.last{text-align: center;}
table.hr-tb tr td{ text-align: center; border-bottom: #ededed 1px solid; height: 65px; color: #7b7a7a; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
table.hr-tb tr td span{display: inline-block; max-width: 223px; vertical-align: middle; text-overflow:ellipsis; white-space: nowrap; overflow:hidden;}
.hr-box em{vertical-align: middle; display: inline-block; border-radius: 3px; padding: 2px 5px; margin-left: 10px; line-height: 1.1em; color: #fff; font-size: 12px;}
.hr-box em.tb-color-green{background: #de1133;}
.hr-box em.tb-color-purple{background: #ffc000;}
.hr-list-pages{ height: 32px; position: relative; text-align: right; padding-bottom: 25px; padding-right: 60px;}
.hr-list-pages strong{font-size: 18px; color: #666; display: inline-block; padding: 0 20px; font-weight: normal; vertical-align: middle;}
.hr-list-pages a{width: 31px; height: 31px; overflow: hidden; display:inline-block; vertical-align: middle; }
.hr-list-pages a.prev{background-position: 0 -80px;}
.hr-list-pages a.next{background-position: -32px -80px;}
.hr-list-pages a.prev:hover{background-position: 0 -112px;}
.hr-list-pages a.next:hover{background-position: -32px -112px;}



/*2015 vivo招聘*/
#vivo-contain .hr-percenter{position: relative; background: #fafafa; padding-top: 20px; padding-bottom: 30px;}
.hr-percenter .hr-percenter-content{width: 1000px; margin: auto;}
.hr-box .hr-contect-box{width: 680px; min-height: 800px; float: left; }
.hr-percenter .hr-percenter-content .hr-pct-info{background: #fff;}
.hr-pct-info .hr-pct-personal{padding: 60px 30px;}
.hr-pct-info .hr-pct-personal .figure{width: 150px; height: 150px; float: left;}
.hr-pct-info .hr-pct-personal .figure img{ border-radius: 5px;}
.hr-pct-info .hr-pct-personal .info{ width: 440px; margin-left: 180px; position: relative;}
.hr-pct-info .hr-pct-personal .info dl.cl{}
.hr-pct-info .hr-pct-personal .info dl.cl dt{ font-size: 18px; color: #666;}
.hr-pct-info .hr-pct-personal .info dl.cl dd{ color: #999; padding-top: 15px; padding-left: 26px; position: relative;background:none;}
.hr-pct-info .hr-pct-personal .info dl.cl dd.personal{height: 38px; overflow: hidden;}
.hr-pct-info .hr-pct-personal .info dl.cl dd:before{display: inline-block; content: ''; width: 14px; height: 16px; position: absolute; top: 17px; left: 0;}
.hr-pct-info .hr-pct-personal .info dl.cl dd.age:before{background-position: -84px -80px;}
.hr-pct-info .hr-pct-personal .info dl.cl dd.school:before{background-position: -84px -96px;}
.hr-pct-info .hr-pct-personal .info dl.cl dd.personal:before{background-position: -84px -112px;}
.hr-pct-info .edit{position: absolute; top: 0; right: 0;}
.hr-pct-info .edit a{display: block; width: 160px; height: 36px; line-height: 36px; text-align: center; background: #008cd6;}
.hr-pct-info .edit a:hover{background: #00aaff; color: #fff;}
.hr-pct-info .edit a:active{background: #0073b0; color: #fff;}
.hr-pct-info .edit a:before{display: inline-block; content: ''; width: 16px; height: 16px; background-position: -65px -80px; vertical-align: middle; margin-right: 5px;}
.hr-pct-info .hr-pct-create{min-height: 290px; position: relative; text-align: center;}
.hr-pct-info .hr-pct-create .edit{top: 110px; left: 50%; margin-left: -80px;}
.hr-pct-info .hr-pct-create p{font-size: 12px; color: #999; padding-top: 170px;}

.hr-pct-info .hr-pct-list{padding: 0 30px 80px;}
.hr-pct-info .hr-pct-list .hr-pct-switch{}
.hr-pct-info .hr-pct-list .hr-pct-switch a{ display: inline-block; width: 205px; height: 48px; line-height: 48px; text-align: center; font-size: 18px; color: #666; border-top: #ededed 1px solid; border-right: #ededed 1px solid; -webkit-transition:background .3s ease-in-out,color .3s ease-in-out; -moz-transition:background .3s ease-in-out,color .3s ease-in-out; transition:background .3s ease-in-out,color .3s ease-in-out;}
.hr-pct-info .hr-pct-list .hr-pct-switch a.sw-1{ border-left: #ededed 1px solid;}
.hr-pct-info .hr-pct-list .hr-pct-switch a:hover,.hr-pct-info .hr-pct-list .hr-pct-switch a.current{ background: #008cd6; color: #fff;}
.hr-pct-info .hr-pct-list table.hr-tb tr th{width: 80px; height: 60px; color: #666;}
.hr-pct-info .hr-pct-list table.hr-tb tr th.name{width: 240px; text-align: left;}
.hr-pct-info .hr-pct-list table.hr-tb tr th.operation{width: 60px;}
.hr-pct-info .hr-pct-list table.hr-tb tr td{ height: 60px; }

.hr-side{width: 300px; margin-left: 700px;}
.hr-side dl{padding: 30px; background: #fff; margin-top: 20px;}
.hr-side dl.hr-side-ad{margin-top: 0; height: 140px;}
.hr-side dl.hr-side-ad dt img{border-radius: 5px;}
.hr-side dl.hr-side-box dt{display: block; font-size: 16px; border-bottom: #ededed 1px solid; padding-bottom: 10px; margin-bottom: 5px; background: none; color: #333;}
.hr-side dl.hr-side-box dt:before{display: inline-block; content: ''; width: 16px; height: 20px; vertical-align: middle; margin-right: 4px; position: relative;}
.hr-side dl.hr-side-pos dt:before{background-position: -65px -98px;}
.hr-side dl.hr-side-fire dt:before{background-position: -65px -116px; top: -4px;}
.hr-side dl.hr-side-box dd{ overflow: hidden; white-space: nowrap;}
.hr-side dl.hr-side-box dd a{display: inline-block; -webkit-transition:color .3s ease-in-out; -moz-transition:color .3s ease-in-out; transition:color .3s ease-in-out; line-height: 30px; text-overflow:ellipsis; white-space: nowrap; overflow:hidden; width: 100%;}
.hr-side dl.hr-side-box dd a:before{display: inline-block; content: ''; width: 3px; height: 3px; background: #999; border-radius: 50%; margin-right: 15px; vertical-align: 4px;}
.hr-side dl.hr-side-box dd a:hover{color: #008cd6;}
.hr-side dl.hr-side-box dd a:hover:before{background: #008cd6;}

.hr-side .hr-side-fire dt:before{top: -2px;}



/*招聘岗位*/
#vivo-contain .hr-search{position: relative; background: #fafafa; padding-bottom: 30px;}
.hr-search .hr-sch-high{width: 100%; height: 400px; position: relative;}
.hr-search .hr-sch-high ul{display: block;}
.hr-search .hr-sch-high ul li{width: 100%; height: 400px; position: absolute; top: 0; left: 0; overflow: hidden; display: none;}
.hr-search .hr-sch-high ul li i{width: 300%; height: 400px; position: relative; top: 0; left: 50%; margin-left: -150%; text-align: center;}
.hr-search .hr-sch-high .hr-switch{width: 100%; height: 10px; position: absolute; bottom: 20px; left: 0; text-align: center; z-index: 9;}
.hr-search .hr-sch-high .hr-switch a{width: 10px; height: 10px; display: inline-block; margin: 0 5px; background: #fff; border-radius: 50%; -webkit-transition:background .3s ease-in-out; -moz-transition:background .3s ease-in-out; transition:background .3s ease-in-out;}
.hr-search .hr-sch-high .hr-switch a:hover,.hr-search .hr-sch-high .hr-switch a.current{ background: #008cd6;}

.hr-search .hr-search-content{width: 1000px; margin: auto; padding-top: 20px;}
.hr-sch-info .hr-sch-selectcd{padding: 50px 30px 30px; background: #fff; margin-bottom: 20px;}
.hr-sch-info .hr-sch-selectcd .hr-sch-search input{width:480px; height:20px; padding:10px 20px; font-size:14px; color:#555; border:none;  overflow:hidden; vertical-align:middle;}
.hr-sch-info .hr-sch-selectcd .hr-sch-search input{width:740px; height:20px; padding:10px 20px; font-size:14px; color:#555; border:none;  overflow:hidden; vertical-align:middle;}
.hr-sch-info .hr-sch-selectcd .hr-sch-search button{width:100px; height:40px; overflow:hidden; text-align:center; font-size:14px; color:#fff; border:none; overflow:hidden; vertical-align:middle; background:#008cd6; outline:none; cursor:pointer; -webkit-transition:background .2s ease-in-out; -moz-transition:background .2s ease-in-out; -ms-transition:background .2s ease-in-out; transition:background .2s ease-in-out; border-top-right-radius: 3px; border-bottom-right-radius: 3px;}
.hr-sch-info .hr-sch-selectcd .hr-sch-search button:hover{background:#0074b2;}
.hr-sch-info .hr-sch-selectcd ul{display: block; margin-top: 20px;}
.hr-sch-info .hr-sch-selectcd ul li{padding-top: 10px; font-size: 12px;}
.hr-sch-info .hr-sch-selectcd ul li .switch{padding-left: 75px;}
.hr-sch-info .hr-sch-selectcd ul li .switch a{color: #008cd6; -webkit-transition:color .3s ease-in-out; -moz-transition:color .3s ease-in-out; transition:color .3s ease-in-out; line-height: 1.2em; padding: 3px 15px; border-radius: 3px; margin-bottom: 10px;}
.hr-sch-info .hr-sch-selectcd ul li .switch a:hover,.hr-sch-info .hr-sch-selectcd ul li .switch a.current{color: #333;}
/*.hr-sch-info .hr-sch-selectcd ul li.add a{margin-bottom: 0;}*/
.hr-sch-info .hr-sch-selectcd ul li a{display: inline-block; margin-left: 5px; -webkit-transition:color .2s ease-in-out; -moz-transition:color .2s ease-in-out; transition:color .2s ease-in-out;}
.hr-sch-info .hr-sch-selectcd ul li a:hover,.hr-sch-info .hr-sch-selectcd ul li a.current{color: #008cd6;}
.hr-sch-info .hr-sch-selectcd ul li span{display: block; float: left; position: relative; top: .2em;}
.hr-sch-info .hr-sch-selectcd ul li span:before{display: inline-block;content: ''; width: 11px; height: 16px; vertical-align: middle; margin-right: 4px;}
.hr-sch-info .hr-sch-selectcd ul li.add span:before{background-position: -86px -96px;}
.hr-sch-info .hr-sch-selectcd ul li.style span:before{background-position: -86px -129px;}
.hr-sch-info .hr-sch-selectcd ul li.style .switch a.current{color: #fff; background-color: #008cd6;}
.hr-sch-info .hr-sch-selectcd ul li.add .switch a.current{color: #fff; background-color: #008cd6;}

.hr-sch-info .hr-sch-selectcd .hr-selected-sbmenu{margin-left: 90px; margin-top: 10px; border: 1px #ededed solid; font-size: 12px; position: relative;}
.hr-selected-sbmenu a.close-btn{width: 10px; height: 10px; overflow: hidden; position: absolute; top: 10px; right: 10px; background-position: 0 -304px;}
.hr-selected-sbmenu label{float: left; text-align: right; width: 60px; line-height: 2em; color: #333; margin: 10px;}
.hr-selected-sbmenu p{margin: 10px 20px 10px 65px; display: block; overflow: hidden;}
.hr-selected-sbmenu p a{line-height: 2em; display: inline-block; color: #008cd6; margin-right: 1em; -webkit-transition:color .2s ease-in-out; -moz-transition:color .2s ease-in-out; transition:color .2s ease-in-out; line-height: 1.2em; padding: 3px;}
.hr-selected-sbmenu p a:hover{color: #333;}
.hr-selected-sbmenu p a.current{color: #fff; background-color: #008cd6;}


.hr-sch-info .hr-sch-list{padding: 0 30px 50px; background: #fff;}
.hr-sch-info .hr-sch-list table.hr-tb tr th{border-top:none; color: #008cd6;}
.hr-sch-info .hr-sch-list table.hr-tb tr th{width: 70px; height: 60px;}
.hr-sch-info .hr-sch-list table.hr-tb tr th.name{width: 320px;}
.hr-sch-info .hr-sch-list table.hr-tb tr th.time{width: 90px;}
.hr-sch-info .hr-sch-list table.hr-tb tr td{ height: 60px; }
.hr-sch-info .hr-sch-list .hr-list-pages{ padding-bottom: 0; padding-right: 0; padding-top: 20px;}

.hr-side .hr-side-ad dd{ width: 110px; float: left; font-size: 12px; text-align: center; padding-bottom: 30px;}
.hr-side .hr-side-ad dd.ad-2{ padding-left: 20px;}
.hr-side .hr-side-ad dd a{color: #7b7a7a; -webkit-transition: color .3s ease; -moz-transition: color .3s ease; transition: color .3s ease;}
.hr-side .hr-side-ad dd a:hover{color: #008cd6;}
.hr-side .hr-side-ad dd a img{border-radius: 5px;}
.hr-side .hr-side-ad dd a p{padding-top: 10px;}
.hr-search-content .hr-side .hr-side-ad{height: 300px;}
.hr-search-content .hr-side .hr-side-fire{}



/*details*/
#vivo-contain .hr-details{position: relative; background: #fafafa; padding-bottom: 30px;}

.hr-details .hr-details-content{width: 1000px; margin: auto; padding-top: 20px;}
.hr-details-info .hr-details-posdes{padding: 50px 30px 40px; background: #fff; margin-bottom: 20px; min-height: 500px;}
.hr-details-info .hr-details-posdes .des-title{border-bottom: #ededed 1px solid; position: relative;}
.hr-details-info .des-title{ padding-bottom: 20px; position: relative;}
.hr-details-info .des-title h2{font-size: 18px; color: #008cd6; margin-right: 80px;}
.hr-details-info .des-title a.jobs-share-btn{display: block; position: absolute;top: 2px; right: 0; padding-right: 30px; color: #333;}
.hr-details-info .des-title a.jobs-share-btn:after{display: inline-block; content: ''; width: 24px; height: 18px; background-position: -100px -100px; position: absolute;top: -2px; right: 0;}

.hr-share-box{width: 100%; height: 120px; position: relative; overflow: hidden; background-color: #fff; background-color: rgba(255,255,255,.98); border-bottom: 1px #ededed solid; overflow: hidden; display: none;}
.hr-share-box ul{display: block; padding-top: 5px;}
.hr-share-box ul li{width: 20%; float: left; text-align: center;}
.hr-share-box ul li a{color: #000; display: block; position: relative; -webkit-transition: opacity .3s ease-in-out; -moz-transition: opacity .3s ease-in-out; -ms-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out;}
.hr-share-box ul li a p{font-size: 12px;}
.hr-share-box ul li a:hover{opacity: .6;}
.hr-share-box ul li a b{width: 80px; height: 80px;}
.hr-share-box ul li a.sina b{background-position: 0 0;}
.hr-share-box ul li a.tencent b{background-position: -80px 0;}
.hr-share-box ul li a.renren b{background-position: -160px 0;}
.hr-share-box ul li a.qzone b{background-position: -240px 0;}
.hr-share-box ul li a.kaixin b{background-position: -320px 0;}
.hr-share-box ul li a.w163 b{background-position: -400px 0;}

.hr-details-posdes .posdes-nane .des-info{position: relative;}
.hr-details-posdes .posdes-nane .des-info span{display: inline-block; background: none; padding-top: 20px; width: 49%; position: relative;}
.hr-details-posdes .posdes-nane .des-info span.nat{width: 100%;}
/*.hr-details-posdes .posdes-nane .des-info span.add{width: 210px;}*/
.hr-details-posdes .posdes-nane .des-info span:before{display: inline-block; content: ''; width: 20px; height: 18px; vertical-align: middle; margin-right: 5px;}
.hr-details-posdes .posdes-nane .des-info span.time:before{background-position: -100px -80px;}
.hr-details-posdes .posdes-nane .des-info span.add:before{background-position: -120px -80px;}
.hr-details-posdes .posdes-nane .des-info span.nat:before{background-position: -140px -80px;}
.hr-details-posdes .posdes-nane .des-info span.dep:before{background-position: -160px -80px;}
.hr-details-posdes .posdes-nane .des-info span.edu:before{background-position: -180px -80px;}
.hr-details-posdes .posdes-nane .des-info span.num:before{background-position: -200px -80px;}
.hr-details-posdes dl.cl{padding-top: 50px;}
.hr-details-posdes dl.cl dt{font-size: 18px; border-bottom: #ededed 1px solid; padding-bottom: 20px; margin-bottom: 10px; color: #008cd6;}
.hr-details-posdes dl.cl dd{line-height: 2.5em; color: #7b7a7a;}
.hr-details-posdes dl.cl dd.link{line-height: normal; padding-top: 30px;}
.hr-details-posdes dl.cl dd.link a{display: inline-block; width: 160px; height: 36px; line-height: 36px; text-align: center; margin-right: 30px;}
/*.hr-details-posdes dl.cl dd.link a.coll{background: #999; color: #fff;border-radius: 3px;}*/
.hr-details-posdes dl.cl dd.link a.gray{background: #999; color: #fff;border-radius: 3px;}

.hr-details-info .hr-details-list{padding: 30px 30px 50px; background: #fff;}
.hr-details-info .hr-details-list table.hr-tb tr th{width: 70px; height: 60px;}
.hr-details-info .hr-details-list .des-title h2{color: #333;}
.hr-details-info .hr-details-list table.hr-tb tr th.name{width: 320px;}
.hr-details-info .hr-details-list table.hr-tb tr th.time{width: 90px;}
.hr-details-info .hr-details-list table.hr-tb tr td{ height: 60px; }

.hr-details-content .hr-side .hr-side-ad{height: 300px;}
.hr-details-content .hr-side .hr-side-fire{}




/*个人信息 */
#vivo-contain .hr-fillinfo{position: relative; background: #fafafa; padding-top: 20px; padding-bottom: 30px;}

.hr-fillinfo .hr-finfo-content{width: 1000px; margin: auto; background: #fff; min-height: 550px; padding-bottom: 50px; position: relative;}
.hr-finfo-content .finfo-step{padding-top: 100px;}
.finfo-step{width: 620px; margin: auto;}
.finfo-step li{float: left; width: 100px; margin-left: 72px; text-align: center;}
.finfo-step li a{display: block; color: #666;}
.finfo-step li.pers{ margin-left: 0;}
.finfo-step li .figure{width: 100px; height: 100px; border-radius: 50%; background: #cacaca;position: relative;} 
.finfo-step li .figure:after{width: 30px; height: 3px; content: ''; display: block; background: #cacaca; position: absolute; top: 55px; right: -50px;}
.finfo-step li .figure b{width: 100%; height: 100%; display: block; }
.finfo-step li.pers .figure b{ background-position: 0 -205px;}
.finfo-step li.edu .figure b{ background-position: -100px -205px;}
.finfo-step li.work .figure b{ background-position: -200px -205px;}
.finfo-step li.file .figure b{ background-position: -300px -205px;}
.finfo-step li.file .figure:after{display: none;}
.finfo-step li p{ padding-top: 20px;}

.hr-finfo-content .finfo-step li.pers .figure{background: #008cd6;}

.finfo-box{padding-top: 100px; width: 800px; margin: auto; position: relative;}
.finfo-box dd{padding-bottom: 30px; font-size: 16px;}
.finfo-box dd label{width: 160px; text-align: right; display: inline-block; margin-right: 20px;}
.finfo-box dd i{display: inline-block; margin-left: 15px; color: #008cd6; font-size: 18px; vertical-align: middle;}
.finfo-box dd input{ width: 160px; height: 36px; vertical-align: middle; padding: 0 10px;}
.finfo-box dd input[type='radio']{ width: auto;}
.finfo-box dd .option-box{display: inline-block;}
.finfo-box dd .option-box label{width: auto; text-align: left; display: inline-block; margin: 0 20px 0 10px;}
.finfo-box dd .option-box span{display: inline-block; padding-right: 20px;}
.finfo-box dd .option-box span b{display: inline-block; width: 8px; height: 8px; border-radius: 50%; border: #9e9e9e 1px solid; margin-right: 10px; vertical-align: middle;}
.finfo-box dd .option-box span.current b{width: 4px; height: 4px; border: #008cd6 3px solid;}
.finfo-box dd.option  i{margin-left: -5px;}
.finfo-box dd.birthdate  i{margin-left: 5px;}
.finfo-box dd.finfo_select input{margin-left: -5px;}
.finfo-box dd textarea{ width: 510px; height: 100px; vertical-align: top; padding: 10px;}
.finfo-box dd.link a, .finfo-box dd.link button{width: 160px; height: 36px; line-height: 36px; text-align: center; color: #fff; display: inline-block; border-radius: 3px; vertical-align: middle; font-size: 14px; margin-right: 20px;}
.finfo-box dd.date input{width: 110px; margin-right: 10px;}

.finfo-box dd.finfo_select .hr_selectmulti_block{font-weight: normal;}
.finfo-box dd.finfo_select .hr_selectmulti_block strong.hr_select_block{display: inline-block; font-weight: normal; position: relative; color: #333; z-index: 99; cursor: default; margin: 0;}
.finfo-box dd.finfo_select .hr_selectmulti_block .hr_select_rect{ display: inline-block; vertical-align: middle; position: relative; margin: 0; padding: 0; margin: 0;}
.finfo-box dd.finfo_select .hr_selectmulti_block .hr_select_rect .data_val{ display: inline-block; width: 64px !important; height: 36px; margin: 0; padding: 0; padding-right: 30px; padding-left: 10px; line-height: 36px; color: #fff; background: #008cd6; font-size: 14px; position: relative;  border-top-left-radius: 3px; border-bottom-left-radius: 3px;}
.finfo-box dd.finfo_select .hr_selectmulti_block .hr_select_rect b{width: 16px; height: 36px;overflow: hidden; display: block; position: absolute; top: -1px; right: 10px; background-position: -352px -150px;}

.hr-finfo-box.finfo-box dd.name input{ width: 140px;}
.hr-finfo-box.finfo-box dd.tel input,.finfo-box dd.id input,.finfo-box dd.email input,.finfo-box dd.weixin input,.finfo-box dd.enl input,.finfo-box dd.other input{ width: 345px;}
.hr-finfo-box.finfo-box dd.tel p{font-size: 12px; color: #999; padding-top: 10px;}
/*.hr-finfo-box.finfo-box dd.link a.link-r{ background: #cacaca;}*/
.hr-finfo-box.finfo-box dd.add input{ width: 430px;}
.hr-finfo-box.finfo-box dd.salary input,.hr-finfo-box.finfo-box dd.height input{ width: 345px;}
.hr-finfo-box.finfo-box .figure{ width: 120px; position: absolute; top: 100px; right: 90px;}
.hr-finfo-box.finfo-box .figure img{ border-radius: 5px;}

.hr-box .hr-popup{ width: 100%; height: 100%; background: #fff; background: rgba(255,255,255,.6); position: absolute; top: 0; left: 0; z-index: 99999;}
.hr-popup .hr-popup-box{ width: 550px;; height: 300px; background: #fff; position: absolute; top: 150px; left: 50%; margin-left: -275px; text-align: center; box-shadow: 0 5px 5px rgba(0,0,0,.06);}
.hr-popup a.cancel{position: absolute; top: 10px; right: 10px; width: 20px; height: 20px; background-position: 0 -145px; z-index: 99;}
/*.hr-box .hr-popup .hr-popup-upload{ text-align: center;}*/
.hr-popup .hr-popup-upload .upload h2{ font-size: 16px; padding-top: 50px;}
.hr-popup .hr-popup-upload .upload a{width: 160px; height: 36px; line-height: 36px; text-align: center; color: #fff; display: inline-block; border-radius: 3px; vertical-align: middle; font-size: 14px; margin-top: 50px;}
.hr-popup .hr-popup-upload .upload a b{display: inline-block; width: 16px; height: 16px; background-position: -65px -80px; vertical-align: middle; margin-right: 5px;}
.hr-popup .hr-popup-upload .upload p.tips{font-size: 12px; color: #999; margin-top: 20px;}
.hr-popup .hr-popup-upload .link{ margin-top: 40px;}
.hr-popup .hr-popup-upload .link a{width: 160px; height: 36px; line-height: 36px; text-align: center; color: #fff; display: inline-block; border-radius: 3px; vertical-align: middle; font-size: 14px;}
.hr-popup .hr-popup-upload .link a.link-r{margin-left: 20px; display: none;}
/*.hr-box .hr-popup .hr-popup-box .link a.link-r{background: #999; margin-left: 20px;}*/

.hr-popup .hr-popup-progress .progress{padding-top: 140px;}
.hr-popup .hr-popup-progress .progress label{width: 130px; text-align: right; display: inline-block; white-space: nowrap; overflow: hidden; vertical-align: middle;}
.hr-popup .hr-popup-progress .progress .prog-box{position: relative;width: 180px; height: 6px; margin: 0 20px; display: inline-block; vertical-align: middle;}
.hr-popup .hr-popup-progress .progress .prog-box span{position: absolute; top: 0; left: 0; width: 100%; height: 6px; border-radius: 3px; background: #cacaca;}
.hr-popup .hr-popup-progress .progress .prog-box span.b{ background: #008cd6;}
.hr-popup .hr-popup-progress .progress b{width: 20px; height: 20px; background-position: 0 -145px;}
.hr-popup .hr-popup-progress p{padding-top: 60px; font-size: 12px; color: #999;}

.hr-popup .hr-popup-finish .finish{padding-top: 110px;}
.hr-popup .hr-popup-finish .finish label{width: 130px; text-align: right; display: inline-block; white-space: nowrap; overflow: hidden; vertical-align: middle;}
.hr-popup .hr-popup-finish .finish p{display: inline-block;font-size: 12px; color: #999; padding: 0 20px;}
.hr-popup .hr-popup-finish .finish b{width: 20px; height: 20px; background-position: 0 -145px;}
.hr-popup .hr-popup-finish a.link{margin-top: 100px; width: 160px; height: 36px; line-height: 36px; text-align: center; color: #fff; display: inline-block; border-radius: 3px; vertical-align: middle; font-size: 14px;}

.hr-popup .hr-popup-goon p{padding-top: 100px; line-height: 2em;}
.hr-popup .hr-popup-goon p b{width: 25px; height: 22px; background-position: -20px -145px; margin-right: 10px;}
.hr-popup .hr-popup-goon a.link{margin-top: 100px; width: 100px; height: 36px; line-height: 36px; text-align: center; color: #fff; display: inline-block; border-radius: 3px; vertical-align: middle; font-size: 14px;}



/*教育背景 */
#vivo-contain .hr-filledubg{position: relative; background: #fafafa; padding-top: 20px; padding-bottom: 30px;}

.hr-filledubg .hr-filledubg-content{width: 1000px; margin: auto; background: #fff; min-height: 550px; padding-bottom: 50px; position: relative;}
.hr-filledubg-content .finfo-step{padding-top: 100px;}
.hr-filledubg-content .cl.edu{border-bottom:1px solid #bbb;margin-bottom:20px;}
.hr-filledubg-content .finfo-step li.pers .figure,.hr-filledubg-content .finfo-step li.edu .figure{background: #008cd6;}
.hr-filledubg-content .finfo-step li.pers .figure:after{background: #008cd6;}
.hr-filledubg-box.finfo-box dd.shool input,.hr-filledubg-box.finfo-box dd.major input{ width: 510px;}
/*.hr-filledubg-box.finfo-box dd.link a.link-r{ background: #cacaca;}*/

.hr-filledubg-box.finfo-box dd.eduexper{ padding-top: 30px; position: relative;}
.hr-filledubg-box.finfo-box dd.eduexper i.border{width: 1000px; border-top: #ededed 1px solid; position: absolute; top: 0; left: 50%; margin-left: -500px;}



/*工作经历 */
#vivo-contain .hr-fillwork{position: relative; background: #fafafa; padding-top: 20px; padding-bottom: 30px;}

.hr-fillwork .hr-work-content{width: 1000px; margin: auto; background: #fff; min-height: 550px; padding-bottom: 50px; position: relative;}
.hr-work-content .finfo-step{padding-top: 100px;}
.hr-work-content .finfo-step li.pers .figure,.hr-work-content .finfo-step li.edu .figure,.hr-work-content .finfo-step li.work .figure{background: #008cd6;}
.hr-work-content .finfo-step li.pers .figure:after,.hr-work-content .finfo-step li.edu .figure:after{background: #008cd6;}
.hr-work-box.finfo-box dd.workunit input,.hr-work-box.finfo-box dd.position input{ width: 510px;}
/*.hr-work-box.finfo-box dd.link a.link-r{ background: #cacaca; }*/
.hr-work-box.finfo-box dd.link a b{display: inline-block; width: 16px; height: 16px; background-position: -65px -80px; vertical-align: middle; margin-right: 5px;}
.hr-work-box.finfo-box dd.link a.link-r b{background-position: -300px -186px; }
.hr-work-box .cl.work {border-bottom:1px solid #bbb;margin-bottom:20px;}

.hr-work-box.finfo-box dd.eduexper{ padding-top: 30px; position: relative;}
.hr-work-box.finfo-box dd.eduexper i.border{width: 1000px; border-top: #ededed 1px solid; position: absolute; top: 0; left: 50%; margin-left: -500px;}

.hr-work-box.finfo-box .body dd label{float:left;}
.hr-work-box.finfo-box .body dd span{margin-left: 182px;display:block;}
.hr-work-box.finfo-box .body dd span:after {height:0; content:"."; clear:both; display:block; visibility:hidden;}

.finfo-box dd.tel label{vertical-align: top;}
.finfo-box dd.tel strong.fieldset-init{position: relative; top: -5px;}
.finfo-box dd.email label{vertical-align: top;}
.finfo-box dd.email strong.fieldset-init{position: relative; top: -5px;}




/*上传文件 */
#vivo-contain .hr-fillfile{position: relative; background: #fafafa; padding-top: 20px; padding-bottom: 30px;}

.hr-fillfile .hr-file-content{width: 1000px; margin: auto; background: #fff; min-height: 550px; padding-bottom: 50px; position: relative;}
.hr-file-content .finfo-step{padding-top: 100px;}
.hr-file-content .finfo-step li.pers .figure,.hr-file-content .finfo-step li.edu .figure,.hr-file-content .finfo-step li.file .figure,.hr-file-content .finfo-step li.work .figure{background: #008cd6;}
.hr-file-content .finfo-step li.pers .figure:after,.hr-file-content .finfo-step li.edu .figure:after,.hr-file-content .finfo-step li.work .figure:after{background: #008cd6;}
.hr-file-box.finfo-box dd.fileunit input,.hr-file-box.finfo-box dd.position input{ width: 510px;}
/*.hr-file-box.finfo-box dd.link a.link-r{ background: #cacaca; }*/
.hr-file-box.finfo-box dd.link a b{display: inline-block; width: 16px; height: 16px; background-position: -65px -80px; vertical-align: middle; margin-right: 5px;}
.hr-file-box.finfo-box dd.link a.link-r b{background-position: -65px -80px; }
.hr-file-box .cl.file {border-bottom:1px solid #bbb;margin-bottom:20px;}

.hr-file-box.finfo-box dd.eduexper{ padding-top: 30px; position: relative;}
.hr-file-box.finfo-box dd.eduexper i.border{width: 1000px; border-top: #ededed 1px solid; position: absolute; top: 0; left: 50%; margin-left: -500px;}
.hr-file-box.finfo-box table.hr-tb{width: 620px; margin: auto;}
.hr-file-box.finfo-box table.hr-tb tr th{ border-top: none;}
.hr-file-box.finfo-box table.hr-tb tr td{ text-align: left;}
.hr-file-box.finfo-box table.hr-tb tr td:nth-child(3){white-space: no1wrap; overflow: hidden; }
.hr-file-box.finfo-box table.hr-tb tr:last-child td{ border-bottom: none;}
.hr-file-box.finfo-box .hr-file-link{padding-top: 40px; text-align: center;}




/*校园招聘*/
.hr-m-search .search-keyword em{color: #fff;}
.hr-m-search .search-keyword a{color: #fff;}
.hr-m-search .search-keyword a:hover{color: #ace2ff;}
.hr-main{background-image: url(../images/hr2017-campus-bg.jpg?v=2); background-color: #eb5e33;}
.hr-main .hr-m-high{width: 900px; margin: auto; top: 8%; position: relative;}
.hr-camp-homeposition{width: 100%; height: 150px; position: absolute; bottom: 0; left: 0; background-color: #fff; background-color: rgba(0,0,0,.1);}
.hr-camp-homeposition .hr-chpos-box{width: 900px; margin: auto; margin-top: 1em;}
.hr-chpos-box ul li{display: block; position: relative; width: 50%; height: 126px; float: left;}
.hr-chpos-box ul li dl{display: block; position: relative; width: 85%;}
.hr-chpos-box ul li dl dt{display: block; margin-bottom: 1em; font-size: 16px; color: #fff;}
.hr-chpos-box ul li dl dt a{color: #fff; -webkit-transition: color .3s ease; -moz-transition: color .3s ease; transition: color .3s ease; background: none}
.hr-chpos-box ul li dl dt a:hover{color: #ace2ff;}
.hr-chpos-box ul li dl dt a:after{display: inline-block; content: ''; width: 8px; height: 14px; background-position: 0 -330px; margin-left: 5px; vertical-align: -2px;}
.hr-chpos-box ul li dl dt a:hover:after{background-position: -10px -330px;}
.hr-chpos-box ul li dl dd{font-size: 12px; display: block; }
.hr-chpos-box ul li dl dd a{color: #fff; -webkit-transition: color .3s ease; -moz-transition: color .3s ease; transition: color .3s ease;}
.hr-chpos-box ul li dl dd a:hover{color: #ace2ff;}
.hr-chpos-box ul li.camp-hot-p dl dd{}
.hr-chpos-box ul li.camp-hot-p dl dd a{display: inline-block; width: 47%; white-space: nowrap; overflow: hidden; position: relative; margin:.6em 2% .5em 0; color: #fff;}
.hr-chpos-box ul li.camp-hot-p dl dd a:hover{color: #ace2ff;}
.hr-chpos-box ul li.camp-news-b:before{width: 1px; height: 100%; overflow: hidden; position: absolute; top: 0; left: 0; background-color: #fff; background-color: rgba(255,255,255,.5); content: '';}
.hr-chpos-box ul li.camp-news-b dl{margin-left: 15%;}
.hr-chpos-box ul li.camp-news-b dl dd{display: inline-block;}
.hr-chpos-box ul li.camp-news-b dl dd.video{width: 166px; height: 85px; position: relative; vertical-align: -3px; float: left;}
.hr-chpos-box ul li.camp-news-b dl dd.video a{display: block; width: 100%; height: 100%;}
.hr-chpos-box ul li.camp-news-b dl dd.video a:before{display: block; content: ''; width: 100%; height: 100%; background:#000; background: rgba(0,0,0,.8); position: absolute; top: 0; left: 0;}
.hr-chpos-box ul li.camp-news-b dl dd.video a i{display: block; content: ''; width: 40px; height: 40px; overflow: hidden; background-position: 0 -350px; position: absolute; top: 50%; left: 50%; margin-left: -20px; margin-top: -30px;}
.hr-chpos-box ul li.camp-news-b dl dd.video a p{position: absolute; top: 73%; width: 100%; text-align: center; font-size: 70%;}
.hr-chpos-box ul li.camp-news-b dl dd.video a:hover i{ background-position: -40px -350px;}
.hr-chpos-box ul li.camp-news-b dl dd.news{display: block; margin-left: 180px; padding-top: 10px;}
.hr-chpos-box ul li.camp-news-b dl dd.news a{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; margin:.5em 0 .5em;}

/*招聘岗位*/
.hr-list-content .hr-list-slide .title h2{border-bottom: none; padding-bottom: 40px;}
.hr-list-content .hr-list-slide{margin-top: 0;}
.hr-sch-info .hr-sch-selectcd{padding: 0;}
.hr-details-content .hr-side .hr-side-ad{height: 140px;}


/*视频*/
.vn-switch{text-align: center;}
.vn-switch span{display: block; width: 220px; height: 40px; line-height: 40px; border: #ccc 1px solid; border-radius: 3px; margin: auto;}
.vn-switch span a{display: inline-block;width: 110px; height: 40px; color: #333; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;}
.vn-switch span a.sl{ border-right: none;}
.vn-switch span a.sr{ border-left: none;}
.vn-switch span a.current,.vn-switch span a:hover{ background: #008cd6; color: #fff;}
.hr-video .hr-video-cont{padding: 40px 80px 0;}
.hr-video .hr-video-cont ul{display: block;}
.hr-video .hr-video-cont ul li{float: left; width: 340px; position: relative; margin: 0 40px 70px;}
.hr-video .hr-video-cont ul li a{display: block;}
.hr-video .hr-video-cont ul li a .figure{width: 340px; height: 174px; position: relative;}
.hr-video .hr-video-cont ul li a .figure:before{display: block; content: ''; width: 100%; height: 100%; background:#000; background: rgba(0,0,0,.8); position: absolute; top: 0; left: 0;}
.hr-video .hr-video-cont ul li a .figure i{display: block; content: ''; width: 70px; height: 70px; overflow: hidden; background-position: -90px -350px; position: absolute; top: 50%; left: 50%; margin-left: -35px; margin-top: -35px;}
.hr-video .hr-video-cont ul li a:hover .figure i{ background-position: -160px -350px;}
.hr-video .hr-video-cont ul li a h2.title{font-size: 18px; color: #333; padding-top: 20px;}

/*最新公告*/
.hr-news .hr-news-cont{padding: 40px 120px 0;}
.hr-news .hr-news-cont table{width: 100%;}
.hr-news .hr-news-cont table tr th{text-align: left; height: 50px; line-height: 50px; border-bottom: #999 1px solid;}
.hr-news .hr-news-cont table tr th.news{width: 80%;}
.hr-news .hr-news-cont table tr th.time{width: 20%;}
.hr-news .hr-news-cont table tr.cont{}
.hr-news .hr-news-cont table tr td{text-align: left; height: 40px; line-height: 40px;}
.hr-news .hr-news-cont table tr td.time{width: 20%;}
.hr-news .hr-news-cont table tr td a{ -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;}
.hr-news .hr-news-cont table tr td a:hover{ color: #008cd6;}

/*最新公告详情*/
.hr-newsdl .hr-newsdl-cont{padding: 40px 120px 0;}
.hr-newsdl .hr-newsdl-cont .title{text-align: center;}
.hr-newsdl .hr-newsdl-cont .title h2{font-size: 24px; padding-bottom: 10px;}
.hr-newsdl .hr-newsdl-cont .title p{font-size: 14px;}
.hr-newsdl .hr-newsdl-cont .cont{padding-top: 30px;}



/*走进vivo*/
.hr-about-page{ line-height: 2em;}
.hr-about-page .hr-list-high{width: 100%; height: 750px; background: url(../images/hr-about-high-bg.jpg) center top no-repeat; background-size: 1920px 950px;}
.hr-about-page .hr-list-content-box .hr-about-list{height: 3em; width: 50%; margin: auto; border: 1px solid #ccc; border-radius: 5px; overflow: hidden;}
.hr-about-page .hr-list-content-box .hr-about-list li{display: block; width: 25%; height: 100%; float: left; text-align: center; border-left: 1px solid #ccc; box-sizing: border-box;}
.hr-about-page .hr-list-content-box .hr-about-list li:first-child{border-left: none;}
.hr-about-page .hr-list-content-box .hr-about-list li a{font-size: 18px; line-height: 43px; color: #666; display: block;}
.hr-about-page .hr-list-content-box .hr-about-list li a:hover{background: #008cd6; color: #fff;}
.hr-about-page .hr-list-content-box .hr-about-list li.current a{background: #008cd6; color: #fff;}
.hr-about-page .hr-about-p1,.hr-about-page .hr-about-p2,.hr-about-page .hr-about-p3,.hr-about-page .hr-about-p4{width: 760px; margin: auto; margin-top: 0px; font-size: 16px; margin-bottom: 50px;}

.hr-about-page h2.title{position:relative;text-align:center; color:#000;font-size:26px;line-height:50px; background:url(../images/dian.jpg) no-repeat center}
.hr-about-page h2.title span{ font-size:14px; text-transform:uppercase;}
.hr-about-page .text-df{margin-top: 70px;}
/*.hr-about-page .text-df.gallery-box{height: auto;}*/
.hr-about-page .text-df .imgbox{position: relative; width: 100%; display: block; overflow: hidden; height: 500px;}
.hr-about-page .text-df .imgbox li{position: absolute; width: 100%; height: auto;left: 0; top: 0; overflow: hidden;}
.hr-about-page .text-df .imgbox .data-gps{width: 100%; background: rgba(255,255,255,.8); text-align: center; position: relative; bottom: 33px;}
.hr-about-page .text-info{margin-top: 10px;}
.hr-about-page .text-info img{ width:100%;}
.fl{ float:left;}
.fr{ float:right;}
#Environment{ margin:50px 0px; overflow:hidden;}
#Environment li{ width:48%; margin:5px 0px; text-align:center;}
#Environment .imgs img{ width:100%; text-align:center;}
#Environment li .title{ padding:10px 0px; font-size:16px; line-height:30px;}
#Environment li .title span{ display:inline; padding-bottom:10px; font-weight:bold;}
#Environment li .con{ padding:10px 0px;font-size:14px;line-height:24px;}
#Environment .Mr0{ margin-right:0px;}

#culture{ margin:30px 0px; padding-bottom:50px; overflow:hidden; border-bottom:1px solid #e5e5e5;}
#culture li{ width:100%;margin:5px 0px; text-align:center;}
#culture .imgs img{ width:100%; text-align:center;}
#culture .num{ font-family:Arial, Helvetica, sans-serif; width:80px; line-height:80px; margin:0px auto; color:#222222; font-size:48px; border:3px solid #dddddd; border-radius:50% 50%;}
#culture .num:hover{width:80px; line-height:80px; margin:0px auto; color:#222222; font-size:48px; border:3px solid #dddddd; border-radius:50% 50%; background:#ffcc33;}
#culture li .title{ padding:10px 0px; font-size:16px; line-height:30px;}
#culture li .title span{ display:inline; padding-bottom:10px; font-weight:bold;}
#culture li .con{ padding:10px 0px;font-size:14px;line-height:24px;}
#culture .Mr0{ margin-right:0px;}

#partner .infos { margin-bottom:40px; padding:40px 0px; line-height:35px; border-bottom:1px solid #e5e5e5;}
#partner li{ width:48%; border:1px solid #e4e4e4; margin:10px 0px; overflow:hidden}
#partner .imgs{text-align:center;}
#partner .imgs img{ width:100%;}
#partner li .title{ padding:20px 0px; color:#ba8233; font-size:20px; font-weight:bold; line-height:30px;}
#partner li .title span{ display:inline; padding-bottom:10px; padding-right:15px; border-bottom:1px solid #b28850;}
#partner li .con{width:40%; padding:50px 50px;font-size:14px;line-height:24px;}

#newslist{padding:40px 0px;}
#newslist ul li{ width:100%; padding:0px; margin-bottom:40px; font-size:16px; padding-bottom:20px; border-bottom:1px solid #e8e8e8;line-height:40px}
#newslist ul li .imgs{width:100%; overflow:hidden}
#newslist ul li img{ width:100%;}
#newslist ul li span{float:right;font-size:9pt;color:#666666; font-weight:normal;}
#newslist ul li a{color:#ba8233;}
#newslist ul li .desc{ font-size:12px; color:#666666; line-height:24px;}
#newslist ul .title{line-height:45px;font-weight:bold;}
.news-title{padding: 40px; padding-bottom: 20px; text-align: center;}
.news-title h2{font-size: 24px; color: #333; padding-bottom: 10px;}

.productlist{margin:10PX auto}
.productlist li{margin:25px 0px; width:48%; text-align:center;background:#fff}
.productlist li img{width:100%;}
.productlist li h3{font-size:16px; text-align:center;line-height:20px; height:40px;}
.productlist .Mr0{ margin-right:0px; border-right:0px dotted #e5747c;}
.productlist .product_mqueen_pic{position:relative; overflow:hidden;border:1px solid #eeeeee;}
.productlist .product_mqueen_pic img{width:100%;transition: all 0.6s;}
.productlist .product_mqueen_pic:hover img {transform: scale(1.1, 1.1);}
.productlist .p_2{ text-align:center; font-size:18px; color:#ba8233; line-height:50px;}
.productlist .p_2 span{ width:40px; margin:0PX auto; height:2px; display:block; text-align:center; border-bottom:2px solid #ba8233;}
.productlist .p_3{ font-size:14px; color:#777777; line-height:50px;}
.productlist .product_mqueen_pic:hover{ border-bottom:1px solid #ba8233;}
.productlist .product_mqueen_pic .zhao{ position:absolute; top:0px; left:0px; height:100%; width:375px; -webkit-transition-property: background-color;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;}	
.productlist .product_mqueen_pic:hover .zhao{ background:rgba(0,0,0,0.2)}


.hr-about-page .hr-about-p1 .text-df .text-two-u{width: 100%; height: auto; margin-top: 15px; margin-left: 20px;}
.hr-about-page .hr-about-p1 .text-df .text-two-u li{width: 100%; text-align: left; position: relative; padding-left: 20px; padding-bottom: 12px;}
.hr-about-page .hr-about-p1 .text-df .text-two-u li .text-two-ico,.hr-about-page .hr-about-p2 .text-df  li .text-two-ico{background: url(../images/hr-about-ico.jpg);  background-size: 14px 14px; height: 14px; width: 14px; display: inline-block; position: absolute; top: 0; left: 0; overflow: hidden; z-index: 3;}
.hr-about-page .hr-about-p1 .text-df .text-two-u li:before,.hr-about-page .hr-about-p2 .text-df ul li:before{width: 2px; background: #008cd6; content: ''; height: 100%; display: block; margin-left: 6px; position: absolute; top: 0; left: 0;}
.hr-about-page .hr-about-p2 .text-df ul li:last-child:before{display: none;}
.hr-about-page .hr-about-p1 .text-df .text-two-u li p{display: inline-block; position: relative; bottom: 7px;}
.hr-about-page .hr-about-p1 .text-df .text-h3{display: inline-block; line-height: 1em; margin-bottom: 10px;}
.hr-about-page .hr-about-p1 .text-thr-u li{width: 100%; position: relative; display: inline-block; margin-bottom: .5em;}
.hr-about-page .hr-about-p1 .text-thr-u li h3{float: left;}
.hr-about-page .hr-about-p1 .text-thr-u li p{margin-left: 1.7em; position: relative; }
.hr-about-page .hr-about-p1 .text-thr-u .text-fff{margin-left: 2.7em; line-height: 2em;}
.hr-about-page .hr-about-p2 ul{margin-top: 20px; margin-left: 20px;}
.hr-about-page .hr-about-p2 ul li{text-align: left; position: relative; padding-left: 20px; padding-bottom: 12px;}
.hr-about-page .hr-about-p2 ul li h3,.hr-about-page .hr-about-p2 ul li p{display: inline-block; position: relative; bottom: 7px;}
.hr-about-page .hr-about-p3 ul{width: 100%; margin-top: 10px; display: inline-block;}
.hr-about-page .hr-about-p3 ul li{width: 22%; float: left; text-align: center; margin-right: 3%; color: #fff; margin-bottom: 20px;}
.hr-about-page .hr-about-p3 ul li .text-p3-a1{height: 45px; line-height: 45px; background: #5cb5e5; border-radius: 8px;}
.hr-about-page .hr-about-p3 ul li .text-p3-a2{height: 45px; line-height: 45px; background: #f89a21; border-radius: 8px;}
.hr-about-page .hr-about-p4 img{margin-bottom: 5px;}
.hr-about-page .hr-about-p4 h2{margin-bottom: 0px;}
.hr-about-page .hr-about-p4 .text-img img{float: left;}
.hr-about-page .hr-about-p4 h3{margin-top: 15px; margin-bottom: 10px;}
.hr-about-page .hr-about-p4 ul li{display: none;}
.hr-about-page .hr-about-p4 .imgbtn{text-align: center; width: 100%; line-height: 1em; font-size: 1em; position: relative;}
.hr-about-page .hr-about-p4 .imgbtn a{width: 8px; height: 8px; display: inline-block; margin: 0 .5em; background: #ccc; border-radius: 50%; overflow: hidden; transition: background .3s ease;}
.hr-about-page .hr-about-p4 .imgbtn a:hover,.hr-about-page .hr-about-p4 .imgbtn a.current{background: #008cd6;}
.hr-about-page .hr-about-p4 p{font-size: 16px; margin-bottom: 10px;}



@media print, only screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-resolution: 144dpi), screen and (min-resolution: 144dppx) {
    .hr-main{background-image: url(../images/hr2017-campus-bg-x2.jpg?v=2);}
    .hr-list .hr-clist-high, .hr-list .hr-list-high{background-image:  url(../images/hr2017-clist-high-bg-x2.jpg?v=2);}
    .hr-about-page .hr-list-high{background-image: url(../images/hr-about-high-bg-x2.jpg);}
    .hr-about-page .hr-about-p1 .text-df .text-two-u li .text-two-ico,.hr-about-page .hr-about-p2 .text-df  li .text-two-ico{background-image: url(../images/hr-about-ico-x2.jpg);}

}