@font-face{font-family:yotujob;src: url(../webfonts/yotujob.ttf)}
table{font-size:14px;color:#757575;}
*{margin:0;padding:0;font-family:Microsoft yahei;-webkit-box-sizing:border-box;box-sizing:border-box;}.a{text-decoration:none;}.a:hover{color:#2196F3}.a2{text-decoration:none;}.a2:hover .r-chev:after {border-left: 13px solid #eceff1}.a2:hover .r-chevs:after {border-left: 10px solid #eceff1}.add-ul{background-color:#003056;padding:8px 0;margin:-1px 0 0 -47px;display:none;-webkit-box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2)}.add-li-a{text-decoration:none;color:rgba(255,255,255,0.6);padding:8px 8px;display:block;}.add-li-a:hover{color:white;background-color:rgba(255,255,255,0.2);}.p-active {list-style:none;position:relative;float:left;height:34px;padding:0 16px;line-height:36px;margin-left:-1px;cursor:pointer;color:#212121;}.p-active:hover {border:1px solid #2196f3;color:#2196f3;z-index:1;}.p-active-selected {list-style:none;float:left;height:34px;padding:0 16px;line-height:36px;border:1px solid #2196f3;margin:0;cursor:pointer;background-color:#2196f3;color:white;z-index:1;}
.badge{background-color:#FF0101;color:white;padding:0 5px;line-height:18px;border-radius:9px;float:left;font-size:13px;margin:-46px 0 0 30px;position:absolute;-webkit-box-shadow: 0 0 6px rgba(188,17,31,0.6);box-shadow: 0 0 6px rgba(188,17,31,0.6);}.bg06{background:rgba(236,239,241,0.6);}.bg-toa{background-color:#323232;}.bg-db{background-color:#104773}.bg-r{background-color:#FF0101;}.bg50{background-color:#90CAF9;}.bg75{background-color:#59b0f6;}.bg-pop{background-color:rgba(0,0,0,0.3);}.bgok,.bg-gr{background-color:#00A388;}.bg9e{background-color:#9e9e9e;}.bgcc{background-color:#ccc;}.bg-ec{background-color:#ECEFF1;}.bg-e3{background-color: #e3f2fd;}.bg-f7{background:#f7f7f7;}.bg-yl{background-color:#F6CE62;}.bg-w{background-color:white;}.bg-b{background-color:#2196f3;}.bg-f2{background-color:#f2f2f2;}.bg-x{background-color: #f7f9f9;}.bd1-c{border:1px solid #ccc;}.bd1-gr{border:1px solid #00A388;}.bd1-d-r{border:1px dashed red;}.bd2-d{border:2px dashed #ddd;}.bdl5{border-left:5px solid #2196f3;}.bdrs2{border-radius: 2px;}.bdrs16{border-radius: 16px;}.bdrs12{border-radius: 12px;}.bdcl{border-collapse:collapse;}.bd3side{border:1px solid #2196f3; border-bottom:1px solid #f7f7f7; border-radius:2px 2px 0 0}.bdt-r2{border-radius:2px 2px 0 0}.bdb1{border-bottom: 1px solid #e0e0e0;}.bdb1-d{border-bottom:1px dashed #9e9e9e;}.bdb3-b{border-bottom:3px solid #2196f3;}.bdt1{border-top:1px solid #e9e9e9;}.bdt1-b{border-top:1px solid #2196f3;}.bdt1-d{border-top:1px dashed #e0e0e0;}.bdt12{border-top:12px solid #eceff1;}.bdl1{border-left:1px solid #e0e0e0;}.bd-3{border-top:1px solid rgba(0,0,0,0.15);border-left:1px solid rgba(0,0,0,0.15);border-right:1px solid rgba(0,0,0,0.15);margin-left:-1px;}.bold{font-weight:bold;}.bd1-e0{border:1px solid #e0e0e0;}.bdr1{border-right:1px solid #e0e0e0;}.bd1-b{border:1px solid #2196f3;}.bdt3-b{border-top:3px solid #2196f3;border-left:1px solid #e0e0e0;border-right:1px solid #E0E0E0;border-bottom:1px solid #fff;color:#2196f3}.bdt3b{border-top:3px solid #2196f3;}.bxsh0-2-5{-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.26);box-shadow:0 2px 5px rgba(0,0,0,0.26)}.bg-tr{background-color:rgba(0,0,0,0);}.bg-hdr{background-color:#003056;}.backtoTop{font-family:yotujob;font-size:32px;color:#2196f3;position: fixed;bottom: 40px;right:40px;padding:12px;background-color:#fff;border-radius:30px;cursor:pointer;-webkit-box-shadow:0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.4);box-shadow:0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.4); -webkit-transition:opacity 0.2s ease-out; transition:opacity 0.2s ease-out;opacity:0;}.backtoTop:hover{background-color: #2196f3;color: #fff;}body{position:relative;min-height:100%;}
.c1{color:#212121;}.c2{color:#757575;}.c3{color:#9e9e9e;}.cb{color:#2196F3;}.c-c{color:#ccc;}.c-d{color:#DDDDDD;}.c-gr{color:#00A388;}.cw{color:white;}.cw06{color:rgba(255,255,255,0.6)}.cw06:hover{color:#fff;background-color:rgba(255,255,255,0.2);}.ce0{color:#e0e0e0}.c3e{color:#3e5d7c}.ca7{color:#A7CCF2}.c-yl,.cf6{color:#F6CE62;}.red{color:red;}.c-sta{color:#FFB03B;}.clear{clear:both;}.cu-n{cursor:not-allowed;}.cu-de{cursor:default}.cu-po{cursor:pointer}.content{width: 1200px;margin:auto; margin-top:30px;padding-bottom:180px;position:relative;}.cen-1200{width:1200px;margin:auto;position:relative;}.card-header{background-color:#f2f2f2;color:#3e5d7c;padding:8px 16px;font-size:15px;border-bottom:1px solid #e0e0e0;}.cv-preview{padding:48px 8px 16px 8px;top:4px;height:98vh;margin-left:-228px;}.card1,.btn-paper {background-color:#fff;-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);box-shadow:0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);border-radius:2px;}.card1-nbg{-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);box-shadow:0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);border-radius:2px; }.card2{background-color:#fff;-webkit-box-shadow:0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28);box-shadow:0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28);border-radius:2px; }.card2-nbg{-webkit-box-shadow:0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28);box-shadow:0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28);border-radius:2px; }.card5{-webkit-box-shadow:0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.4);box-shadow:0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.4);background-color:white;;border-radius:2px; }.card5-nbg{-webkit-box-shadow:0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.4);box-shadow:0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.4);border-radius:2px;}.child-filter>span{margin-left: 32px;cursor: pointer;}.child-filter>span:hover{color:#2196f3;}
.d-b{display:block;}.d-ib{display:inline-block;}.drop-li{height:30px;line-height:30px;list-style:none;font-size:13px;padding:0 10px;color:#212121;}.drop-li:hover{color:white;background-color:#2196f3;}.d-dash:before{content: "";position: absolute;z-index: 0;margin-top:15px;height: 2px;width:440px;border-top:1px dashed #e0e0e0;}#dropmenu{margin:-30px 0 0 -8px;padding:32px 0 8px 0; -webkit-transform-origin: 12px 12px; transform-origin: 12px 12px;z-index:49;}
.fl{float:left;}.fx-center{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;}.fr{float:right;}.f14{font-size:14px;}.f15{font-size:15px;}.f16{font-size: 16px;}.f48{font-size:48px;}.f20{font-size:20px;}.f24{font-size:24px;}.f32{font-size:32px;}.f96{font-size:120px;}.filter-tab{text-align:center;color:#212121;float:left;width:86px;padding:16px 0;margin-left:-1px;cursor:pointer;}.filter-add{cursor:pointer;}.filter-cancel{cursor:pointer;}.f80{font-size:80px;}.f12{font-size:12px;}.f13{font-size:13px;}.f18{font-size:18px;}.f64{font-size:64px;}.fw-n{font-weight:normal;}.footer{bottom:0;padding:10px 0;width:100%;text-align:center;font-size:12px;color:#999;line-height:18px;background-color: #424242;position:absolute;border-top:1px solid #222;}
.h400{height:400px;}.h70v{height:70vh;}.h120{height:120px;}.h64{height:64px;}.h48{height:48px;}.h36{height:36px;}.h332{height:332px;}.h172{height:172px;}.h40{height:40px;}.h32{height:32px;}.h30{height:30px;}.h240{height:240px;}.h150{height:150px;}.h54{height:54px;}.h100p{height:100%;}.hidden{display:none;}.ho-showx:hover .ic{display:block;}.ho-n-ec:hover+tr{background-color:#eceff1;}.ho-cr:hover{color:red;}.ho-bd-b:hover{border:1px solid #2196f3;}.ho-bdl td:first-child{border-left:3px solid transparent;}.ho-bdl:hover td:first-child{border-left:3px solid #2196f3;}.ho-sh:hover,.btn-paper:hover{-webkit-box-shadow:0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.4);box-shadow:0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.4)}.ho-sh1:hover{-webkit-box-shadow:0 0 2px rgba(0,0,0,0.5);box-shadow:0 0 2px rgba(0,0,0,0.5)}.ho-sh2:hover{-webkit-box-shadow: 0 3px 8px 0 rgba(0,0,0,0.2),0 0 0 1px rgba(0,0,0,0.08);box-shadow:0 3px 8px 0 rgba(0,0,0,0.2),0 0 0 1px rgba(0,0,0,0.08);}.ho-red:hover{background-color:red;color:white;}.ho-cb:hover{color:#2196f3}.ho-bd:hover{border:1px solid #ccc;}.ho-f5:hover{background-color:#f5f5f5;}.ho-blue:hover,.btn-paper:hover{color:white;background-color:#2196F3;}.ho-ec:hover{background-color:#eceff1;}.ho-1f:hover{background-color:#1f85d6;color:white;}.ho-u:hover{text-decoration:underline;}.header{width:100%;height:52px;background-color:#003056;z-index:99;position: relative;}.h-contain{width:1200px;margin:auto;}.ho-bdb:hover{border-bottom:4px solid #2196f3;}.ho-bg6:hover{background-color:#666;}.ho-cfm:hover .d-ib{-webkit-transform:scale(1.8);transform:scale(1.8);}.ho-op1:hover{opacity:1}
.ic{font-family:yotujob;}.ic-alertbg{position:absolute;width:18px;height:18px;background-color:white;border-radius:12px;margin:3px 0 0 3px;}html{height:100%;}
.l188{left:188px;}.l180{left:180px;}.lh40{line-height:40px;}.lh64{line-height:64px;}.lh15{line-height: 1.5}.lh24{line-height:24px;}.lh-n{line-height:normal;}.lh36{line-height:36px;}.lh46{line-height:46px;}.lh30{line-height:30px;}.li-no{list-style:none;}.l-chev:before{content:'';display:block;position:absolute;width: 0;height: 0;border-top:8px solid rgba(0,0,0,0);border-right:8px solid #f2f2f2;border-bottom:8px solid rgba(0,0,0,0);border-left:8px solid rgba(0,0,0,0);margin:2px 0 0 -23px;}	.logo{height:inherit;line-height:54px;color:rgba(255,255,255,0.6);}.l50p{left:50%;}.label input {position:absolute;top:-1000px;}.loading {height:100%;width:100%;position:fixed;background-color:rgba(255,255,255,0.6);top:0;z-index:100;}.loading div{display:inline-block;width:80px;height:80px;background-image:url(../images/loading.svg);text-align:center;position:fixed;left:50%;top:50%;margin:-80px 0 0 -40px;z-index:999;}.loading img{width:52px;/*width:120px;*/margin-top:15px;}.l-dot:before{content:'';display: block;position: absolute;width: 9px;height: 9px; border-radius:5px; background-color:#ccc;margin:12px 0 0 -21px;}
.ml-16{margin-left:-16px;}.ml-6{margin-left:-6px;}.ml-120{margin-left:-120px;}.ml-212{margin-left:-212px;}.ml-434{margin-left:-434px;}.ml14{margin-left:14px;}.m-a{margin:auto;}.ml-58{margin-left:-58px;}.mt10{margin-top:10px;}.mt12{margin-top:12px;}.mt80{margin-top:80px;}.mt-6{margin-top:-6px;}.ml140{margin-left:140px;}.ml64{margin-left:64px;}.mt-1{margin-top:-1px;}.ml12{margin-left:12px;}.mt4{margin-top:4px;}.mt5{margin-top:5px;}.mt8{margin-top:8px;}.mt16{margin-top:16px;}.mt24{margin-top:24px;}.mt36{margin-top:36px;}.mt48{margin-top:48px;}.mt-200{margin-top:-200px;}.ml40{margin-left:40px;}.ml48{margin-left: 48px;}.ml32{margin-left:32px;}.ml24{margin-left:24px;}.ml8{margin-left:8px;}.ml192{margin-left:192px;}.ml16{margin-left:16px;}.ml83{margin-left:83px;}.ml56{margin-left:56px;}.mb8{margin-bottom:8px;}.mb16{margin-bottom:16px;}.mb24{margin-bottom:24px;}.mb48{margin-bottom:48px;}.mt-212{margin-top:-213px;}.mr4{margin-right:4px;}.mr16{margin-right:16px;}.mr40{margin-right:40px;}.mr24{margin-right:24px;}.m0-24{margin:24px 0;}.mt-160{margin-top:-160px;}.mt-64{margin-top:-64px;}.ml-5{margin-left:-5px;}.ml264{margin-left:264px;}.ml-40{margin-left:-40px;}.ml-410{margin-left:-410px;}.mt7{margin-top:7px;}.ml578{margin-left:578px;}.ml208{margin-left:208px;}.ml-1{margin-left:-1px;}.ml4{margin-left:4px;}.mt52{margin-top:52px;}.m4-16{margin:4px 16px;}.m4-0016{margin:4px 0 4px 16px;}.mr-8{margin-right:-8px;}.m0-4{margin:0 4px;}.mt-5{margin-top:-6px;}.mt1{margin-top:2px;}.ml-20{margin-left:-20px;}.mw560{max-width:560px;}.mw176{max-width:176px;}.mt-32{margin-top:-32px;}.mh168{max-height:168px;}.mh240{max-height:240px;}.mw196{max-width:196px;}.mt-12{margin-top:-12px;}.mt-24{margin-top: -24px;}
.nav-up{top:-58px;}.nav-a,.nav-add-shortcut{text-decoration:none;display:block;height:52px;color:rgba(255,255,255,0.6);text-align:center;padding-top:7px;}.nav-a:hover,.nav-add-shortcut:hover{color:white;background-color:rgba(255,255,255,0.2);}.nav-a-selected{color:#003056;background-color:#ECEFF1;}.nav-a-selected:hover{color:#003056;background-color:#ECEFF1;}.note{position:absolute;z-index:99;background-color:#fff;padding:8px 16px;cursor:default;border-radius:2px; font-size:13px;line-height:22px;margin-top:8px;-webkit-box-shadow:0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.4);box-shadow:0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.4)}.note:before{content:'';display:block;position:absolute;width:0;height:0;border-top:0 solid rgba(0,0,0,0);border-right:16px solid rgba(0,0,0,0);border-bottom:16px solid rgba(255,255,255,1);border-left:16px solid rgba(0,0,0,0);top:-8px;left:0; }.note:after{content:'';display:block;position:absolute;width:72px;height:24px;top:-24px;left:0;}.cv-link .note::before{pointer-events: none;}.cv-link .note::after{pointer-events: none;}
.ov-a{overflow:auto;}.ov-h{overflow:hidden;}.ovx-a{overflow-x:auto;}.op1{opacity:1;}.op06{opacity:0.6;}.ov-y{overflow-y:scroll}.op0{opacity:0;}.ovy-a{overflow-y:auto;}.ol{display: inline-block;white-space:nowrap;overflow:hidden; text-overflow:ellipsis;vertical-align:bottom;}.op1{opacity:1;}
.p80816{padding:8px 0 8px 16px;}.p2-4{padding:2px 4px;}.p24-16{padding:24px 16px;}.p9-0-59{padding:9px 0 59px 0;}.p0-16{padding:0 16px;}.p24{padding:24px;}.pr0{padding-right:0;}.p0-4{padding:0 4px;}.pr4{padding-right:4px;}.p16-888{padding:16px 8px 8px 8px;}.p1412{padding:14px 12px;}.pl4{padding-left:4px;}.pl16{padding-left:16px;}.pl24{padding-left:24px;}.p816{padding:8px 16px;}.pl48{padding-left:48px;}.p160{padding:16px 0;}.p4-16{padding:4px 16px;}.pl8{padding-left:8px;}.pr8{padding-right:8px;}.pr16{padding-right:16px;}.pr24{padding-right:24px;}.p4{padding: 4px;}.pt1{padding-top:1px;}.pt16{padding-top:16px;}.pt4{padding-top: 4px;}.pt48{padding-top:48px;}.p1016{padding:10px 16px;}.pb8{padding-bottom:8px;}.pb12{padding-bottom:12px;}.pb16{padding-bottom:16px;}.pb24{padding-bottom:24px;}.pb40{padding-bottom:40px;}.pb48{padding-bottom:48px;}.pt8{padding-top:8px;}.p4-088{padding:4px 0 8px 8px;}.p1232{padding:12px 32px;}.p16-24{padding:16px 24px;}.p16-50{padding:16px 50px;}.p8{padding:8px;}.p40-0{padding:40px 0;}.p5-48{padding:5px 48px;}.p0-10{padding:0 10px;}.p4-8{padding:4px 8px;}.p4-0{padding:4px 0;}.p3-4{padding:3px 4px;}.p0-24{padding:0 24px;}.pr30{padding-right:30px;}.pl30{padding-left:30px;}.p13-0{padding:13px 0;}.p8-0{padding:8px 0;}.p16{padding: 16px;}.p16012{padding:16px 0 12px;}.pre-p:after{content:'';display:block;position:absolute;width:0;height:0;border-top:24px solid rgba(0,0,0,0);border-right:24px solid #eceff1;border-bottom:24px solid rgba(0,0,0,0);border-left:12px solid rgba(0,0,0,0);margin:-33px 0 0 81px;z-index:101;}.po-f{position:fixed;}.po-a{position:absolute;}.po-r{position:relative;}.po-s{position:static;}.pre-p:before{content:'';display:block;position:absolute;width:0;height:0;border-top:24px solid rgba(0,0,0,0);border-right:24px solid #ccc;border-bottom:24px solid rgba(0,0,0,0);border-left:12px solid rgba(0,0,0,0);margin:-33px 0 0 79px;z-index:100;}.pline:before{content:'';display: block;position: absolute;width:376px;border-top:1px dashed #e0e0e0;margin:46px 0 0 8px;z-index: 0;}.page-a-tag {text-decoration:none; color:#212121;}.page-a-tag-selected {text-decoration:none;color:white;}       
.pi-chev{display:block;position:absolute;margin:-40px 0 0 -24px;}.pi-chev:before{content:'';display: block;height: 0px;position: absolute;width: 0px;border-top: 20px solid rgba(0, 0, 0, 0);border-right: 15px solid rgba(0, 0, 0, 0);border-bottom: 20px solid rgba(0, 0, 0, 0);border-left: 12px solid #ccc;}.pi-chev:after{content:''; display: block;height: 0px;position: absolute;text-align: center;width: 0px;border-top: 20px solid rgba(0, 0, 0, 0);border-right: 10px solid rgba(0, 0, 0, 0);border-bottom: 20px solid rgba(0, 0, 0, 0);border-left: 10px solid #ECEFF1;}.pi-chev1{display:block;position:absolute;margin:-40px 0 0 -24px;}.pi-chev1:before{content:'';display: block;height: 0px;position: absolute;width: 0px;border-top: 20px solid rgba(0, 0, 0, 0);border-right: 15px solid rgba(0, 0, 0, 0);border-bottom: 20px solid rgba(0, 0, 0, 0);border-left: 12px solid #ccc;}.pi-chev1:after{content:''; display: block;height: 0px;position: absolute;text-align: center;width: 0px;border-top: 20px solid rgba(0, 0, 0, 0);border-right: 10px solid rgba(0, 0, 0, 0);border-bottom: 20px solid rgba(0, 0, 0, 0);border-left: 10px solid white;}
.r90{ -webkit-transform:rotate(90deg); transform:rotate(90deg)}.r180{-webkit-transform:rotate(180deg);transform:rotate(180deg);}.r-dl:after{content:'';display:inline;width:100%; border-top:1px dashed #ccc;position:absolute;top:12px}.r-dot:after{content:'';display: block;position: absolute;width: 12px;height: 12px; border-radius:6px; background-color: #ccc;margin-left:142px;margin-top:-45px;}.r-60{right:-60px;}.r-chev {display: block;height: 0px;position: absolute;text-align: center;width: 0px;margin:-87px 0 0 95px;z-index: 98;border: 0px none rgb(255, 255, 255);}.r-chev:after {content:''; display: block;height: 0px;position: absolute;text-align: center;width: 0px;border-top: 47px solid rgba(0, 0, 0, 0);border-right: 10px solid rgba(0, 0, 0, 0);border-bottom: 47px solid rgba(0, 0, 0, 0);border-left: 13px solid rgb(255, 255, 255);}.r-chev:before {content:'';display: block;height: 0px;position: absolute;text-align: center;width: 0px;border-top: 47px solid rgba(0, 0, 0, 0);border-right: 15px solid rgba(0, 0, 0, 0);border-bottom: 47px solid rgba(0, 0, 0, 0);border-left: 15px solid #e0e0e0;}.r-chevs{position:absolute;margin:-57px 0 0 26px;}.r-chevs:after{content:''; display: block;height: 0px;position: absolute;text-align: center;width: 0px;border-top: 33px solid rgba(0, 0, 0, 0);border-right: 10px solid rgba(0, 0, 0, 0);border-bottom: 33px solid rgba(0, 0, 0, 0);border-left: 10px solid rgb(255, 255, 255);}.r-chevs:before {content:'';display: block;height: 0px;position: absolute;text-align: center;width: 0px;border-top: 33px solid rgba(0, 0, 0, 0);border-right: 15px solid rgba(0, 0, 0, 0);border-bottom: 33px solid rgba(0, 0, 0, 0);border-left: 12px solid #e0e0e0;}
.show{display:block;}.sc0{-webkit-transform:scale(0,0);transform:scale(0,0)}
.ta-r{text-align:right;}.ta-l{text-align:left;}.ta-c{text-align:center;}.va-t{vertical-align:top;}.va-1{vertical-align:-1px;}.va-m{vertical-align:middle;}.va-2{vertical-align:-2px;}.td-l{text-decoration:line-through;}.td-u{text-decoration:underline;}.trans{-webkit-transition:all ease-in-out 0.15s;transition:all ease-in-out 0.15s;}.tag-search{margin-left:8px;padding:2px 4px;float:left;border:1px solid #e0e0e0; border-radius:2px;cursor:pointer;position:relative;}.tag-search:hover{border:1px solid red;}.tag-search:hover .ic{color:red;}.t0{top:0;}.t-8{top:-8px;}.r-8{right:-8px;}.trans1{-webkit-transition:all 1s ease-in-out;transition:all 1s ease-in-out;}.tl-container{position:relative;}.tl-container::before{content:'';display: block;width: 1px;height:100%;border-left:1px solid #ccc;position: absolute;left:14px;}.tl-ic{font-family:yotujob;font-size:24px;height:32px;width:32px;background-color:#9e9e9e;border-radius:16px;line-height:32px;text-align:center;color:white;position: relative;z-index: 20;}.tl-ldot{width:11px;height:11px;background-color:#ccc;border-radius:12px;margin:8px 0 0 9px;position:relative;z-index:50;}.t50p{top:50%;}
.up1{border-color: transparent;border-bottom-color: #fff;    border-style: dashed dashed solid;border-width: 0 8.5px 8.5px;position: absolute;left: 32px;top: 21px;z-index: 202;height: 0;width: 0;}.up1:before{content:'';width: 120px;height: 40px;display: block;background-color:transparent;margin:-30px 0 0 -80px;}.up2{border-color: transparent;border-style: dashed dashed solid;border-width: 0 8.5px 8.5px;position: absolute;left: 32px;z-index: 201;height: 0;width: 0;border-bottom-color:#CCCCCC;top: 20px;}	
.w1{width:1px}.w32{width:32px}.w48{width:48px}.w40{width:40px}.w44{width:44px}.w52{width:52px}.w54{width:54px}.w56{width:56px}.w60{width:60px}.w66{width:66px}.w72{width:72px}.w76{width:76px}.w80{width:80px}.w86{width:86px}.w90{width:90px}.w94{width:94px}.w96{width:96px}.w100p{width:100%}.w102{width:102px}.w104{width:104px}.w108{width:108px}.w109{width:109px}.w121{width:121px}.w112{width:112px}.w117{width:117px}.w120{width:120px}.w136{width:136px}.w150{width:150px}.w154{width:154px}.w160{width:160px}.w178{width:178px}.w184{width:184px}.w186{width:186px}.w192{width:192px}.w196{width:196px}.w200{width:200px}.w220{width:220px}.w240{width:240px}.w262{width:262px}.w280{width:280px}.w300{width:300px}.w320{width:320px}.w360{width:360px}.w424{width:424px}.w524{width:524px}.w588{width:588px}.w664{width:664px}.w700{width:700px}.w820{width:820px}.w868{width:868px}.w928{width:928px}.w968{width:968px}.w1024{width:1024px}.w1152{width:1152px}.w1200{width:1200px;}
.z2{z-index:2;}.z-1{z-index:-1;}.z50{z-index:50;}.z99{z-index:99;}.z200{z-index:200;}.z150{z-index:150;}.z9999{z-index:9999;}.wh-pw{white-space:pre-wrap}.wh-nw{white-space:nowrap}
/*------------Checkbox--*/
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
  position: relative;
  padding-left: 25px;
  cursor: pointer;
}

/* checkbox aspect */
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
  content: '';
  font-family:yotujob;
  position: absolute;
  left:0; top:1px;
  font-size:20px;
  color:#ccc;
}
[type="checkbox"]:not(:checked):hover + label:before {
  color:#2196f3;
}
/* checked mark aspect */
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
  content: '';
  font-family:yotujob;
  position: absolute;
  top:1px; left: 0;
  font-size: 20px;
  color: #2196F3;
  -webkit-transition: all .2s;
  transition: all .2s;
}
/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}
[type="checkbox"]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
	color:#9e9e9e;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #bbb;
}
[type="checkbox"]:disabled:checked + label:after {
  color: #999;
}
[type="checkbox"]:disabled + label {
  color: #aaa;
}
[type="text"],textarea,[type="password"],[type="number"] {color:#212121;border:1px solid #d9d9d9;font-size:14px;}
input:-webkit-autofill {
   background-color:white;border:1px solid #d9d9d9;
}
[type="text"]:hover,textarea:hover,[type="password"]:hover,[type="number"]:hover {border-color:#a0a0a0;}
[type="text"]:focus,textarea:focus,[type="password"]:focus,[type="number"]:focus {border-color:#2196F3; outline:none;}
/*账号设置*/
.switch {
  position: relative;
  display: inline-block;
  width: 46px;
  height: 20px;
}

.switch input {position: absolute;left: -9999px;}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .15s;
  transition: .15s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .15s;
  transition: .15s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  -webkit-box-shadow: 0 0 1px #2196F3;
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  transform: translateX(26px);
}

.slider.round {
  border-radius: 24px;
}

.slider.round:before {
  border-radius: 50%;
}
/*--首页饼图--*/
.progress-pie-chart {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background-color: #E5E5E5;
  position: relative;
}
.progress-pie-chart.gt-50 {
  background-color: #2196F3;
}

.ppc-progress {
  content: "";
  position: absolute;
  border-radius: 50%;
  left: calc(50% - 100px);
  top: calc(50% - 100px);
  width: 200px;
  height: 200px;
  clip: rect(0, 200px, 200px, 100px);
}
.ppc-progress .ppc-progress-fill {
  content: "";
  position: absolute;
  border-radius: 50%;
  left: calc(50% - 100px);
  top: calc(50% - 100px);
  width: 200px;
  height: 200px;
  clip: rect(0, 100px, 200px, 0);
  background: #2196F3;
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg);
}
.gt-50 .ppc-progress {
  clip: rect(0, 100px, 200px, 0);
}
.gt-50 .ppc-progress .ppc-progress-fill {
  clip: rect(0, 200px, 200px, 100px);
  background: #E5E5E5;
}
.ppc-percents {
  content: "";
  position: absolute;
  border-radius: 50%;
  left: calc(50% - 173.91304px/2);
  top: calc(50% - 173.91304px/2);
  width: 173.91304px;
  height: 173.91304px;
  background: #fff;
  text-align: center;
  display: table;
}
.ppc-percents span {
  display: block;
  font-size: 2.6em;
  font-weight: bold;
  color: #2196F3;
}
.pcc-percents-wrapper {
  display: table-cell;
  vertical-align: middle;
}
/*--radio check--*/
[type="radio"]:not(:checked),
[type="radio"]:checked {
  position: absolute;
  left: -9999px;
}
[type="radio"]:not(:checked) + label,
[type="radio"]:checked + label {
  position: relative;
  padding-left: 25px;
  cursor: pointer;
}

/* radio aspect */
[type="radio"]:not(:checked) + label:before,
[type="radio"]:checked + label:before {
  content: '';
  font-family:yotujob;
  position: absolute;
  left:0; top: 0;
  font-size:18px;
  color:#ccc;
}
[type="radio"]:not(:checked):hover + label:before {
  color:#2196f3;
}
/* checked mark aspect */
[type="radio"]:not(:checked) + label:after,
[type="radio"]:checked + label:after {
  content: '';
  font-family:yotujob;
  position: absolute;
  top: 0; left: 0;
  font-size: 18px;
  color: #2196F3;
  -webkit-transition: all .2s;
  transition: all .2s;
}
/* checked mark aspect changes */
[type="radio"]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}
[type="radio"]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
/* disabled radio */
[type="radio"]:disabled:not(:checked) + label:before,
[type="radio"]:disabled:checked + label:before {
	color:#9e9e9e;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #bbb;
}
[type="radio"]:disabled:checked + label:after {
  color: #999;
}
[type="radio"]:disabled + label {
  color: #aaa;
}.beforeSts {
}
/*BD备注三个符号样式*/
	.phone:after{
		content:'';
		font-family:yotujob;
		font-size:20px;
		padding: 4px;
		color:#00897b;
	}
	.phone:before{
		content: '电话';
		font-family:Microsoft yahei;
		font-size: 14px;
		display: block;
		opacity: 0;
		position: absolute;
		color:#fff;
		background-color:#323232;
		margin:24px 0 0 0;
		padding:4px 8px;
		border-radius:2px;
		-webkit-transition:all 0.15s;
		transition:all 0.15s;
		pointer-events: none;
	}
	.phone:hover:before{
		opacity: 1;
	}
	.visit:after{
		content:'';
		font-family:yotujob;
		font-size:20px;
		padding: 4px;
		color:#00897b;
	}
	.visit:before{
		content: '拜访';
		font-family:Microsoft yahei;
		font-size: 14px;
		display: block;
		opacity: 0;
		position: absolute;
		color:#fff;
		background-color:#323232;
		margin:24px 0 0 0;
		padding:4px 8px;
		border-radius:2px;
		-webkit-transition:all 0.15s;
		transition:all 0.15s;
		pointer-events: none;
	}
	.visit:hover:before{
		opacity: 1;
	}
	.other:after{
		content:'';
		font-family:yotujob;
		font-size:20px;
		padding: 4px;
		color:#00897b;
	}
	.other:before{
		content: '其它沟通方式';
		font-family:Microsoft yahei;
		font-size: 14px;
		display: block;
		opacity: 0;
		position: absolute;
		color:#fff;
		background-color:#323232;
		margin:24px 0 0 0;
		padding:4px 8px;
		border-radius:2px;
		-webkit-transition:all 0.15s;
		transition:all 0.15s;
		pointer-events: none;
	}
	.other:hover:before{
		opacity: 1;
	}
	.invalid:after{
		content:'';
		font-family:yotujob;
		font-size:20px;
		padding: 4px;
		color:#00897b;
	}
	.invalid:before{
		content: '无效沟通';
		font-family:Microsoft yahei;
		font-size: 14px;
		display: block;
		opacity: 0;
		position: absolute;
		color:#fff;
		background-color:#323232;
		margin:24px 0 0 0;
		padding:4px 8px;
		border-radius:2px;
		-webkit-transition:all 0.15s;
		transition:all 0.15s;
		pointer-events: none;
	}
	.invalid:hover:before{
		opacity: 1;
	}



/*new CSS styles------begin---新样式*/
body{background-color: #eceff1;}
.header{width:100%;height:52px;background-color:#003056;z-index:99;position: relative;}
.headerwrapper{width:1200px;margin:auto;}
.logo{height:inherit;line-height:54px;color:rgba(255,255,255,0.6);float:left;}
.nav-main {float: left;margin-left: 24px;}
.nav-main>li{list-style: none;width: 72px;float: left;font-size:14px;}
.nav-main>li div:first-child{font-family:yotujob;font-size: 20px;}
.nav-a,.nav-account{text-decoration:none;display:block;height:52px;color:rgba(255,255,255,0.6);text-align:center;padding-top:7px;}
.nav-a:hover{color:white;background-color:rgba(255,255,255,0.2);}
.nav-account:hover{background-color: #fff;color:#003056;}
.nav-a-selected{text-decoration:none;display:block;height:52px;text-align:center;padding-top:7px;color:#003056;background-color:#ECEFF1;}.nav-a-selected:hover{color:#003056;background-color:#ECEFF1;}
.nav-sub{float: right;}
.nav-sub>li{list-style: none;width: 56px;float: left;}
.add-ul{background-color:#003056;padding:8px 0;margin:-1px 0 0 -47px;display:none;-webkit-box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);font-size: 14px;width: 104px;}
.add-ul li{list-style: none;}
.drop-down:hover .drop-down-list{display: block;}
.main{width: 1200px;margin:auto; margin-top:30px;padding-bottom:180px;position:relative;}
.side-bar{float: left;width: 200px;}
.status-list,
.folder-list{
	background-color: #fff;
	-webkit-box-shadow:0 2px 2px 0 rgba(0, 0, 0, .05), 0 1px 4px 0 rgba(0, 0, 0, .08), 0 3px 1px -2px rgba(0, 0, 0, .2);
	box-shadow:0 2px 2px 0 rgba(0, 0, 0, .05), 0 1px 4px 0 rgba(0, 0, 0, .08), 0 3px 1px -2px rgba(0, 0, 0, .2);
	border-radius:2px;
	padding-bottom: 16px;
	margin-bottom:24px;
}
.content-filter,.content-results{
	-webkit-box-shadow:0 2px 2px 0 rgba(0, 0, 0, .05), 0 1px 4px 0 rgba(0, 0, 0, .08), 0 3px 1px -2px rgba(0, 0, 0, .2);
	box-shadow:0 2px 2px 0 rgba(0, 0, 0, .05), 0 1px 4px 0 rgba(0, 0, 0, .08), 0 3px 1px -2px rgba(0, 0, 0, .2);
	margin-top: 16px; font-size: 14px;background-color: #fff;
}
.status,
.folder{
	color:#212121;
	font-size: 14px; 
	padding:8px 16px;
	cursor: pointer;
}
.folder.cb {
	color: #2196f3;
}
.status:hover,
.folder:hover{
	color:#2196f3;
	background-color: #eceff1;
}
.status-selected,
.folder-selected{
	color:#2196f3;
	font-size: 14px; 
	padding:8px 16px;
	cursor: pointer;
	border-left: 5px solid #2196f3;
}
.content-r{
	float: left; width: 968px; margin-left: 32px;
}
.filters{background-color: #f2f2f2;color: #757575; padding:8px 16px;}
.filter-result{
	padding:8px 16px; margin-top: 8px; color: #212121;
}
.results-header{padding:10px 16px ; background-color: #fff;}
.results-table{
	color: #212121; border-collapse: collapse; text-align: left;
}
.table-header {
	color: #757575;height: 48px;font-size: 13px;
}

.table-row {
	border-top:1px solid #e0e0e0;height:64px;
}.table-row:hover{background-color: #eceff1;}

.table-footer {
	border-top: 1px solid #e0e0e0;height: 64px; color: #757575;text-align: right;
}

.button-add {
	text-decoration: none;float: left;font-size: 14px;padding: 8px 16px;color:#2196f3;cursor:pointer;position:relative;z-index: 50;-webkit-transition:all 0.15s;transition:all 0.15s;
}.button-add:hover{background-color:#2196f3;color:#fff;-webkit-box-shadow:0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.4);box-shadow:0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.4)}

.filter {
	display:inline-block;text-decoration: none;margin-left: 24px;cursor: pointer;
}
.sort {
	cursor: pointer;
}.sort:hover{color: #2196f3}

.ascend {
	font-family:yotujob;font-size:24px;position: absolute;margin:-5px 0 0 -20px;
}

.descend {
	font-family: yotujob;font-size: 24px;position: absolute;margin:2px 0 0 -20px;
}
.content {
	font-size:14px;
}

.pipeline-tabheader {
	line-height:36px;
	color:#757575;
	background-color: #eceff1;
	position: relative;
	z-index: 50;
	margin-top:16px;
}




.pipeline-tabcontent {
	
}

.content-l {
	width: 868px;float: left;
}

.side-bar-right {
	width: 300px;margin-left: 32px; float: left;
}

.search-btn {
	font-family: yotujob;
	font-size: 24px;
	background-color: #2196f3;
	color: white;
	cursor: pointer;
	padding: 8px;
	vertical-align:-1px;
	margin-left: -5px;
}
.search-btn:hover{background-color:#1f85d6}

.upload-btn {
	font-size: 14px;
	padding:8px 16px;
	color:#2196f3;
	cursor: pointer;
	-webkit-transition: all 0.15s;
	transition: all 0.15s;
}

.list-results-table {
	font-size: 14px;
	border-collapse: collapse;
	text-align: left;
}
.bd3side-down{
	border-left:1px solid #2196f3;
	border-right:1px solid #2196f3;
	border-bottom:1px solid #2196f3;}
.invalid-list-mark{
	position: relative;
	}
.invalid-list-mark::before{
	content:'失效';
	position:absolute;
	color:red;
	font-weight: bold;
	display:block;
	-webkit-transform:rotate(-30deg);
	transform:rotate(-30deg);
	border:2px solid red;
	padding:4px;
	margin:-7px 0 0 40px;
	}		
.congratulation{
	position: fixed;
	width: 100%;
	height: 100%;
	background-color:rgba(0,0,0,0.3);
	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;
	z-index:99998;
	top:0;
	left:0;
	}
.congra-container{
	padding: 32px;
	-webkit-box-shadow:0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.4);
	box-shadow:0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.4);
	background-color: #FF9125;
	border-radius: 2px;
	position: relative;
	}	
.offer-reddot{
	width: 120px;
	height: 120px;
	background-color: #DB3C1E;
	border-radius: 60px;
	text-align: center;
	line-height: 120px;
	color:white;
	font-weight: bold;
	font-size:32px;
	float: left;
	cursor: pointer;
  }	
.offer-reddot:hover{
	-webkit-animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
	animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-perspective: 1000px;
	perspective: 1000px;	
	}	
@-webkit-keyframes shake {
  10%, 90% {
    -webkit-transform: translate3d(-1px, 0, 0);
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    -webkit-transform: translate3d(2px, 0, 0);
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    -webkit-transform: translate3d(-4px, 0, 0);
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    -webkit-transform: translate3d(4px, 0, 0);
    transform: translate3d(4px, 0, 0);
  }
}	
@keyframes shake {
  10%, 90% {
    -webkit-transform: translate3d(-1px, 0, 0);
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    -webkit-transform: translate3d(2px, 0, 0);
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    -webkit-transform: translate3d(-4px, 0, 0);
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    -webkit-transform: translate3d(4px, 0, 0);
    transform: translate3d(4px, 0, 0);
  }
}	
.congra-text{
	color:white;
	font-size: 24px;
	line-height: 40px;
	padding:20px 0 0 24px;
	float: left;
	}
.thumb-btn{
	background-color: #fff;
	display: inline-block;
	color:#757575;
	padding:4px 8px;
	font-size: 14px;
	border-radius: 2px;
	cursor: pointer;
	}			
.thumb-icon{color:#ff9125}	
.offer-details{
	background-color: #f7f7f7;
	margin-top:16px;
	font-size: 16px;
	padding:8px;
	line-height:30px;
	color:#212121;
	border-radius: 2px;
	}
.close-congrat{
	position: absolute;
	font-family:yotujob;
	color:white;
	font-size: 48px;
	top:-40px;
	right:-40px;
	cursor: pointer;
	}
.close-congrat:hover{color:#eee;}
.thumblist-container{
	position: absolute;
	z-index:99999;
	right: 24px;
	top: 64px;
	}
.thumb-msg{
	background-color: #FF9125;
	color:white;
	font-size: 14px;
	height: 48px;
	line-height: 48px;
	padding:0 16px;
	border-radius: 2px;
	border:1px solid #ccc;
	margin-bottom: 8px;
	text-align: right;
	position: relative;
	}
.close-thumb-msg{
	font-family: yotujob;
	font-size: 24px;
	display: inline-block;
	position: absolute;
	left:-28px;
	color:#ccc;
	cursor: pointer;
	}
.close-thumb-msg:hover{color:#bbb}	
.close-all-msg{text-align:right;font-size:14px;margin-bottom: 8px;cursor: pointer;}
.close-all-msg:hover{color:red;}		
.account-dropdown{
	position: absolute;
	background-color: #fff;
	color:#212121;
	width:150px;
	margin:-1px 0 0 -93px;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	z-index: 999;
	}
.level-pic{
	height:64px;
	width:64px;
	position: relative;
	z-index: 2;
	}
.board{
	display: block;
	text-decoration: none;
	padding:16px 16px 12px 16px;}
.board:hover{
	background-color: #e5f3ff;}		
.info-wrapper{
	font-size: 14px;
	text-align: left;
	line-height: 24px;
	}	
.color-orange{
	color:#FF9125;}	
.sys-setting,.sys-help,.sys-logout{
	display: block;
	color:#757575;
	text-align: center;
	text-decoration: none;
	font-size: 14px;
	padding:6px 8px;
	}
.sys-setting:hover,.sys-help:hover{
	background-color: #e5f3ff;
	}
.sys-logout:hover{background-color: #db3c1e;color:white;}
.rank-wrapper{
	position: fixed;
	right:12px;
	top:210px;
	width: 52px;
	border:1px solid #ccc;
	z-index: 2;
	}
.ov-score,.ov-ubi{width: 50px;height: 50px;color:#FF9125;background-color: #fff;text-align: center;line-height: 50px;}
.ov-score:hover,.ov-ubi:hover{background-color: #ff9125;color:#fff;}
.rank{position: absolute;background-color: #fff;margin:-50px 0 0 -251px;font-size: 14px;width: 240px;line-height:30px;text-align:left;padding: 8px;border:1px solid #ccc;}
.rank>em{display: block;position: absolute;height: 50px;width:13px;right: -12px;top: 0;}
.rank:before{
	content:'';
	display: block;
	position: absolute;
    border-top: 11px solid rgba(0, 0, 0, 0);
    border-right: 0px solid rgba(0, 0, 0, 0);
    border-bottom: 11px solid rgba(0, 0, 0, 0);
    border-left: 11px solid #fff;
	right:-11px;
	top: 13px;
	z-index:2;
	}
.rank:after{
	content:'';
	display: block;
	position: absolute;
    border-top: 11px solid rgba(0, 0, 0, 0);
    border-right: 0px solid rgba(0, 0, 0, 0);
    border-bottom: 11px solid rgba(0, 0, 0, 0);
    border-left: 11px solid #ccc;
	right:-12px;
	top:13px;
	z-index:1;
	}	
.rank-table{color:#212121;line-height:24px;font-size: 13px;}
.c-ora{color:#FF9125}
.profile-pic-wrapper{float: left;}
.profile-pic{width: 96px;height: 96px;}
.score-overview{float: left;padding:8px 16px;}
.score-bar-container{
	position: relative;
	}
.inactive-pic{
	-webkit-filter: grayscale(100%) opacity(50%);
	filter: grayscale(100%) opacity(50%)
	}
	.level-pic-bar,.level-dot-bar,.level-title-bar,.gift-pic-bar{
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}	
	.gift-pic-bar{margin-top:-66px;position: relative;}
	.level-pic-wrapper{
		width: 64px;
		height: 64px;
		border-radius: 32px;
		background-color:#ccc;
		position: relative;
	}	
	.level-pic-wrapper::after{
		content:'?';
		display: block;
		position: absolute;
		width: 64px;
		text-align: center;
		line-height:64px;
		font-size:32px;
		color:white;
		left: 0;
		top: 0;
		z-index:1;
	}
	.level-dot-wrapper{
		height: 64px;
		width: 64px;
		position: relative;
	}	
	.level-dot-wrapper::before{
		content: '';
		display: block;
		position: absolute;
		left: 23px;
		top: 23px;
		width: 18px;
		height: 18px;
		border-radius: 9px;
		background-color: #CCCCCC;
	}
	.active-dot{
		display: inline-block;
		width: 18px;
		height: 18px;
		border-radius: 9px;
		background-color: #FF9125;
		position: relative;
		margin:23px 0 0 23px;
	}
	.line-bar{
		height: 5px;
		background-color: #ccc;
		position:absolute;
		width: 1073px;
		margin:30px 0 0 39px;
		z-index: 0;
	}	
	.line-score-length{
		display: block;
		width: 50px;
		height: 5px;
		background-color: #ff9125;
		-webkit-transition: all 1s;
		transition: all 1s;
	}
	.line-ubi-length{
		display: block;
		width: 360px;
		height: 5px;
		background-color: #ff9125;
		-webkit-transition: all 1s;
		transition: all 1s;
	}
	.level-title-wrapper{
		width: 64px;
		text-align: center;
		line-height: 24px;
		padding-top: 8px;
		font-size: 16px;
	}
	div.level-title-wrapper p:first-child{color:#FF9125}
	.gift-pic-wrapper{
		width: 64px;
		height: 64px;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.reward-exchange-active{
		background-color: #2196f3;
		color: white;
		font-size: 14px;
		padding:4px 8px;
		border-radius: 2px;
		display: inline-block;
		margin-top: 8px;
		cursor: pointer;
	}	
	.reward-exchange-active:hover{background-color: #1f85d6;}
	.reward-exchange-inactive{
		background-color: #ccc;
		color: white;
		font-size: 14px;
		padding:4px 8px;
		border-radius: 2px;
		display: inline-block;
		margin-top: 8px;
	}	
	.inactive-gift{filter:grayscale(100%);-webkit-filter: grayscale(100%);}	
	.rule-table{line-height:32px;border-collapse:collapse;
	margin-top: 24px;}
	.rule-table tr:nth-child(odd){background-color: #f2f2f2;}
	.score-records{float: left;}
	.score-records-table{
		border-collapse: collapse;
		line-height:28px;
		font-size: 13px;
		margin-top: 8px;
	}
	.score-records-table tr{border-top: 1px solid #eceff1;}
	.score-tip-container{
		position: fixed;
		text-align: center;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 100;
		pointer-events: none;
	}
#cfm-lvlup{pointer-events: auto;}
	.score-tip-wrapper{
		display: inline-block;
		width: 1200px;
		height: 50px;
		position: relative;
	}
	.score-tip{
		position: absolute;
		right: 5px;
		top: 54px;
		border:1px solid #ccc;
		background-color: #fff;
		font-size: 14px;
		line-height: 32px;
		padding:8px 16px;
		border-radius: 2px;
		-webkit-box-shadow:0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.4);
		box-shadow:0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.4);
		-webkit-transform-origin: 84% -15%;
		transform-origin: 84% -15%;
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
	}
	.score-tip-arrow{
		display: block;
		width: 0;
		height: 0;
		position: absolute;
		border-top:0;
		border-left:11px solid rgba(0,0,0,0);
		border-right: 11px solid rgba(0,0,0,0);
		border-bottom: 11px solid #fff;
		top:-11px;
		right:12px;
	}
	.shiny-bg{
		position: absolute;left:16px;
		-webkit-animation: rotation 6s infinite linear;
		animation: rotation 6s infinite linear;
		height:150px;
		width: 150px;
	}	
	@-webkit-keyframes rotation {
				from {
					-webkit-transform:rotate(0deg) ;
					transform:rotate(0deg) ;
		}
		to {
				-webkit-transform: rotate(359deg);
			transform: rotate(359deg);
		}
	}	
	@keyframes rotation {
				from {
					-webkit-transform:rotate(0deg) ;
					transform:rotate(0deg) ;
		}
		to {
				-webkit-transform: rotate(359deg);
			transform: rotate(359deg);
		}
	}
.upgrade-pic-wrapper{width: 150px;height: 150px;}
.upgrade-pic{width:64px;margin-top:43px;position: relative;z-index: 2;}
	.unfit-tab{display: inline-block;
	padding:8px 16px;cursor: pointer;}
	.unfit-tab:hover{color: #2196f3}

.rank-tab {
	display: inline-block;
	padding:0 42px;
	cursor: pointer;
}
.rank-tab:hover{color:#2196f3;}
	.popup-wrapper{
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 200;
		background-color:rgba(0,0,0,0.3);		
	}	
	.presents-wrapper{padding: 24px;
	background:#fff;color:#212121;border-radius: 2px;min-width:300px;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;line-height: 32px}

.detail-epd {
	padding:4px;color:#2196f3;cursor:pointer;
}
.header-2ndpage{
width: 1200px;
margin: auto;
height: 52px;
background-color: #4c5d6d;
border-radius: 2px;
}
.ho-showEdit{position: relative;}	
.ho-showEdit:hover .cu-po.cb.po-a {
display: block;
}
.selected-bg{background-color: #cde8ff;border-top: 1px solid #a5d6ff;border-bottom:1px solid #a5d6ff;}
.finishedtodo-mark::before {
	content: '';
	font-family: yotujob;
	font-size: 18px;
	position: absolute;
	color: #00A388;
	border-radius: 20px;
	font-weight: bold;
	display: block;
	padding: 1px;
	margin: -1px 0 0 -26px;
}
.nav-profile-pic{border-radius: 20px;width: 40px;}
.bottom-btns-wrapper{position: absolute;right: 24px;bottom: 24px;}
.expand-hire-process{cursor: pointer;}
.expand-hire-process:hover{background-color: #cce8ff;}
.expand-hire-process:hover .ic-expand{-webkit-transform: rotate(360deg);transform: rotate(360deg)}
	.toast-wrapper,.alert-wrapper{
		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;position: fixed;left: 0;top:0;height: 100%;width: 100%;z-index: 999999;font-size:16px;pointer-events: none;
	}
	.toast-wrapper{opacity:0}
	.toast-content{margin-top:80px;}
	.toast-content,.alert-content{
		color: white;padding: 16px 24px;background-color:#323232;-webkit-box-shadow:0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.4);box-shadow:0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.4);border-radius:2px;
	}
	.alert-content{margin-top:-80px}
 .KA-client-mark{font-family:yotujob;font-size: 20px;position: absolute;margin-top: -12px;color:#FFB03B;cursor:default}
.KA-client-mark::after{
	content:'KA客户';
	font-family: microsoft yahei;
	font-size:14px;
	display: block;
	text-align: center;
	position: absolute;
	width:64px;
	padding:6px 0;
	margin:0 0 0 -21px;
	color:white;
	background-color:#333;
	-webkit-transition:all 0.15s;
	transition:all 0.15s;
	border-radius:2px;
	opacity:0;
	pointer-events: none;
}
.KA-client-mark:hover::after{opacity:1}
/*覆盖main-New.css的scrollbar规则， 以便最小化scrollbar的size*/

::-webkit-scrollbar {
 width: 7px;
 height: 7px;
}
/*
::-webkit-scrollbar:hover {width: 12px;height: 12px;}
*/
   ::-webkit-scrollbar-thumb {
 background: rgba(33, 150, 243, 0.3);
 border-radius: 5px;
}

   ::-webkit-scrollbar-thumb:hover {
 background-color: rgba(33, 150, 243, 0.7);
}

   ::-webkit-scrollbar-thumb:active {
 background-color: rgba(33, 150, 243, 1);
}

   ::-webkit-scrollbar-corner {
 background: #82AFFF
}

   ::-webkit-scrollbar-track,    ::-webkit-scrollbar-track-piece {
 background: #eceff1
}
.stepper-dot,  .stepper-dot-inactive {
	width: 24px;
	height: 24px;
	background-color: #2196f3;
	float: left;
	border-radius: 12px;
	color: white;
	text-align: center;
	font-size: 12px;
	line-height: 24px;
	position: relative;
	z-index: 2
}
.stepper-dot-inactive {
	background-color: #9e9e9e
}
.stepper-line {
	display: block;
	position: absolute;
	height: calc(100% - 40px);
	width: 1px;
	background-color: #ccc;
	margin: 32px 0 0 12px;
}
.button-flat-bd,.btn-flat-bd{
   padding: 0 16px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #757575;
	height: 32px;
	border-radius: 2px;
	cursor: pointer;
	font-size: 14px;
   border: 1px solid #ccc;
}
.button-flat-bd:hover,.btn-flat-bd:hover{
  border-color: #2196f3;
  color:#2196f3;
}
.button-flat-b,.btn-flat-b{
	padding: 0 16px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #2196f3;
	color: white;
	height: 32px;
	border-radius: 2px;
	cursor: pointer;
	font-size: 14px;
}
.button-flat-r,.btn-flat-r{
	padding: 0 16px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: red;
	color: white;
	height: 32px;
	border-radius: 2px;
	cursor: pointer;
	font-size: 14px;
}.button-flat-r:hover,.btn-flat-r:hover{background-color:#e50000}
.button-flat-b:hover,.btn-flat-b:hover {
	background-color: #1f85d6
}
.button-flat-c,.btn-flat-c {
	padding: 0 16px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #757575;
	height: 32px;
	border-radius: 2px;
	cursor: pointer;
	font-size: 14px;
}
.button-flat-c:hover,.btn-flat-c:hover {
	background-color: #ddd
}
.ho-e5:hover {
	background-color: #e5f3ff
}
.inactive-btn {
	background-color: #aaa;
	cursor: not-allowed;
}
.inactive-btn:hover {
	background-color: #aaa
}
.selected-bg:hover {
	background-color: #cde8ff;
}
.pl12 {
	padding-left: 12px;
}
.fee-rate-selected {
	//border-left: 3px solid #2196f3;
	//border-top: 1px solid #ccc;
	//border-bottom: 1px solid #ccc;
	//border-right: 3px solid #2196f3;
	color: #2196f3;
}
.popup-container{-webkit-box-shadow:0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.4);box-shadow:0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.4);border-radius:2px;min-width:320px;max-width:1200px;position: relative;background-color: white;border-radius:2px;}
.popup-header{position:relative;width: 100%;padding:24px 24px 20px 24px;font-size: 16px;z-index:60;font-weight: bold;color: #212121;/*color:#3e5d7c;*/} 
  .popup-content{max-height:calc(100vh - 160px);overflow-y:auto;padding:0 24px 24px 24px;font-size: 14px;color:#757575;}
  .popup-footer{position:relative; line-height: 36px;padding:8px 8px 8px 24px;text-align: right;}
  .ho-showNote:hover .note{display: block;}  
.popup-2nd-tier-wrapper{
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;z-index: 9999;height: 100%;width: 100%;top: 0;left: 0;position: absolute;background-color: rgba(255,255,255,0.6);} 
.btn-paper {
	font-size: 14px;padding:8px 16px;cursor: pointer;-webkit-transition: all ease-in-out 0.15s;transition: all ease-in-out 0.15s;color:#2196f3;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;
}
.overdue-txt{position: absolute;font-size:12px;color:#9e9e9e;margin:19px 0 0 -68px;}  
.hidden-visual{opacity: 0;pointer-events: none;position: absolute;height: 0;width: 0;}
.cu-in{cursor: -webkit-zoom-in;cursor: zoom-in;}
.contract-invalid-mark{position: relative;}
          .contract-invalid-mark::before{
            content: '作废';
            display: block;
            position: absolute;
            font-size: 48px;
            line-height: 56px;
            padding:0 8px;
            font-family:microsoft yahei;
            font-weight:bold;
            color: red;
            border:3px solid red;
            border-radius:4px;
            -webkit-transform: rotate(-30deg);
            transform: rotate(-30deg);
            margin:24px;
            pointer-events: none;
          }
  .offer-rank{position: fixed;z-index: 99;left: 0px;bottom:0px;} 
 .offer-rank-wrapper{
    position: absolute;
    background-color:white;
    left: 0;
    bottom: 0;
    z-index: 1;
   -webkit-box-shadow:0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.4);
   box-shadow:0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.4);
   height: 64px;
    width: 64px;  
    border-top-right-radius:80px;
  }

  .offer-rank-trophy{
    position:fixed;
    bottom: 0;
    left:0;
    height:48px;
    z-index:9;
  }

  .offer-rank-wechat{border-radius: 15px;
   height:20px;margin:0 4px -8px 0
  }
    .month-grid-line {
      border-bottom: 1px solid #ccc
    }
    .month-grid-line td {
      border-left: 1px solid #ccc;
      width: 20px;
    }
    .month-grid-line td:last-child {
      border-right: 1px solid #ccc;
    }
    .date-mark {
      position: absolute;
      margin: 12px 0 0 4px;
      color: #757575;
    }
    .date-mark:before {
      content: '';
      display: block;
      position: absolute;
      width: 1px;
      height: 10px;
      border-radius: 2px;
      background-color: #ccc;
      margin: -10px 0 0 15px;
    }
    .today-mark {
      position: absolute;
      margin: -28px 0 0 14px
    }
    .d-f {
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
    }
    .goal-rec,
    .goal-ok {
      height: 12px;
      border-radius: 6px;
      width: 200px;
      border: 1px dashed #2196f3;
      margin-top: 8px;
      position: relative;
      z-index: 2;
      -webkit-transition: all 3s;
      transition: all 3s;
    }
    .actual-rec,
    .actual-ok {
      height: 8px;
      border-radius: 4px;
      margin-top: -10px;
      -webkit-transition:all 3s;
      transition:all 3s;
    }
    .goal-actual-differ {
      margin: -2px 0 0 8px
    }
    .bg-grey {
      background-color: #ccc;
    }
    .bg-green {
      background-color: #4DC679;
    }
    .bg-red {
      background-color: red
    }
.c-f {
    color: #f2c311;
  }
    .popup-wrapper-nbg {
      position: fixed;
      left: 0;
      top: 0;
      height: 100%;
      width: 100%;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -ms-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      font-size: 14px;
      z-index: 200;
    }
  .timeline-ho{
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  }
  .timeline-ho::before{
    content: '';
    display: block;
    width: 100%;
    position: absolute;
    height: 1px;
    background-color:#ccc;
    margin:-11px 0 0 0px;
  }
  .timeline-ho::after{
    content: "";
	position: absolute;
	display: block;
	width: 0;
	height: 0;
    right: -10px;
	border: 10px solid transparent;
	border-right: 0;
	border-left:16px solid #ccc;
    border-radius: 3px;
    margin:-20px 0 0 0;
  }
  .tl-node{list-style: none;text-align: center;position: relative;line-height:30px}
  .tl-node::before{
    content: '';
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius:12px;
    background-color:#ccc;
    margin: -16px 0 0 -6px;
    left:50%;
  }
    .firsttd-c2>tbody>tr>td:nth-child(1) {
      color: #999
    }
.firsttd-c2 {
	color:#212121;
}
.oddtd-c3>tbody>tr>td:nth-child(odd){
      color: #999;
    }
.oddtd-c3 {
	color: #212121;
}

  .client-invo,.client-invo-edit,.client-mail {
    float: left;
    border: 2px dashed #ccc;
    width: 260px;
    padding: 16px 8px 8px 8px;
    margin-right: 24px;
    position: relative;
    cursor: pointer;
    margin-top: 16px;
  }
  
  .client-invo:hover,.client-invo-edit:hover,.client-mail:hover {
    border-color: #2196f3;
  }
  
  .card-ops {
    position: absolute;
    top: 0;
    right: 0;
  }
  
  .card-selected {
    border-color: #2196f3;
    background-color: #fff;
  }
.card-selected.bg50 {
	background-color: #90CAF9;
}
  
  .card-selected::after {
    content: '';
    font-family: yotujob;
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 18px;
    color: white;
  }
  
  .card-selected::before {
    content: '';
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    border-right: 14px solid #2196f3;
    border-bottom: 14px solid #2196f3;
    border-top: 14px solid rgba(0, 0, 0, 0);
    border-left: 14px solid rgba(0, 0, 0, 0);
  }
  .ti-24 {
    text-indent: 24px;
  }
  .f12[type="text"]{font-size:12px}
  .edit.card-selected {
	background-color: #f2f2f2;cursor: default;
}
/*切换按钮-----begin----*/
.switch {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 26px;
  width: 120px;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 2px;
}

.switch-label {
  position: relative;
  z-index: 2;
  float: left;
  width: 58px;
  line-height: 26px;
  font-size: 14px;
  color: rgba(0,0,0,0.6);
  text-align: center;
  cursor: pointer;
}

.switch-label:active {
  //font-weight: bold;
  color:#2196f3;
}

.switch-label-off {
  padding-left: 2px;
}

.switch-label-on {
  padding-right: 2px;
}
.switch-input {
  display: none;
}

.switch-input:checked + .switch-label {
  font-weight: bold;
  color: rgba(0, 0, 0, 1);
  text-shadow: 0 1px rgba(255, 255, 255, 0.25);
  -webkit-transition: 0.15s ease-out;
  transition: 0.15s ease-out;
}
.switch-input:checked + .switch-label-on ~ .switch-selection {
  left: 60px;
}
.switch-selection {
  display: block;
  position: absolute;
  z-index: 1;
  top: 1px;
  left: 1px;
  width: 59px;
  height: 24px;
  background: #fff;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
  -webkit-transition: left 0.15s ease-out;
  transition: left 0.15s ease-out;
}
  [type="radio"]+label.switch-label::before,[type="radio"]+label.switch-label::after{
    content: '';
  }
  [type="radio"]+label.switch-label{
    padding-left: 4px;
  }
/*切换按钮-----end----*/  
.fcpop-close,.pop-close-icon{position: absolute;width:48px;height:48px;background-color: rgba(0,0,0,0.6);border-bottom-left-radius:48px;font-family: yotujob;font-size:32px;color:white;text-align:right;padding:2px 2px 0 0;cursor: pointer;right: 0;top: 0;}
.fcpop-close::before,.pop-close-icon::before {
	content: '';
}
    .fcpop-close:hover,.pop-close-icon:hover{background-color:red;}
  .name-tag {
    background: #f2f2f2;
    border-radius: 2px;
    font-size: 12px;
    display: -moz-inline-flex;
    display: -ms-inline-flex;
    display: -o-inline-flex;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 0 4px;
    margin: 0 4px 4px 0;
  }
.invo-link::before{
   content: attr(data-feeType);
    color: #9e9e9e;
    display: block;
    font-weight: normal;
    width: 48px;
    position: absolute;
    font-size: 12px;
    margin:18px 0 0 8px;
}
/*人才库标签css----begin---*/
  .tal-tag{
    font-size:12px;border: 1px solid #ccc;border-left:3px solid #5f7c8a; display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;padding:2px 4px;border-radius:2px;background-color:#f7f7f7;margin:0 8px 8px 0;color:#757575;
  }
  .tal-tag-library .tal-tag {
	cursor: pointer;
}
  .tal-tag-library .tal-tag:hover{border-color:#2196f3;color: #2196f3;}
  .tal-tag-library .tal-tag.selected{color: white;}
  
  .tal-tag.selected{background-color: #2196f3;color:white;}
  .tag-count{margin-left: 4px;opacity: 0.6;}
  .btn-addTag {
	cursor: pointer;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;
}
  .btn-addTag:hover {
	color: #2196f3;
}
  .pt2{padding-top: 2px;}
  .tag-input{position: relative;}
  .tag-input::after{
    content: 'Enter键添加标签，Esc关闭';
    display: block;
    font-family: Microsoft yahei;
    font-size: 12px;
    color:#ccc;
  }
  .tag-input input{width: 200px;padding-left: 4px;height: 30px;font-size: 12px;}
  .txt-button-b,.txt-button-r{cursor: pointer;}
  .txt-button-b:hover{color:#2196f3;}
  .txt-button-r:hover{color:red}
  .tal-tag-edit:after {
	content: '';
    font-family:yotujob;
    font-size: 16px;
    margin-left: 4px;
}
  .tal-tag.tal-tag-edit {
	cursor: pointer;
}
  .tal-tag.tal-tag-edit:hover{
    border-color: red;
    color:red;
  }
  .input-display{
    background-color:transparent;
    font-size: 12px;
    border:none;
    color:#757575;
  }
  .input-display.f14 {
	font-size:14px;
}
.tal-tag.tag-color1{border-left:3px solid #ff9700;}  
.tal-tag.tag-color2{border-left:3px solid #9b26af;}  
.tal-tag.tag-color3{border-left:3px solid #6639b6;}  
.tal-tag.tag-color4{border-left:3px solid #3e50b4;}  
.tal-tag.tag-color5{border-left:3px solid #2095f2;}  
.tal-tag.tag-color6{border-left:3px solid #02a8f3;}  
.tal-tag.tag-color7{border-left:3px solid #00bbd3;}  
.tal-tag.tag-color8{border-left:3px solid #009587;}  
.tal-tag.tag-color9{border-left:3px solid #4bae4f;}  
.tal-tag.tag-color10{border-left:3px solid #785447;}  
.tal-tag.tag-color11{border-left:3px solid #5f7c8a;}  
.tal-tag.tag-color12{border-left:3px solid #9d9d9d;}  
.tal-tag.tag-color13{border-left:3px solid #ff5621;}  
.tal-tag.tag-color14{border-left:3px solid #00bbd3;} 
    .tr-chev::before {
      content: '';
      display: block;
      width: 0;
      height: 0;
      position: absolute;
      top: -15px;
      right: 4px;
      border-bottom: 8px solid white;
      border-left: 8px solid rgba(0, 0, 0, 0);
      border-right: 8px solid rgba(0, 0, 0, 0);
      border-top: 8px solid rgba(0, 0, 0, 0);
      z-index: 2;
      cursor: pointer;
    }
    
    .tr-chev::after {
      content: '';
      display: block;
      width: 0;
      height: 0;
      position: absolute;
      top: -16px;
      right: 4px;
      border-bottom: 8px solid #ccc;
      border-left: 8px solid rgba(0, 0, 0, 0);
      border-right: 8px solid rgba(0, 0, 0, 0);
      border-top: 8px solid rgba(0, 0, 0, 0);
      cursor: pointer;
    }
/*人才库标签css----end---*/
/*Pipeline重构---begin----*/
  .pl-tab {
    cursor: pointer;
    position: relative;
    padding: 0 8px 0 24px;
    z-index: attr('data-zIndex');
    float: left;
    background-color: #eceff1;
  }
  .pl-tab:hover {
    color: #2196f3
  }
  .pl-tab::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    border-left: 12px solid #bbb;
    border-top: 18px solid rgba(0, 0, 0, 0);
    border-bottom: 18px solid rgba(0, 0, 0, 0);
    right: -13px;
    top: 0;
    z-index: 80;
  }
  .pl-tab::before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    border-left: 12px solid #eceff1;
    border-top: 18px solid rgba(0, 0, 0, 0);
    border-bottom: 18px solid rgba(0, 0, 0, 0);
    right: -12px;
    top: 0;
    z-index: 81;
  }
  .pl-tab.pl-tab-selected::before {
    border-left: 12px solid white;
  }
  .pl-tab-selected {
    background-color: white;
  }
  .pl-tab.chev-exception::before {
    display: none;
  }
  .pl-tab.chev-exception::after {
    display: none;
  }
[id^="popup"]{position:fixed;z-index:201}
[id^="popup-2ndtier"]{position:static}
/*Pipeline重构--end*/
.required-mark{position: absolute;margin-top: -5px;color: red}
em{font-style:normal;color:red;}
      .search-filter {
        display: inline-block;
        border: 1px solid #ccc;
        padding: 0 0 0 8px;
        cursor: pointer;
        border-radius: 2px;
      }
      
      .search-filter::after {
        content: '';
        display: inline;
        font-family: yotujob;
        font-size: 20px;
        color: #ccc;
      }
      
      .search-filter:hover {
        color: #2196f3;
        border-color: #2196f3;
      }
      
      .search-filter:hover::after {
        color: #2196f3;
      }

/*文件图标*/
    .fileicon {
      width: 21px;
      display: inline-block;
      background-image: url(../images/fileicon.png);
      height: 24px;
      margin: 0 12px -6px 0;
    }
    .xls,
    .xlsx {
      background-position: -84px 0
    }
    .pdf {
      background-position: -42px 0
    }
    .doc,
    .docx {
      background-position: -63px 0
    }
    .ppt,
    .pptx {
      background-position: -105px 0
        
    }
    .txt {
      background-position: -126px 0
    }
.html,.htm{background-position: -147px 0}
    .jpg,
    .png,
    .bmp,
    .gif,
    .svg {
      background-position: -21px 0
    }
/*简历上传排名*/
 .cv-medal{display: inline-block;width: 30px;height: 26px;background-image: url(../images/cvMedal.png);margin-bottom:-6px} 
  .medal{
  display: -moz-inline-flex;
  display: -ms-inline-flex;
  display: -o-inline-flex;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 80px;
  height: 80px;
  margin-bottom:8px;  
    background-image: url(../images/medals.png);
    border-radius: 50px;
    -webkit-box-shadow: 0 0 6px rgba(60, 60, 60, 0.6);
    box-shadow: 0 0 6px rgba(60, 60, 60, 0.6);
    
  }
  .medal-locked{background-image: url(../images/medal-locked.png);position: relative;}
  .medal-locked::after {
	content: '待解锁';
    position: absolute;
    display: block;
    color: #757575;
    background-color: white;
    width: 160px;
    height: 40px;
    bottom: -48px;
    left:-40px;
    text-align: center;
    font-size: 16px;
}
  .medal-wrapper {
	display: -moz-inline-flex;
	display: -ms-inline-flex;
	display: -o-inline-flex;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom:40px;
    width: 160px;
}
  .medal-1{background-position:1200px 0;}
  .medal-2{background-position:1120px 0;}
  .medal-3{background-position:1040px 0;}
  .medal-4{background-position:960px 0;}
  .medal-5{background-position:880px 0;}
  .medal-6{background-position:800px 0;}
  .medal-7{background-position:720px 0;}
  .medal-8{background-position:640px 0;}
  .medal-9{background-position:560px 0;}
  .medal-10{background-position:480px 0;}
  .medal-11{background-position:400px 0;}
  .medal-12{background-position:320px 0;}
  .medal-13{background-position:240px 0;}
  .medal-14{background-position:160px 0;}
  .medal-15{background-position:80px 0;}
/*通知模块--begin---*/
    @-webkit-keyframes bellshake {
      0% {
        -webkit-transform: rotate(0deg)
      }
      5% {
        -webkit-transform: rotate(18deg)
      }
      15% {
        -webkit-transform: rotate(-15deg)
      }
      25% {
        -webkit-transform: rotate(12deg)
      }
      35% {
        -webkit-transform: rotate(-9deg)
      }
      45% {
        -webkit-transform: rotate(6deg)
      }
      55% {
        -webkit-transform: rotate(-3deg)
      }
      60% {
        -webkit-transform: rotate(0deg)
      }
      100% {
        -webkit-transform: rotate(0deg)
      }
    }
    
    @keyframes bellshake {
      0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
      }
      5% {
        -webkit-transform: rotate(18deg);
        transform: rotate(18deg)
      }
      15% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg)
      }
      25% {
        -webkit-transform: rotate(12deg);
        transform: rotate(12deg)
      }
      35% {
        -webkit-transform: rotate(-9deg);
        transform: rotate(-9deg)
      }
      45% {
        -webkit-transform: rotate(6deg);
        transform: rotate(6deg)
      }
      55% {
        -webkit-transform: rotate(-3deg);
        transform: rotate(-3deg)
      }
      60% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
      }
      100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
      }
    }
    
    .notification.active {
      -webkit-animation: bellshake 2s linear 0s infinite;
      animation: bellshake 2s linear 0s infinite;
    }
    
    .noti-pop {
      position: absolute;
      color: #212121;
      top: 56px;
      cursor: default;
      right: -56px;
      z-index: 100;
      width: 400px;
      border: 1px solid #ccc;
      background: #f2f2f2;
      border-radius: 2px;
      -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
      z-index: 1000;
    }
    
    .noti-pop::before {
      content: '';
      display: block;
      position: absolute;
      border: 10px solid transparent;
      border-bottom: 10px solid #f2f2f2;
      top: -20px;
      right: 73px;
      z-index: 2;
    }
    
    .noti-pop::after {
      content: '';
      display: block;
      position: absolute;
      border: 11px solid transparent;
      border-bottom: 11px solid #ccc;
      top: -22px;
      right: 72px;
    }
    
    .noti-list {
      list-style: none;
      margin-bottom: 8px;
      position: relative;
      cursor: pointer;
      overflow: hidden;
    }
    
    .noti-sender-pic {
      height: 40px;
      border-radius: 20px;
      margin: 0 0 -12px 0;
    }
    
    .btn-clear-list {
      position: absolute;
      color: #757575;
      right: 0;
      top: 0;
      cursor: pointer;
    }
    
    .btn-clear-list:hover {
      color: #212121;
    }
    
    .noti-single {
      -webkit-transform: translateX(400px);
      transform: translateX(400px)
    }
    
    .btn-backto-noti,
    .btn-noti-setting,
    .btn-clear-all-list {
      position: absolute;
      font-family: yotujob;
      font-size: 24px;
      left: 8px;
      top: 8px;
      cursor: pointer;
      color: #757575;
    }
    
    .btn-backto-noti:hover,
    .btn-noti-setting:hover,
    .btn-clear-all-list:hover {
      color: #212121;
    }
    
    .btn-clear-all-list {
      left: auto;
      right: 8px;
    }
    
    .noti-list:hover .btn-clear-list {
      display: block;
    }
    
    .noti-list:hover .noti-time {
      display: none;
    }
.noti-lists,.noti-list-content {
	max-height: calc(100vh - 160px);padding: 8px;overflow-y: auto;overflow-x: hidden;
}
/*通知模块--end---*/
#dropmenu .c3 {
  color: inherit;
  opacity: 0.5;
}  
.list-name {
	cursor: pointer;display: -webkit-inline-flex;
	display: -moz-inline-flex;
	display: -ms-inline-flex;
	display: -o-inline-flex;
	display: inline-flex;
  justify-content: center;
  -ms-align-items: center;
  align-items: center;max-width: 650px;line-height: 20px;margin:12px auto;
} .img-gender{height: 64px;border: 1px solid #ddd;border-radius: 32px;}
.emptyState-offer-rank {
	background-image: url(../images/offerRank/emptyState.jpg);background-repeat: no-repeat;background-position:40% 0;z-index: 999;height: 375px
}
  .localcv-mark{position: relative;}
  .localcv-mark::before{content:''; display: block;position: absolute;width: 0;height: 0;
    top: 0;left: 0;border: 16px solid orange;border-color: orange transparent transparent orange;}
  .localcv-mark::after {
	content: '优';color: white;display: block;position: absolute;
    top: 2px;left: 2px;
}