/*
Icon classes can be used entirely standalone. They are named after their original file names.
Example usage in HTML:
`display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:
// CSS
.icon {
display: inline-block;
}
// HTML
*/
.icon-add-comp-style {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: -1143px -704px;
width: 50px;
height: 50px;
}
.icon-Alipay {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: -1387px -410px;
width: 36px;
height: 32px;
}
.icon-apply_success {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: 0px -410px;
width: 320px;
height: 226px;
}
.icon-arrow-down-s-c {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: -860px -618px;
width: 10px;
height: 6px;
}
.icon-arrow-down {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: -646px -618px;
width: 19px;
height: 11px;
}
.icon-arrow-left {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: -1414px -468px;
width: 11px;
height: 19px;
}
.icon-arrow-right-s-c {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: -1419px -528px;
width: 6px;
height: 10px;
}
.icon-arrow-right {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: -302px -868px;
width: 11px;
height: 19px;
}
.icon-arrow-s-down {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: -820px -618px;
width: 10px;
height: 6px;
}
.icon-arrow-s-up {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: -840px -618px;
width: 10px;
height: 6px;
}
.icon-arrow-up-s-c {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: -778px -618px;
width: 12px;
height: 7px;
}
.icon-arrow-up {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: -675px -618px;
width: 19px;
height: 11px;
}
.icon-bg {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: 0px 0px;
width: 1425px;
height: 230px;
}
.icon-bg2 {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: 0px -240px;
width: 1425px;
height: 160px;
}
.icon-btn_block {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: -919px -468px;
width: 185px;
height: 46px;
}
.icon-bubble-double {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: -438px -618px;
width: 16px;
height: 16px;
}
.icon-button-bg {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: -330px -528px;
width: 193px;
height: 56px;
}
.icon-card-pay {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: -246px -826px;
width: 36px;
height: 32px;
}
.icon-cardIcon {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: -1329px -704px;
width: 22px;
height: 22px;
}
.icon-certified_bg {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: -1290px -646px;
width: 70px;
height: 24px;
}
.icon-certified-img {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: 0px -646px;
width: 1200px;
height: 48px;
}
.icon-certified-logo {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: -1257px -704px;
width: 62px;
height: 24px;
}
.icon-certified-word {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: -330px -594px;
width: 146px;
height: 14px;
}
.icon-certified {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: -1329px -680px;
width: 10px;
height: 10px;
}
.icon-chargeCheckedOff {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: -385px -618px;
width: 17px;
height: 17px;
}
.icon-chargeCheckedOn {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: -358px -618px;
width: 17px;
height: 17px;
}
.icon-close-s {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: -1349px -680px;
width: 10px;
height: 10px;
}
.icon-close {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: -464px -618px;
width: 16px;
height: 16px;
}
.icon-download {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: -584px -826px;
width: 21px;
height: 21px;
}
.icon-dropdown-caret-dark {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: -800px -618px;
width: 10px;
height: 6px;
}
.icon-dropdown-caret {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: -880px -618px;
width: 10px;
height: 6px;
}
.icon-edit-info {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: -542px -618px;
width: 16px;
height: 16px;
}
.icon-email {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: -618px -618px;
width: 18px;
height: 12px;
}
.icon-female {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: -667px -826px;
width: 12px;
height: 18px;
}
.icon-file-alt {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: -1281px -738px;
width: 13px;
height: 16px;
}
.icon-gou {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: -1306px -680px;
width: 13px;
height: 13px;
}
.icon-gray-down {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: -730px -618px;
width: 14px;
height: 9px;
}
.icon-gray-up {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: -754px -618px;
width: 14px;
height: 9px;
}
.icon-green-down {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: -626px -594px;
width: 9px;
height: 5px;
}
.icon-green-up {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: -645px -594px;
width: 9px;
height: 5px;
}
.icon-head-default {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: -900px -704px;
width: 83px;
height: 83px;
}
.icon-help {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: -246px -868px;
width: 16px;
height: 55px;
}
.icon-info-frame {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: 0px -704px;
width: 236px;
height: 225px;
}
.icon-info-sure {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: -1339px -410px;
width: 38px;
height: 48px;
}
.icon-inp-dec {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: -1210px -680px;
width: 14px;
height: 14px;
}
.icon-inp-inc {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: -1234px -680px;
width: 14px;
height: 14px;
}
.icon-kuang {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: -1294px -468px;
width: 110px;
height: 28px;
}
.icon-left-bg {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: -330px -410px;
width: 579px;
height: 108px;
}
.icon-male {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: -593px -618px;
width: 15px;
height: 15px;
}
.icon-medal-bg {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: 0px -939px;
width: 126px;
height: 229px;
}
.icon-medal-vip {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: -136px -939px;
width: 126px;
height: 229px;
}
.icon-more {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: -1387px -452px;
width: 24px;
height: 4px;
}
.icon-noti_bell {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: -272px -868px;
width: 20px;
height: 22px;
}
.icon-notice {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: -615px -826px;
width: 20px;
height: 20px;
}
.icon-offline {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: -1371px -738px;
width: 12px;
height: 14px;
}
.icon-online {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: -704px -618px;
width: 16px;
height: 11px;
}
.icon-phone {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: -645px -826px;
width: 12px;
height: 18px;
}
.icon-ps_jie {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: -1203px -704px;
width: 44px;
height: 50px;
}
.icon-ps_lt {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: -272px -939px;
width: 118px;
height: 118px;
}
.icon-ps_rt {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: -400px -939px;
width: 118px;
height: 118px;
}
.icon-purchase-btn {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: -1253px -528px;
width: 156px;
height: 34px;
}
.icon-purchase-plan {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: -246px -704px;
width: 424px;
height: 112px;
}
.icon-purchase-tip {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: 0px -1178px;
width: 1200px;
height: 12px;
}
.icon-qr-Code {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: -993px -704px;
width: 80px;
height: 80px;
}
.icon-recognition-thread {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: -486px -594px;
width: 130px;
height: 5px;
}
.icon-recognition {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: -1258px -680px;
width: 14px;
height: 14px;
}
.icon-refresh-w {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: -1304px -738px;
width: 13px;
height: 16px;
}
.icon-refresh {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: -1349px -738px;
width: 12px;
height: 15px;
}
.icon-right {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: -790px -704px;
width: 100px;
height: 100px;
}
.icon-search {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: -516px -618px;
width: 16px;
height: 16px;
}
.icon-status-arrow {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: -330px -618px;
width: 18px;
height: 18px;
}
.icon-step_left {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: -1327px -738px;
width: 12px;
height: 15px;
}
.icon-step-one {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: -713px -528px;
width: 170px;
height: 42px;
}
.icon-step-three-transparent {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: -893px -528px;
width: 170px;
height: 42px;
}
.icon-step-three {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: -1073px -528px;
width: 170px;
height: 42px;
}
.icon-step-two-transparent {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: -1114px -468px;
width: 170px;
height: 42px;
}
.icon-step-two {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: -533px -528px;
width: 170px;
height: 42px;
}
.icon-stick_bg {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: -1370px -646px;
width: 55px;
height: 22px;
}
.icon-style-del {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: -506px -826px;
width: 32px;
height: 32px;
}
.icon-style-left {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: -338px -826px;
width: 32px;
height: 32px;
}
.icon-style-right {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: -380px -826px;
width: 32px;
height: 32px;
}
.icon-sweep {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: -528px -939px;
width: 112px;
height: 115px;
}
.icon-tags {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: -568px -618px;
width: 15px;
height: 16px;
}
.icon-tie-profile {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: -1257px -738px;
width: 14px;
height: 16px;
}
.icon-tip {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: -548px -826px;
width: 26px;
height: 26px;
}
.icon-todo {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: -1393px -704px;
width: 22px;
height: 22px;
}
.icon-top-no-vip {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: -412px -618px;
width: 16px;
height: 16px;
}
.icon-top-vip {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: -490px -618px;
width: 16px;
height: 16px;
}
.icon-uncertified_bg {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: -1210px -646px;
width: 70px;
height: 24px;
}
.icon-upload-check {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: -464px -826px;
width: 32px;
height: 32px;
}
.icon-upload-logo {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: -422px -826px;
width: 32px;
height: 32px;
}
.icon-upload {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: -1083px -704px;
width: 50px;
height: 56px;
}
.icon-vip {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: -1361px -704px;
width: 22px;
height: 22px;
}
.icon-wechat-pay {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: -292px -826px;
width: 36px;
height: 32px;
}
.icon-whitetriangle {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: -1282px -680px;
width: 14px;
height: 13px;
}
.icon-wrong {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: -680px -704px;
width: 100px;
height: 100px;
}
.icon-zhima {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: -919px -410px;
width: 410px;
height: 48px;
}
@charset "utf-8";
body,
button,
dd,
dl,
dt,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
legend,
li,
ol,
p,
select,
table,
textarea,
ul {
margin: 0;
padding: 0;
}
html,
body {
font-size: 14px;
height: 100%;
color: #333;
margin-top: 0 !important;
}
body {
overflow-y: scroll;
}
body,
button,
input,
select,
textarea {
font-family: PingFangSC-Light, 'microsoft yahei', 'helvetica neue', 'hiragino sans gb', tahoma, 'microsoft yahei ui', simsun, sans-serif;
}
button,
input[type=button],
input[type=submit],
input[type=reset],
label {
-webkit-user-select: none;
}
select,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="radio"],
input[type="checkbox"],
input[type="file"] {
cursor: pointer;
}
select {
box-sizing: content-box;
}
button {
border: 0;
}
button:focus,
input:focus,
textarea:focus {
outline: none;
}
li {
list-style: none;
}
b,
em,
i {
font-style: normal;
font-weight: 400;
}
a {
text-decoration: none;
color: #999999;
}
a:hover {
color: #00b38a;
}
img {
border: 0;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: #ccc;
font-size: 14px;
}
.xxc-btn {
height: 36px;
min-width: 24px;
padding: 0 20px;
border-radius: 3px;
background: #00B38A;
color: #fff;
border: 1px solid #00b38a;
line-height: 34px;
text-align: center;
display: inline-block;
cursor: pointer;
outline: 0;
}
.xxc-btn.weak {
background: #fcfcfc;
color: #00B38A;
}
.xxc-btn.full-width {
width: 400px;
height: 45px;
line-height: 43px;
font-size: 18px;
}
.xxc-btn.danger {
background: #FF3334;
border: 1px solid #FF3334;
}
.xxc-btn.cancel,
.xxc-btn.disabled {
background: #ccc;
border: 1px solid #ccc;
}
.xxc-btn.disabled {
cursor: not-allowed;
}
*,
*:after,
*:before {
box-sizing: border-box;
}
.fl {
float: left;
}
.fr {
float: right;
}
.hide,
.none {
display: none !important;
}
.clearfix:after,
.clearfix:before {
display: table;
}
.clr:after {
content: "";
display: table;
clear: both;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
.overflow-h {
overflow: hidden;
}
.text-ellipsis {
white-space: nowrap;
overflow: hidden;
-o-text-overflow: ellipsis;
/* Opera */
text-overflow: ellipsis;
/* IE, Safari (WebKit) */
}
.justify-fix {
text-align: justify;
}
.justify-fix:after {
content: '';
display: inline-block;
width: 100%;
height: 0;
}
.justify-fix li {
display: inline-block;
}
.text-danger {
color: #f33;
}
.text-default {
color: #999;
}
.text-warning {
color: #f96;
}
.text-pre-pass {
color: #20b9ff;
}
.text-success {
color: #00b38a;
}
.label-danger {
background-color: #f33;
}
.label-default {
background-color: #999;
}
.label-warning {
background-color: #f96;
}
.label-success {
background-color: #00b38a;
}
[class^="icon-"],
[class*=" icon-"] {
display: inline-block;
vertical-align: middle;
margin-top: -3px;
}
a.btn {
color: #00b38a;
line-height: 30px;
}
a.btn.cancel {
color: #ccc;
}
/*form control*/
.xxc-input-text {
font-size: 14px;
/* position: relative; */
/* z-index: 1; */
height: 45px;
width: 400px;
line-height: 43px;
padding-right: 13px;
padding-left: 13px;
vertical-align: middle;
color: #333;
border: 1px solid #d5dadf;
border-radius: 2px;
outline: 0;
}
.xxc-input-text:focus,
.xxc-input-textarea:focus {
border: 1px solid #00b38a;
}
.xxc-input-textarea {
width: 400px;
display: inline-block;
padding: 5px 13px;
border: 1px solid #d5dadf;
border-radius: 2px;
color: #333;
height: 120px;
resize: none;
font-size: 14px;
}
.xxc-input-textarea :focus {
border: 1px solid #00b38a;
}
.form-ctrl-label,
.form-ctrl-label-stacked {
font-size: 14px;
cursor: pointer;
vertical-align: middle;
line-height: 1;
margin-right: 15px;
}
.form-ctrl-label .xxc-checkbox,
.form-ctrl-label-stacked .xxc-checkbox,
.form-ctrl-label .xxc-radio,
.form-ctrl-label-stacked .xxc-radio {
width: 14px;
height: 14px;
vertical-align: -3px;
margin-right: 5px;
-webkit-appearance: none;
-moz-appearance: none;
outline: none;
cursor: pointer;
background-image: url(https://img1.xiaoxiancai.com.cn/src/img/fe9544b7.sprite1.png);
}
.form-ctrl-label .xxc-checkbox,
.form-ctrl-label-stacked .xxc-checkbox {
background-position: -14px -21px;
}
.form-ctrl-label .xxc-radio,
.form-ctrl-label-stacked .xxc-radio {
background-position: -35px -14px;
}
.form-ctrl-label .xxc-checkbox:checked,
.form-ctrl-label-stacked .xxc-checkbox:checked,
.form-ctrl-label .xxc-checkbox:checked:hover,
.form-ctrl-label-stacked .xxc-checkbox:checked:hover {
background-position: -21px 0px;
}
.form-ctrl-label .xxc-checkbox:disabled,
.form-ctrl-label-stacked .xxc-checkbox:disabled,
.form-ctrl-label .xxc-checkbox:disabled:hover,
.form-ctrl-label-stacked .xxc-checkbox:disabled:hover {
background-position: 0px -21px;
cursor: not-allowed;
}
.form-ctrl-label .xxc-radio:checked,
.form-ctrl-label-stacked .xxc-radio:checked,
.form-ctrl-label .xxc-radio:checked:hover,
.form-ctrl-label-stacked .xxc-radio:checked:hover {
background-position: -35px 0px;
}
.form-ctrl-label .xxc-radio-special,
.form-ctrl-label-stacked .xxc-radio-special,
.form-ctrl-label .xxc-checkbox-special,
.form-ctrl-label-stacked .xxc-checkbox-special {
display: none;
margin-right: 20px;
}
.form-ctrl-label .xxc-radio-special + span,
.form-ctrl-label-stacked .xxc-radio-special + span,
.form-ctrl-label .xxc-checkbox-special + span,
.form-ctrl-label-stacked .xxc-checkbox-special + span {
position: relative;
display: inline-block;
padding: 0 15px;
height: 40px;
line-height: 38px;
color: #747474;
text-align: center;
border: 1px solid #d5dadf;
border-radius: 2px;
cursor: pointer;
}
.form-ctrl-label .xxc-radio-special:checked + span,
.form-ctrl-label-stacked .xxc-radio-special:checked + span,
.form-ctrl-label .xxc-checkbox-special:checked + span,
.form-ctrl-label-stacked .xxc-checkbox-special:checked + span {
border-color: #00B38A;
border-width: 2px;
line-height: 36px;
padding: 0 14px;
}
.form-ctrl-label .xxc-radio-special:checked + span:after,
.form-ctrl-label-stacked .xxc-radio-special:checked + span:after,
.form-ctrl-label .xxc-checkbox-special:checked + span:after,
.form-ctrl-label-stacked .xxc-checkbox-special:checked + span:after {
content: '';
position: absolute;
top: 0;
right: 0;
width: 21px;
height: 21px;
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/fe9544b7.sprite1.png);
background-position: 0px 0px;
}
.form-ctrl-label-stacked {
display: block;
margin-bottom: 10px;
}
.xxc-input-group {
width: 400px;
position: relative;
}
.xxc-input-group .xxc-input-text {
width: 369px;
padding-right: 40px;
}
.xxc-input-group .inc-dec {
position: absolute;
bottom: 0;
top: 0;
right: 0;
width: 32px;
border: 1px solid #d5dadf;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
border-left: none;
}
.xxc-input-group .inc-dec:after {
content: '';
display: inline-block;
width: 100%;
height: 1px;
position: absolute;
top: 50%;
background-color: #d5dadf;
}
.xxc-input-group .inc-dec a {
display: block;
width: 100%;
height: 50%;
position: relative;
}
.xxc-input-group .inc-dec i {
position: absolute;
left: 50%;
margin-left: -5px;
}
.xxc-input-group .inc-dec .up i {
top: 9px;
}
.xxc-input-group .inc-dec .down i {
bottom: 5px;
}
.xxc-input-group .unit {
position: absolute;
right: 40px;
line-height: 45px;
}
/*panel*/
.panel {
border: 1px solid #e9eaec;
border-radius: 3px;
}
.panel .panel-heading {
padding: 15px;
background-color: #fafafa;
font-size: 16px;
color: #333;
}
/*tab*/
.xxc-tab {
position: relative;
}
.xxc-tab .xxc-tablist li {
display: inline-block;
}
.xxc-tab .xxc-tablist li a {
display: block;
padding: 0 15px;
line-height: 40px;
color: #333;
}
.xxc-tab .xxc-tablist li :hover {
color: #00b38a;
}
.xxc-tab .xxc-tablist .cur a {
color: #00b38a;
border-bottom: 3px solid #00b38a;
}
/*dropdown*/
.dropdown-btn-style {
font-size: 12px;
background-color: #fff;
}
.js-dropdown .xxc-dropdown .xxc-dropdown-link {
width: 400px;
height: 40px;
line-height: 40px;
max-width: none;
}
.js-dropdown .xxc-dropdown .xxc-dropdown-menu li a {
height: 40px;
line-height: 40px;
}
.js-dropdown li {
margin-top: 0px;
}
.xxc-dropdown {
display: inline-block;
vertical-align: middle;
position: relative;
font-size: 14px;
line-height: 1;
background-color: #fff;
}
.xxc-dropdown .xxc-dropdown-link {
display: block;
height: 30px;
line-height: 28px;
color: #999;
border: 1px solid #d5dadf;
border-radius: 2px;
padding: 0 49px 0 10px;
white-space: nowrap;
overflow: hidden;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.xxc-dropdown .xxc-dropdown-link i.icon-dropdown-caret {
position: absolute;
top: 50%;
right: 7px;
}
.xxc-dropdown :hover {
background-color: #F2F2F2;
border-color: #c5c6c7;
}
.xxc-dropdown .xxc-dropdown-menu {
display: none;
position: absolute;
z-index: 3;
margin-top: 5px;
left: 0;
right: auto;
border-radius: 2px;
border: 1px solid #D1D2D3;
background-color: #fff;
max-width: 100%;
top: 100%;
min-width: 100%;
-webkit-transition: all .3s;
}
.xxc-dropdown .xxc-dropdown-menu li a {
display: block;
height: 27px;
line-height: 27px;
color: #171d25;
padding: 0 10px;
text-align: left;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
}
.xxc-dropdown .xxc-dropdown-menu .selected a {
background-color: #00B38A;
color: #fff;
}
.xxc-dropdown .xxc-dropdown-menu .disabled a {
background-color: #fff;
color: #999;
cursor: not-allowed;
}
.xxc-dropdown-allow-hover:hover .xxc-dropdown-menu,
.xxc-menu-active .xxc-dropdown-menu {
display: block;
-webkit-transition: all .3s;
}
.xxc-dropdown-btn-lg-style {
width: 400px;
}
.xxc-dropdown-btn-lg-style .xxc-dropdown-link {
width: 400px;
max-width: 400px;
height: 40px;
line-height: 38px;
}
.xxc-dropdown-btn-lg-style .xxc-dropdown-menu li a {
height: 37px;
line-height: 37px;
}
/*进度条*/
.step-levels li {
position: relative;
padding-left: 28px;
margin-top: 28px;
}
.step-levels li .state {
color: #333;
}
.step-levels li .state .desc {
margin-right: 20px;
}
.step-levels li .state .date,
.step-levels li .state .time {
color: #999;
margin-right: 10px;
}
.step-levels li:before {
position: absolute;
content: '';
left: 0;
top: 2px;
width: 16px;
height: 16px;
background-color: #fff;
border: 2px solid #e3e3e3;
border-radius: 50%;
}
.step-levels li:after {
position: absolute;
content: '';
left: 7px;
top: 22px;
width: 2px;
height: 20px;
background-color: #d5dadf;
}
.step-levels li:first-child {
margin-top: 0;
}
.step-levels li:first-child:before {
border-color: #00b38a;
}
.step-levels li:first-child:after {
background-color: #00b38a;
}
.step-levels li.last:after {
display: none;
}
/*搜索*/
.search-box {
padding-bottom: 20px;
}
.search-box #searchForm {
padding: 0 111px 0 0;
height: 40px;
width: 756px;
font-size: 0;
background-color: #fff;
border: 1px solid #00b38a;
box-sizing: border-box;
display: block;
position: relative;
outline: none;
}
.search-box #searchForm .searchFormDiv {
margin: 0;
padding: 0;
border-width: 0;
display: block;
}
.search-box #searchForm .searchFormDiv .category {
position: relative;
width: 98px;
height: 28px;
margin: 5px 0;
line-height: 28px;
text-align: center;
color: #333;
font-size: 12px;
float: left;
cursor: pointer;
border-right: 1px solid #d5dadf;
}
.search-box #searchForm .searchFormDiv .category i {
position: absolute;
right: 6px;
top: 50%;
}
.search-box #searchForm .searchFormDiv .category ul {
position: absolute;
left: -1px;
right: -1px;
top: 34px;
border: 1px solid #00b38a;
border-top: none;
background-color: #fff;
z-index: 9;
}
.search-box #searchForm .searchFormDiv .category ul li.selected {
background-color: #00b38a;
}
.search-box #searchForm .searchFormDiv .category ul li.selected a {
color: #fff;
}
.search-box #searchForm .searchFormDiv input[name="keyword"] {
width: 523px;
padding-left: 17px;
height: 38px;
line-height: 38px;
border-width: 0;
font-size: 12px;
outline: none;
}
.search-box #searchForm .right-tools {
position: absolute;
right: 111px;
}
.search-box #searchForm .search-btn {
width: 120px;
height: 38px;
line-height: 38px;
color: #fff;
text-align: center;
background-color: #00b38a;
border-width: 0;
right: 0;
top: 0;
position: absolute;
outline: none;
}
/*dialog*/
.dialog-container .xxc-rich-dialog {
background-color: #fff;
border-radius: 4px;
padding: 20px 30px 30px;
}
.dialog-container .xxc-rich-dialog .xxc-rich-dialog-hd {
padding-bottom: 10px;
border-bottom: 1px solid #d5dadf;
position: relative;
}
.dialog-container .xxc-rich-dialog .xxc-rich-dialog-hd strong {
color: #00b38a;
font-size: 18px;
font-weight: normal;
}
.dialog-container .xxc-rich-dialog .xxc-rich-dialog-hd .xxc-btn-close {
position: absolute;
right: 0;
top: 4px;
background-color: #fff;
}
.dialog-container .xxc-rich-dialog .xxc-rich-dialog-bd {
min-height: 50px;
padding: 20px 0;
}
.dialog-container .xxc-rich-dialog .xxc-rich-dialog-bd table {
width: 100%;
}
.dialog-container .xxc-rich-dialog .xxc-rich-dialog-bd table tr td {
text-align: center;
}
.dialog-container .xxc-rich-dialog .xxc-rich-dialog-bd table tr span {
font-size: 18px;
line-height: 30px;
}
.dialog-container .xxc-rich-dialog .xxc-rich-dialog-ft .xxc-rich-dialog-ft-btn-wrap {
text-align: center;
position: relative;
z-index: 0;
}
.dialog-container .xxc-rich-dialog .xxc-rich-dialog-ft .xxc-rich-dialog-ft-btn-wrap > .xxc-btn {
margin: 0 5px;
}
.mask-out {
animation: fade-out 0.2s;
-webkit-animation: fade-out 0.2s;
}
.mask-in {
animation: fade-in 0.2s;
-webkit-animation: fade-in 0.2s;
}
@keyframes fade-out {
100% {
opacity: 0;
}
}
@keyframes fade-in {
0% {
opacity: 0;
}
}
/*tips*/
.top-alert {
height: 40px;
top: 115px;
left: 50%;
min-width: 400px;
padding-top: 5px;
position: fixed;
text-align: center;
}
.top-alert span {
border-radius: 2px;
color: #000;
display: inline-block;
font-size: 12px;
height: 40px;
line-height: 38px;
overflow: hidden;
padding: 0 22px;
word-break: break-all;
word-wrap: break-word;
}
.top-alert span.top-alert-icon-waring {
background-color: #ff6666;
border: 1px solid #ff3333;
color: #fff;
}
.top-alert span.top-alert-icon-done {
background-color: #80d9c5;
border: 1px solid #00b389;
}
.top-alert span.top-alert-icon-doing {
background-color: #fff;
border: 1px solid #d1d2d3;
}
.top-alert .fade-out {
animation: fade-out 0.3s;
-webkit-animation: fade-out 0.3s;
}
/*filter*/
dl.filter {
display: table-row;
}
dl.filter dt {
display: table-cell;
color: #666;
text-align: right;
line-height: 31px;
padding-right: 8px;
padding-bottom: 8px;
word-break: keep-all;
}
dl.filter .list {
height: 30px;
overflow: hidden;
padding-right: 45px;
width: 1048px;
}
dl.filter .list.options-expanded {
height: auto;
}
dl.filter .more {
position: absolute;
right: 0;
top: 0;
}
dl.filter dd {
display: table-cell;
padding-bottom: 8px;
position: relative;
}
dl.filter dd span {
display: inline-block;
cursor: pointer;
padding: 2px 10px;
color: #999;
margin: 4px 0 0 6px;
}
dl.filter dd span:hover {
color: #00b38a;
}
dl.filter dd .selected,
dl.filter dd .selected:hover {
background-color: #00b38a;
color: #fff;
border-radius: 2px;
}
/*pagination*/
.pagination {
text-align: center;
padding: 20px 0;
}
.pagination li {
display: inline-block;
border: 1px solid #d5dadf;
margin-right: 5px;
border-radius: 3px;
font-size: 12px;
}
.pagination li a,
.pagination li span {
display: block;
padding: 4px 10px;
color: #666;
}
.pagination li.disabled a {
color: #ccc;
cursor: not-allowed;
}
.pagination li.active {
background-color: #00b38a;
border-color: #00b38a;
}
.pagination li.active a {
color: #fff;
}
/*表单控件*/
.form-list {
display: table;
}
.form-list > li {
display: table-row;
}
.form-list > li .form-label,
.form-list > li .form-input {
display: table-cell;
vertical-align: top;
padding-bottom: 20px;
}
.form-list > li .form-label {
line-height: 42px;
text-align: right;
}
.form-list > li .form-label label {
display: inline-block;
color: #333;
padding-right: 20px;
white-space: nowrap;
}
.form-list > li .form-label.required label:before {
display: inline-block;
content: '*';
vertical-align: middle;
color: #f00;
margin-right: 3px;
}
/*表单 校验*/
.is-error .xxc-input-text,
.is-error .xxc-input-text:focus,
.is-error .xxc-input-text:hover,
.is-error .xxc-input-textarea,
.is-error .xxc-input-textarea:focus,
.is-error .xxc-input-textarea:hover {
border-color: #f00;
}
.is-error .form-ctrl-label,
.is-error .form-input-help {
color: #E1504A;
}
.is-error .form-input-help {
display: block;
}
.is-error .valid-bubble {
display: block;
}
/* tag list*/
.labels .label {
padding: 0px 20px 0 10px;
height: 29px;
line-height: 27px;
color: #999;
background-color: #fff;
border: 1px solid #d5dadf;
border-radius: 2px;
position: relative;
display: inline-block;
margin-right: 10px;
}
.labels .label i {
position: absolute;
right: 5px;
top: 14px;
margin-top: -5px;
cursor: pointer;
}
.labels .add-label-btn {
display: inline-block;
}
.labels .add-label-btn .xxc-btn {
height: 29px;
line-height: 27px;
padding: 0 10px;
}
.labels .add-label-btn .tag-input {
width: 92px;
padding: 0 4px;
color: #999;
display: none;
height: 29px;
line-height: 27px;
color: #00b38a;
background-color: #fff;
border: 1px solid #d5dadf;
border-radius: 2px;
}
.labels .add-label-btn .tag-input:focus {
border: 1px solid #00b38a;
}
/*table*/
.xxc-table {
width: 100%;
text-align: left;
border: 1px solid #d5dadf;
border-collapse: collapse;
}
.xxc-table thead {
background-color: #f2f2f2;
color: #000;
}
.xxc-table thead th {
padding: 10px 20px;
font-weight: normal;
}
.xxc-table tbody tr {
color: #666;
}
.xxc-table tbody tr:hover {
background-color: #fcfcfc;
cursor: pointer;
}
.xxc-table tbody td {
padding: 16px 20px;
border-bottom: 1px solid #e8ebef;
}
.xxc-table tbody td a {
color: #00b38a;
}
/* InputNumber Counter*/
.xxc-input-number {
border: 1px solid #ccc;
display: inline-block;
border-radius: 2px;
}
.xxc-input-number span {
cursor: pointer;
background-color: #f0f0f0;
height: 30px;
line-height: 28px;
width: 30px;
text-align: center;
display: inline-block;
}
.xxc-input-number span.decrease {
border-right: 1px solid #ccc;
}
.xxc-input-number span.increase {
border-left: 1px solid #ccc;
}
.xxc-input-number input {
display: inline-block;
width: 40px;
border: none;
color: #666;
font-size: 14px;
text-align: center;
}
.footer {
height: 90px;
background: #f2f2f2;
}
.xxc-footer {
font-size: 14px;
color: #666666;
display: table;
min-width: 1263px;
margin: 17px auto 10px;
}
.xxc-footer > div {
display: inline-block;
vertical-align: middle;
margin-right: 72px;
}
.xxc-footer a {
display: inline-block;
vertical-align: middle;
margin-right: 72px;
cursor: pointer;
color: #666666;
font-size: 14px;
}
.xxc-footer a:hover {
color: #00b38a;
}
.xxc-footer-two {
position: relative;
cursor: pointer;
}
.xxc-footer-two:hover .tooltip {
display: block;
}
.xxc-footer-two:hover {
color: #00b38a;
}
.xxc-footer-two-img {
width: 160px;
overflow: hidden;
}
.xxc-footer-two-img img {
display: block;
margin: 15px auto 0;
width: 124px;
height: 124px;
}
.xxc-footer-img {
height: 16px;
}
.xxc-footer-img img {
height: 16px;
}
.xxc-footer-span {
text-align: center;
color: #999999;
font-size: 14px;
}
.tooltip {
height: 176px;
display: none;
padding-bottom: 10px;
color: #666666;
font-size: 12px;
text-align: center;
border-radius: 5px;
position: absolute;
top: -190px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
background: white;
-webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.2);
}
.tooltip-p {
margin-bottom: 7px;
}
.tooltip__arrow {
width: 50px;
height: 25px;
position: absolute;
top: 100%;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
overflow: hidden;
}
.tooltip__arrow::after {
content: "";
position: absolute;
width: 13px;
height: 13px;
background: white;
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
transform: translateX(-50%) translateY(-50%) rotate(45deg);
top: 0;
left: 50%;
-webkit-box-shadow: 1px 1px 20px 0px rgba(0, 0, 0, 0.4);
box-shadow: 1px 1px 20px 0px rgba(0, 0, 0, 0.4);
}
@font-face {
font-family: "headImgIcon";
src: url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAALcAAsAAAAABqwAAAKPAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCCcAqBOIE8ATYCJAMICwYABCAFhG0HLxvhBRFFZMh+DribybLV6PI9ZpntWxh9XG8zMoqSMjNzx8P3a6/n7ru7eSFUiDI/qkCa2XZ85bdVrWVla3Smno3Yrek6XBEGGaG6JOdbz/IdSbvTy4etcRqhEA6EBIlD4vDzxgeq9hshNe3EY93NPOpv6uY3NdDuybNwL8MxVf83SAMsn7h3+n/jvAtkvvPKZY5Jk7oA44AC3AujQAIukAC8YXr5ggbyPoExq47FtcT1QJX0skC8bcYa1FxUSlaoQlezN8VHrdq8bx4sH8Lvx39xVBptoVtuktOBSx/TlJRhT576hBgBHW5RcIwk7tZmr1tFMGYxJpg2kTLxq+t7bBd7/fNER9dPgGUovSeZk98qfwOSegZ4iOj5BmViYuXCuc+YJ0QgZchujz++/ELxZkF4jVetF5z1kPO9nW4LoX+0X7ytLt31/593I/LFXldacu1MXwcNGWfroIRu8+m7TuU6O+9BKyAJJsY0ao5WCLC2RBj5FD8TnL77By+sc786S/DzF5rCBf0wrTJEPaMv+HOyngMpFNrR5LE7A42BckdtY8bQQ8FhznuscfE2i6FavFn/iJUURbVNJv0YrXEn6FQXMeZIenjcPOGKHMWhK0CYcUNjyg8UM55k0l9oLfmiMxMuxtyP+TPH7UbjXRXMFEvIT9AUPJJ1qBc1LrHa9ZlkFSFri2KaBER+WCykOKLMscHsq1iVgIQHSMBj2PcMk3CLhfq16rQIAqp7kV/wYHmuEiijUAnkTkCjwEbkj1Ze6fNLqLLTy0hLXy68hYTRTA4ivrAHmWrHXn338oyxV4kpRQARbAASMAv1egxM9bNaqKB89Yj0ZCEww6iv1l9fP3zdMRijTU2YKUX7pmeDlgUA') format('woff2');
}
.headImgIcon {
font-family: "headImgIcon" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.headImgIcon-close:before {
content: "\E606";
}
.header-img {
width: 100%;
position: relative;
}
.header-img img {
width: 100%;
display: block;
}
.header-img a {
display: block;
}
.header-img-btn {
position: absolute;
right: 10px;
top: 10px;
z-index: 99999;
cursor: pointer;
}
.change-position-notice {
width: 100%;
background: #E5F3F0;
line-height: 45px;
}
.change-position-notice-dingwei {
width: 1200px;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.change-position-notice-txt {
width: 100%;
color: #00B38A;
text-align: center;
}
.change-position-notice .icon-guanbi {
font-size: 16px;
cursor: pointer;
color: #00B38A;
}
.new_position_updata_pop {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.6);
z-index: 999;
}
.new_position_updata_pop-com {
width: 400px;
height: 160px;
margin: 300px auto;
background: white;
border-radius: 5px;
padding: 25px 25px 0;
position: relative;
}
.new_position_updata_pop .updata_pop-com-title {
font-size: 14px;
font-weight: bold;
}
.new_position_updata_pop .updata_pop-com-title .icon-warn {
font-size: 23px;
color: #1890FF;
margin-right: 5px;
}
.new_position_updata_pop .updata_pop-com-con {
margin-top: 10px;
font-size: 14px;
color: #666666;
padding-left: 32px;
}
.new_position_updata_pop .updata_pop-com-btns {
position: absolute;
bottom: 22px;
right: 33px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.new_position_updata_pop .updata_pop-com-btns-confirm {
padding: 5px 15px;
background: #1890FF;
color: white;
border-radius: 3px;
margin-left: 15px;
cursor: pointer;
}
.new_position_updata_pop .updata_pop-com-btns-cancel {
padding: 5px 15px;
border: 1px solid whitesmoke;
color: #666666;
border-radius: 3px;
cursor: pointer;
}
.new_position_updata_pop .updata_pop-com-btns-submit {
padding: 8px 35px;
background: #00b38a;
color: white;
border-radius: 3px;
margin-left: 15px;
cursor: pointer;
}
.none {
display: none;
}
.helper-icon {
font-size: 12px;
border-radius: 50%;
width: 16px;
height: 16px;
line-height: 15px;
text-align: center;
display: inline-block;
border: 1px solid #a0a0a0;
position: relative;
}
.helper-icon-show {
position: absolute;
left: 50%;
top: 27px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
display: none;
z-index: 999;
}
.helper-icon-up {
width: 0;
height: 0;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #545454;
margin: 0 auto;
}
.helper-icon-block {
white-space: nowrap;
background: #545454;
padding: 5px 7px;
border-radius: 5px;
color: rgba(255, 255, 255, 0.9);
}
.helper-icon:hover {
color: #a0a0a0;
}
.helper-icon:hover .helper-icon-show {
display: block;
}
.guide-one {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 777777;
}
.guide-one-ct {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.guide-one img {
width: 100%;
height: 100%;
cursor: pointer;
}
.guide-one-mask {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 777779;
background: rgba(0, 0, 0, 0.6);
}
.guide-one-tp {
position: absolute;
left: 30%;
top: 7px;
width: 547px;
height: 388px;
z-index: 777779;
}
.guide-one-tp img {
width: 100%;
height: 100%;
}
.guide-one-skip {
position: absolute;
right: 101px;
width: 137px;
height: 26px;
bottom: 0;
cursor: pointer;
}
.guide-two {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
min-width: 1359px;
z-index: 777777;
overflow: auto;
}
.guide-two img {
width: 100%;
height: 100%;
cursor: pointer;
}
.guide-two-tp {
position: absolute;
left: 32.7%;
top: 11%;
width: 47%;
z-index: 777779;
}
.guide-two-tp img {
width: 100%;
height: 100%;
}
.guide-two-skip {
position: absolute;
right: 101px;
width: 16%;
height: 10%;
top: 56%;
left: 16%;
cursor: pointer;
}
.guide-three {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 777777;
}
.guide-three img {
width: 100%;
height: 100%;
cursor: pointer;
}
.guide-three-one {
position: absolute;
left: 39%;
top: 17px;
z-index: 777779;
}
.guide-three-down {
position: absolute;
right: 21.7%;
bottom: 36%;
z-index: 777779;
}
.guide-three-btn {
position: absolute;
top: 45px;
width: 150px;
height: 50px;
left: 0;
z-index: 777779;
cursor: pointer;
}
.header-down {
background: url("https://img1.xiaoxiancai.com.cn/company/otherImg/img/toparrowdown.png");
width: 10px;
height: 6px;
background-size: 10px 6px;
background-position: 0 0;
display: inline-block;
vertical-align: middle;
margin-top: -3px;
}
.xxc-search-circle {
position: absolute;
left: 511px;
top: 8px;
color: #ffffff;
font-size: 12px;
text-align: center;
line-height: 17px;
height: 18px;
border-radius: 9px;
padding: 0 3px;
background: #ff0000;
}
.xxc-rights-circle {
position: absolute;
left: 735px;
top: 8px;
color: #ffffff;
font-size: 12px;
text-align: center;
line-height: 14px;
height: 18px;
border-radius: 9px;
padding: 0 5px;
background: #ff0000;
}
.icon-phone-c {
background-image: url('//img1.xiaoxiancai.com.cn/career/80ea221b06ae6983f135ca199526d469.png');
background-position: 0 0;
width: 18px;
height: 18px;
background-size: 18px 18px;
background-repeat: no-repeat;
float: left;
margin-left: 40px;
margin-right: 20px;
margin-top: 3px;
}
.icon-email-c {
background-image: url('//img1.xiaoxiancai.com.cn/career/6455aafb589287f31c3ad1f1278999b0.png');
background-position: 0px 0;
width: 20px;
height: 14px;
background-size: 20px 14px;
background-repeat: no-repeat;
float: left;
margin-left: 40px;
margin-right: 20px;
margin-top: 3px;
}
.footer-content {
width: 100%;
background-color: #ffffff;
}
.footer-content .edu-footer {
width: 1200px;
height: 180px;
margin: 0 auto;
position: relative;
padding-top: 40px;
}
.footer-content .edu-footer ul {
width: 450px;
float: left;
margin-right: 20px;
text-align: center;
}
.footer-content .edu-footer ul li {
float: left;
margin-left: 100px;
text-align: left;
}
.footer-content .edu-footer ul li:first-child {
margin-left: 0;
}
.footer-content .edu-footer ul li p:nth-child(1) {
font-size: 16px;
color: #000000;
padding-bottom: 10px;
margin-bottom: 10px;
}
.footer-content .edu-footer ul li p {
font-size: 14px;
padding-bottom: 7px;
}
.footer-content .edu-footer ul li p a {
color: #666666;
}
.footer-content .about {
border-bottom: 2px solid #00b38a;
}
.footer-content .about a {
color: #000000 !important;
}
.footer-content .about-last {
width: 64px;
border-bottom: 2px solid #00b38a;
}
.footer-content .about-last a {
color: #000000 !important;
}
.footer-content .img-container {
width: 116px;
height: 116px;
float: right;
}
.footer-content .img-container img {
width: 100px;
display: block;
margin: 0 auto;
}
.footer-content .img-container div {
text-align: center;
font-size: 12px;
margin-top: 10px;
color: #666;
}
.footer-content .about-tel {
width: 344px;
height: 115px;
float: left;
border-left: 1px solid #e0e0e0;
}
.footer-content .about-tel span {
font-size: 14px;
color: #666666;
}
.footer-content .about-tel div:first-child {
margin-top: 33px;
margin-bottom: 20px;
}
.xxc-kxlogo {
padding-top: 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 62px;
background: #00b38a;
}
.xxc-kxlogo-a {
height: 47px;
line-height: 40px;
display: inline-block;
vertical-align: middle;
margin-top: -42px;
}
.xxc-icp {
padding-left: 10px;
padding-right: 15px;
}
.xxc-beian {
color: #ffffff;
padding-right: 15px;
}
.xxc-beian-icon {
background-image: url("//img1.xiaoxiancai.com.cn/career/68cac11d6f554c647ae5df4a813ef001.png");
width: 20px;
height: 20px;
background-position: 0 0;
background-size: 20px 20px;
background-repeat: no-repeat;
display: inline-block;
vertical-align: middle;
margin-bottom: 6px;
margin-left: 15px;
}
.xxc-beian:hover {
text-decoration: underline;
}
/*.icon-phone,
.icon-email {
float: left;
margin-left: 40px;
margin-right: 20px;
margin-top: 3px;
}*/
.total-footer {
width: 100%;
height: 102px;
line-height: 40px;
font-size: 14px;
color: #ffffff;
text-align: center;
background-color: #00b38a;
}
.trtc-mask {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.6);
overflow: auto;
}
.trtc-block {
width: 400px;
height: 660px;
position: relative;
margin: 50px auto;
}
.trtc-c {
width: 400px;
height: 600px;
background: #0a0a0a;
}
.trtc-o {
position: absolute;
width: 120px;
height: 170px;
right: 20px;
top: 20px;
}
.trtc-close {
width: 52px;
height: 52px;
background: url("//img1.xiaoxiancai.com.cn/career/bcd3e3e83d799841499431b78bdd45df.png");
background-size: 52px 52px;
background-repeat: no-repeat;
background-position: 0 0;
position: absolute;
bottom: 97px;
right: 70px;
cursor: pointer;
}
.trtc-start {
width: 52px;
height: 52px;
background: url("//img1.xiaoxiancai.com.cn/career/3906fe60864af57821cb6d3a592d78d3.png");
background-size: 52px 52px;
background-repeat: no-repeat;
background-position: 0 0;
position: absolute;
bottom: 97px;
left: 70px;
cursor: pointer;
}
.trtc-close-a {
left: 50%;
margin-left: -20px;
}
body {
background-color: #f8f8f8;
}
.double-tip {
font-size: 14px;
color: #ffffff;
text-align: center;
width: 100%;
}
.double-ct {
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -57%);
transform: translate(-50%, -57%);
width: 450px;
position: absolute;
}
.double-ct div {
position: absolute;
cursor: pointer;
}
.online-to {
width: 360px;
height: 70px;
bottom: 110px;
left: 43px;
}
.online-to-det {
width: 264px;
height: 57px;
left: 95px;
bottom: 87px;
}
.double-close {
width: 67px;
height: 57px;
right: -44px;
top: -25px;
z-index: 999999;
color: white;
font-size: 47px;
}
.double-img {
width: 450px;
}
.opinion-ct {
position: fixed;
top: 0;
right: 0;
left: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.6);
z-index: 1000;
}
.opinion-block {
width: 500px;
border-radius: 3px;
margin: 190px auto;
background: #ffffff;
overflow: hidden;
}
.opinion-block-tp {
height: 50px;
color: #333;
line-height: 50px;
padding: 0 20px;
font-size: 16px;
}
.opinion-block-tp .icon-close {
margin-top: 20px;
float: right;
cursor: pointer;
}
.opinion-block-label {
height: 50px;
color: #333;
font-size: 16px;
padding: 0 20px;
line-height: 50px;
background: #F2F2F2;
}
.opinion-block-select {
padding: 10px 20px;
}
.opinion-block-radio {
color: #666;
font-size: 14px;
margin: 10px 0;
}
.opinion-block-radio label {
padding-left: 5px;
cursor: pointer;
width: 100px;
display: inline-block;
}
.opinion-block-textarea textarea {
width: 100%;
padding: 20px;
border: none;
resize: none;
height: 120px;
outline: none;
color: #333;
}
.opinion-block-btn {
width: 190px;
height: 40px;
border-radius: 3px;
line-height: 40px;
text-align: center;
font-size: 16px;
background: #00b38a;
color: #fff;
margin: 30px auto 20px;
cursor: pointer;
}
.icon-side-feedback {
background-image: url(//assets.xiaoxiancai.com.cn/home/sprite/sprite.png);
background-position: -146px -360px;
width: 22px;
height: 22px;
background-size: 481px 452px;
background-repeat: no-repeat;
}
.side-feedback {
width: 50px;
height: 50px;
border: 1px solid #ddd;
-webkit-box-sizing: content-box;
box-sizing: content-box;
position: relative;
overflow: hidden;
cursor: pointer;
}
.side-feedback .side-box {
display: block;
width: 100%;
height: auto;
background: #fff;
position: absolute;
left: 0;
top: 0;
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
.side-feedback .side-box span {
display: block;
width: 50px;
height: 50px;
background: #fff;
overflow: hidden;
font-size: 14px;
color: #68c1ff;
line-height: 16px;
padding-top: 8px;
text-align: center;
}
.side-feedback .side-box span i {
display: block;
margin: 6px auto 0;
}
.side-feedback:hover .side-box {
top: -50px;
}
@font-face {
font-family: "n_s_menu_iconfont";
/* Project id */
src: url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2');
}
.n_s_menu_iconfont {
font-family: "n_s_menu_iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-n_weixin:before {
content: "\E695";
}
.icon-n_shouye:before {
content: "\E637";
}
.icon-n_weixin1:before {
content: "\E856";
}
.icon-n_weixin2:before {
content: "\E782";
}
.icon-n_yijianfankui:before {
content: "\E85F";
}
.icon-n_huaban28:before {
content: "\E701";
}
.new-side-menu {
width: 58px;
position: fixed;
right: 10px;
bottom: 20%;
z-index: 900;
background: #FFFFFF;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 5px;
}
.new-side-menu-ul {
padding: 0 10px;
text-align: center;
}
.new-side-menu-li {
border-top: 1px solid rgba(0, 0, 0, 0.1);
padding: 10px 0px 5px;
cursor: pointer;
position: relative;
}
.new-side-menu-li-txt {
font-size: 12px;
font-family: PingFang SC;
font-weight: 300;
color: #666666;
padding: 3px;
}
.new-side-menu-li .n_s_menu_iconfont {
font-size: 28px;
color: #777777;
}
.new-side-menu-li .icon-n_huaban28 {
font-size: 34px;
}
.new-side-menu-li .icon-n_yijianfankui {
font-size: 26px;
}
.new-side-menu-li .icon-n_weixin2 {
font-size: 30px;
}
.new-side-menu-li-pop {
display: none;
background: #FFFFFF;
-webkit-box-shadow: 0px 0px 8px 0px rgba(192, 192, 192, 0.5);
box-shadow: 0px 0px 8px 0px rgba(192, 192, 192, 0.5);
border-radius: 5px;
width: 170px;
padding: 15px 0;
text-align: center;
position: absolute;
top: 50%;
right: 50px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.new-side-menu-li-pop-com-t {
line-height: 16px !important;
}
.new-side-menu-li-pop-com img {
width: 100px;
height: 100px;
margin-bottom: 10px;
}
.new-side-menu-li-pop p {
font-size: 12px;
font-family: PingFang SC;
font-weight: 400;
color: #00B38A;
line-height: 25px;
}
.new-side-menu-li:first-child {
border-top: none;
}
.new-side-menu-li:hover .n_s_menu_iconfont,
.new-side-menu-li:hover .new-side-menu-li-txt {
color: #00B38A;
}
.new-side-menu-li:hover .new-side-menu-li-pop {
display: block;
}
.footer-auth {
padding-top: 15px;
margin: 0 auto;
display: table;
}
.xxc-icp {
padding-left: 10px;
padding-right: 15px;
}
.xxc-beian {
padding-right: 15px;
}
.xxc-beian-icon {
background-image: url("//img1.xiaoxiancai.com.cn/career/68cac11d6f554c647ae5df4a813ef001.png");
width: 20px;
height: 20px;
background-position: 0 0;
background-size: 20px 20px;
background-repeat: no-repeat;
display: inline-block;
vertical-align: middle;
margin-bottom: 6px;
margin-left: 15px;
}
.xxc-beian:hover {
text-decoration: underline;
color: #ffffff;
}
.cful-block {
width: 422px;
height: 567px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -320px;
margin-left: -211px;
}
.cful-block img {
width: 100%;
height: 100%;
}
.cful-block-close {
width: 70px;
height: 70px;
cursor: pointer;
position: absolute;
top: 0;
right: 88px;
}
.cful-block-btn {
width: 170px;
height: 80px;
cursor: pointer;
position: absolute;
bottom: 0;
right: 80px;
}
.follow-code {
position: fixed;
right: 2px;
top: 577px;
z-index: 99;
}
.follow-code-img {
background: url("//img1.xiaoxiancai.com.cn/career/d9e5427b2b4df4d3f054406d95948034.png");
width: 82px;
height: 89px;
background-repeat: no-repeat;
background-size: 82px 89px;
background-position: 0 0;
margin: 0 auto;
overflow: hidden;
}
.follow-code-img img {
width: 80px;
height: 80px;
margin: 1px auto;
display: block;
}
.follow-code-p {
font-size: 12px;
color: #333;
text-align: center;
}
.follow-code-p span {
color: red;
}
.three-all {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
overflow: scroll;
}
.three-all-block {
width: 716px;
height: 600px;
margin: 130px auto;
position: relative;
background: url("//img1.xiaoxiancai.com.cn/career/2869dce2c441a3a64328f03a24e0ade8.png");
background-size: 716px 600px;
background-position: 0 0;
}
.three-all-close {
position: absolute;
top: 0;
right: 0;
width: 100px;
height: 100px;
cursor: pointer;
}
.three-all-btn {
width: 445px;
height: 110px;
bottom: 0;
left: 128px;
position: absolute;
cursor: pointer;
}
.user-name-span {
overflow: hidden;
max-width: 60px;
text-overflow: ellipsis;
white-space: nowrap;
display: inline-block;
}
.bind-block {
width: 590px;
height: 550px;
background: #ffffff;
margin: 200px auto 0;
}
.bind-title {
position: relative;
text-align: center;
height: 82px;
line-height: 82px;
font-size: 22px;
font-weight: bold;
border-bottom: 1px solid #EBEBEB;
}
.bind-p1 {
text-align: center;
color: #000;
font-size: 18px;
margin-top: 20px;
}
.bind-p2 {
text-align: center;
font-size: 19px;
margin-top: 5px;
}
.bind-p2 span {
color: #FF3333;
}
.bind-ct {
width: 100%;
}
.bind-img {
width: 250px;
height: 250px;
margin: 50px auto 0;
}
.bind-img img {
width: 100%;
height: 100%;
}
.bind-p {
width: 580px;
margin: 50px auto 0;
font-size: 16px;
display: block;
color: #000;
}
.bind-p span {
color: #000;
font-weight: bold;
}
.bind-close {
position: absolute;
top: 30px;
right: 30px;
cursor: pointer;
}
.all-bt {
width: 100%;
height: 330px;
padding: 0 25px;
}
.all-bt p {
margin: 5px 0;
}
.all-bt-lf {
float: left;
width: 380px;
height: 330px;
text-align: center;
color: #000;
}
.all-bt-lf img {
width: 190px;
display: block;
margin: 0 auto;
}
.all-bt-rt {
float: right;
width: 380px;
height: 330px;
text-align: center;
color: #000;
}
.all-bt-rt img {
width: 190px;
display: block;
margin: 0 auto;
}
.all-mask {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100%;
z-index: 1001;
overflow: auto;
}
.all-mask .all-des {
position: absolute;
top: 80px;
right: 40px;
color: red!important;
text-align: left!important;
width: 240px;
}
.icon-step_left {
margin-top: -70px;
}
.all-title {
color: #000;
margin: 0px auto;
font-size: 20px;
height: 70px;
line-height: 70px;
text-align: center;
border-bottom: 1px solid #ebebeb;
}
.all-div {
position: absolute;
left: 50%;
top: 50%;
margin-left: -500px;
margin-top: -350px;
width: 1000px;
height: 700px;
background: #fff;
}
.all-div .all-img-twe {
margin: auto auto;
display: block;
width: 260px;
height: 260px;
}
.all-close {
cursor: pointer;
width: 20px;
position: absolute;
right: 30px;
top: 30px;
height: 20px;
}
#app-main {
position: relative;
min-height: 100%;
padding-bottom: 70px;
}
.main {
height: 100%;
}
.main #main-content {
height: 100%;
}
.main #main-content > div {
margin-bottom: 100px;
}
.wrapper {
position: relative;
width: 1200px;
margin: 0 auto;
height: 100%;
}
.header {
height: 55px;
background: #32373e;
}
.header .xxc-logo {
display: inline-block;
margin-top: 16px;
height: 25px;
width: 80px;
}
.header .xxc-logo img {
height: 25px;
width: 80px;
}
.header ul.nav {
margin-left: 27px;
}
.header ul.nav li {
float: left;
width: 110px;
text-align: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
}
.header ul.nav li a {
color: rgba(255, 255, 255, 0.9);
}
.header ul.nav li .js-link {
display: block;
height: 54px;
line-height: 54px;
}
.header ul.nav li:hover {
background: #24282c;
}
.header ul.nav li.cur {
background: #24282c;
}
.header .user-info {
display: table-cell;
margin-top: 10px;
position: relative;
padding-bottom: 10px;
}
.header .user-info .user-logo {
width: 34px;
height: 34px;
margin-right: 4px;
position: relative;
border: 1px solid #999999;
border-radius: 50%;
display: inline-block;
vertical-align: middle;
overflow: hidden;
}
.header .user-info .user-logo a {
display: block;
}
.header .user-info .user-logo a img {
width: 100%;
height: 100%;
}
.header .user-info .dropdown {
vertical-align: middle;
display: inline-block;
position: relative;
padding-right: 20px;
cursor: pointer;
}
.header .user-info .dropdown a {
color: rgba(255, 255, 255, 0.9);
}
.header .user-info .dropdown a:hover {
color: #00b38a;
}
.header .user-info .dropdown .user-name i {
position: absolute;
top: 50%;
right: 3px;
}
.header .user-info .dropdown-menu {
position: absolute;
top: 45px;
right: 0;
width: 140px;
background: #ffffff;
-webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
border-radius: 3px;
z-index: 99;
}
.header .user-info .dropdown-menu li {
line-height: 42px;
}
.header .user-info .dropdown-menu li a {
display: block;
width: 100%;
height: 42px;
text-align: center;
font-size: 15px;
color: #333333;
}
.header .user-info .dropdown-menu li a:hover {
color: #333333;
}
.header .user-info .dropdown-menu li:hover {
background: #f3f3f3;
}
.header .notice {
margin-top: 16px;
display: table-cell;
margin-right: 20px;
position: relative;
}
.header .notice.has-notice:after {
content: '';
display: block;
position: absolute;
right: -3px;
top: -3px;
width: 8px;
height: 8px;
background-color: #ff3232;
border-radius: 50%;
}
.main .wrapper {
background-color: #fff;
}
.footer {
width: 100%;
position: absolute;
bottom: 0;
background-color: #f2f2f2;
border-top: 1px solid #e9eaec;
/*
ul {
text-align: center;
li {
display: inline-block;
margin: 0 25px;
a {
color: #666;
line-height: 42px;
}
}
}
p {
color: #999;
padding-bottom: 10px;
}*/
}
.uploader-wrap {
width: 100% !important;
height: 100% !important;
position: absolute !important;
left: 0;
top: 0;
opacity: 0;
cursor: pointer;
}
.uploader-wrap > div {
width: 100%;
height: 100%;
}
.uploader-wrap input[type='file'] {
width: 100%;
height: 100%;
}
.bd-tp {
height: 422px;
border-bottom: 1px solid #ebebeb;
text-align: center;
color: #999999;
padding-top: 30px;
}
.bd-tp > div {
display: inline-block;
vertical-align: middle;
}
.bd-tp-step {
margin: 0 30px;
}
.bd-tp p {
margin-top: 5px;
}
.bd-bt-mid {
display: table;
margin: 0 auto;
}
.bd-bt-p {
text-align: center;
color: #000;
font-size: 14px;
margin: 30px 0;
}
.bd-bt-red {
color: red;
text-align: center;
font-size: 13px;
margin-top: 30px;
}
.icon-btn_block {
color: #40BA95;
text-align: center;
line-height: 45px;
font-size: 20px;
margin: 0 15px;
}
.resume-box {
display: none;
position: absolute;
left: -20px;
z-index: 1;
width: 110px;
background-color: #fff;
border: 1px solid #ccc;
}
.resume-box .resume-li {
display: block!important;
margin: 0 0!important;
width: 110px !important;
height: 42px;
line-height: 42px;
padding: 0 20px;
cursor: pointer;
}
.resume-box .resume-li a {
display: block;
width: 100%;
height: 100%;
color: #999;
text-align: left;
}
.resume-box .resume-li a:hover {
color: #00b38a;
}
.acct-mask {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 1001;
}
.acct-block {
position: relative;
top: 260px;
width: 470px;
margin: 0 auto;
padding: 0 20px 20px 20px;
background: #ffffff;
border-radius: 5px;
}
.acct-tp {
height: 45px;
line-height: 45px;
text-align: center;
font-size: 18px;
color: #00b38a;
border-radius: 5px 5px 0 0 ;
border-bottom: 1px solid #d5dadf;
}
.acct-mid {
padding: 20px 0 10px 0;
width: 400px;
margin: 0 auto;
}
.acct-mid input {
width: 310px;
}
.acct-mid p {
color: red;
}
.acct-btn {
margin: 0 auto;
width: 70px;
display: block!important;
}
.form-list .form-list-li .form-label {
padding-bottom: 10px;
}
.form-list .form-list-li .form-input {
padding-bottom: 10px;
}
.acct-block1 {
background: url("//img1.xiaoxiancai.com.cn/career/ddf3a4645812f1f59c8b35c40ddd8848.png");
width: 600px;
height: 585px;
background-size: 600px 585px;
background-position: 0 0;
margin: 150px auto;
position: relative;
overflow: hidden;
}
.acct-block1-close {
position: absolute;
width: 70px;
height: 70px;
right: 0;
top: 0;
cursor: pointer;
}
.acct-block1-btn {
position: absolute;
width: 230px;
left: 180px;
bottom: 17px;
cursor: pointer;
height: 68px;
}
.acct-block1-input {
position: absolute;
top: 295px;
left: 40px;
width: 100%;
padding: 0 60px;
}
.acct-block1-input div {
display: inline-block;
vertical-align: middle;
line-height: 40px;
}
.acct-block1-input input {
border: 0;
outline: none;
}
.acct-block1-input-lt {
font-size: 27px;
font-weight: bold;
}
.acct-block1-input-mid {
border-radius: 4px;
width: 270px;
margin: 0 10px;
background: #EDEDED;
}
.acct-block1-input-mid input {
text-align: center;
background: #EDEDED;
width: 270px;
font-size: 20px;
height: 38px;
}
.acct-block1-input-rt {
color: red;
height: 40px;
}
.acct-block1-tip {
color: red;
width: 470px;
margin: 376px auto 0;
font-size: 16px;
}
.acct-block1-tip p {
margin: 10px 0;
}
.acct-block1-tip-p {
padding-left: 120px;
position: relative;
}
.acct-block1-tip-s:after {
content: '\5C0F\8D24\624D\56E2\961F\63D0\9192\60A8:';
color: red;
font-size: 16px;
position: absolute;
left: -15px;
top: 0;
}
.activity-close {
position: absolute;
top: -20px;
width: 100px;
height: 80px;
right: 0px;
font-size: 20px;
color: #fff;
cursor: pointer;
}
.activity-go {
width: 450px;
height: 180px;
position: absolute;
bottom: 100px;
left: 125px;
cursor: pointer;
}
.activity-img {
margin: 150px auto 0;
position: relative;
width: 644px;
}
.activity-img img {
width: 100%;
}
.new_nacao_updata_pop {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.6);
z-index: 999;
}
.new_nacao_updata_pop-com {
width: 400px;
height: 160px;
margin: 300px auto;
background: white;
border-radius: 5px;
padding: 25px 25px 0;
position: relative;
}
.new_nacao_updata_pop .updata_nacao_pop-com-title {
font-size: 14px;
font-weight: bold;
}
.new_nacao_updata_pop .updata_nacao_pop-com-title .icon-warn {
font-size: 23px;
color: #1890FF;
margin-right: 5px;
}
.new_nacao_updata_pop .updata_nacao_pop-com-con {
margin-top: 10px;
font-size: 14px;
line-height: 21px;
color: #666666;
padding-left: 32px;
}
.new_nacao_updata_pop .updata_nacao_pop-com-btns {
position: absolute;
bottom: 22px;
right: 65px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.new_nacao_updata_pop .updata_nacao_pop-com-btns-confirm {
padding: 5px 15px;
background: #1890FF;
color: white;
border-radius: 3px;
margin-left: 15px;
cursor: pointer;
}
.new_nacao_updata_pop .updata_nacao_pop-com-btns-cancel {
padding: 5px 15px;
border: 1px solid whitesmoke;
color: #666666;
border-radius: 3px;
cursor: pointer;
}
.new_nacao_updata_pop .updata_nacao_pop-com-btns-submit {
padding: 8px 35px;
background: #00b38a;
color: white;
border-radius: 3px;
margin-left: 15px;
cursor: pointer;
}
.new_nacao_updata_pop .updata_nacao_pop-com-btns-close {
padding: 8px 35px;
background: #666666;
color: white;
border-radius: 3px;
margin-left: 15px;
cursor: pointer;
}
/*
Icon classes can be used entirely standalone. They are named after their original file names.
Example usage in HTML:
`display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:
// CSS
.icon {
display: inline-block;
}
// HTML
*/
.icon-helper {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/2e304165.imicon.png);
background-position: -50px -38px;
width: 16px;
height: 16px;
}
.icon-hot-tim {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/2e304165.imicon.png);
background-position: 0px -38px;
width: 40px;
height: 16px;
}
.icon-im-blue-check {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/2e304165.imicon.png);
background-position: -147px -48px;
width: 14px;
height: 14px;
}
.icon-im-close {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/2e304165.imicon.png);
background-position: -114px -98px;
width: 14px;
height: 15px;
}
.icon-im-download {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/2e304165.imicon.png);
background-position: -147px -24px;
width: 14px;
height: 14px;
}
.icon-im-edit {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/2e304165.imicon.png);
background-position: -147px 0px;
width: 14px;
height: 14px;
}
.icon-im-email {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/2e304165.imicon.png);
background-position: -147px -94px;
width: 12px;
height: 9px;
}
.icon-im-error {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/2e304165.imicon.png);
background-position: -38px 0px;
width: 28px;
height: 28px;
}
.icon-im-face-a {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/2e304165.imicon.png);
background-position: -113px 0px;
width: 24px;
height: 24px;
}
.icon-im-face {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/2e304165.imicon.png);
background-position: -113px -34px;
width: 24px;
height: 24px;
}
.icon-im-info-a {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/2e304165.imicon.png);
background-position: -71px -64px;
width: 24px;
height: 24px;
}
.icon-im-info {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/2e304165.imicon.png);
background-position: -37px -64px;
width: 24px;
height: 24px;
}
.icon-im-list-close {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/2e304165.imicon.png);
background-position: 0px -132px;
width: 9px;
height: 10px;
}
.icon-im-phone {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/2e304165.imicon.png);
background-position: -147px -72px;
width: 12px;
height: 12px;
}
.icon-im-resume-a {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/2e304165.imicon.png);
background-position: -32px -98px;
width: 22px;
height: 24px;
}
.icon-im-resume {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/2e304165.imicon.png);
background-position: 0px -98px;
width: 22px;
height: 24px;
}
.icon-im-s-error {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/2e304165.imicon.png);
background-position: -64px -98px;
width: 16px;
height: 16px;
}
.icon-im-s-success {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/2e304165.imicon.png);
background-position: -76px -34px;
width: 16px;
height: 16px;
}
.icon-im-success {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/2e304165.imicon.png);
background-position: 0px 0px;
width: 28px;
height: 28px;
}
.icon-im-vedio-a {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/2e304165.imicon.png);
background-position: -76px 0px;
width: 27px;
height: 24px;
}
.icon-im-vedio {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/2e304165.imicon.png);
background-position: 0px -64px;
width: 27px;
height: 24px;
}
.icon-im-warn {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/2e304165.imicon.png);
background-position: -90px -98px;
width: 14px;
height: 16px;
}
.icon-to-msg {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/2e304165.imicon.png);
background-position: -113px -68px;
width: 20px;
height: 18px;
}
/**
* Swiper 3.4.2
* Most modern mobile touch slider and framework with hardware accelerated transitions
*
* //www.idangero.us/swiper/
*
* Copyright 2017, Vladimir Kharlampidi
* The iDangero.us
* //www.idangero.us/
*
* Licensed under MIT
*
* Released on: March 10, 2017
*/
.swiper-container {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
/* Fix of Webkit flickering */
z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
float: left;
}
.swiper-container-vertical > .swiper-wrapper {
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-ms-transition-property: -ms-transform;
transition-property: transform;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
-webkit-transform: translate3d(0px, 0, 0);
-moz-transform: translate3d(0px, 0, 0);
-o-transform: translate(0px, 0px);
-ms-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-ms-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-slide {
-webkit-flex-shrink: 0;
-ms-flex: 0 0 auto;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
-webkit-box-align: start;
-ms-flex-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-transition-property: -webkit-transform, height;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-ms-transition-property: -ms-transform;
transition-property: transform, height;
}
/* a11y */
.swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
-ms-touch-action: pan-y;
touch-action: pan-y;
}
.swiper-wp8-vertical {
-ms-touch-action: pan-x;
touch-action: pan-x;
}
/* Arrows */
.swiper-button-prev,
.swiper-button-next {
position: absolute;
top: 50%;
width: 27px;
height: 44px;
margin-top: -22px;
z-index: 10;
cursor: pointer;
-moz-background-size: 27px 44px;
-webkit-background-size: 27px 44px;
background-size: 27px 44px;
background-position: center;
background-repeat: no-repeat;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
left: 10px;
right: auto;
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
right: 10px;
left: auto;
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
/* Pagination Styles */
.swiper-pagination {
position: absolute;
text-align: center;
-webkit-transition: 300ms;
-moz-transition: 300ms;
-o-transition: 300ms;
transition: 300ms;
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
bottom: 10px;
left: 0;
width: 100%;
}
/* Bullets */
.swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 100%;
background: #000;
opacity: 0.2;
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-moz-appearance: none;
-ms-appearance: none;
-webkit-appearance: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-white .swiper-pagination-bullet {
background: #fff;
}
.swiper-pagination-bullet-active {
opacity: 1;
background: #007aff;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
background: #fff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
background: #000;
}
.swiper-container-vertical > .swiper-pagination-bullets {
right: 10px;
top: 50%;
-webkit-transform: translate3d(0px, -50%, 0);
-moz-transform: translate3d(0px, -50%, 0);
-o-transform: translate(0px, -50%);
-ms-transform: translate3d(0px, -50%, 0);
transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 5px 0;
display: block;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 5px;
}
/* Progress */
.swiper-pagination-progress {
background: rgba(0, 0, 0, 0.25);
position: absolute;
}
.swiper-pagination-progress .swiper-pagination-progressbar {
background: #007aff;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-ms-transform-origin: left top;
-o-transform-origin: left top;
transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
-webkit-transform-origin: right top;
-moz-transform-origin: right top;
-ms-transform-origin: right top;
-o-transform-origin: right top;
transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progress {
width: 100%;
height: 4px;
left: 0;
top: 0;
}
.swiper-container-vertical > .swiper-pagination-progress {
width: 4px;
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-progress.swiper-pagination-white {
background: rgba(255, 255, 255, 0.5);
}
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
background: #fff;
}
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
background: #000;
}
/* 3D Container */
.swiper-container-3d {
-webkit-perspective: 1200px;
-moz-perspective: 1200px;
-o-perspective: 1200px;
perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
/* Safari 4+, Chrome */
background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
/* Chrome 10+, Safari 5.1+, iOS 5+ */
background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
/* Firefox 3.6-15 */
background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
/* Opera 11.10-12.00 */
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
/* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-right {
background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
/* Safari 4+, Chrome */
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
/* Chrome 10+, Safari 5.1+, iOS 5+ */
background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
/* Firefox 3.6-15 */
background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
/* Opera 11.10-12.00 */
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
/* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
/* Safari 4+, Chrome */
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
/* Chrome 10+, Safari 5.1+, iOS 5+ */
background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
/* Firefox 3.6-15 */
background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
/* Opera 11.10-12.00 */
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
/* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
/* Safari 4+, Chrome */
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
/* Chrome 10+, Safari 5.1+, iOS 5+ */
background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
/* Firefox 3.6-15 */
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
/* Opera 11.10-12.00 */
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
/* Firefox 16+, IE10, Opera 12.50+ */
}
/* Coverflow */
.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
/* Windows 8 IE 10 fix */
-ms-perspective: 1200px;
}
/* Cube + Flip */
.swiper-container-cube,
.swiper-container-flip {
overflow: visible;
}
.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
}
.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
}
/* Cube */
.swiper-container-cube .swiper-slide {
visibility: hidden;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
width: 100%;
height: 100%;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
-webkit-transform-origin: 100% 0;
-moz-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
pointer-events: auto;
visibility: visible;
}
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
background: #000;
opacity: 0.6;
-webkit-filter: blur(50px);
filter: blur(50px);
z-index: 0;
}
/* Fade */
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-ms-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
pointer-events: none;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
/* Scrollbar */
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%;
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, 0.5);
border-radius: 10px;
left: 0;
top: 0;
}
.swiper-scrollbar-cursor-drag {
cursor: move;
}
/* Preloader */
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
-webkit-transform-origin: 50%;
-moz-transform-origin: 50%;
transform-origin: 50%;
-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
-moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
display: block;
content: "";
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-position: 50%;
-webkit-background-size: 100%;
background-size: 100%;
background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes swiper-preloader-spin {
100% {
transform: rotate(360deg);
}
}
.postspan {
color: #6780EF !important;
}
.change-notice-mask {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 900;
}
.change-notice-con {
width: 350px;
height: 370px;
padding: 40px 30px;
border-radius: 10px;
background: white;
margin: 160px auto;
position: relative;
}
.change-notice-com {
margin-top: 20px;
}
.change-notice-com p {
margin-bottom: 20px;
}
.change-notice-com a {
color: #00b38a;
}
.change-notice-title {
text-align: center;
font-size: 20px;
font-weight: bold;
color: #333333;
}
.change-notice-btns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
border-bottom-left-radius: 10px;
}
.change-notice-btn {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: center;
font-size: 17px;
line-height: 60px;
color: #999999;
border-top: 1px solid whitesmoke;
cursor: pointer;
}
.vip-serve {
width: 355px;
height: 42px;
line-height: 42px;
background: #ffffff;
border: 1px solid #00b38a;
border-radius: 3px;
margin-bottom: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.vip-serve-title {
width: 117px;
height: 40px;
background: #00b38a;
border-radius: 3px;
float: left;
color: white;
text-align: center;
font-size: 14px;
font-family: PingFang SC;
font-weight: 400;
}
.vip-serve-name {
font-size: 14px;
font-family: PingFang SC;
font-weight: 400;
color: #333333;
float: left;
width: 75px;
text-align: center;
}
.vip-serve-phone {
float: left;
font-size: 14px;
font-family: PingFang SC;
font-weight: 400;
color: #00b38a;
}
.vip-serve-phone-num {
float: left;
width: 103px;
height: 15px;
line-height: 15px;
margin-top: 13px;
border-right: 1px solid #00B38A;
}
.vip-serve-phone-phoneImg {
float: left;
padding-top: 3px;
margin-right: 5px;
}
.vip-serve-phone-wxImg {
float: left;
padding-top: 2px;
margin-left: 8px;
position: relative;
cursor: pointer;
}
.vip-serve-phone-wxImg:hover .vip-serve-erweima {
display: block;
}
.vip-serve-erweima {
display: none;
width: 110px;
height: 120px;
border-radius: 5px;
background: url("https://img1.xiaoxiancai.com.cn/company/otherImg/img/wxbg.png") no-repeat;
background-size: 100% 100%;
position: absolute;
top: -125px;
right: -40px;
z-index: 99;
text-align: center;
padding-top: 5px;
}
.vip-serve-erweima img {
width: 100px;
height: 100px;
}
.tim-index-btn {
top: 341px!important;
}
.panel-body {
position: relative;
}
.panel-body .purchase-btn {
position: absolute;
right: 5px;
top: 0;
height: 22px;
line-height: 25px;
padding: 0;
color: #00b38a;
background: #ffffff;
border: none;
border-bottom: 1px solid #00B38a;
border-radius: 0px;
}
.purchase-btn-old .purchase-four {
top: 162px;
}
.purchase-btn-old .purchase-five {
top: 313px;
}
.cat-mask {
position: fixed;
z-index: 999;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.6);
}
.cat-block {
position: relative;
width: 850px;
margin: 80px auto;
}
.cat-block img {
width: 100%;
}
.cat-close {
position: absolute;
right: 0;
top: 0;
width: 80px;
height: 80px;
cursor: pointer;
}
.cat-btn {
position: absolute;
left: 150px;
bottom: 20px;
cursor: pointer;
width: 500px;
height: 100px;
}
.main .wrapper.index {
padding: 20px 30px 40px 30px;
}
.main .wrapper.index .left-area {
float: left;
width: 755px;
margin-right: 30px;
}
.main .wrapper.index .left-area .todo-overview ul {
margin-bottom: 30px;
}
.main .wrapper.index .left-area .todo-overview ul li {
width: 143px;
border-radius: 3px;
border-width: 2px;
border-style: solid;
}
.main .wrapper.index .left-area .todo-overview ul li a {
display: block;
}
.main .wrapper.index .left-area .todo-overview ul li span {
display: block;
color: #fff;
}
.main .wrapper.index .left-area .todo-overview ul li span:first-child {
font-size: 12px;
padding: 3px 5px 5px 5px;
}
.main .wrapper.index .left-area .todo-overview ul li.new-resume {
border-color: #59a3cd;
}
.main .wrapper.index .left-area .todo-overview ul li.new-resume span:first-child {
background-color: #59a3cd;
}
.main .wrapper.index .left-area .todo-overview ul li.new-resume .num {
color: #59a3cd;
}
.main .wrapper.index .left-area .todo-overview ul li.need-comuni {
border-color: #ec5585;
}
.main .wrapper.index .left-area .todo-overview ul li.need-comuni span:first-child {
background-color: #ec5585;
}
.main .wrapper.index .left-area .todo-overview ul li.need-comuni .num {
color: #ec5585;
}
.main .wrapper.index .left-area .todo-overview ul li.school-fair {
border-color: #34c2d9;
}
.main .wrapper.index .left-area .todo-overview ul li.school-fair span:first-child {
background-color: #34c2d9;
}
.main .wrapper.index .left-area .todo-overview ul li.school-fair .num {
color: #34c2d9;
}
.main .wrapper.index .left-area .todo-overview ul li.job-online {
border-color: #ff9966;
}
.main .wrapper.index .left-area .todo-overview ul li.job-online span:first-child {
background-color: #ff9966;
}
.main .wrapper.index .left-area .todo-overview ul li.job-online .num {
color: #ff9966;
}
.main .wrapper.index .left-area .todo-overview ul li.job-refresh {
border-color: #6d72ca;
}
.main .wrapper.index .left-area .todo-overview ul li.job-refresh span:first-child {
background-color: #6d72ca;
}
.main .wrapper.index .left-area .todo-overview ul li.job-refresh .num {
color: #6d72ca;
}
.main .wrapper.index .left-area .todo-overview ul li .num {
font-size: 22px;
background-color: #fff;
text-align: center;
height: 33px;
line-height: 33px;
}
.main .wrapper.index .left-area .company-info {
border: 2px solid #f8f8f8;
padding-left: 164px;
height: 164px;
position: relative;
margin-bottom: 20px;
}
.main .wrapper.index .left-area .company-info .logo {
position: absolute;
left: 0;
top: 0;
width: 164px;
height: 100%;
border-right: 2px solid #f8f8f8;
}
.main .wrapper.index .left-area .company-info .logo img {
display: block;
width: 100%;
height: 100%;
}
.main .wrapper.index .left-area .company-info h4 {
color: #666;
font-size: 21px;
font-weight: normal;
line-height: 83px;
padding-left: 14px;
}
.main .wrapper.index .left-area .company-info h4 span.cetification {
background-color: #00b38a;
color: #fff;
padding: 3px 8px;
border-radius: 11px;
font-size: 11px;
margin-left: 10px;
vertical-align: middle;
}
.main .wrapper.index .left-area .company-info h4 .vip-level {
color: #fe5724;
padding: 2px 10px;
border: 1px solid #feb500;
border-radius: 11px;
font-size: 11px;
margin-left: 5px;
vertical-align: middle;
}
.main .wrapper.index .left-area .company-info h4 .vip-level.top {
border: 1px solid #feb500;
color: #feb500;
}
.main .wrapper.index .left-area .company-info h4 .is-certified {
padding-left: 4px;
font-size: 14px;
}
.main .wrapper.index .left-area .company-info h4 .is-certified .icon-certified_bg {
position: relative;
}
.main .wrapper.index .left-area .company-info h4 .is-certified .icon-certified_bg i {
position: absolute;
left: 25px;
top: -30px;
color: #ff2a0b;
}
.main .wrapper.index .left-area .company-info h4 .is-certified .icon-uncertified_bg {
position: relative;
}
.main .wrapper.index .left-area .company-info h4 .is-certified .icon-uncertified_bg i {
position: absolute;
left: 25px;
top: -30px;
color: #737373;
}
.main .wrapper.index .left-area .company-info .activity-overview {
position: absolute;
bottom: 0;
right: 0;
left: 164px;
}
.main .wrapper.index .left-area .company-info .activity-overview ul {
background-color: #f8f8f8;
}
.main .wrapper.index .left-area .company-info .activity-overview ul li {
float: left;
width: 117px;
text-align: center;
position: relative;
padding: 12px 0;
}
.main .wrapper.index .left-area .company-info .activity-overview ul li a {
display: block;
}
.main .wrapper.index .left-area .company-info .activity-overview ul li span {
display: block;
color: #ccc;
}
.main .wrapper.index .left-area .company-info .activity-overview ul li .num {
font-size: 18px;
color: #999;
margin-bottom: 8px;
}
.main .wrapper.index .left-area .company-info .activity-overview ul li:before {
display: block;
content: '';
position: absolute;
left: 0;
width: 1px;
height: 32px;
background-color: #e6e6e6;
top: 50%;
margin-top: -16px;
}
.main .wrapper.index .left-area .company-info .activity-overview ul :first-child:before {
display: none;
}
.main .wrapper.index .left-area .todo .panel-heading .icon-todo {
margin-right: 10px;
}
.main .wrapper.index .left-area .todo .panel-body .xxc-tab .xxc-tablist {
border-bottom: 1px solid #e9eaec;
padding-left: 15px;
}
.main .wrapper.index .left-area .todo .panel-body .xxc-tab .xxc-tablist li a {
color: #666;
}
.main .wrapper.index .left-area .todo .panel-body .xxc-tab .xxc-tablist li :hover {
color: #00b38a;
}
.main .wrapper.index .left-area .todo .panel-body .xxc-tab .tab-panel {
padding: 20px;
}
.main .wrapper.index .left-area .todo .panel-body .xxc-tab .tab-panel > div {
min-height: 440px;
}
.main .wrapper.index .left-area .todo .panel-body .xxc-tab .tab-panel ul {
min-height: 440px;
background: #fff url('//static.xiaoxiancai.com.cn/2017-09-15_59bb2e21b2fe5.png') center 0px no-repeat;
}
.main .wrapper.index .left-area .todo .panel-body .xxc-tab .tab-panel ul li {
padding: 20px 20px 10px;
background-color: #fafafa;
margin-bottom: 10px;
position: relative;
}
.main .wrapper.index .left-area .todo .panel-body .xxc-tab .tab-panel ul li .photo {
margin-right: 24px;
width: 50px;
height: 50px;
border-radius: 50%;
overflow: hidden;
}
.main .wrapper.index .left-area .todo .panel-body .xxc-tab .tab-panel ul li .photo img {
display: block;
width: 100%;
margin: 0 auto;
margin-top: 0px;
}
.main .wrapper.index .left-area .todo .panel-body .xxc-tab .tab-panel ul li .info {
line-height: 23px;
color: #666;
cursor: pointer;
}
.main .wrapper.index .left-area .todo .panel-body .xxc-tab .tab-panel ul li .info .name-tel {
width: 594px;
color: #333;
}
.main .wrapper.index .left-area .todo .panel-body .xxc-tab .tab-panel ul li .info .name-tel:hover {
color: #00B38A;
}
.main .wrapper.index .left-area .todo .panel-body .xxc-tab .tab-panel ul li .info .info-tit {
color: #999;
}
.main .wrapper.index .left-area .todo .panel-body .xxc-tab .tab-panel ul li .info .time {
margin-right: 20px;
}
.main .wrapper.index .left-area .todo .panel-body .xxc-tab .tab-panel ul li .info .time span {
margin-right: 10px;
}
.main .wrapper.index .left-area .todo .panel-body .xxc-tab .tab-panel ul li .info .name,
.main .wrapper.index .left-area .todo .panel-body .xxc-tab .tab-panel ul li .info .holder {
margin-right: 10px;
}
.main .wrapper.index .left-area .todo .panel-body .xxc-tab .tab-panel ul li .info .warn {
color: #fe5724;
}
.main .wrapper.index .left-area .todo .panel-body .xxc-tab .tab-panel ul li .info .school-name {
display: inline-block;
width: 210px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
line-height: 16px;
margin-bottom: -2px;
}
.main .wrapper.index .left-area .todo .panel-body .xxc-tab .tab-panel ul li .btn {
position: absolute;
right: 20px;
top: 50%;
height: 30px;
line-height: 30px;
margin-top: -15px;
}
.main .wrapper.index .left-area .todo .panel-body .xxc-tab .tab-panel .active {
display: block;
}
.main .wrapper.index .right-area {
float: right;
width: 355px;
}
.main .wrapper.index .right-area .fair-banner {
margin-bottom: 30px;
}
.main .wrapper.index .right-area .fair-banner .swiper-container {
width: 355px;
height: 180px;
}
.main .wrapper.index .right-area .fair-banner .swiper-container img {
display: block;
width: 100%;
height: 100%;
}
.main .wrapper.index .right-area .fair-banner .swiper-container .swiper-pagination-bullet-active {
background-color: #00B48A;
}
.main .wrapper.index .right-area .platform-notice {
margin-bottom: 30px;
}
.main .wrapper.index .right-area .platform-notice .panel-heading .icon-notice {
margin-right: 10px;
}
.main .wrapper.index .right-area .platform-notice .panel-body {
padding: 10px 20px;
}
.main .wrapper.index .right-area .platform-notice .panel-body li {
line-height: 30px;
}
.main .wrapper.index .right-area .platform-notice .panel-body li a.title {
max-width: 216px;
}
.main .wrapper.index .right-area .vip-area .panel-heading .icon-vip {
margin-right: 10px;
}
.main .wrapper.index .right-area .vip-area .panel-heading .vip-level {
color: #feb500;
padding: 2px 13px;
border: 1px solid #feb500;
border-radius: 11px;
font-size: 11px;
margin-left: 10px;
}
.main .wrapper.index .right-area .vip-area .panel-heading .xxc-btn {
padding: 0px 8px;
height: 24px;
line-height: 22px;
}
.main .wrapper.index .right-area .vip-area .panel-body {
padding: 10px 20px;
}
.main .wrapper.index .right-area .vip-area .panel-body li {
line-height: 30px;
}
.main .wrapper.index .right-area .vip-area .panel-body li .data .num {
color: #00b38a;
}
.swiper-wrapper {
border: 1px solid #ccc;
}
.swiper-wrapper img {
cursor: pointer;
}
.mouse-tip {
width: 355px;
height: 151px;
overflow: hidden;
margin-bottom: 20px;
}
.mouse-tip img {
-webkit-transition: all 0.25s ease;
transition: all 0.25s ease;
width: 355px;
height: 151px;
}
.mouse-tip img:hover {
-webkit-transform: scale(1.2, 1.2);
transform: scale(1.2, 1.2);
}
.mouse-tip1 {
width: 355px;
height: 110px;
overflow: hidden;
margin-bottom: 20px;
}
.mouse-tip1 img {
-webkit-transition: all 0.25s ease;
transition: all 0.25s ease;
width: 355px;
height: 110px;
}
.mouse-tip1 img:hover {
-webkit-transform: scale(1.2, 1.2);
transform: scale(1.2, 1.2);
}
.vip-tip-mask {
position: fixed;
left: 0;
right: 0;
bottom: 0;
top: 0;
overflow: auto;
background: rgba(0, 0, 0, 0.4);
}
.vip-tip-block {
position: relative;
width: 526px;
margin: 120px auto;
}
.vip-tip-block img {
width: 100%;
}
.vip-tip-btn {
width: 150px;
height: 50px;
position: absolute;
bottom: 45px;
left: 190px;
cursor: pointer;
}
.mouse-tip .vip-img-ad {
height: auto;
}
.vip-img-ad1 {
height: auto;
}
.vip-level-no {
border: 1px solid #BDBDBD!important;
color: #BDBDBD!important;
}
.tim-mid-input-block .sended {
cursor: not-allowed;
}
.tim-mid-input-block .sended:hover {
cursor: not-allowed;
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/2e304165.imicon.png);
background-position: 0px -98px !important;
}
.tim-rm-unit-list-img {
width: 357px;
}
.tim-rm-unit-list-img img {
width: 357px;
}
.tim-look-close {
position: absolute;
top: 30px;
right: 30px;
cursor: pointer;
}
.video-alert {
width: 392px;
height: 202px;
background: #ffffff;
border-radius: 5px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
padding: 27px;
}
.video-alert .video-close {
position: absolute;
right: 30px;
top: 30px;
cursor: pointer;
}
.video-alert-mask {
position: fixed;
top: 0;
right: 0;
left: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.6);
}
.video-alert-tp {
font-size: 16px;
font-weight: bold;
color: #333333;
}
.video-alert-tp div {
display: inline-block;
vertical-align: middle;
}
.video-alert-mid {
font-size: 15px;
color: #666666;
padding: 10px 0 0 46px;
}
.video-alert-btn {
overflow: hidden;
}
.video-alert-btn div {
float: right;
cursor: pointer;
font-size: 14px;
text-align: center;
line-height: 35px;
border-radius: 4px;
padding: 0 15px;
margin-top: 39px;
}
.video-alert-confirm {
background: #1890ff;
color: #ffffff;
}
.video-alert-cancel {
margin-right: 17px;
color: #666666;
background: #ffffff;
border: 1px solid #999999;
}
.blue-tim {
width: 25px;
height: 25px;
background: #1890ff;
color: #ffffff;
font-size: 16px;
line-height: 25px;
text-align: center;
border-radius: 50%;
margin-right: 17px;
}
.sys-span {
max-width: 456px;
text-align: center;
color: #999999;
font-size: 12px;
margin-top: 13px;
padding-right: 80px;
}
.tim-resume-pno {
color: #999999;
font-size: 12px;
margin: 190px auto;
text-align: center;
}
.tim-post-no {
text-align: center;
font-size: 12px;
line-height: 100px;
}
.tim-post-no span {
color: #00B38a;
cursor: pointer;
}
.tim-chat {
background: url("//img1.xiaoxiancai.com.cn/career/3481cff06f9640dc385a7be32d092113.png");
width: 70px;
height: 43px;
background-size: 70px 43px;
background-position: 0 0;
margin: 117px auto 17px;
}
.tim-chat-no {
color: #999999;
text-align: center;
font-size: 12px;
}
.msg-list-out .sys-span {
padding-left: 80px;
padding-right: 0;
}
.search-abtn {
cursor: pointer;
color: #00B38A;
font-size: 12px;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
10% {
opacity: 1;
}
90% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
10% {
opacity: 1;
}
90% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.new-tip {
position: fixed;
z-index: 1;
top: 177px;
left: 50%;
-webkit-transform: translate(-50%);
transform: translate(-50%);
z-index: 99999;
height: 48px;
line-height: 48px;
color: #eeeeee;
font-size: 14px;
padding: 0 20px 0 46px;
background: #32373E;
-webkit-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.05);
box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.05);
border-radius: 3px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.new-tip-icon {
position: absolute;
top: 19px;
left: 21px;
}
.all-toptim-num {
position: relative;
}
.tim-rm-phone-cct {
margin-right: 17px;
}
.tim-new-circle {
position: absolute;
left: 295px;
top: 10px;
font-size: 12px;
height: 16px;
text-align: center;
line-height: 16px;
color: #ffffff;
background: #ff0000;
padding: 0 5px;
border-radius: 8px;
}
@media screen and (max-height: 1200px) {
.tim-ct {
margin-bottom: 37px;
}
}
.tim-word-triangle {
width: 25px;
height: 10px;
position: absolute;
bottom: -10px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
overflow: hidden;
border: 1px solid #F8F8F8;
}
.tim-word-triangle::after {
content: "";
position: absolute;
width: 9px;
height: 10px;
background: white;
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
transform: translateX(-50%) translateY(-50%) rotate(45deg);
top: 0;
left: 50%;
-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}
.tim-word-ct {
border: 1px solid #F8F8F8;
height: 249px;
width: 337px;
position: absolute!important;
top: -249px;
left: -136px;
z-index: 99;
background: white;
-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
white-space: nowrap;
border-radius: 2px;
font-size: 12px;
}
.tim-word-tp {
height: 46px;
padding: 0 11px;
}
.tim-word-tp > div {
display: inline-block;
vertical-align: middle;
}
.tim-word-lt {
float: left;
color: #333333;
font-size: 14px;
padding-top: 13px;
}
.tim-word-lt span {
color: #999999;
font-size: 12px;
}
.tim-word-block {
padding: 0 10px;
overflow: auto;
max-height: 171px;
}
.tim-word-block-list {
white-space: normal;
color: #666666;
background: #ffffff;
border: 1px solid #e5e5e5;
border-radius: 2px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 7px 7px;
text-align: left;
cursor: pointer;
margin-bottom: 10px;
}
.tim-word-rt {
float: right;
cursor: pointer;
padding-top: 13px;
line-height: 14px;
}
.tim-word-rt div {
display: inline-block;
}
.tim-alert {
z-index: 999;
position: fixed;
left: 0;
right: 0;
bottom: 0;
top: 0;
background: rgba(0, 0, 0, 0.5);
}
.tim-alert-block {
width: 438px;
background: #ffffff;
border-radius: 3px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -57%);
transform: translate(-50%, -57%);
padding-bottom: 93px;
}
.tim-alert-title {
height: 50px;
color: #333333;
font-size: 16px;
line-height: 50px;
text-align: center;
border-bottom: 1px solid #F8F8F8;
position: relative;
}
.tim-alert-title .icon-im-close {
position: absolute;
cursor: pointer;
top: 19px;
right: 15px;
}
.tim-alert-ct {
max-height: 200px;
min-height: 150px;
overflow: auto;
padding: 7px 20px 0;
}
.tim-alert-list {
height: 32px;
line-height: 32px;
font-size: 14px;
padding: 0 10px;
cursor: pointer;
color: #666666;
}
.tim-alert-list-select {
color: #00B38A;
}
.tim-alert-list-lt {
float: left;
width: 305px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.tim-alert-list a {
display: inline-block;
float: right;
}
.tim-alert-list a {
display: none;
color: #666666;
}
.tim-alert-list-now {
background: #e5f7f3;
color: #00B38A;
}
.tim-alert-list-now a {
display: block;
color: #00B38A;
}
.tim-alert-list:hover {
background: #e5f7f3;
color: #00B38A;
}
.tim-alert-list:hover a {
display: block;
color: #00B38A;
}
.tim-alert-btn {
width: 100px;
height: 40px;
background: #00b38a;
border-radius: 2px;
line-height: 40px;
text-align: center;
font-size: 16px;
color: #ffffff;
position: absolute;
bottom: 30px;
left: 169px;
cursor: pointer;
}
.tim-look {
overflow: hidden;
width: 392px;
height: 202px;
background: #ffffff;
-webkit-box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.05);
box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.05);
border-radius: 3px;
position: fixed;
z-index: 1;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -88%);
transform: translate(-50%, -88%);
}
.tim-look-mask {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background: rgba(0, 0, 0, 0.5);
}
.tim-look-icon {
position: absolute;
top: 30px;
left: 30px;
}
.tim-look-title {
margin-top: 29px;
padding-left: 70px;
margin-bottom: 13px;
font-size: 16px;
color: #333333;
}
.tim-look-p {
color: #666666;
font-size: 14px;
margin-bottom: 7px;
padding-left: 70px;
}
.tim-look-p span {
color: #00B38A;
}
.tim-look-check {
position: absolute;
left: 70px;
bottom: 33px;
}
.tim-look-check label {
cursor: pointer;
padding-left: 7px;
margin-top: -2px;
font-size: 12px;
}
.tim-look-check .xxc-checkbox {
width: 14px;
height: 14px;
background-position: -14px -21px;
vertical-align: -3px;
-webkit-appearance: none;
-moz-appearance: none;
outline: none;
cursor: pointer;
background-image: url(https://img1.xiaoxiancai.com.cn/src/img/fe9544b7.sprite1.png);
}
.tim-look-check .xxc-checkbox:checked {
background: url("https://assets.xiaoxiancai.com.cn/company/img1/50e0cb41.imicon.png");
background-position: -14px -76px;
width: 14px;
height: 14px;
vertical-align: -3px;
-webkit-appearance: none;
-moz-appearance: none;
outline: none;
cursor: pointer;
}
.tim-look-confirm {
width: 100px;
height: 40px;
background: #00b38a;
border-radius: 2px;
color: #ffffff;
line-height: 40px;
text-align: center;
font-size: 16px;
cursor: pointer;
position: absolute;
right: 35px;
bottom: 20px;
}
.tim-look-cancel {
bottom: 20px;
left: 137px;
width: 100px;
height: 40px;
background: #ffffff;
border: 1px solid #e5e5e5;
border-radius: 2px;
line-height: 40px;
cursor: pointer;
text-align: center;
color: #999999;
font-size: 16px;
position: absolute;
}
.tim-rm-o {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.tim-rm-pt {
width: 54px;
float: left;
border-radius: 50%;
}
.tim-rm-pt img {
border-radius: 50%;
width: 54px;
height: 54px;
}
.tim-rm-pt-ct {
overflow: hidden;
padding: 20px;
}
.tim-rm-pt-rt {
width: 300px;
float: right;
padding-left: 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.tim-rm-pt-name {
font-size: 16px;
color: #333333;
margin-top: 7px;
margin-bottom: 5px;
overflow: hidden;
position: relative;
}
.tim-rm-pt-download {
position: absolute;
right: 0;
top: 0;
color: #00B38A;
font-size: 14px;
cursor: pointer;
}
.tim-rm-pt-download div {
display: inline-block;
vertical-align: middle;
}
.tim-rm-pt-downicon {
font-size: 14px;
color: #00B38A;
}
.tim-rm-pt-age {
color: #999999;
font-size: 12px;
margin-bottom: 9px;
}
.tim-rm-pt-contact {
display: inline-block;
line-height: 24px;
background: #e5f7f3;
font-size: 13px;
color: #00B38A;
border-radius: 2px;
padding: 0 7px;
}
.tim-rm-pt-contact div {
display: inline-block;
vertical-align: middle;
}
.tim-rm-pt-contact-btn {
display: inline-block;
height: 26px;
line-height: 24px;
background: #e5f7f3;
font-size: 13px;
color: #00B38A;
border-radius: 2px;
padding: 0 7px;
cursor: pointer;
}
.tim-rm-base {
margin-bottom: 10px;
}
.tim-rm-base-lt {
display: inline-block;
vertical-align: top;
width: 190px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #333333;
font-size: 14px;
padding-left: 19px;
padding-right: 10px;
}
.tim-rm-base-lt div {
margin-bottom: 13px;
width: 190px;
padding-right: 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.tim-rm-base-rt {
vertical-align: top;
display: inline-block;
width: 190px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #333333;
font-size: 14px;
padding-right: 19px;
padding-left: 10px;
}
.tim-rm-base-rt div {
margin-bottom: 13px;
width: 200px;
}
.tim-rm-title {
padding-left: 19px;
font-size: 14px;
color: #00B38A;
margin-bottom: 11px;
}
.tim-rm-unit {
margin-bottom: 27px;
}
.tim-rm-unit-list {
padding: 0 19px 0 0;
margin-left: 19px;
color: #333333;
font-size: 14px;
border-bottom: 1px solid #F8F8F8;
}
.tim-rm-unit-list div {
margin-bottom: 13px;
}
.tim-rm-unit-list div:last-child {
margin-bottom: 7px;
}
.tim-rm-unit-list div:first-child {
margin-top: 7px;
}
.tim-rm-unit-list:last-child {
border-bottom: none;
}
.tim-rt {
width: 400px;
height: 624px;
float: right;
border-left: 1px solid #e7e7e7;
}
.tim-rt [class^="icon-"] {
display: inline-block;
vertical-align: middle;
}
.tim-rt [class*=" icon-"] {
display: inline-block;
vertical-align: middle;
margin-top: 0;
}
.tim-rt-tp {
background: #eeeeee;
height: 48px;
line-height: 48px;
padding: 0 21px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 14px;
color: #333333;
border-bottom: 1px solid #F8F8F8;
}
.tim-rt-tp span {
color: #00B38A;
}
.tim-rt-tp-num {
color: #666666;
float: right;
}
.tim-rt-ct {
height: 576px;
overflow-y: auto;
overflow-x: hidden;
}
.tim-ct {
width: 100%;
min-height: calc(100vh - 317px);
}
.tim-ct textarea {
border: none;
resize: none;
height: 120px;
outline: none;
}
.tim-block {
width: 1198px;
margin: 50px auto 0;
height: 624px;
background: #FFFFFF;
position: relative;
-webkit-box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.1);
}
.tim-lt {
position: absolute;
left: 0;
top: 0;
width: 258px;
border-right: 1px solid #e7e7e7;
}
.tim-lt-title {
height: 48px;
line-height: 48px;
padding-left: 20px;
border-bottom: 1px solid #F8F8F8;
font-size: 16px;
color: #000000;
background: #eeeeee;
}
.tim-lt-title-label {
cursor: pointer;
float: right;
margin-right: 10px;
font-size: 14px;
}
.tim-lt-list {
overflow: auto;
height: 574px;
}
.tim-mid {
position: absolute;
top: 0;
left: 258px;
}
.tim-mid-title {
background: #eeeeee;
height: 48px;
line-height: 48px;
padding-left: 20px;
border-bottom: 1px solid #F8F8F8;
font-size: 16px;
color: #000000;
}
.tim-mid-title div {
display: inline-block;
vertical-align: middle;
}
.tim-mid-title-post {
font-size: 14px;
color: #333333;
padding-right: 10px;
max-width: 321px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.tim-mid-title-btn {
width: 40px;
height: 19px;
line-height: 19px;
cursor: pointer;
border: 1px solid #ffa200;
border-radius: 2px;
background: rgba(255, 162, 0, 0.1);
color: #FFA200;
font-size: 12px;
text-align: center;
}
.tim-mid-title-btn:active {
background: #ffa200;
color: #ffffff;
}
.tim-mid-title-name {
color: #666666;
font-size: 14px;
margin-left: 17px;
}
.tim-mid-list {
height: 388px;
overflow: auto;
padding: 15px 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.tim-mid-input-ct {
position: relative;
}
.tim-mid-input-block {
height: 40px;
border-top: 1px solid #e7e7e7;
border-right: 1px solid #FFFFFF;
position: relative;
padding: 10px 0 0 20px;
}
.tim-mid-input-block > div {
margin-left: 30px;
cursor: pointer;
position: relative;
}
.tim-mid-input-block .icon-im-info {
margin-left: 0;
}
.tim-mid-input-block .icon-im-info:hover {
background: url("https://assets.xiaoxiancai.com.cn/company/img1/50e0cb41.imicon.png");
background-position: -24px -52px;
}
.tim-mid-input-block .icon-im-info:hover .im-triangle {
display: block;
-webkit-animation: fadeIn 4s forwards;
animation: fadeIn 4s forwards;
}
.tim-mid-input-block .icon-im-info:hover .im-toast-tip {
display: block;
-webkit-animation: fadeIn 4s forwards;
animation: fadeIn 4s forwards;
}
.tim-mid-input-block .icon-im-resume:hover {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/2e304165.imicon.png);
background-position: -32px -98px;
}
.tim-mid-input-block .icon-im-resume:hover .im-triangle {
display: block;
-webkit-animation: fadeIn 4s forwards;
animation: fadeIn 4s forwards;
}
.tim-mid-input-block .icon-im-resume:hover .im-toast-tip {
display: block;
-webkit-animation: fadeIn 4s forwards;
animation: fadeIn 4s forwards;
}
.tim-mid-input-block .icon-im-vedio:hover {
background: url("//assets.xiaoxiancai.com.cn/company/img1/50e0cb41.imicon.png");
background-position: 0px -28px;
}
.tim-mid-input-block .icon-im-vedio:hover .im-triangle {
display: block;
-webkit-animation: fadeIn 4s forwards;
animation: fadeIn 4s forwards;
}
.tim-mid-input-block .icon-im-vedio:hover .im-toast-tip {
display: block;
-webkit-animation: fadeIn 4s forwards;
animation: fadeIn 4s forwards;
}
.tim-mid-input-text {
height: 90px;
background: #FFFFFF;
}
.tim-mid-input-text textarea {
height: 90px;
width: 540px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 15px 20px;
font-size: 14px;
}
.tim-mid-btn {
cursor: pointer;
background: #00B38A;
width: 68px;
margin: 15px 30px 0 0;
border-radius: 3px;
height: 26px;
line-height: 26px;
text-align: center;
color: #FFFFFF;
font-size: 14px;
}
.tim-mid-btn-ct {
position: relative;
height: 56px;
}
.tim-mid-btn-ct div {
float: right;
}
.tim-mid-btn-span {
margin-top: 20px;
font-size: 13px;
color: #cccccc;
margin-right: 15px;
}
.tim-list {
border-bottom: 1px solid #f8f8f8;
position: relative;
}
.tim-list-isDeli {
vertical-align: middle;
display: inline-block;
width: 40px;
text-align: center;
height: 19px;
line-height: 19px;
border: 1px solid #00b38a;
background: rgba(0, 179, 138, 0.1);
font-size: 12px;
color: #00B38A;
border-radius: 2px;
}
.tim-list-lt {
position: absolute;
top: 20px;
left: 20px;
width: 52px;
height: 52px;
}
.tim-list-lt img {
width: 52px;
height: 52px;
border-radius: 50%;
}
.tim-list-rt {
cursor: pointer;
height: 92px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left: 82px;
padding-top: 25px;
padding-right: 13px;
}
.tim-list-tp {
overflow: hidden;
line-height: 20px;
}
.tim-list-name {
float: left;
font-size: 16px;
color: #000000;
max-width: 100px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.tim-list-name-ct {
width: 55px;
display: inline-block;
vertical-align: middle;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.tim-list-time {
float: right;
font-size: 12px;
color: #999999;
}
.tim-list-last {
font-size: 12px;
color: #999999;
overflow: hidden;
margin-top: 4px;
width: 170px;
text-overflow: ellipsis;
white-space: nowrap;
}
.tim-list-num {
height: 18px;
min-width: 18px;
font-size: 12px;
color: #FFFFFF;
line-height: 18px;
background: #FF6666;
border-radius: 50%;
text-align: center;
position: absolute;
top: -5px;
right: -2px;
}
.tim-list-select {
background: #f7f7f8;
}
.tip-list-error {
position: absolute;
width: 17px;
height: 17px;
border-radius: 50%;
line-height: 17px;
text-align: center;
color: #ffffff;
font-size: 14px;
left: -22px;
background: #E83837;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.msg-list {
overflow: hidden;
margin-bottom: 15px;
position: relative;
padding-left: 80px;
}
.msg-list-rt {
overflow: hidden;
}
.msg-list .msg-list-name {
display: none;
}
.msg-list-img {
width: 48px;
height: 48px;
border-radius: 50%;
position: absolute;
top: 0;
left: 23px;
}
.msg-list-img img {
width: 48px;
height: 48px;
border-radius: 50%;
}
.msg-list-tp {
font-size: 12px;
color: #999999;
padding-top: 5px;
overflow: hidden;
}
.msg-list-time {
display: inline-block;
padding: 0 5px;
}
.msg-list-span {
word-wrap: break-word;
margin-top: 5px;
float: left;
padding: 7px 10px;
border-radius: 3px;
background: #f7f7f8;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #333333;
font-size: 16px;
max-width: 364px;
position: relative;
}
.msg-list-out {
padding-left: 0;
padding-right: 80px;
}
.msg-list-out .msg-list-com {
display: none;
}
.msg-list-out .msg-list-name {
display: inline-block;
}
.msg-list-out .msg-list-img {
right: 23px;
left: unset;
}
.msg-list-out .msg-list-tp {
text-align: right;
}
.msg-list-out .msg-list-span {
float: right;
background: #00b38a;
color: #FFFFFF;
}
.im-toast-tip {
background: #32373e;
border-radius: 2px;
color: #ffffff;
text-align: center;
height: 23px;
font-size: 12px;
line-height: 23px;
position: absolute;
left: 50%;
top: -32px;
padding: 0 7px;
display: none;
white-space: nowrap;
-webkit-transform: translate(-50%);
transform: translate(-50%);
}
.tim-block-triangle {
background: url("//img1.xiaoxiancai.com.cn/career/e60458e88ddf0113d9b3a986f40aa4fb.png");
width: 14px;
height: 9px;
background-size: 14px 9px;
background-position: 0 0;
position: absolute;
bottom: -9px;
left: 30px;
}
.tim-trtc-icon {
background: url("//img1.xiaoxiancai.com.cn/career/21cd512b63829ab2a171414040b34b70.png");
width: 25px;
height: 28px;
background-size: 25px 28px;
background-repeat: no-repeat;
background-position: 0 0;
margin-top: 6px;
margin-left: 10px;
cursor: pointer;
}
.tim-scroll::-webkit-scrollbar {
width: 4px;
height: 4px;
background-color: #f5f5f5;
}
/*定义滚动条的轨道，内阴影及圆角*/
.tim-scroll::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.1);
border-radius: 2px;
background-color: #fefefe;
}
/*定义滑块，内阴影及圆角*/
.tim-scroll::-webkit-scrollbar-thumb {
border-radius: 2px;
-webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.1);
background-color: #E4E8EB;
}
.im-triangle {
background: url("//img1.xiaoxiancai.com.cn/career/de302f8ec5f29c75def5d7299eaae749.png");
width: 7px;
height: 5px;
background-size: 7px 5px;
background-position: 0 0;
display: none;
position: absolute;
top: -9px;
left: 50%;
-webkit-transform: translate(-50%);
transform: translate(-50%);
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.wxd-mask {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 100;
}
.wxd-block {
border-radius: 4px;
background: #ffffff;
margin: 300px auto;
min-width: 400px;
}
.wxd-block-tp {
width: 100%;
border-radius: 4px 4px 0 0;
border-bottom: 1px solid #E0DFDF;
position: relative;
height: 65px;
line-height: 65px;
text-align: center;
font-size: 18px;
color: #000;
}
.wxd-block-close {
font-size: 40px;
width: 60px;
height: 60px;
position: absolute;
cursor: pointer;
right: 0;
top: 0;
line-height: 60px;
text-align: center;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
font-weight: 100;
}
.wxd-block-ct {
overflow: hidden;
border-radius: 0 0 4px 4px;
}
@font-face {
font-family: "newResIconfont";
src: url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2');
}
.newResIconfont {
font-family: "newResIconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-zuojiantou:before {
content: "\E64E";
}
.icon-shijian:before {
content: "\E61E";
}
.icon-dianhua:before {
content: "\E664";
}
.icon-shouji:before {
content: "\E607";
}
.icon-xiajiantou:before {
content: "\E731";
}
.icon-newresguanbi:before {
content: "\E7BE";
}
.icon-youxiang:before {
content: "\E625";
}
.icon-tishi:before {
content: "\E601";
font-size: 20px;
color: #f5bc41;
}
.icon-youjiantou:before {
content: "\E63E";
}
.icon-xiazai:before {
content: "\E60F";
}
.icon-xingbie-nan:before {
content: "\E628";
}
.icon-xingbie-nv:before {
content: "\E629";
}
.icon-newResguanbi1:before {
content: "\E61A";
}
.icon-shaixuan:before {
content: "\E67C";
}
@font-face {
font-family: "info_icon";
src: url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAPAAAsAAAAACDgAAANyAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDMgqDUIMKATYCJAMUCwwABCAFhG0HThscB8iuMTZG6c3sjGVWqq84OfLbjqoke6khoJ7SePj//b7tc+V9lTaTHIiefHUSIZImodZIeGURRUOCSuh0D83/2F+9v3bc7ZDaZp3YYCTJ7TaekO6Spmv/52wIFijCDCUdsRrq/9oUKHtpeuDm5w4dNoiv+bleIC831wwgXfVgIicQeUIJ6ndb3hUAV108HnjpfGP6NcD9zzHTRQnmt61dsoP2Bjge0IAqL4uOTvB2IHeifMPYlRdxP4GuVWLIiauHVSynMDYFYsc2VSyXCioKy7SFpuRkEfdhtdPddAkx9/yfj58wjhxJzYydJ09f6rGTL8xA7/9nLMpFEI1nB7uIjD1AIc6UOnckw+QeaF3l71KOiOlqS9IXcty37z/+P6p0R+qu+Q+PIiSZaBjlfXAEpQpferYwVi2gXkDVU0gj8XWscr/o+v0uergu5tPITvJp5+YJ+f4YJyf6g6uHK4OQIKwm1PuCqMWmeUDdetE8h4QOR5WHTfsVB+ibd78plH7sCX7qV9/sJCdp87nezy0u4Zfza3nwscIVz5tmEfTtV80zgYmDiv2mw8qjVJqYY3DqykRsENtd6y2g5/158p8u/3c8Ix4vMuyMiog/xCgPXqOzXPDa+65V++mt5kW74ZCJ6GZRkboTCu9SenSk8YyB5cz7Gb9utufxzqoWdTx5unwiIO/biFDTwq8lDRsNMze5+/CZSmtOAP/lho63952nbwYPo18xb7IuLL6ysv+n2Wz9p7/jTurLHFs1n6OAzx9oz2/6X5GCfAv8GJXWoj8oajlUVIlhqkXut4Wyu9q4fWViAtjz37xTz+OI34/QdbctYkhaViBrW0MW7B6oevZCo+0wdO3mu7hnJktSlA52qQUQxpYgGfoI2VgEWbBPUC19QGMcSeg6Fexr9myEXXAxKkEdEl4gXaPAsCxSCCoXaEae4qTEJ26QQzsCCqk8m7nGAHmMPdmP5jhHDEhh8sELHoaeR5DB5KAm/TSR3UQmSyn7pH4i+bGC4xhSBNKBBC9AOg0JGO54UcidfwGZIh6FawYq3BuIhezpgYKUvAXyWhm0GriWj2R7ZBrLIQwgBSM+4AV25JlJAjLKlzmQRvSl9YjvTMjQqJS2yv78av8ZT0CX8dwaKXKUqNGo5+zQsrNJkW0pGhNNFYjFj5SZMscIAAAA') format('woff2');
/* iOS 4.1- */
}
.info_icon {
font-family: "info_icon" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-tishi5:before {
content: "\E615";
}
.icon-duihao2:before {
content: "\E69E";
}
.icon-gantanhao:before {
content: "\E710";
}
.icon-tishi1:before {
content: "\E60B";
}
@font-face {
font-family: "icon_arr";
src: url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAKQAAsAAAAABkAAAAJDAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCCcApIXQE2AiQDCAsGAAQgBYRtBzQbhwXIHpIkRSohSIhz6wQAAeLhca18P5Ol7AGSPFkgDaiqq8hWIgpTDaQBja9nXT3Xr/3ex7Rd3oafxUuYJa2n+058b7HpZDyZZAsFpkOIEBqFg+3zXE5vAh3INT5QjnvRWJMm9QLqxYEU6B7YJiuhjBvGLniB5wkUcya1jiyub4kemT0tEBfi0BU9hYAss3RbaDaszeKphna6l74JT6Lvxz9m9JA0KnbV8fMLgZj+ueRkVVfrq84FhCABbW6gwg4hE6cbE0e1C8a1K4kOS8SxyoOfS3Ud2MVRLYL9dXZpD5iB0meSefJHTSd4rIGGCGOTHkMMXQ6v7t59LEP33795NomXLw+e7znevfhujSwqibI4Yn3lSt7WK7Vp+LPqZroXCJ4fU+zhPf97uhn8+PQRmbNhLtq7cAa/QjawLRsK25ayJmvsToZOUVMU1LBnyN9U4+h5M6FtdIKrZTZDpW2FzOwOGrp20dS2H8W2pc1dw0i7yB1sOQIIA16R9PmGyoAfMrO/aBjzj6aBaEdxNob37FqLuO8wocsYgHcIsV8W0nVwX1y+geFu5lJeEfE7SE0cBkPVy+klLJCWWNDshSazBEllDovgMsyyEioqE/RZjZgrS9Nk05tUv8xFn8MIcjEUAJ5DIOYrFWTQm/VVPr8BhXZlXNTRUpfcgUgjHh4YVPoAcklbDGp5lGsae0ImxiQgkVIOLIJRKJMpgap5VAL5mCqaEKtYNKeTHKpVt9fnf7cPCtuUwsmulCuxm7h5BZe7QgAAAAA=') format('woff2');
}
.icon_arr {
font-family: "icon_arr" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-tishi_xiajiantou:before {
content: "\E647";
}
@font-face {
font-family: "newTgaIcon";
src: url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAANYAAsAAAAAB0gAAAMKAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCCcAqCUIIuATYCJAMICwYABCAFhG0HMRtVBsiemjwJJCkCscFERUdBOOLh/9f+t8/M/aaWEdNq3mgivrqXQiieIaRPp75Jm0sR0/yE10bH5fHpJWk9vTS4PUxiPuzsDCM+M5KAf//5tTyvwOG0K37nHad7HocBxl8D/Nf6ZAWKDWNXLaVBnydQrlsx1dr1jTwIk+BpgTh7yiaAsJRRqqkMpUJxydoknipSmt3LvuGJ//v4Zz7CyBTlcM3O41UyKF1WCHt+tcDRfIZoPDvkTeSYBCRib6lzu8AwOSlQuZkM0g+sqzJYVgq7wtX+8QiiGC6vBJ1QeE4iJj7V8gwk2H8ecLfXc0gNGRwcw8p2RPX9xpdNV7ZSK3ai6Nprr5LyuuUAv6lsz3i+naukvdy2ujUNR25udlpMbVvTm0rK/uKineRXryL3ZRy7S82mQuih31Z1FHQP7OxsbRmaLe/Zm9bfv+/eBV7OKyt6ywzm3481Ql9VrM3ziltDAt9v5k6O9PPR+1Vrb87vNRi409QTK2P2qtbdnK5pX+P2daKq6OWGhYoKPoa/OZ+wuwzSwJoNldH3Vev+zu7zn7/S0DV4aK+M3G4ryhR7uM0v9XWOQ/71rnOpgdRklK1X5iel9gy28a/700oBBZwuqfJrP+E6Z/63GtN/aWQCf/76HyNpOzelp+oKXrkijUJYakmwMUuGsVBAocx5g9ozIF/xKMDeeh99tU33lw2lmu7SXaIrRq7UIDFRJ1GkwiKKlVqBchNqNldoQAWKVIZxCwCh1gsy1b4iV+uNmKjvKNLsD8VqIxDl9kfinhWGw1FecRkJDMlQHIEOiXgxtbCIoLId2QbcAk1KfFoXon5HBOrU2mymBnkRHWOBf9CmZwxDTIkHVoPLkNtNoI8SJ5KY2s6Yz6DR4LIPqSXiARHWoBABg8gg0QjIQUJ4Ybc5E5H7fjvEZoCbgNbUNXm7IJSfY3BIR03bglij9Laqu5Zb/AbZ6DEMBmEU4QFVAzviJkkC8pWPckIkjJq9R9zHQIMa4bZK9fxqz9NtgXJYlwUZmivZfmyohLcJAAAAAA==') format('woff2');
}
.newTgaIcon {
font-family: "newTgaIcon" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-New-Tga:before {
content: "\EA8A";
}
.clearfix {
display: block;
clear: both;
content: "";
}
.new-resume-da {
cursor: pointer;
}
.new-resume {
width: 1200px;
margin: 0 auto;
}
.new-resume .top-tips {
width: 1200px;
height: 36px;
line-height: 36px;
background: #FFFBE8;
border: 1px solid #FFCB5A;
margin-top: 20px;
color: #777777;
font-size: 14px;
font-family: PingFang SC;
font-weight: 300;
}
.new-resume .top-tips-time {
color: #fcae09;
}
.new-resume .top-tips-mid {
margin-left: 20px;
}
.new-resume .top-tips .icon-newResguanbi1 {
float: right;
margin-right: 15px;
margin-top: -1px;
cursor: pointer;
}
.new-resume .top-tips .icon-tishi {
margin: 0 20px 0 22px;
}
.new-resume .top-tips .icon-dianhua {
margin: -1px 0 0 15px;
}
.new-resume-nav {
margin-top: 20px;
}
.new-resume-nav .nav-top .resume-receive,
.new-resume-nav .nav-top .resume-depot {
cursor: pointer;
line-height: 40px;
height: 40px;
background: #EEEEEE;
border-radius: 5px;
font-size: 16px;
font-family: PingFang SC;
font-weight: 400;
color: #656565;
padding: 0 25px;
text-align: center;
float: left;
}
.new-resume-nav .nav-top .resume-receive-select {
color: #00B38A;
background: #C7EBE3;
}
.new-resume-nav .nav-top-txt {
font-size: 14px;
font-family: PingFang SC;
font-weight: 400;
color: #656565;
}
.new-resume-nav .nav-top-txt-green {
color: #00B38A;
cursor: pointer;
}
.new-resume-nav .nav-top-line {
width: 1px;
height: 26px;
background: #E3E3E3;
float: left;
margin: 7px 20px 0;
}
.new-resume-nav .nav-list {
border-bottom: 1px solid #E3E3E3;
margin-top: 10px;
}
.new-resume-nav .nav-list-li {
cursor: pointer;
height: 40px;
line-height: 40px;
color: #656565;
float: left;
margin-right: 60px;
font-size: 14px;
font-family: PingFang SC;
font-weight: 400;
text-align: center;
padding: 0 5px;
}
.new-resume-nav .nav-list-li-select {
color: #00B38A;
border-bottom: 2px solid #00B38a;
}
.new-resume-screen {
margin-top: 20px;
}
.new-resume-screen .screen-ul {
position: relative;
}
.new-resume-screen .screen-li {
position: relative;
cursor: pointer;
background: #FFFFFF;
border: 1px solid #E5E5E5;
border-radius: 5px;
height: 35px;
line-height: 32px;
padding: 0 20px;
font-size: 14px;
font-family: PingFang SC;
font-weight: 300;
color: #656565;
float: left;
margin-right: 20px;
}
.new-resume-screen .screen-li .bulk_download {
width: 27px;
height: 27px;
position: absolute;
top: 0;
right: 0;
}
.new-resume-screen .screen-li .bulk_download img {
width: 100%;
height: 100%;
}
.new-resume-screen .screen-li .bulk_download-hover {
display: none;
position: absolute;
top: -48px;
left: -30px;
padding: 5px;
}
.new-resume-screen .screen-li .bulk_download-hover-t {
color: white;
background: #545454;
width: 155px;
text-align: center;
border-radius: 5px;
}
.new-resume-screen .screen-li .bulk_download-hover .icon-tishi_xiajiantou {
margin-top: -28px;
margin-left: 68px;
color: #545454;
}
.new-resume-screen .screen-li .all-choose {
width: 13px;
height: 13px;
border: 1px solid #DCDCDC;
border-radius: 50%;
float: left;
margin-top: 10px;
margin-right: 5px;
}
.new-resume-screen .screen-li .all-choose-mid {
width: 10px;
height: 10px;
border: 1px solid #DCDCDC;
border-radius: 50%;
float: left;
margin: 0 auto;
}
.new-resume-screen .screen-li .icon-xiajiantou {
font-size: 24px;
margin-left: 5px;
}
.new-resume-screen .screen-li .icon-shaixuan {
margin-right: 5px;
font-size: 16px;
}
.new-resume-screen .chushai {
position: relative;
}
.new-resume-screen .chushai-ul {
display: none;
position: absolute;
top: 34px;
left: 0;
width: 100%;
z-index: 99;
background: #FFFFFF;
-webkit-box-shadow: 0px 1px 5px 0px rgba(153, 153, 153, 0.3);
box-shadow: 0px 1px 5px 0px rgba(153, 153, 153, 0.3);
border-radius: 3px;
cursor: auto;
}
.new-resume-screen .chushai-li {
padding-left: 20px;
cursor: pointer;
color: #656565;
}
.new-resume-screen .chushai-li-no {
cursor: not-allowed;
padding-left: 20px;
color: #999999;
}
.new-resume-screen .chushai-li-no:hover {
background: rgba(0, 179, 138, 0.08);
}
.new-resume-screen .chushai-li:hover {
background: rgba(0, 179, 138, 0.08);
}
.new-resume-screen .chushai:hover .chushai-ul {
display: block;
}
.new-resume-screen .chushai-select {
color: #00B38A;
border: 1px solid #00B38A;
}
.new-resume-screen .shaixuan {
float: right;
margin-right: 0;
}
.new-resume-screen .shaixuan-select {
color: #00B38A;
border: 1px solid #00B38A;
}
.new-resume-screen .shaixuan-table {
position: absolute;
top: 40px;
right: 0;
z-index: 99;
width: 550px;
background: #FFFFFF;
-webkit-box-shadow: 0px 1px 5px 0px rgba(153, 153, 153, 0.3);
box-shadow: 0px 1px 5px 0px rgba(153, 153, 153, 0.3);
border-radius: 5px;
padding: 20px;
cursor: auto;
}
.new-resume-screen .shaixuan-table .table-list {
margin-top: 5px;
}
.new-resume-screen .shaixuan-table .table-list-li {
line-height: 20px;
margin-bottom: 15px;
}
.new-resume-screen .shaixuan-table .table-list-li-name {
font-size: 14px;
font-family: PingFang SC;
font-weight: 500;
color: #333333;
float: left;
}
.new-resume-screen .shaixuan-table .table-list-li-type {
font-size: 14px;
font-family: PingFang SC;
font-weight: 400;
color: #656565;
float: left;
padding: 0 5px;
margin-right: 15px;
margin-bottom: 3px;
cursor: pointer;
}
.new-resume-screen .shaixuan-table .table-list-li-type-select {
background: #00B38A;
border-radius: 2px;
color: white;
}
.new-resume-screen .shaixuan-table .table-list-li:last-child {
margin-bottom: 0;
}
.new-resume-screen .shaixuan-table .table-clear {
width: 160px;
font-size: 14px;
font-family: PingFang SC;
font-weight: 400;
color: #00B38A;
padding: 15px 0 0 70px;
cursor: pointer;
}
.new-resume-list-ul {
margin-top: 20px;
}
.new-resume-list-li {
margin-bottom: 20px;
}
.new-resume-list-li-top {
background: #eeeeee;
font-size: 12px;
font-family: PingFang SC;
font-weight: 300;
color: #666666;
height: 26px;
line-height: 26px;
border-radius: 3px 3px 0 0;
}
.new-resume-list-li-top-left {
float: left;
padding-left: 20px;
}
.new-resume-list-li-top-right {
float: right;
padding-right: 20px;
}
.new-resume-list-li-com {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 20px 0 20px 0;
background: #FFFFFF;
position: relative;
}
.new-resume-list-li-com .li-com-left {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.new-resume-list-li-com .li-com-left-choose {
float: left;
line-height: 80px;
margin-left: 15px;
}
.new-resume-list-li-com .li-com-left-img {
float: left;
width: 75px;
height: 75px;
background: #FFFFFF;
line-height: 120px;
margin-left: 15px;
}
.new-resume-list-li-com .li-com-left-img img {
width: 100%;
height: 100%;
border: 1px solid #DCDCDC;
border-radius: 50%;
}
.new-resume-list-li-com .li-com-left-com {
float: left;
margin-left: 15px;
margin-top: 10px;
}
.new-resume-list-li-com .li-com-left-com-name {
font-size: 18px;
font-family: PingFang SC;
font-weight: 500;
color: #666666;
margin-bottom: 9px;
}
.new-resume-list-li-com .li-com-left-com-info {
font-size: 14px;
font-family: PingFang SC;
font-weight: 400;
color: #9A9A9A;
margin-bottom: 9px;
}
.new-resume-list-li-com .li-com-left-com-info span {
display: inline-block;
vertical-align: top;
max-width: 90px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.new-resume-list-li-com .li-com-left-com-tips .tips-li {
float: left;
font-size: 12px;
font-family: PingFang SC;
font-weight: 300;
color: #00B48A;
padding: 3px 10px;
background: #D4EFE8;
border-radius: 2px;
margin-right: 8px;
}
.new-resume-list-li-com .li-com-right {
width: 380px;
margin-top: 22px;
}
.new-resume-list-li-com .li-com-right-btn {
float: right;
width: 100px;
height: 36px;
line-height: 36px;
text-align: center;
background: #FFFFFF;
border: 1px solid #00B48A;
border-radius: 5px;
margin-right: 20px;
font-size: 14px;
font-family: PingFang SC;
font-weight: 400;
color: #00B48A;
cursor: pointer;
position: relative;
}
.new-resume-list-li-com .li-com-right-btn .bulk_download {
width: 27px;
height: 27px;
position: absolute;
top: -2px;
right: 0;
}
.new-resume-list-li-com .li-com-right-btn .bulk_download img {
width: 100%;
height: 100%;
}
.new-resume-list-li-com .li-com-right-btn:hover {
background: #00B48A;
color: white;
}
.new-resume-list-li-com .icon-New-Tga {
color: red;
position: absolute;
top: 2px;
right: 0px;
font-size: 34px;
}
.new-resume .resume-interview-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 20px;
}
.new-resume .resume-interview-nav .nav-left {
width: 220px;
}
.new-resume .resume-interview-nav .nav-left-li {
float: left;
border-radius: 5px;
padding: 8px 20px;
font-size: 14px;
font-family: PingFang SC;
font-weight: 300;
color: #656565;
cursor: pointer;
}
.new-resume .resume-interview-nav .nav-left-li-select {
background: #00B38A;
color: #FFFFFF;
}
.new-resume .resume-interview-nav .nav-mid {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 800px;
padding-left: 50px;
}
.new-resume .resume-interview-nav .nav-mid-li {
margin-right: 20px;
}
.new-resume .resume-interview-nav .nav-mid-li-name {
float: left;
font-size: 14px;
font-family: PingFang SC;
font-weight: 400;
color: #656565;
line-height: 33px;
margin-right: 10px;
}
.new-resume .resume-interview-nav .nav-mid-li-com {
float: left;
width: 130px;
height: 33px;
line-height: 33px;
text-align: center;
background: #FFFFFF;
border: 1px solid #E5E5E5;
border-radius: 5px;
font-size: 14px;
font-family: PingFang SC;
font-weight: 300;
color: #656565;
cursor: pointer;
position: relative;
}
.new-resume .resume-interview-nav .nav-mid-li-com input {
border: none;
width: 100%;
height: 100%;
border-radius: 5px;
padding-left: 20px;
}
.new-resume .resume-interview-nav .nav-mid-li-com .position-list {
position: absolute;
top: 35px;
left: 0;
width: 100%;
z-index: 99;
background: #FFFFFF;
-webkit-box-shadow: 0px 1px 5px 0px rgba(153, 153, 153, 0.3);
box-shadow: 0px 1px 5px 0px rgba(153, 153, 153, 0.3);
border-radius: 3px;
}
.new-resume .resume-interview-nav .nav-mid-li-com .position-li {
background: white;
border-bottom: 1px solid whitesmoke;
}
.new-resume .resume-interview-nav .nav-mid-li-com .position-li:hover {
background: rgba(0, 179, 138, 0.08);
}
.new-resume .resume-interview-nav .nav-right {
width: 220px;
}
.new-resume .resume-interview-nav .nav-right-btn {
float: left;
text-align: center;
width: 80px;
height: 33px;
line-height: 33px;
background: #EEEEEE;
border-radius: 5px;
margin-left: 20px;
cursor: pointer;
}
.new-resume .resume-interview-nav .nav-right-btn-select {
background: #00B389;
color: white;
}
.new-resume .resume-interview-list .list-date {
padding: 10px 20px;
background: #EEEEEE;
border-radius: 5px;
color: #343434;
font-size: 16px;
font-weight: bold;
margin-top: 20px;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.new-resume .resume-interview-list .list-date-log {
color: #787878;
font-size: 16px;
font-weight: normal;
}
.new-resume .resume-interview-list .list-interview {
margin-top: 20px;
}
.new-resume .resume-interview-list .list-interview-li {
margin-bottom: 20px;
height: 110px;
background: #FFFFFF;
border: 1px solid #E3E3E3;
border-radius: 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
}
.new-resume .resume-interview-list .list-interview-li .icon-New-Tga {
color: red;
position: absolute;
top: 2px;
right: 0px;
font-size: 34px;
}
.new-resume .resume-interview-list .list-interview-li-time {
line-height: 110px;
margin-left: 30px;
width: 100px;
font-size: 14px;
font-family: PingFang SC;
font-weight: 400;
color: #666666;
}
.new-resume .resume-interview-list .list-interview-li-time .icon-shijian {
font-size: 24px;
}
.new-resume .resume-interview-list .list-interview-li-info {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
margin-left: 40px;
margin-top: 17px;
}
.new-resume .resume-interview-list .list-interview-li-info .info-img {
float: left;
width: 75px;
height: 75px;
background: #FFFFFF;
border-radius: 50%;
}
.new-resume .resume-interview-list .list-interview-li-info .info-img img {
width: 100%;
height: 100%;
border: 1px solid #DCDCDC;
border-radius: 50%;
}
.new-resume .resume-interview-list .list-interview-li-info .info-txt {
line-height: 28px;
margin: 10px 20px 0 95px;
}
.new-resume .resume-interview-list .list-interview-li-info .info-txt-name {
font-size: 18px;
font-family: PingFang SC;
font-weight: 500;
color: #656565;
}
.new-resume .resume-interview-list .list-interview-li-info .info-txt-com {
font-size: 14px;
font-family: PingFang SC;
font-weight: 400;
color: #999999;
}
.new-resume .resume-interview-list .list-interview-li-info .info-txt-com span {
display: inline-block;
vertical-align: top;
max-width: 90px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.new-resume .resume-interview-list .list-interview-li-btn {
width: 410px;
margin-top: 36px;
}
.new-resume .resume-interview-list .list-interview-li-btn .btn-li {
float: left;
font-size: 14px;
font-family: PingFang SC;
font-weight: 400;
color: #00B389;
padding: 7px 20px;
background: #FFFFFF;
border: 1px solid #00B389;
border-radius: 5px;
margin-left: 10px;
cursor: pointer;
}
.new-resume .resume-interview-list .list-interview-li-btn .btn-li-select {
background: #00B389;
color: white;
position: relative;
}
.new-resume .resume-interview-list .list-interview-li-btn .btn-li-select:hover .interview-ul {
display: block;
}
.new-resume-img {
width: 468px;
height: 300px;
margin: 0 auto;
text-align: center;
}
.new-resume-img p {
font-size: 18px;
font-family: PingFang SC;
font-weight: 300;
color: #333333;
margin-top: 5px;
}
.new-resume .interview-ul {
position: absolute;
top: 34px;
left: 0;
width: 100%;
text-align: center;
border: 1px solid #00B389;
border-radius: 3px;
display: none;
}
.new-resume .interview-li {
color: #00B389;
padding: 5px 0;
background: #FFFFFF;
border-radius: 3px;
}
.new-resume .interview-li:hover {
background: #00b38a;
color: white;
}
.newResume-pop {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.6);
z-index: 990;
overflow: auto;
}
.newResume-dingwei {
width: 972px;
margin: 55px auto 25px;
position: relative;
}
.newResume-close {
position: fixed;
top: 50px;
left: 50%;
cursor: pointer;
margin-left: 530px;
z-index: 1000;
}
.newResume-close .icon-newresguanbi {
color: white;
font-size: 54px;
}
.newResume-toLeft {
position: fixed;
top: 50%;
right: 50%;
-webkit-transform: transitionY(-50%);
transform: transitionY(-50%);
margin-right: 530px;
cursor: pointer;
z-index: 1000;
}
.newResume-toLeft .icon-zuojiantou {
font-size: 80px;
color: rgba(255, 255, 255, 0.4);
}
.newResume-toLeft:hover .icon-zuojiantou {
color: #ffffff;
}
.newResume-toRight {
cursor: pointer;
position: fixed;
top: 50%;
left: 50%;
margin-left: 530px;
-webkit-transform: transitionY(-50%);
transform: transitionY(-50%);
z-index: 1000;
}
.newResume-toRight .icon-youjiantou {
font-size: 70px;
color: rgba(255, 255, 255, 0.4);
}
.newResume-toRight:hover .icon-youjiantou {
color: #ffffff;
}
.newResume-detail {
margin-bottom: 150px;
padding-bottom: 30px;
background: #FFFFFF;
-webkit-box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.2);
border-radius: 5px;
}
.newResume-detail .nr-top {
height: 40px;
line-height: 40px;
background: #EDEDED;
border-radius: 5px 5px 0 0;
font-size: 14px;
font-family: PingFang SC;
font-weight: 300;
color: #656565;
}
.newResume-detail .nr-top-l {
float: left;
margin-left: 30px;
}
.newResume-detail .nr-top-r {
float: right;
margin-right: 30px;
}
.newResume-detail .nr-stu-top {
margin: 35px 0 0 45px;
}
.newResume-detail .nr-stu-top-l {
float: left;
}
.newResume-detail .nr-stu-top-l-img {
float: left;
width: 100px;
height: 100px;
background: #FFFFFF;
}
.newResume-detail .nr-stu-top-l-img img {
width: 100%;
height: 100%;
border: 1px solid #656565;
border-radius: 50%;
}
.newResume-detail .nr-stu-top-l-info {
float: left;
margin-left: 35px;
line-height: 33px;
}
.newResume-detail .nr-stu-top-l-info-name {
font-size: 16px;
font-family: PingFang SC;
font-weight: 400;
color: #434343;
}
.newResume-detail .nr-stu-top-l-info-name .icon-xingbie-nan {
color: #009EE2;
margin-left: 10px;
font-size: 14px;
}
.newResume-detail .nr-stu-top-l-info-phone {
font-size: 14px;
font-family: PingFang SC;
font-weight: 300;
color: #434343;
}
.newResume-detail .nr-stu-top-l-info-phone .icon-shouji {
font-size: 18px;
color: #00B389;
}
.newResume-detail .nr-stu-top-l-info-phone .icon-youxiang {
font-size: 14px;
margin-left: 35px;
margin-right: 10px;
color: #00B389;
}
.newResume-detail .nr-stu-top-l-info-more {
font-size: 14px;
font-family: PingFang SC;
font-weight: 300;
color: #00B389;
cursor: pointer;
}
.newResume-detail .nr-stu-top-r {
float: right;
margin-right: 40px;
margin-top: 30px;
}
.newResume-detail .nr-stu-top-r-btn {
cursor: pointer;
float: left;
padding: 8px 20px;
background: #FFFFFF;
border: 1px solid #00B389;
border-radius: 5px;
font-size: 14px;
font-family: PingFang SC;
font-weight: 300;
color: #00B389;
margin-left: 10px;
position: relative;
}
.newResume-detail .nr-stu-top-r-btn .detail-ul {
display: none;
position: absolute;
top: 32px;
left: 0;
background: #FFFFFF;
-webkit-box-shadow: 0px 1px 5px 0px rgba(153, 153, 153, 0.3);
box-shadow: 0px 1px 5px 0px rgba(153, 153, 153, 0.3);
border-radius: 3px;
}
.newResume-detail .nr-stu-top-r-btn .detail-li {
width: 118px;
cursor: pointer;
font-size: 14px;
font-family: PingFang SC;
font-weight: 300;
color: #656565;
padding: 8px 15px;
}
.newResume-detail .nr-stu-top-r-btn .detail-li-no {
width: 118px;
cursor: not-allowed;
font-size: 14px;
font-family: PingFang SC;
font-weight: 300;
color: #999999;
padding: 8px 15px;
}
.newResume-detail .nr-stu-top-r-btn .detail-li:hover {
background: rgba(0, 179, 137, 0.6);
}
.newResume-detail .nr-stu-top-r-btn .detail-li-no:hover {
background: rgba(0, 179, 137, 0.6);
}
.newResume-detail .nr-stu-top-r-btn-select {
background: #00B389;
color: white;
}
.newResume-detail .nr-stu-top-r-btn:hover .detail-ul {
display: block;
}
.newResume-detail .nr-stu-info {
margin-top: 55px;
}
.newResume-detail .nr-stu-info-nav {
width: 892px;
margin: 0 auto;
padding: 0 20px;
border-bottom: 1px solid whitesmoke;
}
.newResume-detail .nr-stu-info-nav-li {
float: left;
font-size: 16px;
font-family: PingFang SC;
font-weight: 300;
color: #656565;
padding: 10px 15px;
margin-right: 30px;
cursor: pointer;
}
.newResume-detail .nr-stu-info-nav-li-select {
color: #00B389;
border-bottom: 2px solid #00b38a;
}
.newResume-detail .nr-stu-info-com {
width: 892px;
margin: 0 auto;
}
.newResume-detail .nr-stu-info-com-title {
margin: 20px auto 0;
padding: 5px 0;
background: #EEEEEE;
border-radius: 5px;
}
.newResume-detail .nr-stu-info-com-title-t {
border-left: 3px solid #00B38A;
height: 26px;
line-height: 26px;
font-size: 16px;
font-family: PingFang SC;
font-weight: 300;
color: #656565;
padding-left: 15px;
}
.newResume-detail .nr-stu-info-com-person {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.newResume-detail .nr-stu-info-com-person .person-detail-l {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
font-size: 14px;
font-family: PingFang SC;
font-weight: 300;
color: #888888;
}
.newResume-detail .nr-stu-info-com-person .person-detail-l p {
margin-top: 20px;
padding-left: 20px;
}
.newResume-detail .nr-stu-info-com-work p {
margin-top: 20px;
padding-left: 20px;
font-size: 14px;
font-family: PingFang SC;
font-weight: 300;
color: #888888;
}
.newResume-detail .nr-stu-info-com-work img {
width: 100%;
height: 100%;
}
.newResume-detail .nr-stu-info-com-pic {
width: 800px;
margin: 0 auto;
}
.newResume-detail .nr-stu-info-com-pic img {
width: 100%;
height: 100%;
}
.newResume-detail .nr-stu-info .new_comOperation .oper-record {
width: 850px;
margin: 30px auto;
}
.newResume-detail .nr-stu-info .new_comOperation .oper-record textarea {
width: 100%;
}
.newResume-detail .nr-stu-info .new_comOperation .oper-record .box-btn {
margin-top: 10px;
}
.newResume-xiazai {
position: fixed;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 1000;
text-decoration: none;
display: block;
width: 132px;
height: 42px;
line-height: 42px;
background: #00B38A;
border-radius: 5px;
text-align: center;
margin: 0 auto 30px;
font-size: 16px;
font-family: PingFang SC;
font-weight: 300;
color: #FFFFFF;
cursor: pointer;
}
.newResume-xiazai .icon-xiazai {
font-size: 16px;
}
.newResume-xiazai:hover {
text-decoration: none;
color: white;
}
.newResume-dailog {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 999;
background: rgba(0, 0, 0, 0.6);
}
.newResume-dailog-com {
width: 339px;
height: 154px;
margin: 250px auto;
background: white;
border-radius: 5px;
padding: 25px 25px 15px 25px;
position: relative;
}
.newResume-dailog-com .com-tp {
color: #333333;
font-size: 14px;
font-weight: bold;
}
.newResume-dailog-com .com-info {
color: #999999;
font-size: 14px;
font-weight: 300;
margin-top: 8px;
}
.newResume-dailog-com .com-btns {
position: absolute;
right: 20px;
bottom: 15px;
}
.newResume-dailog-com .com-btn {
padding: 0 15px;
height: 30px;
line-height: 30px;
color: white;
font-size: 14px;
text-align: center;
border-radius: 5px;
background: #00B38A;
float: right;
margin-left: 10px;
cursor: pointer;
}
.newResume-dailog-com .com-btn-close {
color: #00B38A;
background: white;
border: 1px solid #00B38A;
}
.newResume-dailog-com .icon-tishi5 {
float: left;
}
.newResume-dailog-com .icon-tishi5:before {
font-size: 22px;
color: #00B38A;
}
.step-levels {
margin-left: 60px;
margin-top: 30px;
}
.step-levels li {
position: relative;
padding-left: 28px;
margin-top: 28px;
}
.step-levels li .state {
color: #333;
}
.step-levels li .state .desc {
margin-right: 20px;
}
.step-levels li .state .date,
.step-levels li .state .time {
color: #999;
margin-right: 10px;
}
.step-levels li:before {
position: absolute;
content: '';
left: 0;
top: 2px;
width: 16px;
height: 16px;
background-color: #fff;
border: 2px solid #e3e3e3;
border-radius: 50%;
}
.step-levels li:after {
position: absolute;
content: '';
left: 7px;
top: 22px;
width: 2px;
height: 20px;
background-color: #d5dadf;
}
.step-levels li:first-child {
margin-top: 0;
}
.step-levels li:first-child:before {
border-color: #00b38a;
}
.step-levels li:first-child:after {
background-color: #00b38a;
}
.step-levels li.last:after {
display: none;
}
.xdsoft_datetimepicker {
position: absolute;
z-index: 10000;
background: #fff;
color: #333;
border: 1px solid #e7e7e7;
box-shadow: 1px 2px 3px rgba(0,0,0,.08);
-moz-box-sizing: border-box;
box-sizing: border-box;
display: none;
margin-top: 2px;
border-radius: 2px;
display: none;
}
.xdsoft_datetimepicker.xdsoft_rtl {
padding: 8px 0 8px 8px;
}
.xdsoft_datetimepicker iframe {
position: absolute;
left: 0;
top: 0;
width: 75px;
height: 210px;
background: transparent;
border: none;
}
/*For IE8 or lower*/
.xdsoft_datetimepicker button {
border: none !important;
}
.xdsoft_noselect {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
.xdsoft_noselect::selection { background: transparent }
.xdsoft_noselect::-moz-selection { background: transparent }
.xdsoft_datetimepicker.xdsoft_inline {
display: inline-block;
position: static;
box-shadow: none;
}
.xdsoft_datetimepicker * {
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
margin: 0;
}
.xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker {
display: none;
}
.xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active {
display: block;
}
.xdsoft_datetimepicker .xdsoft_datepicker {
width: 296px;
float: left;
border-right: 1px solid #c5e6de;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker {
float: right;
margin-right: 8px;
margin-left: 0;
}
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker {
width: 256px;
}
.xdsoft_datetimepicker .xdsoft_timepicker {
width: 102px;
float: left;
text-align: center;
position: relative;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker {
float: right;
margin-right: 8px;
margin-left: 0;
}
.xdsoft_datetimepicker .xdsoft_monthpicker {
position: relative;
text-align: center;
height: 60px;
line-height: 59px;
background-color: #fff;
border-bottom: 1px dashed #f0f0f0;
}
.xdsoft_datetimepicker .xdsoft_label i,
.xdsoft_datetimepicker .xdsoft_today_button {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC);
}
.xdsoft_datetimepicker .xdsoft_label i {
opacity: 0.5;
background-position: -92px -19px;
display: inline-block;
width: 9px;
height: 20px;
vertical-align: middle;
}
.xdsoft_datetimepicker .xdsoft_today_button {
float: left;
background-position: -70px 0;
margin-left: 5px;
}
.xdsoft_datetimepicker .xdsoft_next {
float: right;
background-position: 0 0;
}
.xdsoft_datetimepicker .xdsoft_year.text span::after {
position: absolute;
content: "\5E74";
padding-right: 14px;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
position: absolute;
z-index: 666;
right: 42px;
font-size: 18px;
color: #333;
display: block;
background-color: transparent;
}
.xdsoft_timepicker .xdsoft_prev {
top: 18px;
}
.xdsoft_timepicker .xdsoft_next {
bottom: -35px;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next {
float: none;
margin-left: 0;
margin-right: 14px;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
background-position: -40px 0;
margin-bottom: 7px;
margin-top: 0;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
height: 188px;
overflow: hidden;
margin-top: 50px;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div {
color: #555;
font-size: 14px;
text-align: center;
border-collapse: collapse;
cursor: pointer;
height: 30px;
line-height: 30px;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div > div:first-child {
border-top-width: 0;
}
.xdsoft_datetimepicker .xdsoft_today_button:hover,
.xdsoft_datetimepicker .xdsoft_next:hover,
.xdsoft_datetimepicker .xdsoft_prev:hover {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.xdsoft_datetimepicker .xdsoft_monthpicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_monthpicker .xdsoft_next {
position: absolute;
z-index: 666;
top: 18px;
font-size: 18px;
color: #333;
background-color: transparent;
}
.xdsoft_monthpicker .xdsoft_prev {
left: 20px;
}
.xdsoft_monthpicker .xdsoft_next {
right: 20px;
}
.xdsoft_datetimepicker .xdsoft_label {
position: relative;
z-index: 9999;
margin: 0;
font-size: 14px;
background-color: #fff;
}
.xdsoft_datetimepicker .xdsoft_month.text {
margin-right: 101px;
margin-left: 19px;
height: 59px;
}
.xdsoft_datetimepicker .xdsoft_month, .xdsoft_datetimepicker .xdsoft_year {
float: right;
}
.xdsoft_datetimepicker .xdsoft_label:hover i {
opacity: 1.0;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
border: 1px solid #ccc;
position: absolute;
right: 0;
top: 30px;
z-index: 101;
display: none;
background: #fff;
max-height: 160px;
overflow-y: hidden;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect{ right: -7px }
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect{ right: 2px }
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
color: #fff;
background: #ff8000;
}
.xdsoft_datetimepicker .text span {
text-align: center;
font-size: 18px;
color: #333;
line-height: 60px;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option {
padding: 2px 10px 2px 5px;
text-decoration: none !important;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
background: #33aaff;
box-shadow: #178fe5 0 1px 3px 0 inset;
color: #fff;
font-weight: 700;
}
.xdsoft_datetimepicker .xdsoft_month {
text-align: right;
}
.xdsoft_datetimepicker .xdsoft_calendar {
clear: both;
}
.xdsoft_datetimepicker .xdsoft_year{
margin-left: 5px;
height: 59px;
}
.xdsoft_datetimepicker .xdsoft_calendar table {
border-collapse: collapse;
width: 258px;
margin: 0 auto;
margin-bottom: 10px;
}
.xdsoft_datetimepicker .xdsoft_calendar th {
height: 25px;
}
.xdsoft_datetimepicker .xdsoft_calendar td,.xdsoft_datetimepicker .xdsoft_calendar th {
width: 37px;
height: 37px;
color: #333;
font-size: 14px;
text-align: center;
vertical-align: middle;
border-collapse: collapse;
cursor: pointer;
border-radius: 50%;
}
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th {
width: 12.5%;
}
.xdsoft_datetimepicker .xdsoft_calendar th {
background: #f1f1f1;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
position: relative;
color: #00b38a !important;
background-color: #fff !important;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today:after {
position: absolute;
content: '';
bottom: 5px;
right: 42%;
width: 4px;
height: 4px;
border-radius: 10px;
background-color: #00b38a;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default {
background: #ffe9d2;
box-shadow: #ffb871 0 1px 4px 0 inset;
color: #000;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint {
background: #c1ffc9;
box-shadow: #00dd1c 0 1px 4px 0 inset;
color: #000;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current {
color: #00b38a;
background-color: #fff;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current {
background: #00b38a;
color: #fff;
font-weight: normal;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,
.xdsoft_datetimepicker .xdsoft_time_box >div >div.xdsoft_disabled {
opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
cursor: default;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month {
color: #999;
pointer-events: none;
font-size: 0;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
opacity: 0.2;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}
.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div:hover {
color: #fff !important;
background: #8dcfbe !important;
box-shadow: none !important;
}
.xdsoft_scrollbar >.xdsoft_scroller {
background: #8dcfbe;
height: 50px;
border-radius: 4px;
display: none;
}
.xdsoft_scroller_box:hover .xdsoft_scroller {
display: block;
}
.xdsoft_datetimepicker .xdsoft_calendar td:hover {
color: #00b38a!important;
background-color: #fff!important;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current:hover {
background: #00b38a!important;
color: #fff!important;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_disabled:hover {
color: inherit !important;
background: inherit !important;
box-shadow: inherit !important;
}
.xdsoft_datetimepicker .xdsoft_calendar th {
font-weight: normal;
text-align: center;
color: #333;
cursor: default;
font-size: 14px;
background-color: #fff;
height: 40px;
}
.xdsoft_datetimepicker .xdsoft_copyright {
color: #ccc !important;
font-size: 10px;
clear: both;
float: none;
margin-left: 8px;
}
.xdsoft_datetimepicker .xdsoft_copyright a { color: #eee !important }
.xdsoft_datetimepicker .xdsoft_copyright a:hover { color: #aaa !important }
.xdsoft_time_box {
position: relative;
}
.xdsoft_scrollbar >.xdsoft_scroller {
background: #8dcfbe !important;
height: 20px;
border-radius: 3px;
}
.xdsoft_scrollbar {
position: absolute;
width: 5px;
right: 0;
top: 0;
bottom: 0;
cursor: pointer;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar {
left: 0;
right: auto;
}
.xdsoft_scroller_box {
position: relative;
}
.xdsoft_datetimepicker.xdsoft_dark {
box-shadow: 0 5px 15px -5px rgba(255, 255, 255, 0.506);
background: #000;
border-bottom: 1px solid #444;
border-left: 1px solid #333;
border-right: 1px solid #333;
border-top: 1px solid #333;
color: #ccc;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box {
border-bottom: 1px solid #222;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div {
background: #0a0a0a;
border-top: 1px solid #222;
color: #999;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label {
background-color: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select {
border: 1px solid #333;
background: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
color: #000;
background: #007fff;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
background: #cc5500;
box-shadow: #b03e00 0 1px 3px 0 inset;
color: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_next,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==);
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
background: #0a0a0a;
border: 1px solid #222;
color: #999;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
background: #0e0e0e;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
color: #cc5500;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default {
background: #ffe9d2;
box-shadow: #ffb871 0 1px 4px 0 inset;
color:#000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint {
background: #c1ffc9;
box-shadow: #00dd1c 0 1px 4px 0 inset;
color:#000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current {
background: #cc5500;
box-shadow: #b03e00 0 1px 3px 0 inset;
color: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div:hover {
color: #000 !important;
background: #007fff !important;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
color: #666;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright { color: #333 !important }
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a { color: #111 !important }
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover { color: #555 !important }
.xdsoft_dark .xdsoft_time_box {
border: 1px solid #333;
}
.xdsoft_dark .xdsoft_scrollbar >.xdsoft_scroller {
background: #333 !important;
}
.xdsoft_datetimepicker .xdsoft_save_selected {
display: block;
border: 1px solid #dddddd !important;
margin-top: 5px;
width: 100%;
color: #454551;
font-size: 13px;
}
.xdsoft_datetimepicker .blue-gradient-button {
font-family: "museo-sans", "Book Antiqua", sans-serif;
font-size: 12px;
font-weight: 300;
color: #82878c;
height: 28px;
position: relative;
padding: 4px 17px 4px 33px;
border: 1px solid #d7d8da;
background: -moz-linear-gradient(top, #fff 0%, #f4f8fa 73%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(73%, #f4f8fa));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fff 0%, #f4f8fa 73%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fff 0%, #f4f8fa 73%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #fff 0%, #f4f8fa 73%);
/* IE10+ */
background: linear-gradient(to bottom, #fff 0%, #f4f8fa 73%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f4f8fa',GradientType=0 );
/* IE6-9 */
}
.xdsoft_datetimepicker .blue-gradient-button:hover, .xdsoft_datetimepicker .blue-gradient-button:focus, .xdsoft_datetimepicker .blue-gradient-button:hover span, .xdsoft_datetimepicker .blue-gradient-button:focus span {
color: #454551;
background: -moz-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f8fa), color-stop(73%, #FFF));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
/* IE10+ */
background: linear-gradient(to bottom, #f4f8fa 0%, #FFF 73%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f8fa', endColorstr='#FFF',GradientType=0 );
/* IE6-9 */
}
@font-face {
font-family: "limitSearch_com_icon";
src: url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAK8AAsAAAAABmwAAAJuAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCCcAp4gQ4BNgIkAwgLBgAEIAWEbQcuG7IFyJ6aPAmwMx7EYEJBAECIh+/3o537ZNWSiCBJtIpaZ2hbSRALQwqQPYv/4/dzU2nLVycal0yTNvty74vfvyHNSyHTSYlKg9DoHCpma//v7MfRcYEUcTiwiHbpEgr35sct0kEz4nDaBApk/nmXyxiD1hjUBRgHUqB7YJusSCJvGLvAJZwn0GFcQ/TYbLOPZBTWtEA8MzQpksl5FIXF24SWmrVFvFa1pZcp4FX4/fgK29FGUjOr6NSDqRoZfDB2Ut5pBtd8Ai8Bba7IWBVRiHO1kRPigtHiOiIJ0yL7yg8+mKbxzWKvBsH+Oiu3C4xC4T2JXPGtciZQGMyMiN2jHk/u7uq4/VMu1Hox5/MpnfMf57Tr809zWJCf9/CEb3zt/xrzJUeb5/O95vQU9ta19bHa814eb5wq1VNPZBv/0I5DImh+5Tb2TSA482Z1vrzvWxsu4N3/ogldza8C/Wy07doa/CJRz46iSyxTKqqoNpHMiJ+6rkMHGtgx4G+sdvh+EqHN8F3ZWo2lyNrMEgt1FVWn3WjR5iA6rJhv7jSIxEVpx7J3gNDnC0mPt8j6fBML9RfViH+06IuMDhdicM9O8/E4d5RQYlRBfgRD8VzhWDgX5W9Ru9kSZSUh/YgUGn7orm8W43N0keZYEN5pPWYBgjwHZuAytG0PfPJMVLilM/v99saDuje1FM+J5BxFkIQhFZA9AgaFxyX83ixX+vwW0tzYJNTSVuM+QiRkDA+6Wjo9iHOl26vtXq4J3dH0MCYAgXgcYAZGIZvNA/z6USakYC36iJCvr213E32VrfXVztftgw6WLoVdnpXnErmRCAAAAA==') format('woff2');
}
.limitSearch_com_icon {
font-family: "limitSearch_com_icon" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-warn:before {
content: "\E625";
}
.limit-search_com-mask {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.6);
z-index: 900;
}
.limit-search_com-block {
width: 400px;
height: 160px;
margin: 300px auto;
background: white;
border-radius: 5px;
padding: 25px 25px 0;
position: relative;
}
.limit-search_com-block .block-title {
font-size: 14px;
font-weight: bold;
}
.limit-search_com-block .block-title .icon-warn {
font-size: 23px;
color: #faad14;
margin-right: 5px;
}
.limit-search_com-block .block-con {
margin-top: 10px;
font-size: 14px;
color: #666666;
padding-left: 32px;
}
.limit-search_com-block .block-btns {
position: absolute;
bottom: 15px;
right: 25px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.limit-search_com-block .block-btns-confirm {
padding: 5px 15px;
background: #1890FF;
color: white;
border-radius: 3px;
margin-left: 15px;
cursor: pointer;
}
.limit-search_com-block .block-btns-cancel {
padding: 5px 15px;
border: 1px solid whitesmoke;
color: #666666;
border-radius: 3px;
cursor: pointer;
}
.limit-search_com-block .block-btns-submit {
padding: 5px 15px;
background: #1890FF;
color: white;
border-radius: 3px;
margin-left: 15px;
cursor: pointer;
}
.common-word-select {
position: absolute;
bottom: 90px;
left: 20px;
height: 40px;
}
.common-word-select a span {
color: #333333;
}
.btn-resume-im {
cursor: pointer;
margin: 0 auto;
text-align: center;
width: 100px;
height: 40px;
line-height: 40px;
color: #00B38A;
font-size: 14px;
background: #ccf0e8;
border: 1px solid #63cfb6;
border-radius: 2px;
position: absolute;
right: 73px;
top: 30px;
}
.tim-alert-nopost {
height: 159px;
}
.tim-alert-nopost-center {
line-height: 173px;
font-size: 14px;
color: #999999;
text-align: center;
}
.tim-alert-nopost-center span {
color: #00B38A;
cursor: pointer;
padding-left: 7px;
}
.tostu-post {
width: 378px;
height: 40px;
background: #ffffff;
border: 1px solid #e6e6e6;
border-radius: 2px;
line-height: 40px;
padding: 0 15px;
cursor: pointer;
}
.tostu-post-title {
line-height: 30px;
font-size: 14px;
color: #333333;
width: 378px;
overflow: hidden;
}
.tostu-post-title div:first-child {
float: left;
}
.tostu-post-title div:last-child {
float: right;
color: #00B38A;
cursor: pointer;
}
.xxc-mask {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.6);
z-index: 777;
}
.onvip-block {
width: 770px;
height: 506px;
position: fixed;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.onvip-block-close {
position: absolute;
right: 0;
top: 0;
width: 67px;
height: 67px;
cursor: pointer;
}
.onvip-block-ltbtn {
position: absolute;
bottom: 27px;
right: 217px;
width: 185px;
height: 47px;
cursor: pointer;
}
.onvip-block-rtbtn {
position: absolute;
bottom: 27px;
right: 31px;
width: 175px;
height: 47px;
cursor: pointer;
}
.novip {
font-size: 14px;
color: red;
float: left;
line-height: 30px;
}
.interview-btn {
padding: 0 15px;
background: #00B38A;
color: #ffffff;
font-size: 16px;
text-align: center;
line-height: 30px;
height: 30px;
float: right;
cursor: pointer;
border-radius: 1px;
}
.interview-btn-a {
background: #cccccc;
}
.resume-top {
position: absolute;
height: 70px;
width: 70px;
color: #fff;
background: #FB5849;
top: -83px;
left: -77px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
line-height: 111px;
}
.left-content td {
position: relative;
overflow: hidden;
}
.resume-ft {
border: 1px solid #D5DADE;
padding: 20px;
}
.change-btn {
float: left;
height: 30px;
margin: 5px 0;
padding: 0 30px;
cursor: pointer;
line-height: 30px;
background: #00B38A;
border-radius: 3px;
color: #fff;
}
.rm-position {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.search-tab-rt {
float: right;
font-size: 14px;
}
.search-tab-rt div {
display: inline-block;
line-height: 40px;
}
.search-tab-rt-one {
padding-right: 27px;
color: #333333;
}
.search-tab-rt-twe {
color: #00B38A;
cursor: pointer;
}
.tim-search-btn {
margin: 0 auto;
text-align: center;
width: 100px;
height: 40px;
line-height: 40px;
color: #00B38A;
font-size: 14px;
background: #ccf0e8;
border: 1px solid #63cfb6;
border-radius: 2px;
}
.tim-search-btn:hover {
background: #00b38a;
color: #ffffff;
}
.tim-search-btn-new {
margin: 0 auto;
text-align: center;
width: 100px;
height: 40px;
line-height: 40px;
color: #00B38A;
font-size: 14px;
background: #ccf0e8;
border: 1px solid #63cfb6;
border-radius: 2px;
}
.tim-search-btn-new:hover {
background: #00b38a;
color: #ffffff;
}
.ft-tp {
border-bottom: 1px dashed #D5DADE;
font-size: 14px;
}
.ft-tp-select {
margin-bottom: 10px;
}
.ft-tp-select > div {
display: inline-block;
vertical-align: middle;
line-height: 24px;
}
.ft-tp-city-label {
margin: 0 10px 0 10px;
}
.ft-tp-city-input {
position: relative;
z-index: 100;
}
.ft-tp-city-input input {
height: 32px;
line-height: 32px;
}
.ft-tp-li {
position: relative;
margin-bottom: 10px;
}
.ft-tp-mid {
padding-left: 155px;
padding-right: 95px;
}
.ft-tp-block-ct {
height: 36px;
overflow: hidden;
}
.ft-tp-more .ft-tp-block-ct {
height: auto;
overflow: auto;
}
.ft-tp-block {
padding: 0 10px;
float: left;
margin-right: 4px;
margin-bottom: 12px;
color: #999;
line-height: 24px;
cursor: pointer;
border-radius: 3px;
}
.ft-tp-lt {
position: absolute;
left: 0;
width: 150px;
line-height: 24px;
}
.ft-tp-all {
position: absolute;
right: 0;
top: 0;
padding: 0 10px;
line-height: 24px;
cursor: pointer;
border-radius: 3px;
}
.ft-tp-block-select {
color: #fff;
background: #00B38A;
}
.ft-tp-rt {
position: absolute;
right: 0;
top: 0;
cursor: pointer;
line-height: 24px;
}
.ft-tp-rt div {
display: inline-block;
vertical-align: middle;
color: #00B38A;
}
.ft-tp-block:hover {
color: #00B38A;
}
.ft-tp-block-select:hover {
color: #fff;
}
.ft-bt {
line-height: 40px;
margin-top: 20px;
}
.ft-bt-label {
margin-right: 5px;
}
.ft-bt div {
display: inline-block;
vertical-align: middle;
}
.ft-bt-input input {
width: 523px;
height: 40px;
border: 1px solid #d5dadf;
padding: 0 10px;
margin-right: 10px;
}
.ft-bt-btn {
height: 40px;
text-align: center;
color: #fff;
background: #00B38A;
width: 120px;
cursor: pointer;
}
.ft {
margin-left: -58px;
margin-bottom: 10px;
}
.ft > div {
display: inline-block;
vertical-align: middle;
}
.ft-select-label {
margin-right: 5px;
}
.ft-select {
width: 370px;
height: 28px;
position: relative;
line-height: 28px;
border: 1px solid #d5dadf;
padding: 0 15px;
cursor: pointer;
color: #333;
z-index: 100;
}
.ft-select .icon-gray-down {
position: absolute;
right: 10px;
top: 12px;
}
.ft-select-ct {
border: 1px solid #00B38A;
padding: 10px;
padding-bottom: 0px;
position: absolute;
width: 369px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
top: 26px;
left: 0;
background: #ffffff;
}
.ft-select-ct div {
float: left;
margin: 0 20px 10px 0;
cursor: pointer;
color: #999;
}
.ft-select-ct div:hover {
color: #00B38A;
}
.ft-province {
margin-right: 30px;
}
.wrapper.resume {
padding: 20px 30px 40px 30px;
}
.wrapper.resume .other-filter {
border-top: 1px solid #d5dadf;
padding: 20px 0;
}
.wrapper.resume .other-filter .position-filter dd span {
position: relative;
}
.wrapper.resume .other-filter .position-filter dd span i {
width: 16px;
height: 16px;
display: block;
line-height: 16px;
text-align: center;
color: #fff;
font-size: 12px;
border-radius: 50%;
background-color: #f33;
position: absolute;
right: -3px;
top: -3px;
}
.wrapper.resume .other-filter .hasMore {
position: relative;
display: block;
height: 39px;
}
.wrapper.resume .other-filter .hasMore > span {
position: absolute;
right: 50px;
top: 0;
color: #00b38a;
cursor: pointer;
line-height: 32px;
}
.wrapper.resume .other-filter .hasMore > span:after {
content: '';
display: block;
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: -230px -110px;
width: 10px;
height: 6px;
position: absolute;
right: -15px;
top: 50%;
margin-top: -3px;
}
.wrapper.resume .other-filter .hasMore > span.up_more {
top: 0;
}
.wrapper.resume .other-filter .hasMore > span.up_more:after {
content: '';
display: block;
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: -230px -81px;
width: 12px;
height: 7px;
position: absolute;
right: -15px;
top: 50%;
margin-top: -3px;
}
.wrapper.resume .other-filter .hasMore dt {
display: block;
float: left;
padding-bottom: 0;
}
.wrapper.resume .other-filter .hasMore dd {
display: block;
float: left;
width: 1000px;
padding-bottom: 0;
}
.wrapper.resume .state-filter {
border-top: 1px solid #d5dadf;
}
.wrapper.resume .state-filter .xxc-tablist li.cur a {
border-bottom: none;
}
.wrapper.resume .filter-result .left-content {
width: 312px;
height: 100%;
border: 1px solid #d5dadf;
}
.wrapper.resume .filter-result .left-content .resume-list {
height: 100%;
}
.wrapper.resume .filter-result .left-content .resume-list li {
border-bottom: 1px dashed #e5e5e5;
cursor: pointer;
position: relative;
padding: 20px 20px 10px 30px;
}
.wrapper.resume .filter-result .left-content .resume-list li .photo {
margin-right: 20px;
width: 60px;
height: 60px;
border-radius: 50%;
overflow: hidden;
}
.wrapper.resume .filter-result .left-content .resume-list li .photo img {
display: block;
width: 100%;
margin: 0 auto;
margin-top: 0px;
}
.wrapper.resume .filter-result .left-content .resume-list li .info {
color: #999;
line-height: 22px;
max-width: 180px;
}
.wrapper.resume .filter-result .left-content .resume-list li .info .name {
color: #333;
font-size: 16px;
}
.wrapper.resume .filter-result .left-content .resume-list li .info .position .last-employer {
max-width: 124px;
display: inline-block;
vertical-align: middle;
margin-top: -2px;
}
.wrapper.resume .filter-result .left-content .resume-list li .state {
color: #00b38a;
position: absolute;
right: 20px;
top: 20px;
}
.wrapper.resume .filter-result .left-content .resume-list li .resume-new,
.wrapper.resume .filter-result .left-content .resume-list li .resume-recom,
.wrapper.resume .filter-result .left-content .resume-list li .resume-blue {
position: absolute;
display: block;
width: 0;
height: 0;
border-top: 50px solid #ff7676;
border-right: 50px solid transparent;
left: 0;
top: 0;
margin-top: 0;
}
.wrapper.resume .filter-result .left-content .resume-list li .resume-recom {
border-top: 50px solid #00b38a;
}
.wrapper.resume .filter-result .left-content .resume-list .active {
background-color: #f2f2f2;
}
.wrapper.resume .filter-result .right-content {
width: 828px;
height: 100%;
border: 1px solid #d5dadf;
border-left: none;
background-color: #fff;
position: relative;
}
.wrapper.resume .filter-result .right-content .detail-header .header-toolbar {
height: 42px;
padding: 6px 10px;
background-color: #f2f2f2;
}
.wrapper.resume .filter-result .right-content .detail-header .header-toolbar > div {
margin-left: 10px;
}
.wrapper.resume .filter-result .right-content .detail-header .header-toolbar .drop .dropdown-style {
display: block;
height: 30px;
line-height: 28px;
color: #999;
background-color: #fff;
border: 1px solid #d5dadf;
border-radius: 2px;
padding: 0 10px;
white-space: nowrap;
overflow: hidden;
}
.wrapper.resume .filter-result .right-content .detail-header .header-toolbar .dropdown-state-wrap {
position: relative;
}
.wrapper.resume .filter-result .right-content .detail-header .header-toolbar .dropdown-state-wrap .dropdown-state-btn,
.wrapper.resume .filter-result .right-content .detail-header .header-toolbar .dropdown-state-wrap .dropdown-interview-btn {
display: inline-block;
background: #fff;
width: 80px;
height: 28px;
position: absolute;
left: 1px;
top: 1px;
color: #999;
cursor: pointer;
line-height: 28px;
padding-left: 30px;
border-right: 1px solid #d5dadf;
}
.wrapper.resume .filter-result .right-content .detail-header .header-toolbar .dropdown-state-wrap .dropdown-state-btn:after,
.wrapper.resume .filter-result .right-content .detail-header .header-toolbar .dropdown-state-wrap .dropdown-interview-btn:after {
content: '';
display: block;
position: absolute;
left: 8px;
top: 5px;
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/8c5c77e4.sprite.png);
background-position: -209px -63px;
width: 18px;
height: 18px;
}
.wrapper.resume .filter-result .right-content .detail-header .header-toolbar .dropdown-state-wrap .dropdown-state-btn:hover,
.wrapper.resume .filter-result .right-content .detail-header .header-toolbar .dropdown-state-wrap .dropdown-interview-btn:hover {
color: #00B38A;
}
.wrapper.resume .filter-result .right-content .detail-header .header-toolbar .dropdown-interview-wrap {
position: relative;
}
.wrapper.resume .filter-result .right-content .detail-header .header-toolbar .dropdown-interview-wrap .dropdown-interview-btn {
display: inline-block;
background: #fff;
width: 102px;
height: 28px;
position: absolute;
left: 1px;
top: 1px;
color: #999;
cursor: pointer;
line-height: 28px;
padding-left: 10px;
border-right: 1px solid #d5dadf;
}
.wrapper.resume .filter-result .right-content .detail-header .header-toolbar .dropdown-interview-wrap .dropdown-interview-btn:hover {
color: #00B38A;
}
.wrapper.resume .filter-result .right-content .detail-header .header-toolbar .js-dropdown-state .xxc-dropdown-menu li a {
padding-left: 30px;
}
.wrapper.resume .filter-result .right-content .detail-header .header-toolbar .js-dropdown-state .xxc-dropdown {
width: 108px;
}
.wrapper.resume .filter-result .right-content .detail-header .header-toolbar .js-dropdown-state .xxc-dropdown .icon-dropdown-caret {
right: 9px;
}
.wrapper.resume .filter-result .right-content .detail-header .header-toolbar .js-dropdown-interview .xxc-dropdown {
width: 130px;
}
.wrapper.resume .filter-result .right-content .detail-header .header-toolbar .js-dropdown-interview .xxc-dropdown .icon-dropdown-caret {
right: 9px;
}
.wrapper.resume .filter-result .right-content .detail-content {
height: 552px;
}
.wrapper.resume .filter-result .right-content .detail-content .user-detail-info {
padding: 40px 20px 30px 40px;
color: #333;
position: relative;
}
.wrapper.resume .filter-result .right-content .detail-content .user-detail-info .photo {
margin-right: 20px;
width: 80px;
height: 80px;
border-radius: 50%;
overflow: hidden;
}
.wrapper.resume .filter-result .right-content .detail-content .user-detail-info .photo img {
width: 100%;
display: block;
margin: 0 auto;
margin-top: 0px;
}
.wrapper.resume .filter-result .right-content .detail-content .user-detail-info .user-info {
width: 666px;
}
.wrapper.resume .filter-result .right-content .detail-content .user-detail-info .user-info li {
margin-bottom: 9px;
}
.wrapper.resume .filter-result .right-content .detail-content .user-detail-info .user-info .name {
font-size: 16px;
color: #333;
}
.wrapper.resume .filter-result .right-content .detail-content .user-detail-info .user-info .name i {
margin-left: 7px;
}
.wrapper.resume .filter-result .right-content .detail-content .user-detail-info .user-info .basic span {
padding: 0 11px;
display: inline-block;
line-height: .85em;
border-left: 1px solid #d5dadf;
}
.wrapper.resume .filter-result .right-content .detail-content .user-detail-info .user-info .basic :first-child {
border-left: 0;
padding-left: 0;
}
.wrapper.resume .filter-result .right-content .detail-content .user-detail-info .down-resume {
position: absolute;
right: 20px;
top: 40px;
}
.wrapper.resume .filter-result .right-content .detail-content .user-detail-info .contact i {
margin-right: 5px;
}
.wrapper.resume .filter-result .right-content .detail-content .user-detail-info .contact span:first-child {
margin-right: 20px;
}
.wrapper.resume .filter-result .right-content .detail-content .user-detail-info .contact a {
margin-left: 30px;
}
.wrapper.resume .filter-result .right-content .detail-content .user-detail-info .labels .add-label-btn {
display: inline-block;
}
.wrapper.resume .filter-result .right-content .detail-content .user-detail-info .labels .add-label-btn .btn,
.wrapper.resume .filter-result .right-content .detail-content .user-detail-info .labels .add-label-btn .tag-input {
padding: 0 10px;
height: 29px;
line-height: 27px;
color: #00b38a;
background-color: #fff;
border: 1px solid #d5dadf;
border-radius: 2px;
}
.wrapper.resume .filter-result .right-content .detail-content .user-detail-info .labels .add-label-btn .tag-input {
width: 92px;
padding: 0 4px;
color: #999;
}
.wrapper.resume .filter-result .right-content .detail-content .user-detail-info .labels .add-label-btn .tag-input:focus {
border: 1px solid #00b38a;
}
.wrapper.resume .filter-result .right-content .detail-content .user-detail-info .labels > div {
margin-bottom: 10px;
}
.wrapper.resume .filter-result .right-content .detail-content #resume-tab > .xxc-tablist {
background-color: #f2f2f2;
padding-left: 6px;
}
.wrapper.resume .filter-result .right-content .detail-content #resume-tab .tab-panel {
padding: 20px;
}
.wrapper.resume .filter-result .right-content .detail-content #resume-tab .tab-panel .oper-record .comment-box textarea {
width: 100%;
}
.wrapper.resume .filter-result .right-content .detail-content #resume-tab .tab-panel .oper-record .comment-box .xxc-btn {
height: 30px;
line-height: 28px;
margin-top: 8px;
margin-bottom: 8px;
}
.wrapper.resume .filter-result .right-content .detail-content #resume-tab .scroll-fixed {
position: absolute;
top: 0;
left: 0;
}
.wrapper.resume .filter-result .right-content .detail-content #resume-tab .scroll-fixed + .tab-panel {
margin-top: 44px;
}
.wrapper.resume .filter-result .no-resume .detail-header {
display: none;
}
.wrapper.resume .filter-result .no-resume .detail-content {
height: 100%;
background: url('//static.xiaoxiancai.com.cn/2017-09-15_59bb2e21b2fe5.png') center 77px no-repeat;
border-right: none;
top: 94px;
border-right: 1px solid #d5dadf;
}
.wrapper.resume .filter-result .no-resume .detail-content > div {
display: none;
}
/*面试邀请*/
.invite-box {
width: 840px;
margin-top: -20px;
}
.invite-box ul li label.invite-title {
font-size: 16px;
color: #333;
line-height: 1em;
border-left: 2px solid #00b38a;
padding-left: 4px;
margin: 20px 0;
display: block;
}
.invite-box ul li .invite-content .interview-info .js-dropdown-interview-info {
display: inline-block;
margin-right: 10px;
}
.invite-box ul li .invite-content .interview-info .add-interview-info {
display: inline-block;
}
.invite-box ul li .invite-content .interview-info-inputs .interview-info-edit input {
margin-right: 10px;
}
.invite-box ul li .invite-content .interview-info-inputs .interview-info-edit .linkman {
width: 95px;
}
.invite-box ul li .invite-content .interview-info-inputs .interview-info-edit .address {
width: 284px;
}
.invite-box ul li .invite-content .interview-info-inputs .interview-info-edit .phone {
width: 133px;
}
.invite-box ul li .invite-content .interview-info-inputs .interview-info-edit .btn {
height: 40px;
line-height: 40px;
padding: 0 10px;
}
.invite-box ul li .invite-content .position-applied {
margin-bottom: 15px;
}
.invite-box ul li .invite-content label input.xxc-checkbox {
margin-right: 10px;
}
.invite-box ul li .invite-content .interview-info {
margin-bottom: 4px;
}
.invite-box ul li .invite-content input.w300 {
width: 300px;
}
.invite-box ul li .invite-content input.w300:first-child {
margin-right: 10px;
}
.invite-box ul li .invite-remarks {
width: 410px;
position: relative;
}
.invite-box ul li .invite-sum {
position: absolute;
right: 40px;
bottom: 6px;
font-size: 14px;
color: #666666;
}
/*面试邀请预览*/
.preview-box {
width: 500px;
margin: 0 auto;
}
.preview-box .company-info {
font-size: 16px;
margin: 25px 0;
}
.preview-box .interview-info {
width: 300px;
margin: 50px auto 50px;
}
.preview-box .interview-info li > span {
display: table-cell;
}
.preview-box .interview-info li .tit {
line-height: 30px;
width: 75px;
text-align: right;
}
/*淘汰简历*/
.drop-box .drop-title {
font-size: 16px;
color: #333;
line-height: 1em;
border-left: 2px solid #00b38a;
padding-left: 4px;
margin: 20px 0;
display: block;
}
.drop-box .drop-title .btn {
line-height: 1em;
}
.drop-box .drop-content .drop-reasons {
margin-bottom: 10px;
}
.drop-box .drop-content .custom-reason {
display: none;
}
.drop-box .drop-content .custom-reason textarea {
width: 100%;
height: 120px;
}
/*简历详情*/
.resume-wrapper {
padding: 0 10px;
}
.resume-wrapper .basic-info {
text-align: center;
padding-top: 23px;
position: relative;
}
.resume-wrapper .basic-info p {
line-height: 25px;
}
.resume-wrapper .basic-info p.name {
font-size: 18px;
margin-bottom: 13px;
}
.resume-wrapper .basic-info .info,
.resume-wrapper .basic-info .contact {
font-size: 14px;
}
.resume-wrapper .basic-info .info {
margin-bottom: 8px;
}
.resume-wrapper .basic-info .info span {
padding: 0 13px;
display: inline-block;
line-height: .85em;
border-left: 1px solid #d5dadf;
}
.resume-wrapper .basic-info .info span:first-child {
border-left: 0;
padding-left: 0;
}
.resume-wrapper .basic-info .contact span:first-child {
margin-right: 20px;
}
.resume-wrapper .basic-info .contact span i {
margin-right: 5px;
}
.resume-wrapper .basic-info .refresh-date {
position: absolute;
top: -3px;
right: 0;
color: #666;
}
.resume-wrapper .resume-items {
margin-top: 20px;
}
.resume-wrapper .resume-items dt {
color: #00b38a;
font-size: 16px;
float: left;
padding-left: 10px;
padding-top: 28px;
}
.resume-wrapper .resume-items dd {
color: #666;
font-size: 14px;
border-top: 1px solid #ebebeb;
padding: 20px 0 20px 140px;
}
.resume-wrapper .resume-items dd ul {
padding: 10px 0;
border-top: 1px solid #ebebeb;
}
.resume-wrapper .resume-items dd ul li {
line-height: 35px;
}
.resume-wrapper .resume-items dd ul li .photo {
margin-top: 10px;
}
.resume-wrapper .resume-items dd ul li .photo img {
max-width: 400px;
}
.resume-wrapper .resume-items dd ul:first-child {
border-top: none;
padding-top: 0;
}
.resume-wrapper .resume-items dd .job-intentions li {
display: inline-block;
width: 290px;
vertical-align: top;
}
.resume-wrapper .resume-items .self-des {
padding-top: 30px;
}
.resume-wrapper .resume-img {
margin-top: 20px;
max-width: 715px;
}
.resume-wrapper .resume-img img {
width: 100%;
}
/*查看联系方式提示*/
.watch-rest p,
.watch-usedout p {
line-height: 25px;
}
.watch-rest p span,
.watch-usedout p span {
color: #00b38a;
}
.watch-rest a,
.watch-usedout a {
display: block;
line-height: 35px;
color: #00B48A;
}
.wrapper.resume .other-filters {
padding: 0;
border: none;
}
.search-resume-ct .search-resume-img {
width: 80px;
height: 80px;
position: relative;
}
.search-resume-ct .search-resume-img img {
width: 100%;
-o-object-fit: contain;
object-fit: contain;
height: 100%;
}
.search-resume-ct .search-resume-img-top_weight {
background: #FD554F;
color: #fff;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
position: absolute;
left: -21px;
text-align: center;
top: 8px;
width: 82px;
height: 22px;
line-height: 22px;
font-size: 12px;
}
.search-resume-ct .left-content {
width: 1140px!important;
}
.search-resume-ct .right-content {
width: 1140px!important;
}
.search-resume-ct table {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
text-align: center;
min-height: 500px;
}
.search-resume-ct thead {
width: 100%;
background: #00b389;
}
.search-resume-ct thead tr {
color: #000000;
background: #F8F8F8;
height: 40px;
line-height: 40px;
border-bottom: 1px solid #D5DADF;
}
.search-resume-ct tbody {
cursor: pointer;
}
.search-resume-ct tbody tr {
height: 100px;
border-bottom: 1px solid #E8E8E8;
}
.search-resume-ct tbody td {
padding: 5px 0;
}
.search-resume-ct .right-content {
height: auto!important;
border-left: 1px solid #d5dadf!important;
}
.search-resume-ct .detail-content {
height: auto!important;
min-height: 800px;
}
.search-resume-ct .search-resume-major {
width: 200px;
}
.search-resume-ct .search-resume-major p {
width: 200px;
text-align: center;
margin: 0 auto;
}
.search-resume-ct .search-resume-university {
width: 100px;
}
.search-resume-ct .search-resume-university p {
width: 100px;
text-align: center;
margin: 0 auto;
}
.search-star {
width: 82px;
height: 14px;
position: relative;
margin: 43px auto;
}
.search-star-gray {
height: 14px;
position: absolute;
top: 0;
left: 0;
width: 83px;
background: url("//img1.xiaoxiancai.com.cn/career/9e8d8be5b12b16da779cb510f72d4431.png");
background-position: 0 0;
background-size: 83px 14px;
}
.search-star-yellow {
height: 14px;
position: absolute;
top: 0;
left: 0;
width: 83px;
background: url("//img1.xiaoxiancai.com.cn/career/d641a3344d84203789174484aeae190a.png");
background-position: 0 0;
background-size: 83px 14px;
background-repeat: no-repeat;
}
@font-face {
font-family: "rights_icon";
/* Project id */
src: url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2');
}
.rights_icon {
font-family: "rights_icon" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-rights_plus:before {
content: "\E644";
}
.icon-rights_close:before {
content: "\E624";
}
.search-resume-tips {
height: 60px;
background: #F8F8F8;
border-top: 1px solid #D9DEE2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.search-resume-tips-img {
width: 42px;
height: 42px;
border-radius: 50%;
margin: 9px 12px 9px 30px;
}
.search-resume-tips-img img {
width: 100%;
height: 100%;
}
.search-resume-tips-txt {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
font-size: 18px;
font-family: PingFang SC;
font-weight: 600;
color: #333333;
line-height: 60px;
}
.search-resume-tips-btn {
width: 108px;
height: 30px;
line-height: 30px;
text-align: center;
background: #00B787;
border-radius: 5px;
font-size: 14px;
font-family: PingFang SC;
font-weight: 400;
color: #FFFFFF;
margin: 15px 60px;
cursor: pointer;
}
.search-resume-limit {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.4);
z-index: 999;
}
.search-resume-limit-popup {
width: 520px;
height: 380px;
background: white;
border-radius: 7px;
margin: 210px auto;
padding-top: 60px;
position: relative;
}
.search-resume-limit-popup .icon-rights_close {
position: absolute;
top: 15px;
right: 15px;
cursor: pointer;
}
.search-resume-limit-popup .popup-img {
width: 193px;
height: 164px;
margin: 0 auto;
}
.search-resume-limit-popup .popup-img img {
width: 100%;
height: 100%;
}
.search-resume-limit-popup .popup-txt {
margin: 15px 0 20px;
font-size: 16px;
font-family: PingFang SC;
font-weight: 400;
color: #333333;
width: 100%;
text-align: center;
}
.search-resume-limit-popup .popup-btn {
width: 108px;
height: 30px;
line-height: 30px;
text-align: center;
background: #00B787;
border-radius: 5px;
font-size: 14px;
font-family: PingFang SC;
font-weight: 400;
color: #FFFFFF;
margin: 0 auto;
cursor: pointer;
}
@font-face {
font-family: "search_res_tim_icon";
src: url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAJwAAsAAAAABjgAAAIjAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCCcApETwE2AiQDCAsGAAQgBYRtBzAbdQXIHoVxY11iVVqbXpzWePj/Ndp9M39Vk2ras1E0iybV0LyuA6kREqEQItkzee5/rZ1KqBNP1+IlzJL2LzMrPjvY67RMSoQIoUEmTYD7PJfTm0AHMj/QObYHjTVpUi+gXhxQgHthFFmBhN4wdoFLeEygUoed9uLF3WNrJLFWBeI6DlVrlItKEiuUC6U1B5P4pER59pR9x0f4/fhnPMrJlOSslpXTc9s6+skuyR+LR9s+IUZAx0uQY0xLIjZqs0u6gnFdldmeHq19NQY/FYXvEXt1CvbXWfXVoA3mgp/clQJkcFuqnpZWqPsPV1TfbCyt0K5D3NJR9+B/q9fTTfwzwde3YmNvOfm/vCqBH32ZCJcUj0n+iPJlfcE3UPccSLrWcmdJVdeOZqq33VapEgUcbPQ71tZywGIo1zLCX6Y9Ra5cH5nYMZSoMoFS5WZQadTl8SpNWFekCoz4BAj1vpCp9Q25et9kYn9QotUfStVHjkpb0XRhlYG4mCwwKkEL+gNiUxbkeGUSNd5j+JIpzmpD/hm5iRPgO16xcIkF8hxbmtcwECEgLnO4AM9hlpVQcZmgEScSqQ6uS3VvckyZtyYWMKQIZAHtA4gZpQL548Wk9Pl7KPQio3BLX035DLFGPD3wObwe5KWp6NV3L680XoUCQhBAWCkHLsA8lMmUQFU/L4EM4YhGpCsHrj2M+pqc9S35152ASpY9C3tWrvTsRRU6brUAAAAA') format('woff2');
/* iOS 4.1- */
}
.search_res_tim_icon {
font-family: "search_res_tim_icon" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-guanbi:before {
content: "\E649";
}
.search_res_tim_pop {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.6);
z-index: 999;
}
.search_res_tim_pop-com {
padding-top: 25px;
width: 520px;
height: 370px;
background: #FFFFFF;
-webkit-box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.4);
box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.4);
border-radius: 5px;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -57%);
transform: translate(-50%, -57%);
}
.search_res_tim_pop-com-btn {
cursor: pointer;
font-size: 16px;
font-family: PingFang SC;
font-weight: 300;
color: #FFFFFF;
width: 86px;
height: 38px;
line-height: 38px;
background: #00B38A;
border-radius: 5px;
position: absolute;
right: 40px;
bottom: 20px;
}
.search_res_tim_pop-com .pop-com-p1 {
font-size: 18px;
font-family: PingFang SC;
font-weight: 500;
color: #333333;
margin: 5px 0 15px;
}
.search_res_tim_pop-com .pop-com-p2 {
font-size: 18px;
font-family: PingFang SC;
font-weight: 400;
color: #999999;
}
.search_res_tim_pop-com .icon-guanbi {
font-size: 15px;
cursor: pointer;
position: absolute;
top: 15px;
right: 15px;
}
.search-resume-tim {
position: relative;
}
.search-resume-tim-img {
width: 1175px;
margin-left: -10px;
cursor: pointer;
}
.search-resume-tim-img img {
width: 100%;
height: 100%;
}
.search-resume-tim-gif1 {
width: 60px;
height: 60px;
position: absolute;
top: 30px;
left: 148px;
cursor: pointer;
}
.search-resume-tim-gif1 img {
width: 100%;
height: 100%;
}
.search-resume-tim-gif1-child {
width: 30px;
height: 30px;
cursor: pointer;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.search-resume-tim-gif1-child img {
width: 100%;
height: 100%;
}
.search-resume-tim-gif2 {
width: 60px;
height: 60px;
position: absolute;
top: 32px;
right: 127px;
cursor: pointer;
}
.search-resume-tim-gif2 img {
width: 100%;
height: 100%;
}
.search-resume-tim-txt {
text-align: right;
margin-bottom: 15px;
margin-top: 5px;
}
.search-resume-tim-txt span {
color: #00B38A;
}
.search-resume-tim-txt-t {
color: #D9B459 !important;
cursor: pointer;
}
.search-resume-tim-txt-t span {
color: #FF5A4D;
}
.search-resume-tim-pop {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.6);
z-index: 777;
}
.search-resume-tim-pop-com {
width: 620px;
height: 442px;
background: white;
border-radius: 10px;
position: fixed;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.search-resume-tim-pop-com .tim-pop-com-top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background: #EEE9E5;
border-radius: 10px 10px 0 0;
}
.search-resume-tim-pop-com .tim-pop-com-top-li {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
font-size: 21px;
font-family: PingFang SC;
font-weight: 300;
color: #333333;
height: 60px;
line-height: 60px;
text-align: center;
cursor: pointer;
}
.search-resume-tim-pop-com .tim-pop-com-top-li-select {
background: white;
border-radius: 10px 10px 0 0;
}
.category-extend {
width: 100%;
height: 270px;
overflow-y: scroll;
font-family: PingFangSC-Regular, sans-serif;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0px 15px 10px 15px;
border: 1px solid #CCCCCC;
}
.category-extend-p {
color: #000;
font-size: 14px;
padding-left: 10px;
margin-top: 10px;
}
.category-extend-block {
color: #999;
font-size: 14px;
margin: 3px 20px 3px 0;
display: inline-block;
vertical-align: middle;
line-height: 24px;
border-radius: 3px;
cursor: pointer;
padding: 0 10px;
}
.category-extend-block-select {
color: #fff;
background: #00B38A;
}
.intension-block-ct {
padding-left: 87px;
}
.inten {
width: 100%;
height: 36px;
color: #999;
}
.inten-ct {
width: 90px;
height: 36px;
position: relative;
cursor: pointer;
display: inline-block;
vertical-align: middle;
}
.inten-ct-title {
width: 90px;
height: 36px;
left: 0;
top: 0;
text-align: center;
}
.inten-ct-title-select {
color: #00b389;
}
.inten-ct-all {
position: absolute;
top: 35px;
left: 0;
max-width: 450px;
min-width: 300px;
overflow: hidden;
display: none;
z-index: 1;
border: 1px solid #E4E4E4;
-webkit-box-shadow: 0 0 10px #c8c8c8;
box-shadow: 0 0 10px #c8c8c8;
background: #fff;
}
.inten-ct-all .intent-ct-block {
display: inline-block;
vertical-align: middle;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 149px;
line-height: 30px;
}
.inten-ct-all .intent-ct-block div {
width: 100%;
padding-left: 17px;
float: left;
min-width: 90px;
}
.inten-ct-all .intent-ct-block-select {
color: #fff;
}
.inten-ct-all .intent-ct-block-select div {
background: #00b389;
}
.inten-ct:hover .inten-ct-title {
position: absolute;
z-index: 2;
border-left: 2px solid #E4E4E4;
border-right: 2px solid #E4E4E4;
border-top: 2px solid #E4E4E4;
background: #fff;
color: #00b389;
}
.inten-ct:hover .inten-ct-all {
display: block;
}
.intent-ct-block:hover {
color: #00b389;
}
.intent-ct-block-select:hover {
color: #fff;
}
.search-resume-btn {
width: 500px;
margin: 0 auto;
display: block!important;
}
.ft-tp-all1 {
position: absolute;
right: 0;
top: 0;
padding: 0 10px;
line-height: 24px;
cursor: pointer;
border-radius: 3px;
}
.category-extend::-webkit-scrollbar {
width: 8px;
height: 8px;
background-color: #f5f5f5;
}
/*定义滚动条的轨道，内阴影及圆角*/
.category-extend::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
border-radius: 5px;
background-color: #fefefe;
}
/*定义滑块，内阴影及圆角*/
.category-extend::-webkit-scrollbar-thumb {
border-radius: 5px;
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
background-color: #E4E8EB;
}
.category-extend1 {
width: 100%;
height: 270px;
overflow: hidden;
-webkit-transition: height 0.5s;
transition: height 0.5s;
}
.category-extend-none {
height: 0;
}
.rs-filter-ct::-webkit-scrollbar {
width: 8px;
height: 8px;
background-color: #f5f5f5;
}
/*定义滚动条的轨道，内阴影及圆角*/
.rs-filter-ct::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
border-radius: 5px;
background-color: #fefefe;
}
/*定义滑块，内阴影及圆角*/
.rs-filter-ct::-webkit-scrollbar-thumb {
border-radius: 5px;
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
background-color: #E4E8EB;
}
.major-filter .rs-filter-p {
cursor: pointer;
padding: 1px 10px;
margin-bottom: 3px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 3px;
}
.major-filter .filter-default-select {
background: #CCCCCC;
color: #ffffff;
}
.major-filter .filter-default-select:hover {
color: #ffffff;
}
.rs-filter-p-select {
background: #00B38a;
}
.rs-filter {
position: relative;
width: 460px;
height: 32px;
}
.rs-filter-tp {
height: 32px;
width: 460px;
border: 1px solid #d5dadf;
color: #999;
padding: 0 10px;
cursor: pointer;
}
.rs-filter-tp-span {
float: left;
line-height: 32px;
}
.rs-filter-tp-icon {
float: right;
margin-top: 10px;
}
.rs-filter-bt {
position: absolute;
top: 31px;
left: 0;
width: 700px;
height: 350px;
background: #ffffff;
border: 1px solid #d5dadf;
z-index: 1000;
}
.rs-filter-bt-tp {
height: 48px;
border-bottom: 1px solid #d5dadf;
}
.rs-filter-al {
line-height: 48px;
color: #999;
padding-left: 20px;
font-size: 16px;
width: 558px;
float: left;
}
.rs-filter-al-block {
line-height: 24px;
position: relative;
color: #999;
border: 1px solid #d5dadf;
padding: 0 20px 0 5px;
float: left;
margin-top: 11px;
margin-right: 15px;
font-size: 14px;
cursor: pointer;
}
.rs-filter-al-block .icon-close-s {
position: absolute;
right: 5px;
top: 10px;
}
.rs-filter-ct {
height: 301px;
padding: 15px 15px 15px 10px;
overflow-y: scroll;
}
.rs-filter-p {
color: #000;
padding-left: 10px;
line-height: 24px;
display: table;
}
.rs-filter-child {
overflow: hidden;
color: #999;
}
.rs-filter-block {
float: left;
padding: 0 10px;
line-height: 24px;
margin-right: 4px;
margin-bottom: 12px;
color: #999;
cursor: pointer;
border-radius: 3px;
}
.rs-filter-block-select {
background: #00B38a;
color: #fff;
}
.rs-filter-confirm {
background: #00B38a;
border-radius: 3px;
color: #fff;
padding: 0 10px;
line-height: 24px;
float: right;
margin-top: 12px;
margin-right: 15px;
cursor: pointer;
}
.rs-filter-cancel {
border-radius: 3px;
border: 1px solid #d5dadf;
color: #999;
padding: 0 10px;
line-height: 24px;
float: right;
margin-top: 12px;
margin-right: 15px;
cursor: pointer;
}
.rs-filter-block:hover {
color: #00B38a;
}
.rs-filter-block-select:hover {
color: #ffffff;
}
.major-filter-ct {
padding-left: 165px;
height: 32px;
}
.position-filter-ct {
padding-left: 165px;
height: 32px;
}
.change-tip-span {
color: red;
line-height: 38px;
padding-left: 10px;
}
.resume-keyword {
padding-left: 102px;
}
.resume-new i {
position: absolute;
color: #fff;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
top: -48px;
width: 55px;
left: -2px;
font-size: 10px;
white-space: normal;
z-index: 100;
}
.resume-new {
z-index: 99;
}
.resume-recom i {
position: absolute;
color: #fff;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
top: -46px;
width: 38px;
left: 2px;
white-space: normal;
z-index: 104;
font-size: 10px;
}
.resume-recom {
z-index: 103;
}
.resume-blue i {
position: absolute;
color: #fff;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
top: -46px;
width: 38px;
left: 2px;
white-space: normal;
z-index: 102;
font-size: 10px;
}
.resume-blue {
border-top: 50px solid #17a2e8!important;
z-index: 101;
}
.onek-title {
height: 80px;
line-height: 80px;
border-bottom: 1px solid #EEEEEE;
padding-left: 40px;
}
.onek-title .onek-title-span {
font-size: 20px;
font-weight: 800;
color: #666666;
}
.onek-title span {
display: inline-block;
padding-right: 10px;
font-size: 14px;
font-weight: 400;
color: #000000;
}
.onek-bt {
padding: 20px 40px;
}
.onek-select-c input {
width: 280px;
height: 30px;
padding: 0 10px;
font-size: 14px;
line-height: 30px;
border: 1px solid #c9c9c9;
border-radius: 2px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 15px;
cursor: pointer;
}
.onek-select-label {
color: #666666;
font-size: 14px;
}
.onek-select-label span {
font-size: 19px;
color: #000000;
}
.onek-select-ct {
padding: 19px 10px;
}
.onek-select-input {
width: 444px;
}
.onek-input-add {
width: 122px;
height: 30px;
line-height: 30px;
text-align: center;
font-size: 14px;
font-weight: 400;
color: #666666;
border: 1px solid #c9c9c9;
border-radius: 2px;
display: inline-block;
cursor: pointer;
margin-left: 10px;
}
.onek-end {
background: #f8f8f8;
border-radius: 2px;
width: 420px;
height: 48px;
line-height: 48px;
text-align: center;
margin: 50px auto 30px;
font-size: 14px;
color: #666666;
}
.onek-end span {
color: #FF3333;
font-size: 18px;
display: inline-block;
padding: 0 5px;
}
.onek-btn {
width: 132px;
height: 40px;
background: #00b38a;
border-radius: 2px;
text-align: center;
line-height: 40px;
font-size: 16px;
color: #ffffff;
margin: 0 auto 35px;
cursor: pointer;
}
.onek-tip {
width: 440px;
font-size: 12px;
margin: 0 auto 30px;
color: #666666;
}
.onek-tip-p {
padding-left: 36px;
line-height: 20px;
}
.onek-new {
position: absolute;
width: 40px;
height: 16px;
background: #ff0000;
border-radius: 8px;
text-align: center;
line-height: 14px!important;
font-size: 12px;
color: #ffffff;
top: -6px;
right: -6px;
}
.onek-list-label {
width: 75px;
height: 20px;
background: #ff6600;
border-radius: 10px;
text-align: center;
line-height: 20px!important;
font-size: 14px;
color: #FFFFFF;
display: inline-block;
}
.top-label-new {
width: 47px;
height: 20px;
background: #ff9600;
border-radius: 10px;
text-align: center;
line-height: 20px!important;
font-size: 14px;
color: #FFFFFF;
display: inline-block;
}
.onek-to-btn {
width: 130px;
height: 36px;
border: 1px solid #ff6600;
border-radius: 2px;
background: #ffffff!important;
color: #FF6600;
position: relative;
}
.onek-input-delete {
height: 30px;
padding: 0 15px;
color: #FF3333;
border: 1px solid #FF3333;
margin-left: 10px;
display: inline-block;
width: 100px;
text-align: center;
line-height: 30px;
cursor: pointer;
border-radius: 3px;
font-size: 14px;
}
.onek-bt .item {
height: 36px;
display: inline-block;
padding: 8px 12px;
border: 1px solid #d5dadf;
color: #666;
border-radius: 2px;
margin-right: 10px;
margin-top: 5px;
}
.icon-close-s {
cursor: pointer;
margin-right: -3px;
}
.wrapper.position {
padding: 20px 30px 40px 30px;
}
.wangEditor-menu-container .menu-item {
width: 34px !important;
}
.wangEditor-menu-container .menu-group {
border-right: none !important;
}
.wangEditor-container .wangEditor-txt {
height: 145px !important;
}
.wangEditor-container .wangEditor-txt p {
line-height: normal;
}
.editor-wrap {
position: relative;
}
.editor-wrap ul,
.editor-wrap ol,
.editor-wrap li {
list-style: initial;
}
.editor-wrap .editor-placeholder {
position: absolute;
color: #adadad;
font-size: 14px;
top: 48px;
left: 16px;
z-index: 999;
}
.clearfix:after {
content: " ";
display: block;
clear: both;
height: 0;
}
.clearfix {
zoom: 1;
}
.wrapper-position .filter-wrap {
position: relative;
border-top: 1px solid #D5DADF;
}
.wrapper-position .filter-wrap .xxc-tab .xxc-tablist li a {
line-height: 50px;
padding-left: 0;
}
.wrapper-position .filter-wrap .xxc-tab .xxc-tablist .cur a {
border: none;
}
.wrapper-position .filter-wrap .operation-wrap {
position: absolute;
right: 0;
top: 0;
}
.wrapper-position .filter-wrap .operation-wrap button {
margin-top: 7px;
margin-left: 10px;
}
.wrapper-position .xxc-btn-simple {
height: 36px;
min-width: 24px;
padding: 0 36px;
border-radius: 2px;
background: #fff;
color: #00B38A;
border: 1px solid #00b38a;
line-height: 34px;
text-align: center;
display: inline-block;
cursor: pointer;
outline: 0;
}
.wrapper-position .xxc-btn,
.wrapper-position .xxc-btn-simple {
width: 130px;
padding: 0;
border-radius: 5px;
font-size: 14px;
}
.wrapper-position .pull-left {
float: left;
}
.wrapper-position .pull-right {
float: right;
}
.wrapper-position .positionlist {
width: 100%;
min-height: 700px;
}
.wrapper-position .positionlist dl {
display: block;
width: 100%;
height: 120px;
border: 1px solid #d5dadf;
margin-bottom: 20px;
}
.wrapper-position .positionlist dl dt {
height: 77px;
width: 100%;
padding: 15px 20px;
font-size: 15px;
}
.wrapper-position .positionlist dl dt a {
display: block;
width: 600px;
white-space: nowrap;
text-overflow: ellipsis;
color: #00b38a;
line-height: 24px;
}
.wrapper-position .positionlist dl dt a:hover {
color: #00B38A;
}
.wrapper-position .positionlist dl dt a .icon-stick_bg {
margin: 0 10px 20px 10px;
color: #fff;
text-align: center;
font-size: 14px;
}
.wrapper-position .positionlist dl dt a .expire-time {
display: inline-block;
vertical-align: middle;
margin-bottom: 20px;
color: #999;
font-size: 14px;
}
.wrapper-position .positionlist dl dt a .expire-time span {
color: #999;
}
.wrapper-position .positionlist dl dt p {
line-height: 24px;
}
.wrapper-position .positionlist dl dt span {
display: inline-block;
padding: 0 15px;
color: #747474;
font-size: 14px;
position: relative;
}
.wrapper-position .positionlist dl dt span:after {
display: block;
content: '';
width: 1px;
height: 12px;
position: absolute;
left: 0;
top: 50%;
margin-top: -6px;
background: #d5dadf;
}
.wrapper-position .positionlist dl dt span:nth-of-type(1) {
padding-left: 0;
}
.wrapper-position .positionlist dl dt span:nth-of-type(1):after {
display: none;
}
.wrapper-position .positionlist dl dt div.pull-right {
width: 10%;
text-align: center;
}
.wrapper-position .positionlist dl dt h1 {
font-size: 22px;
color: #666;
}
.wrapper-position .positionlist dl dt h6 {
font-size: 14px;
color: #666;
font-weight: normal;
}
.wrapper-position .positionlist dl dd {
width: 100%;
height: 40px;
background: #f8f8f8;
border-top: 1px dashed #d5dadf;
line-height: 40px;
padding: 0 10px 0 20px;
font-size: 12px;
color: #666;
}
.wrapper-position .positionlist dl dd li {
position: relative;
}
.wrapper-position .positionlist dl dd li:after {
content: '';
display: block;
position: absolute;
width: 1px;
height: 20px;
left: 0;
top: 50%;
margin-top: -10px;
background: #d5dadf;
}
.wrapper-position .positionlist dl dd li:nth-of-type(1):after {
display: none;
}
.wrapper-position .positionlist dl dd li a {
font-size: 14px;
color: #00B38A;
}
.wrapper-position .positionlist dl dd li.disabled a {
color: #ccc;
cursor: default;
}
.wrapper-position .positionlist dl dd .pull-right .cur a {
border: none;
}
.wrapper-position .margin {
display: block;
width: 1200px;
margin-left: -30px;
height: 20px;
background: #f8f8f8;
}
.position-dialog {
margin: 20px 0;
line-height: 30px;
}
.position-dialog p {
font-size: 17px;
text-align: center;
}
.republish-box {
margin: 30px 0;
}
.share-position-box {
margin: 30px 0;
}
.share-position-box h6 {
font-size: 15px;
font-weight: normal;
margin: 10px 0;
}
.share-position-box li {
display: block;
float: left;
margin-right: 10px;
width: 34px;
height: 34px;
border: 2px solid #00B38A;
border-radius: 50%;
position: relative;
cursor: pointer;
}
.share-position-box li i {
display: block;
position: absolute;
right: -3px;
bottom: -3px;
}
.share-position-box li img {
display: block;
width: 100%;
height: 100%;
border-radius: 50%;
}
.publish-btn-ct {
margin: 40px auto 0;
width: 300px;
overflow: hidden;
}
.publish-btn-lt {
width: 147px;
height: 40px;
float: left;
text-align: center;
line-height: 40px;
border: 1px solid #00b38a;
color: #00B38a;
font-size: 16px;
cursor: pointer;
position: relative;
}
.publish-btn-lt:after {
content: '';
position: absolute;
bottom: 0;
right: 0;
width: 21px;
height: 21px;
background-image: url('//img1.xiaoxiancai.com.cn/career/d35ed78c4a6caab49038bf8d7a44f75b.png');
background-position: 0px 0px;
}
.publish-btn-rt {
color: #999999;
font-size: 16px;
text-align: center;
width: 147px;
line-height: 40px;
float: right;
cursor: pointer;
}
.job-alert1-p1 {
font-size: 16px;
color: #000;
text-align: center;
margin-top: 35px;
margin-bottom: 5px;
}
.job-alert1-p1 span {
color: #FF3333;
}
.job-alert1-p2 {
font-size: 16px;
color: #000;
text-align: center;
}
.job-alert1-p2 span {
color: #FF3333;
}
.job-alert1-cancel {
border-radius: 3px;
border: 1px solid #00b38a;
color: #00b38a;
text-align: center;
width: 150px;
height: 38px;
line-height: 38px;
float: left;
margin-left: 54px;
margin-top: 38px;
font-size: 17px;
margin-bottom: 30px;
cursor: pointer;
}
.job-alert1-btn {
border-radius: 3px;
background: #00b38a;
color: #ffffff;
text-align: center;
width: 150px;
height: 38px;
line-height: 38px;
float: right;
margin-right: 54px;
margin-top: 38px;
font-size: 17px;
margin-bottom: 30px;
cursor: pointer;
}
@font-face {
font-family: "newPosition_top_icon";
src: url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2');
}
.newPosition_top_icon {
font-family: "newPosition_top_icon" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-quanbuxiangshang-:before {
content: "\E616";
}
@font-face {
font-family: "newPosition_icon";
src: url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2');
}
.newPosition_icon {
font-family: "newPosition_icon" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-yijianqujian:before {
content: "\E628";
}
.icon-guanbi:before {
content: "\E609";
}
.icon-fabu:before {
content: "\E65D";
}
.icon-234:before {
content: "\E737";
}
.icon-sousuo:before {
content: "\E604";
}
.icon-guanbi1:before {
content: "\E603";
}
.new_position {
width: 1200px;
margin: 0 auto;
}
.new_position-nav {
border-bottom: 1px solid #E3E3E3;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.new_position-nav-li {
padding: 20px 10px 10px;
font-size: 16px;
font-family: PingFang SC;
font-weight: 400;
color: #656565;
margin-right: 15px;
cursor: pointer;
}
.new_position-nav-li-select {
border-bottom: 2px solid #00B38A;
color: #00B38A;
}
.new_position-screen-li {
float: right;
background: #FFFFFF;
border: 1px solid #E5E5E5;
border-radius: 5px;
cursor: pointer;
padding: 8px 23px;
font-size: 16px;
font-family: PingFang SC;
font-weight: 400;
color: #999999;
margin: 20px 0 20px 20px;
}
.new_position-screen-li .newPosition_icon {
color: #999999;
font-size: 22px;
}
.new_position-screen-li:hover {
background: #00B38A;
border: 1px solid #00b38a;
color: white;
}
.new_position-screen-li:hover .newPosition_icon {
color: white;
}
.new_position-pos_list-online .pos_list-online-li {
width: 1200px;
background: #FFFFFF;
border: 1px solid #E3E3E3;
border-radius: 5px;
margin: 0 0 15px;
}
.new_position-pos_list-online .pos_list-online-li-title {
width: 100%;
padding: 0 0 0 20px;
border-bottom: 1px solid #E3E3E3;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.new_position-pos_list-online .pos_list-online-li-title div {
font-size: 16px;
font-family: PingFang SC;
font-weight: 400;
color: #666666;
line-height: 35px;
}
.new_position-pos_list-online .pos_list-online-li-title .pos-name {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.new_position-pos_list-online .pos_list-online-li-title .pos-deliver {
width: 150px;
}
.new_position-pos_list-online .pos_list-online-li-title .pos-vip {
width: 320px;
}
.new_position-pos_list-online .pos_list-online-li-title .pos-op {
width: 170px;
}
.new_position-pos_list-online .pos_list-online-li-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 25px 0;
}
.new_position-pos_list-online .pos_list-online-li-info .pos-info-content {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 0 0 0 20px;
}
.new_position-pos_list-online .pos_list-online-li-info .pos-info-content-title {
cursor: pointer;
width: 90%;
font-size: 18px;
font-family: PingFang SC;
font-weight: 400;
color: #666666;
}
.new_position-pos_list-online .pos_list-online-li-info .pos-info-content-title-icon {
width: 20px;
height: 20px;
background: #4988FD;
margin-right: 5px;
text-align: center;
line-height: 20px;
display: inline-block;
border-radius: 5px;
}
.new_position-pos_list-online .pos_list-online-li-info .pos-info-content-title-icon .icon-quanbuxiangshang- {
color: white;
font-size: 14px;
}
.new_position-pos_list-online .pos_list-online-li-info .pos-info-content-title:hover {
color: #00b38a;
}
.new_position-pos_list-online .pos_list-online-li-info .pos-info-content-list {
font-size: 14px;
font-family: PingFang SC;
font-weight: 400;
color: #999999;
margin-top: 10px;
}
.new_position-pos_list-online .pos_list-online-li-info .pos-info-deliver {
width: 150px;
}
.new_position-pos_list-online .pos_list-online-li-info .pos-info-deliver-txt {
font-size: 14px;
font-family: PingFang SC;
font-weight: 400;
color: #999999;
line-height: 25px;
}
.new_position-pos_list-online .pos_list-online-li-info .pos-info-deliver .deliver-toResume {
cursor: pointer;
}
.new_position-pos_list-online .pos_list-online-li-info .pos-info-deliver .deliver-toResume:hover {
color: #00b38a;
}
.new_position-pos_list-online .pos_list-online-li-info .pos-info-vip {
width: 320px;
}
.new_position-pos_list-online .pos_list-online-li-info .pos-info-vip-li {
margin-top: 8px;
float: left;
background: #FFFFFF;
border: 1px solid #00B38A;
border-radius: 5px;
font-size: 14px;
font-family: PingFang SC;
font-weight: 400;
color: #00b38a;
padding: 5px 20px;
margin-right: 10px;
cursor: pointer;
position: relative;
}
.new_position-pos_list-online .pos_list-online-li-info .pos-info-vip-li-is_vip {
position: absolute;
top: -10px;
right: -5px;
padding: 1px 3px;
background: #FF0000;
border-radius: 5px 5px 5px 0;
font-size: 12px;
font-family: PingFang SC;
font-weight: 400;
color: #FFFFFF;
}
.new_position-pos_list-online .pos_list-online-li-info .pos-info-vip-li-is_vip_no {
position: absolute;
top: -10px;
right: -15px;
padding: 1px 3px;
background: #FF0000;
border-radius: 5px 5px 5px 0;
font-size: 12px;
font-family: PingFang SC;
font-weight: 400;
color: #FFFFFF;
}
.new_position-pos_list-online .pos_list-online-li-info .pos-info-vip-li:hover {
color: white;
background: #00b38a;
}
.new_position-pos_list-online .pos_list-online-li-info .pos-info-op {
width: 170px;
}
.new_position-pos_list-online .pos_list-online-li-info .pos-info-op-li {
margin-top: 8px;
float: left;
background: #FFFFFF;
border: 1px solid #00B38A;
border-radius: 5px;
font-size: 14px;
font-family: PingFang SC;
font-weight: 400;
color: #00b38a;
padding: 5px 20px;
margin-right: 10px;
cursor: pointer;
position: relative;
}
.new_position-pos_list-online .pos_list-online-li-info .pos-info-op-li .edit-tips-icon {
width: 6px;
height: 6px;
border-radius: 50%;
background: red;
position: absolute;
top: 5px;
right: 5px;
}
.new_position-pos_list-online .pos_list-online-li-info .pos-info-op-li .edit-tips-txt {
display: none;
width: 100%;
text-align: center;
height: 25px;
line-height: 25px;
font-size: 12px;
border-radius: 3px;
background: rgba(0, 0, 0, 0.4);
color: white;
position: absolute;
top: -27px;
left: 0;
}
.new_position-pos_list-online .pos_list-online-li-info .pos-info-op-li .edit-tips-img {
position: absolute;
top: -28px;
right: -13px;
}
.new_position-pos_list-online .pos_list-online-li-info .pos-info-op-li:hover {
color: white;
background: #00b38a;
}
.new_position-pos_list-online .pos_list-online-li-info .pos-info-op-li:hover .edit-tips-icon,
.new_position-pos_list-online .pos_list-online-li-info .pos-info-op-li:hover .edit-tips-txt {
display: block;
}
.new_position-pos_list-online .pos_list-online-li-time {
width: 100%;
line-height: 30px;
background: #F6F6F6;
border-top: 1px solid #E3E3E3;
padding: 0 20px;
font-size: 12px;
font-family: PingFang SC;
font-weight: 400;
color: #888888;
border-radius: 0 0 5px 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.new_position-pos_list-online .pos_list-online-li-time-top {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: left;
}
.new_position-pos_list-online .pos_list-online-li-time-reflash {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: right;
}
.new_position-pos_list-offline .pos_list-offline-li {
width: 1200px;
background: #FFFFFF;
border: 1px solid #E3E3E3;
border-radius: 5px;
margin: 0 0 15px;
}
.new_position-pos_list-offline .pos_list-offline-li-title {
width: 100%;
padding: 0 0 0 20px;
border-bottom: 1px solid #E3E3E3;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.new_position-pos_list-offline .pos_list-offline-li-title div {
font-size: 16px;
font-family: PingFang SC;
font-weight: 400;
color: #666666;
line-height: 35px;
}
.new_position-pos_list-offline .pos_list-offline-li-title .pos-name {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.new_position-pos_list-offline .pos_list-offline-li-title .pos-deliver {
width: 440px;
}
.new_position-pos_list-offline .pos_list-offline-li-title .pos-op {
width: 250px;
}
.new_position-pos_list-offline .pos_list-offline-li-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 25px 0;
}
.new_position-pos_list-offline .pos_list-offline-li-info .pos-info-content {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 0 0 0 20px;
}
.new_position-pos_list-offline .pos_list-offline-li-info .pos-info-content-title {
cursor: pointer;
width: 90%;
font-size: 18px;
font-family: PingFang SC;
font-weight: 400;
color: #666666;
}
.new_position-pos_list-offline .pos_list-offline-li-info .pos-info-content-title-icon {
width: 20px;
height: 20px;
background: #4988FD;
margin-right: 5px;
text-align: center;
line-height: 20px;
display: inline-block;
border-radius: 5px;
}
.new_position-pos_list-offline .pos_list-offline-li-info .pos-info-content-title-icon .icon-quanbuxiangshang- {
color: white;
font-size: 14px;
}
.new_position-pos_list-offline .pos_list-offline-li-info .pos-info-content-title:hover {
color: #00b38a;
}
.new_position-pos_list-offline .pos_list-offline-li-info .pos-info-content-list {
font-size: 14px;
font-family: PingFang SC;
font-weight: 400;
color: #999999;
margin-top: 10px;
}
.new_position-pos_list-offline .pos_list-offline-li-info .pos-info-deliver {
width: 440px;
}
.new_position-pos_list-offline .pos_list-offline-li-info .pos-info-deliver-txt {
font-size: 14px;
font-family: PingFang SC;
font-weight: 400;
color: #999999;
line-height: 25px;
}
.new_position-pos_list-offline .pos_list-offline-li-info .pos-info-deliver .deliver-toResume {
cursor: pointer;
}
.new_position-pos_list-offline .pos_list-offline-li-info .pos-info-deliver .deliver-toResume:hover {
color: #00b38a;
}
.new_position-pos_list-offline .pos_list-offline-li-info .pos-info-op {
width: 250px;
}
.new_position-pos_list-offline .pos_list-offline-li-info .pos-info-op-li {
margin-top: 6px;
float: left;
background: #FFFFFF;
border: 1px solid #00B38A;
border-radius: 5px;
font-size: 14px;
font-family: PingFang SC;
font-weight: 400;
color: #00b38a;
padding: 5px 20px;
margin-right: 10px;
cursor: pointer;
position: relative;
}
.new_position-pos_list-offline .pos_list-offline-li-info .pos-info-op-li .edit-tips-icon {
width: 6px;
height: 6px;
border-radius: 50%;
background: red;
position: absolute;
top: 5px;
right: 5px;
}
.new_position-pos_list-offline .pos_list-offline-li-info .pos-info-op-li .edit-tips-txt {
display: none;
width: 100%;
text-align: center;
height: 25px;
line-height: 25px;
font-size: 12px;
border-radius: 3px;
background: rgba(0, 0, 0, 0.4);
color: white;
position: absolute;
top: -27px;
left: 0;
}
.new_position-pos_list-offline .pos_list-offline-li-info .pos-info-op-li .edit-tips-img {
position: absolute;
top: -28px;
right: -13px;
}
.new_position-pos_list-offline .pos_list-offline-li-info .pos-info-op-li:hover {
color: white;
background: #00b38a;
}
.new_position-pos_list-offline .pos_list-offline-li-info .pos-info-op-li:hover .edit-tips-icon,
.new_position-pos_list-offline .pos_list-offline-li-info .pos-info-op-li:hover .edit-tips-txt {
display: block;
}
.new_position-pos_list-offline .pos_list-offline-li-time {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
line-height: 30px;
background: #F6F6F6;
border-top: 1px solid #E3E3E3;
padding: 0 20px;
font-size: 12px;
font-family: PingFang SC;
font-weight: 400;
color: #888888;
border-radius: 0 0 5px 5px;
}
.new_position-pop {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 999;
}
.new_position-pop .pop-up {
width: 550px;
background: #FFFFFF;
margin: 200px auto;
-webkit-box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.4);
box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.4);
border-radius: 5px;
}
.new_position-pop .pop-up-top {
position: relative;
border-bottom: 1px solid #E5E5E5;
padding: 20px 0 20px 30px;
}
.new_position-pop .pop-up-top .icon-guanbi {
cursor: pointer;
font-size: 14px;
color: #999999;
position: absolute;
top: 22px;
right: 22px;
}
.new_position-pop .pop-up-top-error {
width: 464px;
height: 32px;
background: #FDF3F1;
border: 1px solid #FFA894;
border-radius: 5px;
line-height: 32px;
font-size: 14px;
font-family: PingFang SC;
font-weight: 300;
color: #999999;
text-align: center;
margin: 0 0 20px;
}
.new_position-pop .pop-up-top-error .icon-guanbi1 {
color: #FE1D00;
font-size: 15px;
margin: -1px 5px 0;
}
.new_position-pop .pop-up-top-title {
font-size: 20px;
font-family: PingFang SC;
font-weight: 600;
color: #333333;
}
.new_position-pop .pop-up-mid {
padding: 0 30px 30px;
}
.new_position-pop .pop-up-introduce {
padding: 20px 0;
}
.new_position-pop .pop-up-introduce p {
font-size: 15px;
font-family: PingFang SC;
font-weight: 400;
color: #666666;
line-height: 26px;
}
.new_position-pop .pop-up-condition {
background: #F5F5F5;
padding: 20px;
}
.new_position-pop .pop-up-condition-title {
font-size: 18px;
font-family: PingFang SC;
font-weight: 600;
color: #333333;
}
.new_position-pop .pop-up-condition-list {
margin-top: 20px;
}
.new_position-pop .pop-up-condition-list-li {
font-size: 15px;
font-family: PingFang SC;
font-weight: 400;
color: #666666;
line-height: 26px;
}
.new_position-pop .pop-up-btns {
width: 260px;
margin: 30px auto 0;
}
.new_position-pop .pop-up-btns-li {
float: left;
width: 120px;
height: 34px;
background: #FFFFFF;
border: 1px solid #00B38A;
border-radius: 5px;
color: #00B38A;
text-align: center;
line-height: 34px;
margin: 0 20px 0 0;
cursor: pointer;
}
.new_position-pop .pop-up-btns-li:last-child {
margin-right: 0;
}
.new_position-pop .pop-up-btns-li:hover {
color: white;
background: #00B38A;
}
.new_position-error_pop {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 999;
}
.new_position-error_pop .error_pop {
width: 395px;
background: #FFFFFF;
-webkit-box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.4);
box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.4);
border-radius: 5px;
margin: 260px auto;
padding: 30px;
}
.new_position-error_pop .error_pop-tips {
font-size: 15px;
font-family: PingFang SC;
font-weight: 400;
color: #666666;
text-align: center;
}
.new_position-error_pop .error_pop-btn {
width: 101px;
height: 34px;
background: #00B38A;
border-radius: 5px;
line-height: 34px;
text-align: center;
font-size: 16px;
font-family: PingFang SC;
font-weight: 300;
color: #FFFFFF;
margin: 30px auto 0;
cursor: pointer;
}
.new_position-reload_pop {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 9999;
}
.new_position-reload_pop .reload_pop {
width: 395px;
height: 162px;
margin: 200px auto;
background: #FFFFFF;
-webkit-box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.22);
box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.22);
border-radius: 5px;
padding: 25px;
position: relative;
}
.new_position-reload_pop .reload_pop-txt {
padding: 0 20px;
font-size: 16px;
font-family: PingFang SC;
font-weight: 400;
color: #666666;
line-height: 25px;
}
.new_position-reload_pop .reload_pop-btn {
position: absolute;
bottom: 22px;
right: 22px;
}
.new_position-reload_pop .reload_pop-btn-li {
width: 74px;
height: 30px;
line-height: 30px;
text-align: center;
background: #FFFFFF;
border: 1px solid #DCDCDC;
border-radius: 5px;
font-size: 16px;
font-family: PingFang SC;
font-weight: 300;
color: #666666;
cursor: pointer;
margin-left: 10px;
float: left;
}
.new_position-reload_pop .reload_pop-submit {
border: 1px solid #51B48A;
color: #FFFFFF;
background: #51B48A;
}
.post-input-sc {
width: 450px;
height: 41px;
margin-top: 0;
margin-left: 0;
border: none;
padding-left: 15px;
}
.post-input-sc-new {
width: 450px;
height: 41px;
margin-top: 0;
margin-left: 0;
border: none;
padding-left: 15px;
}
.wrapper-position.wrapper-publish {
margin-top: 20px;
padding: 0;
}
.wrapper-position.wrapper-publish .publish-tit {
width: 100%;
height: 82px;
border-bottom: 2px solid #00B38A;
line-height: 80px;
text-align: center;
}
.wrapper-position.wrapper-publish .publish-tit h1 {
font-size: 24px;
font-weight: normal;
}
.publish-main {
width: 800px;
margin: 0 auto;
min-height: 920px;
padding: 0 0 30px 0;
}
.publish-main .xxc-input-group {
width: 110px;
}
.publish-main .xxc-input-group > i {
position: absolute;
display: block;
font-size: 14px;
right: 38px;
top: 13px;
color: #333;
z-index: 1;
}
.publish-main .xxc-input-group .xxc-input-text {
width: 79px;
}
.publish-main .position-lighter input {
/*width: 114px;*/
margin-right: 3px;
}
.publish-main .position-lighter input:nth-last-of-type(1) {
margin-right: 0;
}
.publish-main .position-lighter .advantage-selected {
display: none;
position: absolute;
left: 2px;
top: 1px;
background: #fff;
width: 475px;
height: 43px;
padding: 0px 10px;
}
.publish-main .position-lighter .advantage-selected span {
display: inline-block;
height: 30px;
border: 1px solid #d5dadf;
border-radius: 3px;
margin-right: 0px;
color: #666;
line-height: 28px;
padding: 0 5px;
margin-top: 5px;
margin-right: 3px;
}
.publish-main .position-lighter .advantage-selected span i {
cursor: pointer;
margin-left: 5px;
}
.publish-main .position-lighter .advantage-list {
display: none;
position: absolute;
left: 0;
top: 47px;
width: 480px;
height: 200px;
border: 1px solid #d5dadf;
overflow: auto;
background: #fff;
z-index: 9;
padding: 10px;
}
.publish-main .position-lighter .advantage-list span {
display: inline-block;
height: 30px;
border: 1px solid #d5dadf;
border-radius: 4px;
margin-right: 10px;
background: #fff;
color: #666;
line-height: 28px;
padding: 0 10px;
margin-bottom: 5px;
cursor: pointer;
}
.publish-main .position-lighter .advantage-list span.cur {
background: #00B38A;
color: #fff;
}
.publish-main .xxc-input-text {
width: 480px;
}
.publish-main .xxc-input-textarea {
width: 480px;
height: 200px;
}
.publish-main .js-dropdown-unitsalary {
display: inline-block;
}
.publish-main .must {
color: #f33;
margin-right: 3px;
}
.publish-main .visite-hide {
visibility: hidden;
}
.publish-main .form_ul {
margin-left: 115px;
}
.publish-main .city-select-tab a {
line-height: 33px;
}
.publish-main .publish-panle {
width: 100%;
margin-top: 20px;
}
.publish-main .publish-panle > h4 {
width: 100%;
height: 45px;
border-bottom: 1px dashed #D5DADF;
font-size: 17px;
line-height: 43px;
color: #00B38A;
font-weight: normal;
}
.publish-main .form_ul > li {
margin: 20px 0 0 0;
position: relative;
}
.publish-main .form_ul > li > p {
float: left;
text-align: right;
line-height: 40px;
font-size: 15px;
color: #494949;
width: 90px;
}
.publish-main .form_ul > li > div {
float: left;
position: relative;
}
.publish-main .form_ul > li > div .error-text {
color: #FF0000;
position: absolute;
top: 0;
left: 483px;
line-height: 42px;
white-space: nowrap;
}
.publish-main .form_ul > li .label-list span {
display: inline-block;
height: 30px;
border: 1px solid #d5dadf;
border-radius: 2px;
margin-right: 10px;
color: #666;
line-height: 28px;
padding: 0 10px;
margin-top: 5px;
}
.publish-main .form_ul > li .label-list span .icon-close-s {
cursor: pointer;
margin-left: 5px;
}
.publish-main .form_ul > li .label-list .xxc-btn {
width: 60px;
font-size: 12px;
padding: 0;
border-radius: 3px;
height: 30px;
line-height: 28px;
margin-top: 5px;
}
.publish-main .form_ul > li .work-days span,
.publish-main .form_ul > li .promotion span,
.publish-main .form_ul > li .settlement span {
margin-right: 10px;
}
.publish-main .form_ul > li .salary {
position: relative;
}
.publish-main .form_ul > li .salary:after,
.publish-main .form_ul > li .salary:before {
content: 'k';
display: block;
width: 20px;
height: 40px;
position: absolute;
font-size: 16px;
left: 215px;
top: 0;
line-height: 40px;
z-index: 2;
color: #ccc;
}
.publish-main .form_ul > li .salary:before {
left: 80px;
}
.publish-main .form_ul > li .salary .xxc-input-text {
width: 100px;
height: 40px;
padding-right: 20px;
}
.publish-main .form_ul > li .salary > span {
padding: 0 10px;
}
.publish-main .form_ul > li .salary .salary-tip {
margin-left: 10px;
cursor: pointer;
position: relative;
}
.publish-main .form_ul > li .salary .salary-tip i.salary-tip-text {
display: none;
padding: 0 30px;
border: 1px solid #D5DADF;
background: #fafafa;
height: 50px;
line-height: 50px;
border-radius: 3px;
position: absolute;
white-space: nowrap;
top: -15px;
left: 40px;
z-index: 9;
}
.publish-main .form_ul > li .salary .salary-tip:hover i.salary-tip-text {
display: inline-block;
}
.publish-main .form_ul > li .create-address {
display: block;
float: left;
margin-left: 5px;
margin-top: 10px;
color: #00B38A;
}
.publish-main .form_ul > li .select-wrap > div {
top: 41px!important;
}
.publish-main .form_ul > li .new_select-wrap > div {
top: 41px!important;
}
.publish-main .form_ul > li .select-wrap {
display: block;
width: 550px;
height: 327px;
border: 1px solid #D5DADF;
position: absolute;
background: #fff;
left: 0px;
top: 45px;
z-index: 9;
overflow: hidden;
}
.publish-main .form_ul > li .select-wrap div {
width: 190px;
height: 100%;
position: absolute;
left: 0px;
top: 0;
}
.publish-main .form_ul > li .select-wrap ul {
overflow-y: scroll;
width: 190px;
height: 284px;
}
.publish-main .form_ul > li .select-wrap ul > li {
line-height: 40px;
color: #333;
font-size: 14px;
padding-left: 12px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis ;
cursor: pointer;
}
.publish-main .form_ul > li .select-wrap ul > li:hover,
.publish-main .form_ul > li .select-wrap ul > li.cur {
color: #00B38A;
}
.publish-main .form_ul > li .select-wrap ul > li.cur > div {
display: block;
}
.publish-main .form_ul > li .select-wrap ul > li > div {
display: none;
left: 190px;
}
.publish-main .form_ul > li .select-wrap .select-firstfloor {
background: #e6e6e6;
}
.publish-main .form_ul > li .select-wrap .select-firstfloor > li:hover,
.publish-main .form_ul > li .select-wrap .select-firstfloor > li.cur {
background: #f2f2f2;
}
.publish-main .form_ul > li .select-wrap .select-secondfloor {
background: #f2f2f2;
}
.publish-main .form_ul > li .select-wrap .select-secondfloor > li:hover,
.publish-main .form_ul > li .select-wrap .select-secondfloor > li.cur {
background: #fff;
}
.publish-main .form_ul > li .select-wrap .select-lastfloor {
background: #fff;
width: 168px;
}
.publish-main .form_ul_fl > li {
width: 300px;
float: left;
}
.publish-main .pub-position {
display: block;
margin: 40px auto 0;
}
@font-face {
font-family: "newPos_publish_icon";
src: url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2');
}
.newPos_publish_icon {
font-family: "newPos_publish_icon" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon_publish-sousuo:before {
content: "\E643";
}
.icon_publish-zuojiantou:before {
content: "\E735";
}
.icon_publish-guanbi:before {
content: "\E607";
}
.new_select-popup {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.4);
z-index: 998;
}
.new_select-popup-con {
width: 680px;
background: #FFFFFF;
-webkit-box-shadow: 0px 2px 8px 0px rgba(79, 79, 79, 0.2);
box-shadow: 0px 2px 8px 0px rgba(79, 79, 79, 0.2);
border-radius: 5px;
margin: 230px auto;
position: relative;
}
.new_select-popup-con .icon_publish-guanbi {
position: absolute;
right: 20px;
top: 24px;
cursor: pointer;
}
.new_select-popup-top {
padding: 10px 0 12px 30px;
border-bottom: 1px solid #eeeeee;
}
.new_select-popup-top-input {
width: 591px;
height: 41px;
background: #FAFAFA;
border: 1px solid #DCDCDC;
border-radius: 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 2px;
position: relative;
}
.new_select-popup-top-input input {
width: 450px;
height: 36px;
margin-top: 2px;
margin-left: 0;
border: none;
background: #FAFAFA;
color: #666666;
}
.new_select-popup-top-input .icon_publish-sousuo {
font-size: 21px;
color: #888888;
line-height: 39px;
margin: 0 15px;
}
.new_select-popup-top-input .input-search-result {
position: absolute;
top: 45px;
left: 40px;
z-index: 999;
width: 505px;
height: 316px;
background: #FFFFFF;
border-radius: 5px;
-webkit-box-shadow: 0px 2px 8px 0px rgba(79, 79, 79, 0.2);
box-shadow: 0px 2px 8px 0px rgba(79, 79, 79, 0.2);
overflow: auto;
}
.new_select-popup-top-input .input-search-result-list {
padding: 10px 0;
}
.new_select-popup-top-input .input-search-result-list-li {
height: 35px;
line-height: 35px;
font-size: 14px;
font-family: PingFang SC;
font-weight: 300;
color: #333333;
padding: 0 25px;
cursor: pointer;
}
.new_select-popup-top-input .input-search-result-list-li span {
font-size: 12px;
font-family: PingFang SC;
font-weight: 300;
color: #999999;
}
.new_select-popup-top-input .input-search-result-list-li:hover {
color: #00b38a;
background: #F8F8F8;
}
.new_select-popup-bot li {
cursor: pointer;
}
.new_select-popup-bot li.cur > div {
display: block;
}
.new_select-popup-bot li > div {
display: none;
left: 190px;
}
.new_select-popup-bot-firstfloor {
overflow: auto;
width: 200px;
height: 378px;
background: #F8F8F8;
border-radius: 0px 0px 0px 5px;
}
.new_select-popup-bot-firstfloor > li {
width: 200px;
padding: 12px 0px 12px 15px;
}
.new_select-popup-bot-firstfloor > li:hover,
.new_select-popup-bot-firstfloor > li.cur {
background: white;
}
.new_select-popup-bot-firstfloor > li:hover .firstfloor-name {
color: #00B38A;
}
.new_select-popup-bot-firstfloor > li .firstfloor-name {
font-size: 14px;
font-family: PingFang SC;
font-weight: 400;
color: #333333;
}
.new_select-popup-bot-firstfloor > li .firstfloor-des {
font-size: 12px;
font-family: PingFang SC;
font-weight: 300;
color: #999999;
margin-top: 5px;
}
.new_select-popup-bot-firstfloor > li .firstfloor-des span:last-child {
display: none;
}
.new_select-popup-bot-secondfloor {
overflow: auto;
width: 100px;
height: 378px;
background: white;
border-radius: 0px 0px 0px 5px;
padding: 15px 0 0 0;
}
.new_select-popup-bot-secondfloor > li {
width: 100px;
height: 36px;
line-height: 36px;
padding: 0 0 0 10px;
}
.new_select-popup-bot-secondfloor > li .icon_publish-zuojiantou {
display: inline-block;
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.new_select-popup-bot-secondfloor > li:hover,
.new_select-popup-bot-secondfloor > li.cur {
background: white;
}
.new_select-popup-bot-secondfloor > li:hover .secondfloor-name {
color: #00b38a;
}
.new_select-popup-bot-lastfloor {
width: 360px;
background: #F8F8F8;
border-radius: 2px;
padding: 10px 0 10px 12px;
}
.new_select-popup-bot-lastfloor > li {
cursor: pointer;
float: left;
padding: 0 15px;
height: 32px;
line-height: 32px;
}
.new_select-popup-bot-lastfloor > li:hover,
.new_select-popup-bot-lastfloor > li.cur {
color: #00B38A;
}
.new_select-popup-bot .firstfloor-child {
width: 100px;
position: absolute;
top: 66px;
left: 200px;
}
.new_select-popup-bot .secondfloor-child {
position: absolute;
top: 15px;
left: 100px;
}
.showCur {
display: block;
}
.hoverColor {
color: #00B38A !important;
}
.city-picker-input {
opacity: 0 !important;
top: -9999px;
left: -9999px;
position: absolute;
}
.city-picker-span {
position: relative;
display: block;
outline: 0;
border: 1px solid #d5dadf;
background-color: #fff;
color: #ccc;
cursor: pointer;
}
.city-picker-span > .placeholder {
color: #aaa;
}
.city-picker-span > .arrow {
position: absolute;
top: 50%;
right: 8px;
width: 10px;
margin-top: -3px;
height: 6px;
background: url('//img1.xiaoxiancai.com.cn/career/febfb5d161064b2db19faad20aaa017a.png') no-repeat;
background-position: 0 0;
}
/*.city-picker-span.focus,
.city-picker-span.open {
border-bottom-color: #00B38A;
}*/
.city-picker-span.open > .arrow {
background: url("//img1.xiaoxiancai.com.cn/career/770993fa2e60da818f239551dc868aef.png");
}
.city-picker-span > .title > span {
color: #333;
padding: 5px;
border-radius: 3px;
}
.city-picker-span > .title > span:hover {
background-color: #00B38A;
}
.city-picker-dropdown {
position: absolute;
width: 315px;
left: -9999px;
top: -9999px;
outline: 0;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
z-index: 999999;
display: none;
min-width: 330px;
margin-bottom: 20px;
}
.city-select-wrap {
-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
}
.city-select-tab {
border-bottom: 1px solid #ccc;
background: #f0f0f0;
font-size: 13px;
}
.city-select-tab > a {
display: inline-block;
padding: 0px 22px;
border-left: 1px solid #ccc;
border-bottom: 1px solid transparent;
color: #4D4D4D;
text-align: center;
outline: 0;
text-decoration: none;
cursor: pointer;
font-size: 14px;
margin-bottom: -1px;
}
.city-select-tab > a.active {
background: #fff;
border-bottom: 1px solid #fff;
color: #00B38A;
}
.city-select-tab > a:first-child {
border-left: none;
}
.city-select-tab > a:last-child.active {
border-right: 1px solid #ccc;
}
.city-select-content {
width: 100%;
min-height: 10px;
background-color: #fff;
padding: 10px 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.city-select {
font-size: 13px;
}
.city-select-tab > a {
line-height: 33px;
}
.city-select dl {
line-height: 2;
clear: both;
padding: 3px 0;
margin: 0;
}
.city-select dt {
position: absolute;
width: 2.5em !important;
font-weight: 500;
text-align: right;
line-height: 2;
}
.city-select dd {
margin-left: 0;
line-height: 2;
width: initial !important;
}
.city-select.province dd {
margin-left: 3em;
width: initial !important;
}
.city-select a {
display: inline-block;
padding: 0 10px;
outline: 0;
white-space: nowrap;
margin-right: 2px;
text-decoration: none;
color: #333;
cursor: pointer;
}
.city-select a:hover,
.city-select a:focus {
background-color: #f1f8ff;
border-radius: 2px;
color: #00B38A;
}
.city-select a.active {
background-color: #00B38A;
color: #fff;
border-radius: 2px;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.uploader-wrap > div {
width: 100%!important;
height: 100%!important;
}
.left-menu {
width: 205px;
position: absolute;
border-right: 1px solid #d5dadf;
}
.left-menu ul {
width: 100%;
height: 100%;
}
.left-menu ul li {
width: 100%;
height: 34px;
line-height: 34px;
cursor: pointer;
color: #737373;
margin-bottom: 25px;
text-align: center;
font-size: 16px;
position: relative;
}
.left-menu ul li span {
display: none;
width: 3px;
height: 34px;
position: absolute;
right: -2px;
top: 0;
background: #00B38A;
}
.left-menu ul li:hover,
.left-menu ul li.active {
color: #00B38A;
}
.left-menu ul li:hover span,
.left-menu ul li.active span {
display: block;
}
.comset_wrap {
width: 1200px;
margin: 0 auto;
padding-top: 30px;
background: #fff;
}
.comset_wrap .main-wrap {
width: 995px;
min-height: 800px;
background: #fff;
margin-left: 205px;
padding: 0 25px 30px 30px;
}
.comset_wrap .main-wrap .web-nav {
color: #999;
font-size: 14px;
}
.comset_wrap .main-wrap .web-nav a:nth-last-of-type(1) {
color: #00B38A;
}
.comset_wrap .company-info {
width: 935px;
height: auto;
margin: 0 auto;
}
.comset_wrap .company-info .company-info-part {
width: 100%;
background: #f8f8f8;
margin-top: 10px;
position: relative;
padding: 10px 20px 20px;
}
.comset_wrap .company-info .top-tit {
height: 35px;
border-bottom: 1px dashed #D5DADF;
line-height: 34px;
position: relative;
}
.comset_wrap .company-info .top-tit > span {
font-size: 17px;
color: #333;
}
.comset_wrap .company-info .to-edit {
display: block;
position: absolute;
right: 0px;
top: 0px;
}
.comset_wrap .company-info .to-edit i {
display: inline-block;
width: 16px;
height: 16px;
}
.comset_wrap .company-info .to-edit span {
color: #00B38A;
margin-left: 3px;
}
.comset_wrap .company-info .company-info-part-basic {
min-height: 310px;
}
.comset_wrap .company-info .company-info-part-basic dl {
width: 100%;
height: 100%;
padding: 30px 40px 0;
}
.comset_wrap .company-info .company-info-part-basic dl dt {
display: block;
height: 100%;
float: left;
}
.comset_wrap .company-info .company-info-part-basic dl dt img {
width: 200px;
height: 200px;
border: 1px solid #D5DADF;
}
.comset_wrap .company-info .company-info-part-basic dl dd {
height: 100%;
float: left;
margin-left: 55px;
margin-top: 0;
}
.comset_wrap .company-info .company-info-part-basic li {
color: #333;
font-size: 14px;
line-height: 24px;
margin-top: 10px;
}
.comset_wrap .company-info .company-info-part-basic li:nth-of-type(1) {
margin-top: 3px;
}
.comset_wrap .company-info .company-info-part-basic li[data-info="company_name"] {
font-size: 16px;
font-weight: bold;
}
.comset_wrap .company-info .company-info-part-contact {
min-height: 258px;
}
.comset_wrap .company-info .company-info-part-contact ul {
width: 100%;
padding-top: 5px;
}
.comset_wrap .company-info .company-info-part-contact ul li {
width: 50%;
float: left;
margin-top: 20px;
line-height: 24px;
font-size: 14px;
}
.comset_wrap .company-info .company-info-part-contact ul li > span {
display: inline-block;
color: #333;
}
.comset_wrap .company-info .company-info-part-contact ul li > span:nth-of-type(1) {
width: 135px;
text-align: right;
}
.comset_wrap .company-info .company-info-part-contact > ul {
width: 100%;
padding-top: 5px;
}
.comset_wrap .company-info .company-info-part-contact > ul li {
width: 50%;
float: left;
margin-top: 20px;
line-height: 24px;
font-size: 14px;
}
.comset_wrap .company-info .company-info-part-contact > ul li > span {
display: block;
float: left;
color: #333;
}
.comset_wrap .company-info .company-info-part-contact > ul li > span:nth-of-type(1) {
width: 135px;
text-align: right;
}
.comset_wrap .company-info .company-info-part-contact > ul li > span:nth-of-type(2) {
max-width: 210px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.comset_wrap .company-info .company-info-part-contact dl {
width: 100%;
height: auto;
color: #333;
line-height: 28px;
}
.comset_wrap .company-info .company-info-part-contact dl dt {
display: block;
float: left;
width: 75px;
text-align: right;
}
.comset_wrap .company-info .company-info-part-contact dl dd {
display: block;
float: left;
}
.comset_wrap .company-info .company-info-part-intro {
min-height: 265px;
}
.comset_wrap .company-info .company-info-part-intro dl {
width: 100%;
height: auto;
font-size: 14px;
margin-top: 15px;
line-height: 30px;
}
.comset_wrap .company-info .company-info-part-intro dl dt {
display: block;
font-size: 16px;
color: #333;
}
.comset_wrap .company-info .company-info-part-intro dl dd {
display: block;
font-size: 14px;
color: #666;
text-indent: 2em;
word-break: break-word;
}
.comset_wrap .company-info .company-info-part-styles {
min-height: 225px;
}
.comset_wrap .company-info .company-info-part-styles .style-list-wrap {
width: 100%;
height: 100%;
}
.comset_wrap .company-info .company-info-part-styles .style-list-wrap li {
float: left;
width: 200px;
height: 140px;
border: 1px solid #eee;
margin: 20px 0 0 20px;
position: relative;
}
.comset_wrap .company-info .company-info-part-styles .style-list-wrap li > img {
display: block;
margin: 0 auto;
}
.comset_wrap .company-info .company-info-part-styles .style-list-wrap li > img.limit-height {
width: auto;
height: 100%;
}
.comset_wrap .company-info .company-info-part-styles .style-list-wrap li > img.limit-width {
width: 100%;
height: auto;
position: absolute;
top: 50%;
left: 0;
margin-top: -40px;
}
.comset_wrap .company-info .company-info-part-styles .style-list-wrap li .style-del {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.3);
display: none;
}
.comset_wrap .company-info .company-info-part-styles .style-list-wrap li .style-left-btn {
display: block;
cursor: pointer;
position: absolute;
left: 20px;
top: 50%;
margin-top: -16px;
}
.comset_wrap .company-info .company-info-part-styles .style-list-wrap li .style-right-btn {
display: block;
cursor: pointer;
position: absolute;
left: 50%;
top: 50%;
margin-top: -16px;
margin-left: -16px;
}
.comset_wrap .company-info .company-info-part-styles .style-list-wrap li .style-del-btns {
width: 60px;
height: 30px;
background: #d63738;
border: 1px solid #991113;
border-radius: 3px;
color: #fff;
font-size: 14px;
cursor: pointer;
position: absolute;
right: 10px;
top: 10px;
}
.comset_wrap .company-info .company-info-part-styles .style-list-wrap li .style-del-btn {
display: block;
cursor: pointer;
position: absolute;
right: 20px;
top: 50%;
margin-top: -16px;
}
.comset_wrap .company-info .company-info-part-styles .style-list-wrap li:hover .style-del {
display: block;
}
.comset_wrap .company-info .company-info-part-styles .style-list-wrap li:nth-of-type(4n+1) {
margin-left: 17px;
}
.comset_wrap .company-info .company-info-part-styles .style-list-wrap li:nth-of-type(1) .style-left-btn {
display: none;
}
.comset_wrap .company-info .company-info-part-styles .style-list-wrap li:nth-of-type(1) .style-right-btn {
left: 50px;
margin-left: 0;
}
.comset_wrap .company-info .company-info-part-styles .style-list-wrap li:nth-of-type(1) .style-del-btn {
right: 50px;
}
.comset_wrap .company-info .company-info-part-styles .style-list-wrap li:nth-last-of-type(2) .style-left-btn {
left: 50px;
margin-left: 0;
}
.comset_wrap .company-info .company-info-part-styles .style-list-wrap li:nth-last-of-type(2) .style-right-btn {
display: none;
}
.comset_wrap .company-info .company-info-part-styles .style-list-wrap li:nth-last-of-type(2) .style-del-btn {
right: 50px;
}
.comset_wrap .company-info .company-info-part-styles .style-list-wrap li.only-one .style-left-btn {
display: none;
}
.comset_wrap .company-info .company-info-part-styles .style-list-wrap li.only-one .style-right-btn {
display: none;
}
.comset_wrap .company-info .company-info-part-styles .style-list-wrap li.only-one .style-del-btn {
right: 50%;
margin-right: -16px;
}
.comset_wrap .company-info .company-info-part-styles .style-list-wrap .add-style-wrap {
border: 2px dashed #D5DADF;
background: #f7f7f6;
}
.comset_wrap .company-info .company-info-part-styles .style-list-wrap .add-style-wrap a {
display: block;
margin: 18px auto 0px ;
}
.comset_wrap .company-info .company-info-part-styles .style-list-wrap .add-style-wrap h6 {
font-size: 14px;
color: #666;
width: 100%;
text-align: center;
line-height: 28px;
}
.comset_wrap .company-info .company-info-part-styles .style-list-wrap .add-style-wrap p {
font-size: 12px;
color: #999;
width: 100%;
text-align: center;
line-height: 16px;
}
.comset_wrap .company-info .edit_part .xxc-dropdown .xxc-dropdown-menu li {
margin-top: 0;
}
.comset_wrap .company-info .edit_part .xxc-dropdown .xxc-dropdown-menu li a {
height: 45px;
line-height: 45px;
}
.comset_wrap .company-info .edit_part_basic input {
margin-top: -3px;
}
.comset_wrap .company-info .edit_part_basic input[disabled='disabled'] {
background: #f1f1f1;
}
.comset_wrap .company-info .edit_part_basic .xxc-input-text {
width: 300px;
}
.comset_wrap .company-info .edit_part_basic dt {
position: relative;
}
.comset_wrap .company-info .edit_part_basic dt a {
display: none;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.3);
}
.comset_wrap .company-info .edit_part_basic dt a i {
position: absolute;
left: 50%;
top: 50%;
margin-left: -16px;
margin-top: -16px;
}
.comset_wrap .company-info .edit_part_basic dt a p {
width: 100%;
text-align: center;
color: #fff;
line-height: 20px;
position: absolute;
top: 50%;
margin-top: 25px;
font-size: 14px;
}
.comset_wrap .company-info .edit_part_basic dt:hover a {
display: block;
}
.comset_wrap .company-info .edit_part_basic dt > span {
display: block;
text-align: center;
width: 100%;
position: absolute;
bottom: -26px;
line-height: 14px;
font-size: 14px;
color: #333;
}
.comset_wrap .company-info .edit_part_basic dd {
margin-top: 0 !important;
}
.comset_wrap .company-info .edit_part_basic dd > ul {
padding-top: 20px;
}
.comset_wrap .company-info .edit_part_basic li {
margin-top: 20px;
}
.comset_wrap .company-info .edit_part_basic li div {
display: block;
float: left;
line-height: 45px;
}
.comset_wrap .company-info .edit_part_basic.isChecked dd > ul {
padding-top: 0;
}
.comset_wrap .company-info .edit_part_basic.isChecked li {
margin-top: 3px;
}
.comset_wrap .company-info .edit_part_basic.isChecked li:nth-of-type(1) {
margin-top: 3px;
}
.comset_wrap .company-info .edit_part_contact .xxc-dropdown .xxc-dropdown-link {
width: 370px;
max-width: none;
height: 45px;
line-height: 45px;
}
.comset_wrap .company-info .edit_part_contact li span {
line-height: 45px;
}
.comset_wrap .company-info .edit_part_contact .xxc-input-text {
width: 350px;
}
.comset_wrap .company-info .edit_part_contact .xxc-input-text[name=phone_code] {
width: 232px;
}
.comset_wrap .company-info .edit_part_contact .xxc-input-text[name=phone_area] {
width: 100px;
}
.comset_wrap .company-info .edit_part_contact .xxc-dropdown-menu li {
width: 100%;
float: none;
margin-bottom: 0;
}
.comset_wrap .company-info .edit_part_contact .city-picker-dropdown {
left: 70px !important;
}
.comset_wrap .company-info .edit_part_contact > ul {
width: 100%;
padding-top: 5px;
}
.comset_wrap .company-info .edit_part_contact > ul li {
width: 50%;
float: left;
margin-top: 20px;
line-height: 46px;
font-size: 14px;
position: relative;
}
.comset_wrap .company-info .edit_part_contact > ul li > span {
display: inline-block;
color: #333;
}
.comset_wrap .company-info .edit_part_contact > ul li > span:nth-of-type(1) {
width: 90px;
text-align: right;
}
.comset_wrap .company-info .edit_part_contact > ul li:before {
content: '*';
display: block;
position: absolute;
right: -3px;
top: -8px;
color: #f00;
}
.comset_wrap .company-info .edit_part_contact > ul li:nth-of-type(2n+1) {
padding-left: 0;
}
.comset_wrap .company-info .edit_part_contact .city-select-tab {
height: 33px;
line-height: 33px;
}
.comset_wrap .company-info .edit_part_intro {
padding-top: 20px;
position: relative;
}
.comset_wrap .company-info .edit_part_intro > .xxc-input-textarea {
width: 100%;
height: 220px;
padding: 1em 1em 2em;
}
.comset_wrap .company-info .edit_part_intro > span {
display: block;
position: absolute;
line-height: 20px;
color: #AAAAAA;
top: 220px;
left: 815px;
}
.comset_wrap .company-info .btns {
text-align: center;
margin: 20px 0 0 0 ;
}
.comset_wrap .company-info .btns .xxc-btn.cancel {
margin-left: 20px;
}
.comset_wrap .company-info .edit_part_contact > ul .cancel-star:before {
content: '';
}
.company_name-error {
line-height: 20px!important;
color: red;
width: 288px;
}
/*
UploadiFive
Copyright (c) 2012 Reactive Apps, Ronnie Garcia
*/
.uploadifive-button {
background-color: #505050;
background-image: -webkit-gradient(linear, left bottom, left top, from(#505050), to(#707070));
background-image: linear-gradient(bottom, #505050 0%, #707070 100%);
background-image: -ms-linear-gradient(bottom, #505050 0%, #707070 100%);
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #505050), color-stop(1, #707070));
background-position: center top;
background-repeat: no-repeat;
border-radius: 30px;
border: 2px solid #808080;
color: #FFF;
font: bold 12px Arial, Helvetica, sans-serif;
text-align: center;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
text-transform: uppercase;
width: 100%;
}
.uploadifive-button:hover {
background-color: #606060;
background-image: -webkit-gradient(linear, left top, left bottom, from(top), color-stop(0%, #606060), to(#808080));
background-image: linear-gradient(top, #606060 0%, #808080 100%);
background-image: -ms-linear-gradient(top, #606060 0%, #808080 100%);
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #606060), color-stop(1, #808080));
background-position: center bottom;
}
.uploadifive-queue {
display: none !important;
}
.uploadifive-queue-item {
background-color: #F5F5F5;
border-bottom: 1px dotted #D5D5D5;
border-radius: 5px;
font: 12px Arial, Helvetica, Sans-serif;
margin-top: 3px;
padding: 15px;
}
.uploadifive-queue-item .close {
background: url('https://img1.xiaoxiancai.com.cn/company/otherImg/img/uploadifive_cancel.png') 0 0 no-repeat;
display: block;
float: right;
height: 16px;
text-indent: -9999px;
width: 16px;
}
.uploadifive-queue-item .progress {
border: 1px solid #D0D0D0;
height: 3px;
margin-top: 5px;
width: 100%;
}
.uploadifive-queue-item .progress-bar {
background-color: #0072BC;
height: 3px;
width: 0;
}
.company-check {
width: 522px;
height: auto;
padding-top: 70px;
margin: 0 auto 0;
position: relative;
}
.company-check .company-status {
width: 100%;
height: 25px;
position: absolute;
top: 0;
right: -185px;
line-height: 25px;
text-align: right;
}
.company-check .company-new-audit-status {
width: 100%;
height: 25px;
position: absolute;
top: 10px;
right: -185px;
line-height: 25px;
text-align: right;
}
.company-check .check-upload {
width: 480px;
height: 370px;
margin: 0 auto 25px;
}
.company-check .check-upload dl {
width: 200px;
height: 100%;
}
.company-check .check-upload dl dt {
width: 200px;
height: 262px;
border: 1px solid #D5DADF;
position: relative;
}
.company-check .check-upload dl dt img {
display: block;
width: 100%;
height: 100%;
border: none;
position: absolute;
}
.company-check .check-upload dl dt img.limit-height {
width: auto;
height: 100%;
top: 0;
left: 50%;
}
.company-check .check-upload dl dt img.limit-width {
width: 100%;
height: auto;
top: 50%;
left: 0;
}
.company-check .check-upload dl dd {
color: #333;
line-height: 52px;
text-align: center;
}
.company-check .check-upload .show-uploader a {
display: block;
position: absolute;
top: 0;
width: 100%;
height: 100%;
background: #f1f1f1;
}
.company-check .check-upload .show-uploader a .icon-upload-check,
.company-check .check-upload .show-uploader a .icon-upload-logo {
display: block;
width: 32px;
height: 32px;
position: absolute;
top: 100px;
left: 50%;
margin-left: -16px;
}
.company-check .check-upload .show-uploader a .uploader-black {
display: none;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.2);
}
.company-check .check-upload .show-uploader a span {
display: block;
position: absolute;
width: 100%;
font-size: 14px;
color: #00B38A;
bottom: 90px;
text-align: center;
}
.company-check .check-upload .show-uploader:hover .uploader-black {
display: block;
}
.company-check .check-upload .license-example {
background: url("//img1.xiaoxiancai.com.cn/career/6f229fac83bee32c0ce2d973919977cb.png") no-repeat center;
}
.company-check .check-upload .license-example p {
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.4);
color: #fff;
font-size: 16px;
text-align: center;
line-height: 260px;
}
.company-check > p {
color: #333;
font-size: 14px;
line-height: 24px;
white-space: nowrap;
}
.company-check .code_wrap {
margin-top: 30px;
width: 556px;
margin-left: -50px;
position: relative;
}
.company-check .code_wrap:after {
content: '*';
color: #f00;
position: absolute;
right: -10px;
top: 5px;
}
.company-check .check-upload-btn {
display: block;
margin: 40px auto 0;
cursor: default;
}
.company-check .xxc-btn {
cursor: pointer;
}
.company-check.isChecked .check-upload dl {
margin: 0 auto;
}
.company-check.isChecked .check-edit-btn {
display: block;
width: 480px;
height: 46px;
font-size: 17px;
margin: 0 auto;
margin-top: 20px;
}
.company-check .read_law_box {
display: block;
margin: 20px 0 0 0px;
text-align: center;
}
.company-check .read_law_box a {
color: #00b38a;
text-decoration: underline;
}
.law-box {
padding: 0 10px;
max-height: 400px;
overflow: hidden;
}
.check-tip-p {
color: red;
text-align: left;
}
.comset_wrap .add-panel {
line-height: 58px;
height: 58px;
border-bottom: 1px solid #d5dadf;
text-align: right;
padding-right: 10px;
margin-bottom: 20px;
}
.comset_wrap .add-panel a {
color: #00b38a;
font-size: 18px;
}
.comset_wrap .xxc-table thead th {
text-align: left;
}
.comset_wrap .xxc-table tbody tr:hover {
cursor: default;
}
.center_wrap .main-wrap {
width: 100%;
margin-left: 0;
}
@font-face {
font-family: 'CTBiaoSongSJ';
src: url('//static.xiaoxiancai.com.cn/font/%E5%BE%AE%E8%BD%AF%E7%AE%80%E6%A0%87%E5%AE%8B.TTF') format('truetype');
}
.three-tp {
width: 100%;
}
.three-tp img {
display: block;
width: 100%;
}
.one-block {
left: 0.2%;
}
.two-block {
left: 37.6%;
}
.three-mid {
width: 100%;
position: relative;
}
.three-mid img {
display: block;
width: 100%;
}
.three-mid-mid {
position: absolute;
top: 7px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: auto;
height: 100%;
}
.three-mid-mid div {
position: absolute;
top: 58%;
width: 25%;
height: 13%;
cursor: pointer;
text-align: center;
padding-top: 1.6%;
color: #403023;
font-size: 17px;
}
.three-mid-mid img {
-o-object-fit: contain;
object-fit: contain;
width: auto;
height: 100%;
}
.three-ad {
width: 100%;
position: relative;
}
.three-ad img {
width: 100%;
display: block;
}
.three-ad-mid {
position: absolute;
top: 20px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: auto;
height: 87%;
}
.three-ad-mid-btn {
width: 100%;
height: 47%;
position: absolute;
left: 0;
bottom: 0;
cursor: pointer;
}
.three-ad-mid img {
-o-object-fit: contain;
object-fit: contain;
width: auto;
height: 100%;
}
.three-bt {
background: url("https://img1.xiaoxiancai.com.cn/company/otherImg/img/fourrule.png");
background-size: 100% 280px;
background-repeat: no-repeat;
background-position: 0 0;
height: 280px;
width: 100%;
}
.three-bt-p {
padding-top: 57px;
width: 682px;
line-height: 26px;
margin: 0 auto;
font-size: 13px;
color: #E7D6B4;
}
@media screen and (max-width: 1540px) {
.three-mid-mid div {
font-size: 13px;
padding-top: 1.5%;
}
}
@media screen and (max-width: 1100px) {
.three-mid-mid div {
font-size: 12px;
padding-top: 0.90%;
}
}
.three-block {
right: 0.3%;
}
.order-bt-ct {
width: 1234px;
height: 51px;
position: relative;
background: url("//img1.xiaoxiancai.com.cn/career/3e6bd1faa313987dc51341954620a8fb.png");
background-size: 1234px 51px;
background-repeat: no-repeat;
background-position: 0 0;
margin-left: -17px;
}
.order-bt-ct div {
top: 2px;
}
.special-tp {
background: url("//img1.xiaoxiancai.com.cn/career/255d93e81bdd3fbbf888b83553ce2bfa.png");
height: 1441px;
width: 100%;
background-repeat: no-repeat;
background-size: 100% 1441px;
background-position: 0 0;
padding-top: 132px;
position: relative;
}
.special-tp-img {
width: 926px;
height: 468px;
margin: 0 auto 0;
}
.special-tp-img img {
width: 100%;
height: 100%;
}
.special-tp-span {
width: 838px;
height: 144px;
margin: 520px auto 0;
}
.special-tp-span img {
width: 100%;
height: 100%;
}
.special-tp-label {
position: absolute;
bottom: -20px;
left: 50%;
margin-left: -60px;
}
.special-mid {
position: relative;
min-height: 1200px;
width: 100%;
}
.special-mid-bg {
width: 100%;
position: absolute;
top: -100px;
left: 0;
height: 1091px;
}
.special-mid-bg img {
width: 100%;
height: 100%;
}
.special-mid-ct {
width: 1370px;
margin: 100px auto 30px;
}
.special-mid-list {
width: 323px;
height: 393px;
display: inline-block;
margin-right: 15px;
margin-top: 20px;
position: relative;
}
.special-mid-bg1 {
position: absolute;
width: 323px;
height: 393px;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
}
.special-mid-bg1 img {
width: 323px;
height: 393px;
}
.special-mid-mask {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding-top: 150px;
z-index: 10;
opacity: 0.6;
}
.special-mid-p {
position: absolute;
top: 0;
z-index: 11;
text-align: center;
color: #ffffff;
font-size: 24px;
width: 100%;
line-height: 330px;
}
.special-mid-title {
position: absolute;
top: 240px;
text-align: center;
font-size: 24px;
color: #ffffff;
z-index: 7;
width: 323px;
}
.special-mid-time {
position: absolute;
top: 285px;
text-align: center;
font-size: 16px;
width: 323px;
color: #ffffff;
z-index: 7;
}
.special-mid-btn {
width: 130px;
height: 30px;
cursor: pointer;
position: absolute;
bottom: 40px;
left: 95px;
z-index: 7;
}
.special-bt {
background: url("//img1.xiaoxiancai.com.cn/career/f5fcacae86697cf75105775bdff2da9d.png");
height: 1211px;
width: 100%;
background-repeat: no-repeat;
background-size: 100% 1211px;
background-position: 0 0;
position: relative;
padding-top: 70px;
}
.special-bt-label {
position: absolute;
top: -60px;
left: 50%;
margin-left: -60px;
}
.special-bt-buy {
width: 1104px;
height: 471px;
margin: 0 auto;
position: relative;
}
.special-bt-buy img {
width: 100%;
height: 100%;
}
.special-bt-buy-lt {
position: absolute;
bottom: 137px;
left: 246px;
width: 222px;
height: 50px;
cursor: pointer;
}
.special-bt-buy-rt {
position: absolute;
bottom: 137px;
right: 57px;
width: 222px;
height: 50px;
cursor: pointer;
}
.special-bt-span {
width: 1200px;
margin: 110px auto 0;
color: #ffffff;
font-size: 18px;
line-height: 33px;
}
.special-bt-p {
font-size: 20px;
font-weight: bold;
}
.special-flex {
position: fixed;
left: 5px;
bottom: 149px;
z-index: 13;
}
.special-flex-tp {
width: 274px;
height: 305px;
}
.special-flex-tp img {
width: 100%;
height: 100%;
}
.special-flex-img {
position: absolute;
top: 0;
left: 25px;
right: 30px;
height: 30px;
cursor: pointer;
}
.special-flex-img-tp {
position: absolute;
top: -160px;
left: 0;
width: 232px;
height: 150px;
display: none;
}
.special-mid-color {
color: #FAC110;
}
.special-flex-img:hover .special-flex-img-tp {
display: block;
}
.three-label {
background: url("//img1.xiaoxiancai.com.cn/career/17ed5f27caeaad7bb1f10c08e5bc2649.png");
height: 13px;
}
.three-label .purchase-title {
color: #4942E0!important;
}
.order-mid-img {
padding: 37px 0 60px 0;
text-align: center;
font-size: 19px;
color: #162EA3;
}
.order-mid-img img {
display: block;
margin: 0 auto;
}
.three-lt {
float: left;
position: relative;
padding-top: 130px;
padding-bottom: 30px;
padding-left: 70px;
}
.three-lt-btn {
width: 195px;
height: 60px;
cursor: pointer;
position: absolute;
bottom: 80px;
left: 186px;
}
.three-rt {
position: relative;
float: right;
padding-top: 130px;
padding-bottom: 30px;
padding-right: 70px;
}
.three-rt-btn {
width: 195px;
height: 60px;
cursor: pointer;
position: absolute;
bottom: 80px;
left: 186px;
}
.dba-tp-ct {
width: 100%;
background: url('//img1.xiaoxiancai.com.cn/career/8e79e74ce92b8431fecb7d9a5ee8c3ed.png');
height: 790px;
background-repeat: no-repeat;
background-size: 100% 790px;
background-position: 0 0;
}
.dba-tp {
width: 1200px;
margin: 0 auto;
position: relative;
}
.dba-tp-p {
position: absolute;
top: 100px;
left: 312px;
width: 576px;
}
.dba-tp-p img {
width: 576px;
}
.dba-tp-blcok {
position: absolute;
top: 500px;
left: 0;
width: 1200px;
}
.dba-tp-blcok img {
width: 1200px;
}
.dba-mid1 img {
margin: 304px auto 0;
display: block;
}
.dba-bt {
width: 1236px;
margin: 0 auto;
}
.dba-bt-ct {
width: 100%;
height: 1334px;
background: url('//img1.xiaoxiancai.com.cn/career/155d35bde6b31840ee44d5c7d1d511d4.png');
background-repeat: repeat;
}
.dba-bt-img {
margin: 100px auto 30px;
width: 1236px;
}
.dba-bt-img img {
width: 1236px;
}
.dba-bt-p {
padding-left: 36px;
font-size: 22px;
line-height: 36px;
color: #ffffff;
}
.thpage-tp {
height: 400px;
width: 100%;
background: url("//img1.xiaoxiancai.com.cn/career/5a265eff56aa129d206fde94dc89bfc3.png");
background-position: 0 0;
background-size: 100% 400px;
position: relative;
overflow: hidden;
}
.thpage-tp-img {
margin: 85px auto 0;
width: 656px;
height: 222px;
}
.thpage-tp-img img {
width: 100%;
height: 100%;
}
.thpage-mid {
background: #ffffff;
}
.thpage-mid img {
display: block;
margin: 62px auto 102px;
width: 853px;
}
.thpage-bt {
background: url("//img1.xiaoxiancai.com.cn/career/eddf37ffad516bad741faaf012d08977.png");
height: 764px;
width: 100%;
background-size: 100% 764px;
background-position: 0 0;
overflow: hidden;
}
.thpage-bt-tp {
height: 400px;
width: 919px;
margin: 60px auto 20px;
}
.thpage-bt-tp img {
width: 919px;
}
.thpage-bt-sp {
width: 1200px;
margin: 0 auto;
color: #ffffff;
font-size: 17px;
line-height: 30px;
position: relative;
}
.thpage-bt-gift {
background: url("//img1.xiaoxiancai.com.cn/career/8f7244235250301ecfd7bb6342c05d14.png");
width: 320px;
height: 246px;
position: absolute;
right: 0;
top: 0;
}
.three-href {
color: #FB5656;
font-size: 16px;
cursor: pointer;
}
.three-alert {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
}
.three-alert-block {
margin: 150px auto;
position: relative;
width: 524px;
height: 606px;
background-position: 0 0;
background-size: 524px 606px;
background: url("//img1.xiaoxiancai.com.cn/career/1370151bb4ddb27a7ca98d3d6e2e10ea.png");
}
.three-alert-close {
position: absolute;
width: 60px;
height: 60px;
top: 0;
right: 0;
cursor: pointer;
}
.three-alert-btn {
position: absolute;
top: 474px;
left: 100px;
width: 300px;
height: 100px;
cursor: pointer;
}
.three-year-btn-ct {
width: 1200px;
height: 441px;
margin-top: 60px;
margin-bottom: 80px;
position: relative;
}
.three-year-btn-block {
height: 441px;
position: relative;
float: left;
}
.three-year-btn-block img {
width: 100%;
height: 100%;
}
.three-year-btn-block div {
width: 270px;
height: 60px;
left: 40px;
position: absolute;
top: 348px;
cursor: pointer;
}
.three-year-btn-one {
width: 326px;
}
.three-year-btn-one-al {
float: left;
}
.three-year-btn-two {
margin-left: 106px;
width: 325px;
}
.three-year-btn-three {
float: right;
width: 329px;
}
.hot-company-tp-img {
position: relative;
}
.hot-company-tp-btn {
position: absolute;
width: 240px;
height: 60px;
left: 111px;
top: 216px;
cursor: pointer;
}
.hot-company-mid {
width: 1200px!important;
margin: 50px auto!important;
position: relative;
}
.hot-company-btn {
position: absolute;
right: 66px;
top: 217px;
width: 210px;
height: 55px;
cursor: pointer;
}
.hot-company-bt p {
color: #000!important;
}
.top-buy-tp {
height: 893px;
width: 100%;
min-width: 1200px;
position: relative;
}
.top-buy-tp-img {
width: 1200px;
margin: 0 auto;
position: relative;
height: 366px;
}
.top-buy-tp-img img {
position: absolute;
height: 366px;
width: 955px;
top: 0;
left: 122px;
}
.top-buy-all {
width: 1200px;
margin: 0 auto;
z-index: 100;
position: relative;
}
.top-buy-back {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 893px;
}
.top-buy-vip-img {
width: 273px;
height: 416px;
background: url("//img1.xiaoxiancai.com.cn/career/a41888b75bce19cef9e7e783402dc523.png");
background-repeat: no-repeat;
background-size: 273px 416px;
background-position: 0 0;
z-index: 100;
}
.top-buy-novip-img {
width: 273px;
height: 416px;
background: url("//img1.xiaoxiancai.com.cn/career/19f4c759f7ca20f5e7ef1258ff5a96ad.png");
background-repeat: no-repeat;
background-size: 273px 416px;
background-position: 0 0;
z-index: 100;
}
.top-buy-novip-img .top-buy-block-yuan div {
width: 175px;
left: 50px;
}
.top-buy-lt {
float: left;
margin-left: 270px;
}
.top-buy-rt {
float: right;
margin-right: 270px;
}
.top-buy-bt {
height: 288px;
background: #C2B39C;
}
.top-buy-bt-ct {
width: 1200px;
margin: 0 auto;
color: #311D12;
font-size: 18px;
padding-top: 44px;
line-height: 30px;
}
.top-buy-bt-ct p:first-child {
font-weight: bold;
}
.top-buy-ct {
overflow: hidden;
margin-top: 30px;
}
.top-buy-block-ci {
text-align: center;
color: #311D12;
font-size: 36px;
margin-top: 26px;
font-weight: bold;
}
.top-buy-block-ci span {
font-size: 18px;
}
.top-buy-block-yuan {
color: #77532B;
text-align: center;
font-size: 17px;
position: relative;
margin-top: 90px;
}
.top-buy-block-yuan div {
position: absolute;
border-bottom: 2px solid #77532B;
top: 12px;
width: 150px;
height: 0;
left: 63px;
}
.top-buy-block-yuan span {
font-weight: bold;
}
.top-buy-block-jia {
text-align: center;
font-weight: bold;
font-size: 30px;
margin-top: 10px;
color: #311D12;
}
.top-buy-block-top {
font-size: 22px;
text-align: center;
font-weight: bold;
margin-top: 2px;
color: #311D12;
}
.top-buy-block-btn {
width: 200px;
height: 50px;
margin-top: 15px;
cursor: pointer;
margin-left: 40px;
}
.all-pur {
margin: 0 auto;
width: 1200px;
position: relative;
}
.all-pur-tp {
width: 1200px;
height: 49px;
background: #00B38a;
line-height: 49px;
text-align: center;
color: #ffffff;
font-size: 16px;
margin-top: 20px;
}
.all-pur-p1 {
padding-left: 210px;
margin-top: 48px;
color: #000;
font-size: 18px;
}
.all-pur-p1 span {
color: #FB5656;
font-weight: 600;
}
.all-pur-p2 {
padding-left: 210px;
margin-top: 30px;
font-size: 18px;
color: #000;
}
.all-pur-p2 span {
color: #FB5656;
font-size: 15px;
cursor: pointer;
}
.all-pur-select {
position: relative;
width: 773px;
height: 66px;
margin-left: 210px;
margin-top: 10px;
}
.all-pur-img-ct {
margin: 0 auto;
}
.all-pur-img {
margin: 0 auto;
width: 164px;
height: 212px;
background: url("//img1.xiaoxiancai.com.cn/career/25a336de9c8b32b87cabbee50a1682e8.png");
background-position: 0 0;
background-repeat: no-repeat;
background-size: 164px 212px;
position: relative;
overflow: hidden;
}
.all-pur-img img {
display: block;
width: 144px;
height: 144px;
margin: 10px auto;
}
.all-pur-p {
text-align: center;
font-size: 18px;
color: #000;
margin-top: 35px;
margin-bottom: 20px;
}
.all-pur-p span {
color: #FB5656;
font-size: 20px;
font-weight: 600;
}
.cdpc-ct {
width: 1200px;
margin: 60px 0;
}
.cdpc-block {
width: 1200px;
height: 246px;
border: 1px solid #0090F4;
}
.cdpc-lf {
position: relative;
float: left;
height: 245px;
width: 305px;
background: #0090F4;
color: #ffffff;
overflow: hidden;
}
.cdpc-lf-tri {
width: 196px;
height: 196px;
margin-left: -98px;
margin-top: -98px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
font-size: 34px;
color: #000;
padding-top: 140px;
background: #FDB900;
}
.cdpc-lf-tp {
font-size: 28px;
}
.cdpc-lf-bt {
font-size: 35px;
}
.cdpc-rt {
width: 893px;
height: 246px;
position: relative;
float: right;
}
.cdpc-rt-tp {
position: absolute;
left: 60px;
top: 56px;
}
.cdpc-rt-tp div {
display: inline-block;
}
.cdpc-rt-tp-p {
color: #000;
font-size: 20px;
}
.cdpc-rt-tp-href {
color: #FB5656;
font-size: 16px;
cursor: pointer;
}
.cdpc-rt-bt {
position: absolute;
left: 60px;
top: 90px;
width: 773px;
height: 66px;
border: 1px solid #0090F4;
}
.cdpc-rt-select {
width: 100%;
height: 66px;
line-height: 66px;
cursor: pointer;
}
.cdpc-rt-span {
width: 700px;
height: 66px;
color: #000;
padding-left: 30px;
float: left;
text-align: left;
font-size: 18px;
}
.cdpc-rt-arrow {
width: 66px;
height: 64px;
float: right;
background: #0090F4;
}
.cdpc-rt-ct {
position: absolute;
top: 65px;
left: 0;
width: 706px;
cursor: pointer;
border: 1px solid #CCCCCC;
z-index: 10000;
}
.cdpc-rt-ct-li {
height: 64px;
line-height: 64px;
border-bottom: 1px solid #CCCCCC;
font-size: 17px;
padding-left: 25px;
color: #000;
text-align: left;
background: #ffffff;
}
.cdpc-rt-ct-li:last-child {
border-bottom: none;
}
.cdpc-rt-ct-li:hover {
background: #F7F6F6;
}
.cdpc-rt-ct-li-select {
background: #0090F4;
color: #ffffff;
}
.cdpc-rt-ct-li-select:hover {
background: #0090F4;
color: #ffffff;
}
.cdpc-bt {
overflow: hidden;
width: 100%;
}
.cdpc-bt-span {
text-align: right;
padding-right: 15px;
font-size: 16px;
padding-top: 25px;
padding-bottom: 10px;
}
.cdpc-bt-span span {
color: #FB5656;
}
.cdpc-bt-btn {
float: right;
width: 180px;
height: 50px;
line-height: 50px;
border-radius: 4px;
color: #000;
text-align: center;
background: #FDB900;
cursor: pointer;
font-size: 16px;
}
.all-pur-select .cdpc-rt-ct-li-select {
background: #10AA84;
}
.all-pur-select .cdpc-rt-ct-li-select:hover {
background: #10AA84;
color: #ffffff;
}
.all-pur-select .cdpc-rt-arrow {
background: #10AA84;
padding-left: 29px;
}
.all-pur-select .cdpc-rt-bt {
border: 1px solid #10AA84;
top: 0;
left: 0;
}
.card-block-money {
position: absolute;
top: 45px;
left: 20px;
font-size: 60px;
font-family: CTBiaoSongSJ;
font-weight: 400;
color: #000000;
background: -webkit-gradient(linear, left bottom, left top, from(#683203), to(#c1804b));
background: linear-gradient(0deg, #683203 0%, #c1804b 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-weight: bold;
}
.card-block-money span {
font-size: 27px;
}
.card-block-old .card-block-money {
color: #666666;
background: -webkit-gradient(linear, left bottom, left top, from(#666666), to(#666666));
background: linear-gradient(0deg, #666666 0%, #666666 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.card {
width: 1200px;
margin: 0 auto;
}
.card div {
-moz-user-select: none;
/*火狐*/
-webkit-user-select: none;
/*webkit浏览器*/
-ms-user-select: none;
/*IE10*/
/*早期浏览器*/
user-select: none;
}
.card-label {
padding: 30px 30px 5px;
font-size: 16px;
color: #000;
}
.card-label div {
display: inline-block;
vertical-align: middle;
}
.card-label .cardIcon {
margin-right: 15px;
}
.card-tab {
border-bottom: 2px solid #EEEEEE;
font-size: 16px;
color: #000;
padding-left: 20px;
text-align: center;
}
.card-tab div {
float: left;
cursor: pointer;
}
.card-tab-li {
width: 65px;
margin: 0 14px;
line-height: 40px;
}
.card-tab-select {
border-bottom: 2px solid #00b38a;
color: #00b38a;
margin-bottom: -2px;
}
.card-ct {
padding-left: 30px;
}
.card-ct-label {
font-size: 15px;
padding-left: 10px;
border-left: 1px solid #000;
color: #000;
margin: 20px 0;
}
.card-ct-block {
overflow: hidden;
}
.card-block {
background: url("//img1.xiaoxiancai.com.cn/career/5c46d94762b59dfd82e33193a8d683d8.png");
background-position: 0,0;
background-size: 560px 189px;
width: 560px;
height: 189px;
background-repeat: no-repeat;
float: left;
margin-right: 20px;
margin-bottom: 20px;
position: relative;
}
.card-block-old {
background: url("//img1.xiaoxiancai.com.cn/career/ceaccf3f9bafb03f3a1e7a626bfa2d80.png");
background-size: 558px 189px;
width: 558px;
}
.card-block-old .card-block-rule {
color: #666666;
}
.card-block-old .card-block-p {
color: #666666;
}
.card-block div {
position: absolute;
}
.card-block-rule {
top: 30px;
font-size: 16px;
right: 255px;
color: #9a6434;
font-weight: bold;
}
.card-block-p {
width: 308px;
color: #9a6434;
font-size: 15px;
left: 234px;
top: 60px;
}
.card-block-p span {
color: red;
}
.card-block-bt-lt {
color: #000;
bottom: 15px;
left: 35px;
font-size: 15px;
}
.card-block-bt-rt {
color: #000;
bottom: 15px;
font-size: 15px;
left: 260px;
}
.card-none {
width: 297px;
height: 337px;
margin: 50px auto;
}
.card-none img {
width: 297px;
}
.card-none p {
margin-top: 5px;
text-align: center;
color: #999999;
font-size: 18px;
}
.card-tab:after {
content: '.';
height: 0;
display: block;
clear: both;
}
.fst-charge {
width: 1200px;
margin: 0 auto;
}
.fst-charge-span {
width: 791px;
margin: 50px auto 70px;
}
.fst-charge-mid {
position: relative;
}
.fst-charge-mid-p1 {
position: absolute;
left: 18px;
top: 4px;
color: #ffffff;
font-size: 30px;
}
.fst-charge-mid-p2 {
position: absolute;
top: 4px;
right: 444px;
color: #ffffff;
font-size: 30px;
}
.fst-charge-mid-p3 {
font-size: 17px;
color: #000;
font-weight: bold;
position: absolute;
top: 90px;
left: 210px;
}
.fst-charge-mid-p4 {
color: #000;
font-size: 17px;
font-weight: bold;
position: absolute;
top: 90px;
right: 220px;
}
.fst-charge-mid-p5 {
color: #000;
font-size: 17px;
position: absolute;
bottom: 0;
left: 180px;
}
.fst-charge-bt {
overflow: hidden;
margin: 30px 0;
}
.fst-charge-checked {
cursor: pointer;
}
.fst-charge-checked div {
display: inline-block;
vertical-align: middle;
}
.fst-charge-checked-icon {
margin-left: 15px;
}
.fst-charge-checked:first-child {
float: left;
margin-left: 200px;
}
.fst-charge-checked:last-child {
float: right;
margin-right: 240px;
}
.fst-charge-btn {
width: 295px;
height: 58px;
text-align: center;
line-height: 58px;
font-size: 30px;
color: #fff;
background: #FF950A;
margin: 50px auto;
cursor: pointer;
}
.company-total1 {
position: absolute;
left: 330px;
color: #fff;
top: 91px;
font-size: 14px;
}
.company-total1 p {
line-height: 16px;
margin-top: 10px;
}
.comset-center .border {
width: 100%;
height: 1px;
background: #D5DADF;
margin: 20px 0 30px 0;
}
.comset-center .company-center {
width: 100%;
height: auto;
margin-top: 0px;
}
.comset-center .company-center .company-info {
width: 100%;
height: 260px;
background: #00B38A;
position: relative;
}
.comset-center .company-center .company-info .company-logo {
width: 120px;
height: 130px;
background: #008f6e;
padding: 20px 15px;
position: absolute;
left: 10px;
top: 60px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.comset-center .company-center .company-info .company-logo img {
width: 100%;
height: 100%;
}
.comset-center .company-center .company-info .company-name {
font-size: 20px;
line-height: 20px;
color: #fff;
position: absolute;
left: 150px;
top: 63px;
}
.comset-center .company-center .company-info .company-total {
position: absolute;
left: 150px;
top: 91px;
}
.comset-center .company-center .company-info .company-total p {
font-size: 14px;
color: #fff;
line-height: 16px;
margin-top: 10px;
}
.comset-center .company-center .company-info .company-medal {
position: absolute;
top: 3px;
right: 150px;
padding-top: 125px;
}
.comset-center .company-center .company-info .company-medal h1 {
font-size: 18px;
color: #DF244B;
text-align: center;
-webkit-text-stroke: 0.2px #fff;
margin-top: 15px;
}
.comset-center .company-center .company-info .company-overdue-data {
position: absolute;
right: 85px;
bottom: 30px;
color: #fff;
font-size: 14px;
}
.comset-center .company-center .vip-server-wrap {
width: 1240px;
height: auto;
margin: 30px auto;
}
.comset-center .company-center .vip-server-wrap dl {
width: 300px;
height: 510px;
border-radius: 5px;
overflow: hidden;
margin-left: 10px;
margin-bottom: 20px;
}
.comset-center .company-center .vip-server-wrap dl dt {
width: 100%;
height: 100px;
background: #00B38A;
text-align: center;
color: #fff;
overflow: hidden;
}
.comset-center .company-center .vip-server-wrap dl dt h5 {
font-size: 18px;
line-height: 20px;
margin: 25px 0 20px 0;
}
.comset-center .company-center .vip-server-wrap dl dt p {
font-size: 14px;
line-height: 16px;
}
.comset-center .company-center .vip-server-wrap dl dd {
width: 100%;
padding: 30px 0 0 0;
}
.comset-center .company-center .vip-server-wrap dl dd > p {
font-size: 14px;
line-height: 20px;
color: #666;
margin-top: 15px;
}
.comset-center .company-center .vip-server-wrap dl dd > p .vip-span {
width: 180px!important;
}
.comset-center .company-center .vip-server-wrap dl dd > p span {
display: inline-block;
}
.comset-center .company-center .vip-server-wrap dl dd > p span:nth-of-type(1) {
width: 170px;
text-align: right;
}
.comset-center .company-center .vip-server-wrap dl dd > p span:nth-of-type(2) {
color: #00B38A;
}
.comset-center .company-center .vip-server-wrap dl dd > a {
color: #00B389;
font-size: 12px;
display: block;
text-align: center;
margin-top: 25px;
line-height: 20px;
}
.comset-center .company-center .vip-server-wrap dl dd > button {
display: block;
width: 230px;
height: 46px;
border: 2px solid #00B38A;
border-radius: 5px;
color: #00B38A;
background: #fff;
font-size: 17px;
margin: 25px auto 0;
}
.vip-see-more h2 {
font-size: 18px;
text-align: center;
line-height: 24px;
padding: 0;
}
.vip-see-more p {
font-size: 14px;
line-height: 24px;
color: #333;
margin-top: 10px;
}
.vip-see-more p span {
display: block;
width: 53%;
text-align: right;
float: left;
margin-right: 4px;
}
.up-level-box p {
font-size: 14px;
line-height: 24px;
color: #333;
margin-top: 10px;
text-align: center;
}
.v0,
.v1,
.v2,
.v3,
.v4,
.v5,
.v6,
.v7 {
border: 1px solid #D7D7D7;
}
.v0 dt {
background: #e6e6e6!important;
color: #00B38A!important;
}
.v1 dt {
background: #ff9800!important;
}
.v1 dd p span:last-child {
color: #ff9800!important;
}
.v1 button {
border: 2px solid #ff9800!important;
color: #ff9800!important;
}
.v2 dt {
background: #37c75f!important;
}
.v2 dd p span:last-child {
color: #37c75f!important;
}
.v2 button {
border: 2px solid #37c75f!important;
color: #37c75f!important;
}
.v3 dt {
background: #17a2e8!important;
}
.v3 dd p span:last-child {
color: #17a2e8!important;
}
.v3 button {
border: 2px solid #17a2e8!important;
color: #17a2e8!important;
}
.purchase-ticket {
padding-left: 20px;
}
.purchase-ticket a {
color: #fff;
text-decoration: underline;
}
.purchase-lf {
margin-top: 50px;
margin-left: 180px;
cursor: pointer;
}
.purchase-rt {
float: right;
margin-top: 50px;
margin-right: 180px;
cursor: pointer;
}
.vip-img {
position: relative;
}
.vip-img div {
position: absolute;
top: 40px;
left: 20px;
width: 260px;
transform: rotate(-20deg);
-ms-transform: rotate(-20deg);
/* IE 9 */
-moz-transform: rotate(-20deg);
/* Firefox */
-webkit-transform: rotate(-20deg);
/* Safari 和 Chrome */
-o-transform: rotate(-20deg);
/* Opera */
background: url("//img1.xiaoxiancai.com.cn/career/b82795b861f28335c173d551dbd30ad6.png");
height: 149px;
background-size: 260px 149px;
background-position: 0 0;
}
.vip-img-new {
background: url("//img1.xiaoxiancai.com.cn/career/8808d713044c83392ccdde9ef3135ef8.png") !important;
}
.new-vip-ct dl {
height: 610px!important;
}
.new-vip-ct dd {
padding-top: 5px!important;
}
.v4 dt {
background: #9999FF!important;
}
.v4 dd p span:last-child {
color: #9999FF!important;
}
.v4 button {
border: 2px solid #9999FF!important;
color: #9999FF!important;
}
.v5 dt {
background: #FF6666!important;
}
.v5 dd p span:last-child {
color: #FF6666!important;
}
.v5 button {
border: 2px solid #FF6666!important;
color: #FF6666!important;
}
.v6 dt {
background: #00caca!important;
}
.v6 dd p span:last-child {
color: #00caca!important;
}
.v6 button {
border: 2px solid #00caca!important;
color: #00caca!important;
}
.v7 dt {
background: #ff9224!important;
}
.v7 dd p span:last-child {
color: #ff9224!important;
}
.v7 button {
border: 2px solid #ff9224!important;
color: #ff9224!important;
}
.vip-h3 {
text-align: center;
margin-top: 10px;
}
.advert-div img {
display: block;
margin: 10px auto;
}
.icon-medal-vip h1 {
color: #666666 !important;
-webkit-text-stroke: 0.2px #666666 !important;
}
.fog-vip {
background: url("//img1.xiaoxiancai.com.cn/career/4c2b55762998950d9a5cdbe3b43b7288.jpg");
background-position: 0 0;
height: 229px;
width: 266px;
background-size: 266px 229px;
float: left;
margin-left: 170px;
margin-top: 100px;
cursor: pointer;
}
.fog-no-vip {
margin-top: 100px;
cursor: pointer;
float: right;
margin-right: 170px;
background: url("//img1.xiaoxiancai.com.cn/career/30eb853e2bfea09e740c0ae172faaac1.png");
background-position: 0 0;
height: 229px;
width: 267px;
background-size: 267px 229px;
}
.purchase-div {
width: 400px;
margin-top: 90px;
margin-bottom: 60px;
cursor: pointer;
}
.purchase-div img {
width: 400px;
}
.ticket-btn {
float: left;
margin-left: -60px;
}
.vip-fair-btn {
float: left;
margin-left: 60px;
}
.vip-href {
float: right;
margin-right: -60px;
}
.mask-kit {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100%;
z-index: 1001;
overflow: auto;
}
.mask-kit-block {
width: 720px;
height: 500px;
margin: 200px auto;
background: #F8F8F8;
position: relative;
padding-top: 60px;
}
.mask-kit-close {
top: 30px;
right: 20px;
position: absolute;
cursor: pointer;
}
.mask-kit-mid {
text-align: center;
padding-left: 30px;
padding-right: 30px;
}
.mask-kit-lt {
float: left;
width: 308px;
height: 311px;
padding: 28px 40px 0 40px;
border: 1px solid #32B16C;
position: relative;
}
.mask-kit-lt img {
width: 229px;
height: 229px;
}
.mask-kit-lt-tp {
margin-top: 5px;
}
.mask-kit-lt-mid {
position: absolute;
bottom: -9px;
left: 120px;
width: 70px;
background: #F8F8F8;
}
.mask-kit-lt-bt {
bottom: -37px;
left: 47px;
position: absolute;
}
.mask-kit-rt {
width: 320px;
height: 310px;
border: 1px solid #32B16C;
float: right;
font-size: 16px;
line-height: 31px;
color: #333;
}
.mask-kit-rt-tp {
height: 66px;
line-height: 66px;
background: #32B16C;
color: #ffffff;
font-size: 26px;
}
.mask-kit-rt-p {
color: #32B16C;
font-family: "Arial Narrow";
font-weight: bold;
line-height: 33px;
margin-top: 10px;
font-size: 17px;
}
.mask-kit-rt p {
font-family: 'PingFang SC';
}
.mask-kit-btn {
width: 180px;
height: 50px;
background-color: #00DC9C;
color: #fff;
font-size: 16px;
border-radius: 5px;
text-align: center;
bottom: 30px;
left: 265px;
line-height: 50px;
position: absolute;
cursor: pointer;
}
.newOnliOd-banner {
width: 100%;
}
.newOnliOd-banner img {
width: 100%;
}
.newOnliOd-mid {
height: 646px;
background: #ffffff;
overflow: hidden;
}
.newOnliOd-mid-tp {
margin: 47px auto;
width: 521px;
}
.newOnliOd-mid-tp img {
width: 521px;
}
.newOnliOd-mid-blocks {
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 443px;
}
.newOnliOd-mid-block {
width: 204px;
position: relative;
margin-right: 35px;
}
.newOnliOd-mid-block div {
width: 204px;
height: 30px;
cursor: pointer;
position: absolute;
bottom: 36px;
}
.newOnliOd-mid-block p {
position: absolute;
bottom: 10px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
cursor: pointer;
text-align: center;
font-size: 14px;
font-family: PingFang SC;
font-weight: 400;
color: #462D1E;
}
.newOnliOd-mid-block p:hover {
text-decoration: underline;
}
.newOnliOd-mid-bt {
width: 575px;
margin: 60px auto 77px;
text-align: center;
font-size: 18px;
color: #333333;
}
.newOnliOd-mid-bt img {
width: 575px;
}
.newOnliOd-bt {
height: 209px;
background: #ffffff;
color: #666666;
font-size: 14px;
line-height: 26px;
}
.newOnliOd-bt-div {
width: 1200px;
padding-top: 50px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 auto;
}
.purchase-banner-mid {
margin-top: 15px;
}
.purchase-banner-img {
width: 100%;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
height: 280px;
min-width: 1200px;
}
.purchase-banner-img img {
height: 280px;
width: 100%;
}
.comset-center {
min-width: 1200px;
background-color: #fff;
margin-left: auto;
margin-right: auto;
}
.comset-center .wrapper-content .purchase-banner {
overflow: hidden;
position: relative;
text-align: center;
margin-bottom: 65px;
width: 100%;
height: 280px;
overflow-x: hidden;
background-image: url('//img1.xiaoxiancai.com.cn/career/7ea46acfa32756847ab8a067f9a9c1ac.png');
background-repeat: no-repeat;
background-size: cover;
}
.comset-center .wrapper-content .purchase-banner .content {
width: 1200px;
height: 100%;
margin: 0 auto;
position: relative;
}
.comset-center .wrapper-content .purchase-banner .content .pic {
position: absolute;
left: 100px;
bottom: 0;
}
.comset-center .wrapper-content .purchase-banner .content .words {
position: absolute;
right: 200px;
bottom: 40px;
}
.comset-center .wrapper-content .purchase-banner-f {
background: #0073E9;
}
.comset-center .wrapper-content .purchase,
.comset-center .wrapper-content .conversion {
width: 1200px;
margin-left: auto;
margin-right: auto;
position: relative;
text-align: center;
}
.comset-center .wrapper-content .purchase .icon-purchase-tip,
.comset-center .wrapper-content .conversion .icon-purchase-tip {
position: relative;
}
.comset-center .wrapper-content .purchase-title,
.comset-center .wrapper-content .conversion-title {
position: absolute;
width: 270px;
background-color: #fff;
text-align: center;
top: -20px;
left: 50%;
margin-left: -135px;
color: #1C88ED;
font-size: 32px;
font-weight: bold;
}
.comset-center .wrapper-content .purchase .purchase-plan,
.comset-center .wrapper-content .conversion .purchase-plan {
margin-bottom: 55px;
}
.comset-center .wrapper-content .purchase .purchase-plan .purchase-planOne .plan-bg,
.comset-center .wrapper-content .conversion .purchase-plan .purchase-planOne .plan-bg {
margin-left: 145px;
}
.comset-center .wrapper-content .purchase .purchase-plan .purchase-planTwo .plan-bg,
.comset-center .wrapper-content .conversion .purchase-plan .purchase-planTwo .plan-bg {
margin-right: 145px;
}
.comset-center .wrapper-content .purchase .purchase-plan .plan-bg,
.comset-center .wrapper-content .conversion .purchase-plan .plan-bg {
width: 255px;
height: 255px;
background-color: #1464B0;
border-radius: 50%;
margin-top: 75px;
position: relative;
}
.comset-center .wrapper-content .purchase .purchase-plan .plan-bg .icon-purchase-plan,
.comset-center .wrapper-content .conversion .purchase-plan .plan-bg .icon-purchase-plan {
position: absolute;
left: -80px;
top: 19px;
}
.comset-center .wrapper-content .purchase .purchase-plan .plan-bg .icon-purchase-plan .scheme,
.comset-center .wrapper-content .conversion .purchase-plan .plan-bg .icon-purchase-plan .scheme {
color: #fff;
font-size: 32px;
position: absolute;
top: -32px;
left: 65px;
text-shadow: 1px 1px 1px #333;
}
.comset-center .wrapper-content .purchase .purchase-plan .plan-bg .icon-purchase-plan .scheme-price,
.comset-center .wrapper-content .conversion .purchase-plan .plan-bg .icon-purchase-plan .scheme-price {
color: #FFBA00;
position: absolute;
right: 60px;
top: 43px;
font-size: 22px;
text-shadow: 1px 1px 1px #333;
}
.comset-center .wrapper-content .purchase .purchase-plan .plan-bg .icon-purchase-plan .scheme-price span,
.comset-center .wrapper-content .conversion .purchase-plan .plan-bg .icon-purchase-plan .scheme-price span {
font-size: 38px;
font-weight: bold;
}
.comset-center .wrapper-content .purchase .purchase-plan .plan-bg .icon-purchase-plan .scheme-price.normal,
.comset-center .wrapper-content .conversion .purchase-plan .plan-bg .icon-purchase-plan .scheme-price.normal {
right: 80px;
}
.comset-center .wrapper-content .purchase .purchase-plan .plan-bg .icon-purchase-plan .price,
.comset-center .wrapper-content .conversion .purchase-plan .plan-bg .icon-purchase-plan .price {
color: #fff;
margin-top: 130px;
font-size: 23px;
}
.comset-center .wrapper-content .purchase .purchase-plan .plan-bg .icon-purchase-plan .icon-purchase-btn,
.comset-center .wrapper-content .conversion .purchase-plan .plan-bg .icon-purchase-plan .icon-purchase-btn {
margin-top: 15px;
margin-right: 6px;
color: #1464B0;
font-size: 18px;
font-weight: bold;
line-height: 30px;
cursor: pointer;
}
.comset-center .wrapper-content .purchase .purchase-plan .plan-bg-f,
.comset-center .wrapper-content .conversion .purchase-plan .plan-bg-f {
background-color: #0073E9;
}
.comset-center .wrapper-content .purchase .purchase-plan .scheme,
.comset-center .wrapper-content .conversion .purchase-plan .scheme {
font-size: 45px;
color: #E60012;
font-weight: bold;
margin-top: 55px;
}
.comset-center .wrapper-content .purchase .purchase-plan .price,
.comset-center .wrapper-content .conversion .purchase-plan .price {
color: #736C6C;
font-size: 28px;
font-weight: bold;
}
.comset-center .wrapper-content .purchase-planOne,
.comset-center .wrapper-content .conversion-planOne {
float: left;
position: relative;
}
.comset-center .wrapper-content .purchase-planOne .icon-decrease,
.comset-center .wrapper-content .conversion-planOne .icon-decrease {
position: absolute;
left: 20px;
top: 3px;
}
.comset-center .wrapper-content .purchase-planTwo,
.comset-center .wrapper-content .conversion-planTwo {
float: right;
}
.comset-center .wrapper-content .purchase-planTwo p:first-child,
.comset-center .wrapper-content .conversion-planTwo p:first-child {
margin-top: 21px;
}
.comset-center .wrapper-content .purchase .purchase-info,
.comset-center .wrapper-content .conversion .purchase-info {
text-align: center;
margin-bottom: 30px;
}
.comset-center .wrapper-content .purchase .purchase-tips,
.comset-center .wrapper-content .conversion .purchase-tips {
margin-bottom: 45px;
}
.comset-center .wrapper-content .purchase .purchase-tips p,
.comset-center .wrapper-content .conversion .purchase-tips p {
letter-spacing: 6px;
color: red;
font-weight: bold;
font-size: 16px;
}
.comset-center .wrapper-content .purchase .pay,
.comset-center .wrapper-content .conversion .pay {
margin-top: 60px;
color: #fff;
border-radius: 14px;
font-size: 25px;
}
.comset-center .wrapper-content .conversion-input {
margin-top: 60px;
margin-bottom: 50px;
}
.comset-center .wrapper-content .conversion-input input {
width: 617px;
height: 53px;
padding: 20px 26px;
color: #999999;
font-size: 18px;
border: 1px solid #E7EAF7;
}
.comset-center .wrapper-content .conversion-input input::-webkit-input-placeholder {
color: #999;
font-size: 18px;
}
.comset-center .wrapper-content .conversion-input input:-ms-input-placeholder {
color: #999;
font-size: 18px;
}
.comset-center .wrapper-content .conversion-input input::placeholder {
color: #999;
font-size: 18px;
}
.comset-center .wrapper-content .conversion-input label {
display: inline-block;
height: 53px;
width: 112px;
font-size: 20px;
vertical-align: bottom;
line-height: 53px;
background-color: #FFBA00;
color: #fff;
margin-left: -6px;
cursor: pointer;
}
.comset-center .wrapper-content .desc {
width: 100%;
background-color: #3190E8;
padding: 40px;
}
.comset-center .wrapper-content .desc .content {
width: 1200px;
margin: 0 auto;
position: relative;
}
.comset-center .wrapper-content .desc .content .tips {
color: #fff;
font-size: 20px;
margin-bottom: 15px;
}
.comset-center .wrapper-content .desc .content p {
color: white;
font-size: 16px;
line-height: 30px;
}
.comset-center .wrapper-content .desc .content .content-txt {
color: #624822 !important;
}
.comset-center .wrapper-content .desc-f {
background-color: #0073E9;
}
.comset-center .wrapper-content .hot-sale-banner img {
width: 100%;
height: 100%;
}
.comset-center .wrapper-content .hot-sale-c .sale-c-top {
width: 327px;
height: 25px;
line-height: 25px;
text-align: center;
font-size: 24px;
font-family: PingFangSC;
font-weight: 500;
color: #977d58;
margin: 40px auto 0 ;
background: url("//img1.xiaoxiancai.com.cn/career/72db2b2a1c3866a1c5d27bd25f83f71b.png") no-repeat;
background-size: 100% 100%;
}
.comset-center .wrapper-content .hot-sale-c .sale-c-bt {
width: 150px;
height: 20px;
font-size: 16px;
text-align: center;
margin: 13px auto 25px;
font-family: PingFangSC;
font-weight: 400;
color: #977d58;
line-height: 20px;
}
.comset-center .wrapper-content .hot-sale-ul {
width: 1200px;
margin: 60px auto 50px;
}
.comset-center .wrapper-content .hot-sale-ul-li {
float: left;
width: 270px;
height: 400px;
background: #ffffff;
margin-right: 40px;
border-radius: 5px;
position: relative;
}
.comset-center .wrapper-content .hot-sale-ul-li img {
width: 100%;
height: 100%;
}
.comset-center .wrapper-content .hot-sale-ul-li .li-top {
background: url("//img1.xiaoxiancai.com.cn/career/d8a45946553d2260584e5dd7558f468d.png") no-repeat;
background-size: 100% 100%;
width: 200px;
height: 40px;
font-size: 16px;
font-family: PingFangSC;
font-weight: 400;
color: #ffffff;
text-align: center;
line-height: 40px;
position: absolute;
top: -18px;
left: 37px;
z-index: 999;
}
.comset-center .wrapper-content .hot-sale-ul-li .li-hover {
width: 268px;
height: 398px;
margin-left: 1px;
margin-top: 1px;
border: 4px solid #bfb69e;
border-radius: 5px;
background: rgba(0, 0, 0, 0);
position: absolute;
-webkit-transition: all 0.5s;
transition: all 0.5s;
top: 0;
left: 0;
z-index: 99;
cursor: pointer;
}
.comset-center .wrapper-content .hot-sale-ul-li .li-hover-t {
width: 225px;
height: 62px;
font-size: 14px;
line-height: 23px;
font-family: PingFangSC;
font-weight: 400;
color: #ffffff;
-webkit-transition: all 0.5s;
transition: all 0.5s;
opacity: 0;
position: absolute;
top: 250px;
left: 20px;
}
.comset-center .wrapper-content .hot-sale-ul-li .li-hover-t .t-img {
width: 93px;
height: 21px;
float: left;
margin: 0 6px;
}
.comset-center .wrapper-content .hot-sale-ul-li .li-hover-t .t-img img {
width: 100%;
height: 100%;
}
.comset-center .wrapper-content .hot-sale-ul-li:hover .li-hover {
background: rgba(0, 0, 0, 0.6);
}
.comset-center .wrapper-content .hot-sale-ul-li:hover .li-hover-t {
top: 160px;
opacity: 1;
}
.comset-center .wrapper-content .hot-sale-ul-li:last-child {
margin-right: 0;
}
.comset-center .wrapper-content .hot-sale-buy {
width: 1200px;
margin: 0 auto 80px;
position: relative;
height: 48px;
line-height: 48px;
}
.comset-center .wrapper-content .hot-sale-buy .sale-price {
font-size: 14px;
font-family: PingFang SC;
font-weight: 500;
color: #987e59;
float: right;
margin-right: 160px;
}
.comset-center .wrapper-content .hot-sale-buy .sale-price span {
font-size: 24px;
}
.comset-center .wrapper-content .hot-sale-buy .hot-company-btn {
width: 140px;
height: 48px;
line-height: 48px;
text-align: center;
background: #987e59;
-webkit-box-shadow: 4px 1px 7px 0px rgba(49, 31, 7, 0.17);
box-shadow: 4px 1px 7px 0px rgba(49, 31, 7, 0.17);
border-radius: 3px;
font-size: 16px;
font-family: PingFang SC;
font-weight: 400;
color: #ffffff;
position: absolute;
top: 0;
right: 0;
}
.comset-center .wrapper-content .sale-r-fix {
width: 53px;
height: 282px;
position: fixed;
top: 50%;
right: 60px;
z-index: 9999;
background: url("//img1.xiaoxiancai.com.cn/career/875e9acf738865d989fde24a7bc5341f.png") no-repeat;
background-size: 100% 100%;
margin-top: -141px;
padding: 22px 24px 22px 14px;
font-size: 14px;
line-height: 16px;
font-family: PingFangSC;
font-weight: 400;
color: #dc4016;
word-break: break-word;
}
.clearfix:after {
content: '';
clear: both;
display: block;
}
.mask {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100%;
z-index: 1001;
overflow: auto;
display: none;
}
.mask .ps-ct {
width: 680px;
height: 500px;
margin: 200px auto;
background: #F8F8F8;
position: relative;
padding-top: 50px;
}
.mask .ps-ct .sweep-code {
text-align: center;
padding-left: 30px;
padding-right: 30px;
}
.mask .ps-ct .sweep-code .code-container {
padding: 35px;
border: 1px solid #55B737;
width: 280px;
height: 280px;
position: relative;
float: left;
}
.mask .ps-ct .sweep-code .code-container img {
width: 208px;
height: 208px;
}
.mask .ps-ct .sweep-code .code-container .title {
position: absolute;
background-color: #F8F8F8;
bottom: -9px;
left: 50%;
width: 100px;
margin-left: -50px;
color: #333333;
}
.mask .ps-ct .sweep-code .code-container .tips {
position: absolute;
bottom: -40px;
left: 58px;
}
.mask .ps-ct .sweep-code div {
margin-top: 20px;
}
.mask .ps-ct .sweep-code div .purchase-success {
width: 180px;
height: 50px;
background-color: #00DC9C;
color: #fff;
font-size: 16px;
border-radius: 5px;
}
.fp-down {
position: absolute;
bottom: 0;
left: -100px;
}
.fp-down img {
margin: 0;
padding: 0;
position: absolute;
bottom: 0;
}
.fp-up {
position: absolute;
top: 0;
right: -250px;
}
.fp-font {
width: 700px;
margin: 0 auto;
padding: 30px 0 20px;
}
.fp-font img {
width: 100%;
}
.fp-span {
text-align: center;
color: #ffffff;
font-size: 18px;
margin-top: 15px;
}
.portable-img {
position: absolute;
top: -70px;
width: 490px;
right: 0;
}
.portable-img img {
width: 490px;
}
@font-face {
font-family: "exchange_icon";
/* Project id */
src: url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2');
}
.exchange_icon {
font-family: "exchange_icon" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-ex_Group-:before {
content: "\E68B";
}
.icon-ex_guanbi:before {
content: "\E63A";
}
.exchange-ct {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 910;
background: rgba(0, 0, 0, 0.4);
}
.exchange-input {
width: 620px;
height: 321px;
background: #FFFFFF;
border-radius: 10px;
margin: 200px auto;
text-align: center;
position: relative;
}
.exchange-input .icon-ex_guanbi {
position: absolute;
right: 15px;
top: 15px;
cursor: pointer;
}
.exchange-input-title {
padding-top: 40px;
padding-bottom: 25px;
font-size: 22px;
font-family: PingFang SC;
font-weight: 600;
color: #333333;
}
.exchange-input-mid-text {
font-size: 14px;
font-family: PingFang SC;
font-weight: 400;
color: #333333;
}
.exchange-input-mid-inp {
margin: 20px auto 0;
width: 540px;
height: 44px;
background: #FFFFFF;
border: 1px solid #D2D2D2;
border-radius: 5px;
}
.exchange-input-mid-inp input {
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
height: 100%;
-web-kit-appearance: none;
-moz-appearance: none;
display: block;
outline: none;
border: none;
background-color: rgba(0, 0, 0, 0);
text-decoration: none;
width: 100%;
font-size: 16px;
font-family: PingFang SC;
font-weight: 400;
color: #999999;
}
.exchange-input-bot-btn {
margin: 35px auto 15px;
text-align: center;
width: 160px;
height: 40px;
line-height: 40px;
background: #DDB47E;
border-radius: 6px;
font-size: 14px;
font-family: PingFang SC;
font-weight: 400;
color: #F8F8F8;
cursor: pointer;
}
.exchange-input-bot-tips {
font-size: 12px;
font-family: PingFang SC;
font-weight: 300;
color: #999999;
}
.exchange-result {
width: 620px;
height: 321px;
background: #FFFFFF;
border-radius: 10px;
position: relative;
margin: 200px auto;
text-align: center;
padding-top: 40px;
}
.exchange-result .icon-ex_Group- {
color: #52C41A;
font-size: 50px;
}
.exchange-result .icon-ex_guanbi {
position: absolute;
right: 15px;
top: 15px;
cursor: pointer;
}
.exchange-result-title {
padding-top: 30px;
padding-bottom: 15px;
font-size: 22px;
font-family: PingFang SC;
font-weight: 600;
color: #333333;
}
.exchange-result-mid-text {
font-size: 14px;
font-family: PingFang SC;
font-weight: 400;
color: #666666;
line-height: 22px;
}
.exchange-result-bot-btn {
margin: 35px auto 15px;
text-align: center;
width: 160px;
height: 40px;
line-height: 40px;
background: #DDB47E;
border-radius: 6px;
font-size: 14px;
font-family: PingFang SC;
font-weight: 400;
color: #F8F8F8;
cursor: pointer;
}
.exchange-buy {
width: 520px;
height: 300px;
background: #FFFFFF;
border-radius: 10px;
position: relative;
margin: 200px auto;
text-align: center;
padding-top: 40px;
}
.exchange-buy .icon-ex_Group- {
color: #52C41A;
font-size: 50px;
}
.exchange-buy .icon-ex_guanbi {
position: absolute;
right: 15px;
top: 15px;
cursor: pointer;
}
.exchange-buy-title {
padding-top: 30px;
padding-bottom: 20px;
font-size: 22px;
font-family: PingFang SC;
font-weight: 600;
color: #333333;
}
.exchange-buy-mid-text {
font-size: 14px;
font-family: PingFang SC;
font-weight: 400;
color: #666666;
line-height: 22px;
}
.exchange-buy-bot {
width: 360px;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.exchange-buy-bot-lbtn {
margin: 35px auto 15px;
text-align: center;
width: 160px;
height: 40px;
line-height: 40px;
background: #FFFFFF;
border: 1px solid #DDB47E;
border-radius: 6px;
font-size: 14px;
font-family: PingFang SC;
font-weight: 400;
color: #DDB47E;
cursor: pointer;
}
.exchange-buy-bot-rbtn {
margin: 35px auto 15px;
text-align: center;
width: 160px;
height: 40px;
line-height: 40px;
background: #DDB47E;
border-radius: 6px;
font-size: 14px;
font-family: PingFang SC;
font-weight: 400;
color: #F8F8F8;
cursor: pointer;
}
.hotel-ct {
margin-top: 12px;
}
.hotel-ct label {
padding-left: 10px;
cursor: pointer;
}
.fair-null {
margin: 37px auto;
width: 368px;
}
.fair-input {
position: absolute;
right: 0;
height: 37px;
top: -62px;
width: 277px;
}
.fair-input-btn {
width: 77px;
background: #00B38A;
height: 37px;
text-align: center;
line-height: 37px;
font-size: 14px;
cursor: pointer;
color: #ffffff;
float: right;
}
.fair-input input {
padding: 0 15px;
outline: none;
height: 37px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 200px;
border: 1px solid #00B38A;
}
.subsidy-l {
background: url(//img1.xiaoxiancai.com.cn/career/96f788415cd4465c24d3261aa2e2f7f1.png);
background-size: 56px 17px;
background-repeat: no-repeat;
background-position: 0 0;
width: 56px;
height: 17px;
margin-left: 3px;
margin-top: -4px;
display: inline-block;
vertical-align: middle;
}
.form-input-tip {
position: absolute;
left: 415px;
top: 4px;
width: 194px;
color: red;
}
.fair-finish-block {
width: 656px;
height: 425px;
border-radius: 4px;
background: #ffffff;
position: absolute;
left: 50%;
margin-left: -328px;
top: 50%;
margin-top: -212px;
}
.fair-finish-title {
width: 341px;
height: 133px;
position: absolute;
top: -65px;
left: 50%;
margin-left: -170px;
background-position: 0 0;
background-repeat: no-repeat;
background-size: 341px 133px;
background-image: url("//img1.xiaoxiancai.com.cn/career/d7d872e0122296d7f691db1bb5d7457d.png");
}
.fair-finish-close {
position: absolute;
right: 20px;
top: 20px;
cursor: pointer;
}
.fair-finish-p-ct {
padding-top: 80px;
text-align: center;
font-size: 16px;
color: #000;
line-height: 30px;
}
.fair-finish-p1 span {
color: #FF6666;
}
.fair-finish-p2 span {
color: #3693F0;
}
.fair-finish-msg {
width: 579px;
height: 143px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #EDEDED;
color: #666666;
padding: 20px;
margin: 30px auto ;
}
.fair-finish-btn {
width: 120px;
height: 32px;
text-align: center;
line-height: 32px;
background: #3a99f2;
border-radius: 3px;
color: #ffffff;
font-size: 16px;
cursor: pointer;
margin: 0 auto;
}
.colorful-list-icon {
height: 22px;
width: 80px;
display: inline-block;
vertical-align: middle;
background-image: url("//img1.xiaoxiancai.com.cn/career/0eaf9cbd358403e0ce7e665c410bf60f.png");
background-repeat: no-repeat;
background-size: 80px 22px;
background-position: 0 0;
}
.selectfile {
width: 120px;
height: 40px;
float: left;
border-radius: 6px;
background: #00B38A;
color: #ffffff;
text-align: center;
line-height: 40px;
margin-right: 20px;
cursor: pointer;
}
.selectfile div {
width: 100%;
height: 100%;
cursor: pointer;
}
.selectfile-span {
float: left;
max-width: 249px;
line-height: 20px;
}
.selectfile-span-red {
color: red;
}
.webuploader-container:focus {
outline: none;
}
.webuploader-element-invisible {
position: absolute !important;
clip: rect(1px 1px 1px 1px);
/* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
}
.webuploader-pick {
position: relative;
display: inline-block;
height: 40px;
line-height: 40px;
cursor: pointer;
background: #00b38a;
padding: 0;
width: 120px;
color: #fff;
text-align: center;
border-radius: 3px;
overflow: hidden;
font-size: 16px;
}
.webuploader-pick-hover {
border-color: #009364;
background: #028c6c;
}
.webuploader-pick-disable {
opacity: 0.6;
pointer-events: none;
}
.remdetail-ct .user-info {
width: 900px!important;
}
.select-post-tp {
color: red;
font-size: 14px;
}
.post-td {
font-size: 14px!important;
color: #00B38a;
}
.post-red {
color: red;
}
.xxc-input-number {
-moz-user-select: none;
/*火狐*/
-webkit-user-select: none;
/*webkit浏览器*/
-ms-user-select: none;
/*IE10*/
user-select: none;
}
.post-status {
width: 90px!important;
background: #6780EF;
}
.post-span {
color: #6780EF!important;
}
.pipe-must-p1 {
color: #000;
font-size: 15px;
text-align: center;
margin-top: 25px;
margin-bottom: 5px;
}
.pipe-must-p1 span {
color: #FF5050;
}
.pipe-must-p2 {
text-align: center;
font-size: 15px;
color: #000;
margin-bottom: 25px;
}
.pipe-must-btn {
height: 50px;
line-height: 50px;
color: #00B38a;
text-align: center;
font-size: 15px;
border-radius: 0 0 4px 4px;
border-top: 1px solid #E0DFDF;
cursor: pointer;
}
.olnd-student {
background: url("//img1.xiaoxiancai.com.cn/career/65e37b00e1e6ec225c35f72cee2891a9.png");
width: 13px;
height: 13px;
background-position: 0 0;
background-repeat: no-repeat;
background-size: 13px 13px;
}
.grey-checked-icon {
width: 14px;
height: 14px;
background-image: url("//img1.xiaoxiancai.com.cn/career/a4ec84dbd53160f91ea194c61f9fbcfc.png") !important;
background-position: 0 0!important;
background-repeat: no-repeat;
background-size: 14px 14px;
}
.olnd-bar-icon {
background: url("//img1.xiaoxiancai.com.cn/career/93dc7c3cd2a44f2c5acd5aabd22c4d16.png");
width: 14px;
height: 12px;
background-position: 0 0;
background-repeat: no-repeat;
background-size: 14px 12px;
}
.olnd-bar {
height: 36px;
width: 100%;
background: #ffffff;
margin: 20px 0;
}
.olnd-bar-stunum span {
color: #00b38a;
}
.olnd-bar-student {
max-width: 148px;
font-size: 14px;
line-height: 14px;
padding-right: 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-right: 1px solid #E7E7E7;
}
.olnd-bar-student div {
display: inline-block;
vertical-align: middle;
height: 14px;
}
.olnd-bar-ct {
width: 1200px;
margin: 0 auto;
}
.olnd-bar-ct div {
display: inline-block;
vertical-align: middle;
}
.olnd-bar-lt {
margin-left: 14px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.olnd-bar-rt {
width: 1000px;
height: 36px;
line-height: 31px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-right: 30px;
}
.olnd-bar-msg {
display: inline-block;
color: #000;
font-size: 14px;
margin-right: 35px;
}
.olnd-bar-msg span {
color: #26BA93;
}
.olnd-ct {
width: 1220px;
margin: 20px auto 0;
overflow: hidden;
}
.olnd-lt {
float: left;
width: 1220px;
background: #ffffff;
}
.olnd-lt-tab-ct {
height: 56px;
border-bottom: 2px solid #F5F5F5;
padding: 0 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.olnd-lt-tab-li {
width: 80px;
line-height: 56px;
font-size: 19px;
color: #666666;
height: 56px;
text-align: center;
float: left;
margin-left: 50px;
cursor: pointer;
}
.olnd-lt-tab-li:first-child {
margin-left: 0;
}
.olnd-lt-tab-select {
border-bottom: 2px solid #00B48A;
margin-bottom: -2px;
color: #00B48A;
}
.olnd-lt-company {
overflow: hidden;
}
.olnd-lt-company-hot {
font-size: 19px;
margin-left: 20px;
color: #00B48A;
padding-left: 5px;
height: 20px;
border-left: 2px solid #00B48A;
margin-top: 20px;
}
.olnd-rt {
float: right;
width: 260px;
height: 593px;
background: #ffffff;
}
.olnd-rt-img {
width: 75px;
height: 75px;
display: block;
margin: 20px auto;
}
.olnd-rt-p {
text-align: center;
color: #000;
font-size: 18px;
font-weight: bold;
}
.olnd-rt-div {
color: #747474;
margin-top: 20px;
padding: 10px;
height: 428px;
overflow-y: auto;
font-size: 16px;
}
.olnd-rt-div span {
color: #00B48A;
}
.olndstu-block {
width: 280px;
height: 300px;
border: 1px solid #CFCFCF;
margin: 20px 0 0 20px;
float: left;
}
.olndstu-block-tp {
height: 100px;
border-bottom: 1px solid #CFCFCF;
}
.olndstu-block-tp-img {
width: 70px;
height: 70px;
border-radius: 50%;
float: left;
margin: 15px;
}
.olndstu-block-tp-img img {
width: 100%;
height: 100%;
border-radius: 50%;
}
.olndstu-block-tp-lt {
width: 178px;
padding-left: 5px;
float: right;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.olndstu-block-tp-lt p {
color: #000;
font-size: 19px;
margin-top: 20px;
}
.olndstu-block-tp-start {
margin-top: 12px;
position: relative;
}
.olndstu-block-mid {
height: 144px;
border-bottom: 1px solid #CFCFCF;
padding: 0 5px;
}
.olndstu-block-mid-li {
position: relative;
color: #333333;
font-size: 16px;
height: 46px;
line-height: 46px;
border-bottom: 1px solid #F5F5F5;
padding-left: 18px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.olndstu-block-mid-li:after {
content: '';
width: 6px;
height: 6px;
border-radius: 3px;
background: #00B38a;
position: absolute;
left: 4px;
top: 20px;
}
.olndstu-block-mid-li:last-child {
border-bottom: none;
}
.olndstu-block-bt {
line-height: 56px;
text-align: center;
color: #00B38a;
font-size: 16px;
cursor: pointer;
}
.input-mask {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.4);
}
.input-icon {
position: absolute;
top: 20px;
right: 20px;
cursor: pointer;
}
.input-block {
width: 350px;
height: 200px;
border-radius: 3px;
background: #ffffff;
margin: 300px auto;
position: relative;
}
.input-block-tp {
height: 50px;
line-height: 50px;
text-align: center;
color: #000;
position: relative;
font-size: 18px;
border-bottom: 1px solid #ebebeb;
}
.input-block-mid {
width: 280px;
height: 45px;
line-height: 45px;
margin: 20px auto;
border: 1px solid #d5dadf;
}
.input-block-mid input {
width: 100%;
height: 38px;
line-height: 38px;
padding-left: 15px;
border: none;
outline: none;
}
.input-block-bt {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 50px;
}
.input-block-confirm {
width: 130px;
height: 40px;
color: #00B38a;
border: 1px solid #00B38a;
text-align: center;
line-height: 40px;
font-size: 16px;
margin: 0 auto;
cursor: pointer;
border-radius: 4px;
}
.pic-logo {
position: relative;
width: 200px;
height: 230px;
margin: 20px auto;
}
.pic-logo .up-push {
cursor: pointer;
width: 200px;
height: 200px;
}
.pic-logo .up-push img {
width: 200px;
height: 200px;
}
.pic-logo span {
display: block;
text-align: center;
margin: 10px auto 40px;
}
.fair-applytitle {
cursor: pointer;
}
.fair-applytitle:hover {
color: #00B38a;
}
.add-position {
position: absolute;
line-height: 25px;
top: 22px;
right: 70px;
color: #00B48A;
}
.join-student {
color: #48b1fb;
cursor: pointer;
}
.no-join-student {
color: #999;
cursor: default;
}
.wrapper.schoolfair-index {
padding: 20px 30px 40px 30px;
}
.wrapper.schoolfair-index .xxc-tablist {
margin-bottom: 20px;
border-bottom: 1px solid #d5dadf;
}
.wrapper.schoolfair-index #content .fairs {
border: 1px solid #d5dadf;
}
.wrapper.schoolfair-index #content .fairs li {
padding: 20px 30px;
border-top: 1px solid #d5dadf;
cursor: pointer;
position: relative;
overflow: hidden;
}
.wrapper.schoolfair-index #content .fairs li:first-child {
border-top: none;
}
.wrapper.schoolfair-index #content .fairs li:nth-child(even) {
background-color: #fafafa;
}
.wrapper.schoolfair-index #content .fairs li .state-label {
color: #fff;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
position: absolute;
left: -23px;
text-align: center;
top: 10px;
width: 95px;
height: 27px;
line-height: 27px;
}
.wrapper.schoolfair-index #content .fairs li .state-text {
position: absolute;
top: 22px;
right: 0;
display: block;
width: 65px;
height: 26px;
color: #ffffff;
line-height: 26px;
text-align: center;
border-radius: 13px 0 0 13px;
}
.wrapper.schoolfair-index #content .fairs li .text-default {
background: #b7b6b6;
}
.wrapper.schoolfair-index #content .fairs li .text-warning {
background: #ff9966;
}
.wrapper.schoolfair-index #content .fairs li .text-pre-pass {
background: #20b9ff;
}
.wrapper.schoolfair-index #content .fairs li .text-success {
background: #00b38a;
}
.wrapper.schoolfair-index #content .fairs li .text-danger {
background: #ff6666;
}
.wrapper.schoolfair-index #content .fairs li .jumpto-apply-detail {
position: absolute;
top: 78px;
right: 41px;
color: #48b1fb;
}
.wrapper.schoolfair-index #content .fairs li .jumpto-apply-detail:hover {
color: #48b1fb;
}
.wrapper.schoolfair-index #content .fairs li .jumpto-apply-detail i {
margin-left: 3px;
}
.wrapper.schoolfair-index #content .fairs li .apply-record-hot {
position: absolute;
top: 78px;
right: 155px;
color: #FE7440;
}
.wrapper.schoolfair-index #content .fairs li .uni-logo {
margin-bottom: 4px;
width: 80px;
height: 80px;
border: 1px solid #d5dadf;
float: left;
margin-right: 30px;
padding: 5px;
}
.wrapper.schoolfair-index #content .fairs li .uni-logo img {
width: 100%;
height: 100%;
}
.wrapper.schoolfair-index #content .fairs li h4 {
color: #333;
font-size: 15px;
font-weight: normal;
padding-right: 30px;
}
.wrapper.schoolfair-index #content .fairs li h4 span {
border-radius: 3px;
color: #fff;
font-size: 12px;
padding: 2px 5px;
margin-left: 5px;
}
.wrapper.schoolfair-index #content .fairs li h4 span i {
margin-right: 2px;
}
.wrapper.schoolfair-index #content .fairs li h4 .online {
background-color: #46a3ca;
}
.wrapper.schoolfair-index #content .fairs li h4 .offline {
padding: 2px 7px;
background-color: #2b9a40;
}
.wrapper.schoolfair-index #content .fairs li p {
color: #999;
padding-top: 10px;
}
.wrapper.schoolfair-index #content .fairs li span {
display: inline-block;
}
.wrapper.schoolfair-index #content .fairs li .city {
width: 275px;
/*width: 50%;*/
}
.wrapper.schoolfair-index #content .fairs li .deadline {
width: 240px;
}
.wrapper.schoolfair-index #content .fairs li .deadline .text-success {
background: none;
}
.wrapper.schoolfair-index #content .fairs li .deadline .text-danger {
background: none;
}
.wrapper.schoolfair-index #content .fairs li.disabled-click {
opacity: 0.5;
cursor: not-allowed !important;
}
.wrapper.schoolfair-index #content .fairs.no-fairlist {
min-height: 606px;
background: url('//static.xiaoxiancai.com.cn/2017-09-15_59bb2e21b2fe5.png') center 77px no-repeat;
}
.wrapper.schoolfair-index #content .apply-record-hotpop {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 990;
background: rgba(0, 0, 0, 0.4);
}
.wrapper.schoolfair-index #content .apply-record-hotpop-com {
width: 390px;
height: 200px;
border-radius: 3px;
margin: 260px auto;
background: white;
padding: 40px;
}
.wrapper.schoolfair-index #content .apply-record-hotpop-com-txt {
color: #666666;
line-height: 28px;
}
.wrapper.schoolfair-index #content .apply-record-hotpop-com-btns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 35px;
}
.wrapper.schoolfair-index #content .apply-record-hotpop-com-btns-li {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: center;
border: 1px solid #D9D9D9;
border-radius: 2px;
margin: 0 15px;
height: 40px;
line-height: 40px;
cursor: pointer;
}
.wrapper.schoolfair-index #content .apply-record-hotpop-com-btns-li:last-child {
border: 1px solid #00B48D;
background: #00B48D;
color: white;
}
.wrapper.schoolfair-index #content #record .status-filter {
margin-bottom: 10px;
}
.wrapper.schoolfair-index #content #record .status-filter dt {
width: auto;
text-align: left;
}
.wrapper.schoolfair-index #content #record .fair-tit a {
color: #333;
font-size: 15px;
font-weight: normal;
}
.wrapper.schoolfair-index #content #record .fairs .city {
width: 275px;
}
.wrapper.schoolfair-index #content #show .toggle-filter {
margin-bottom: 10px;
}
.icon-checkbox_disabled1 {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/fe9544b7.sprite1.png);
background-position: 0px -21px;
width: 14px;
height: 14px;
}
.icon-checkbox_checked1 {
background-image: url(//assets.xiaoxiancai.com.cn/company/img1/fe9544b7.sprite1.png);
background-position: -21px 0px;
width: 14px;
height: 14px;
}
.select-group {
cursor: pointer;
margin-top: 12px;
}
.select-group div {
display: inline-block;
vertical-align: middle;
}
.select-group-label {
margin-left: 5px;
}
.info-school-msg {
position: relative;
}
.info-school-msg a {
position: absolute;
right: 0;
color: #00B38A;
font-size: 14px;
}
.info-school-p a {
right: 20px;
}
.status-div {
display: inline-block;
font-size: 13px;
margin-left: 10px;
}
.fair-save {
margin-left: 500px!important;
}
.fair-detail-btn {
position: absolute;
right: 20px;
top: 30px;
}
.modify-joinfair {
position: absolute;
top: 78px;
right: 41px;
color: #48b1fb;
}
.fair-list-blur {
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.fair-list-blur p,
.fair-list-blur img,
.fair-list-blur h4,
.fair-list-blur .state-text,
.fair-list-blur a {
-webkit-filter: blur(5px);
filter: blur(5px);
}
.fair-list-blur-p {
color: #000;
position: absolute;
text-align: center;
width: 100%;
top: 50px;
font-size: 20px;
left: 0;
display: none;
}
.fair-list-blur .fair-list-blur-p {
display: block;
}
.select-is-invoice {
padding-top: 10px;
}
.mjst-tp {
padding-bottom: 17px;
}
.mjst-tp-label {
font-size: 14px;
color: #999999;
margin-bottom: 7px;
}
.mjst-tp-label span {
font-weight: bold;
display: inline-block;
padding-right: 10px;
color: #000000;
}
.mjst-tp-item {
display: inline-block;
padding: 10px;
border: 1px solid #d5dadf;
color: #666;
border-radius: 2px;
margin-right: 10px;
margin-top: 5px;
}
.mjst-tp-item span {
display: inline-block;
padding-right: 3px;
}
.mjst-tp-item i {
margin-right: -3px;
cursor: pointer;
}
.mjst-mid {
margin-bottom: 20px;
}
.mjst-mid-label {
font-size: 15px;
font-weight: bold;
display: inline-block;
padding-right: 17px;
}
.mjst-mid-input {
width: 177px;
height: 30px;
display: inline-block;
}
.mjst-mid-input input {
width: 177px;
height: 30px;
border: 1px solid #aaaaaa;
padding: 0 15px;
font-size: 14px;
color: #333333;
border-radius: 3px;
}
.mjst-mid-btn {
display: inline-block;
margin-left: 7px;
width: 70px;
height: 30px;
border-radius: 3px;
text-align: center;
line-height: 30px;
color: #ffffff;
font-size: 14px;
background: #00b48a;
cursor: pointer;
}
.mjst-bt {
max-height: 300px;
overflow: auto;
}
.mjst-select {
display: inline-block;
margin-right: 37px;
margin-bottom: 20px;
overflow: hidden;
}
.mjst-select-label {
padding-left: 3px;
cursor: pointer;
font-size: 14px;
display: inline-block;
}
.mjst-select-icon {
display: inline-block;
background-position: -14px -21px;
width: 14px;
height: 14px;
vertical-align: -3px;
margin-right: 5px;
-webkit-appearance: none;
-moz-appearance: none;
outline: none;
cursor: pointer;
background-image: url(https://img1.xiaoxiancai.com.cn/src/img/fe9544b7.sprite1.png);
}
.mjst-select-icon-a {
background-position: -21px 0px;
}
.relation-btn {
width: 100px;
height: 30px;
line-height: 30px;
text-align: center;
font-size: 14px;
color: #00b48a;
border-radius: 3px;
border: 1px solid #00b48a;
display: inline-block;
margin-right: 15px;
}
.is-relation {
color: #00b48a;
}
.none {
display: none;
}
.cm-status {
height: 40px;
line-height: 40px;
margin: 20px 0;
}
.cm-status-ct {
display: table;
margin: 0 auto;
}
.cm-status-ct div {
display: inline-block;
vertical-align: middle;
}
.cm-status-lt {
margin-right: 15px;
}
.cm-status-rt {
height: 20px;
padding-left: 15px;
line-height: 20px;
}
.status-red {
background: #fff3f3;
border: 1px solid #ffdada;
}
.status-red .cm-status-rt {
border-left: 1px solid #ff3333;
}
.status-red .cm-status-ct {
color: #ff3333;
}
.status-green {
background: #f0fbf8;
border: 1px solid #d1f1ea;
}
.status-green .cm-status-rt {
border-left: 1px solid #00b48a;
}
.status-green .cm-status-ct {
color: #00b48a;
}
.status-blue {
background: #f4fafc;
border: 1px solid #deeef5;
}
.status-blue .cm-status-ct {
color: #46a3ca;
}
.status-pink {
background: #fff9f6;
border: 1px solid #ffede3;
}
.status-pink .cm-status-ct {
color: #ff9966;
}
.wrapper.companyfair-detail,
.wrapper.schoolfair-applydetail,
.wrapper.schoolfair-detail {
padding: 20px 30px 40px 30px;
margin-top: 20px;
position: relative;
overflow: hidden;
}
.wrapper.companyfair-detail .state-label,
.wrapper.schoolfair-applydetail .state-label,
.wrapper.schoolfair-detail .state-label {
color: #fff;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
position: absolute;
left: -23px;
text-align: center;
top: 10px;
width: 95px;
height: 27px;
line-height: 27px;
}
.wrapper.companyfair-detail .state-text,
.wrapper.schoolfair-applydetail .state-text,
.wrapper.schoolfair-detail .state-text {
position: absolute;
top: 20px;
left: 55px;
}
.wrapper.companyfair-detail .fair-title,
.wrapper.schoolfair-applydetail .fair-title,
.wrapper.schoolfair-detail .fair-title {
text-align: center;
padding-bottom: 25px;
padding-top: 5px;
font-size: 24px;
border-bottom: 1px dashed #00b38a;
font-weight: normal;
}
.wrapper.companyfair-detail .fair-title span,
.wrapper.schoolfair-applydetail .fair-title span,
.wrapper.schoolfair-detail .fair-title span {
border-radius: 3px;
color: #fff;
font-size: 12px;
padding: 2px 5px;
margin-left: 5px;
}
.wrapper.companyfair-detail .fair-title span i,
.wrapper.schoolfair-applydetail .fair-title span i,
.wrapper.schoolfair-detail .fair-title span i {
margin-right: 2px;
}
.wrapper.companyfair-detail .fair-title .online,
.wrapper.schoolfair-applydetail .fair-title .online,
.wrapper.schoolfair-detail .fair-title .online {
background-color: #46a3ca;
}
.wrapper.companyfair-detail .fair-title .offline,
.wrapper.schoolfair-applydetail .fair-title .offline,
.wrapper.schoolfair-detail .fair-title .offline {
padding: 2px 7px;
background-color: #2b9a40;
}
.wrapper.companyfair-detail .info,
.wrapper.schoolfair-applydetail .info,
.wrapper.schoolfair-detail .info {
padding: 20px 0 10px 0;
border-bottom: 1px dashed #ccc;
margin-bottom: 12px;
}
.wrapper.companyfair-detail .info ul,
.wrapper.schoolfair-applydetail .info ul,
.wrapper.schoolfair-detail .info ul {
float: left;
}
.wrapper.companyfair-detail .info ul li,
.wrapper.schoolfair-applydetail .info ul li,
.wrapper.schoolfair-detail .info ul li {
color: #666;
display: table-row;
}
.wrapper.companyfair-detail .info ul li .item-tit,
.wrapper.schoolfair-applydetail .info ul li .item-tit,
.wrapper.schoolfair-detail .info ul li .item-tit,
.wrapper.companyfair-detail .info ul li .item-con,
.wrapper.schoolfair-applydetail .info ul li .item-con,
.wrapper.schoolfair-detail .info ul li .item-con {
display: table-cell;
padding-bottom: 10px;
}
.wrapper.companyfair-detail .info ul li .item-tit,
.wrapper.schoolfair-applydetail .info ul li .item-tit,
.wrapper.schoolfair-detail .info ul li .item-tit {
text-align: right;
word-break: keep-all;
}
.wrapper.companyfair-detail .info .first-sec,
.wrapper.schoolfair-applydetail .info .first-sec,
.wrapper.schoolfair-detail .info .first-sec {
width: 380px;
}
.wrapper.companyfair-detail .info .second-sec,
.wrapper.schoolfair-applydetail .info .second-sec,
.wrapper.schoolfair-detail .info .second-sec {
width: 380px;
}
.wrapper.companyfair-detail .stall-bar,
.wrapper.schoolfair-applydetail .stall-bar,
.wrapper.schoolfair-detail .stall-bar,
.wrapper.companyfair-detail .reject-bar,
.wrapper.schoolfair-applydetail .reject-bar,
.wrapper.schoolfair-detail .reject-bar {
margin: 20px 0;
background-color: #00b38a;
color: #fff;
padding: 12px 20px;
font-size: 22px;
font-weight: bold;
}
.wrapper.companyfair-detail .stall-bar .btn,
.wrapper.schoolfair-applydetail .stall-bar .btn,
.wrapper.schoolfair-detail .stall-bar .btn,
.wrapper.companyfair-detail .reject-bar .btn,
.wrapper.schoolfair-applydetail .reject-bar .btn,
.wrapper.schoolfair-detail .reject-bar .btn {
padding: 5px 10px;
background: #00b38a;
color: #fff;
font-size: 15px;
border: 1px solid #fff;
margin-top: -4px;
}
.wrapper.companyfair-detail .info.schoolfair,
.wrapper.schoolfair-applydetail .info.schoolfair,
.wrapper.schoolfair-detail .info.schoolfair {
background-color: #f8f8f8;
border-bottom: none;
padding-top: 10px;
}
.wrapper.companyfair-detail .info.schoolfair h4,
.wrapper.schoolfair-applydetail .info.schoolfair h4,
.wrapper.schoolfair-detail .info.schoolfair h4 {
border-bottom: 1px dashed #ccc;
margin: 0 20px 15px 20px;
font-weight: normal;
color: #333;
line-height: 35px;
font-size: 18px;
}
.wrapper.companyfair-detail .info.schoolfair .first-sec,
.wrapper.schoolfair-applydetail .info.schoolfair .first-sec,
.wrapper.schoolfair-detail .info.schoolfair .first-sec {
padding-left: 20px;
}
.wrapper.companyfair-detail .info.schoolfair .third-sec,
.wrapper.schoolfair-applydetail .info.schoolfair .third-sec,
.wrapper.schoolfair-detail .info.schoolfair .third-sec {
padding-right: 20px;
}
.wrapper.companyfair-detail p.table-tit,
.wrapper.schoolfair-applydetail p.table-tit,
.wrapper.schoolfair-detail p.table-tit {
line-height: 38px;
color: #00b38a;
font-size: 18px;
}
.wrapper.companyfair-detail .oper-btns,
.wrapper.schoolfair-applydetail .oper-btns,
.wrapper.schoolfair-detail .oper-btns {
padding: 23px 0;
}
.wrapper.companyfair-detail .oper-btns .xxc-btn,
.wrapper.schoolfair-applydetail .oper-btns .xxc-btn,
.wrapper.schoolfair-detail .oper-btns .xxc-btn {
margin-left: 20px;
}
.ps-ct {
width: 800px;
height: 600px;
margin: 200px auto;
background: #F8F8F8;
position: relative;
padding-top: 120px;
}
.ps-ct-close {
top: 30px;
right: 20px;
position: absolute;
cursor: pointer;
}
.ps-ct-bt {
width: 650px;
margin: 0 auto 0;
}
.ps-ct .ps-icon-tp {
margin: 0 auto;
display: block;
}
.ps-ct .ps-ct-lt-btn {
margin: 40px auto 20px;
border-radius: 3px;
text-align: center;
width: 180px;
height: 40px;
line-height: 40px;
color: #00B38A;
border: 1px solid #00B38A;
cursor: pointer;
}
.ps-ct .icon-ps_jie {
position: absolute;
top: 0;
right: 20px;
}
.ps-ct .ps-ct-rt-btn {
margin: 40px auto 20px;
border-radius: 3px;
text-align: center;
width: 180px;
height: 40px;
line-height: 40px;
color: #00BEE0;
border: 1px solid #00BEE0;
cursor: pointer;
}
.ps-ct p {
text-align: left;
padding-left: 60px;
color: #FF6550;
}
.ps-ct-lt {
width: 300px;
height: 366px;
float: left;
background: #fff;
-webkit-box-shadow: 2px 2px 20px 4px #eee;
box-shadow: 2px 2px 20px 4px #eee;
padding-top: 65px;
}
.ps-ct-rt {
width: 300px;
height: 366px;
float: right;
background: #fff;
-webkit-box-shadow: 2px 2px 20px 4px #eee;
box-shadow: 2px 2px 20px 4px #eee;
padding-top: 65px;
position: relative;
}
.ps-ct.small {
width: 600px;
height: 350px;
padding-top: 80px;
}
.applyhot-mem-ct {
cursor: pointer;
font-size: 14px;
margin-bottom: 7px;
}
.applyhot-mem-select .applyhot-no {
display: none;
}
.applyhot-mem-select .applyhot-yes {
display: block;
}
.applyhot-mem-no {
width: 401px;
height: 58px;
background: #ffffff;
border: 1px solid #00b38a;
border-radius: 3px;
}
.applyhot-mem-yes {
width: 401px;
height: 58px;
overflow: hidden;
background: #00b38a;
border-radius: 3px;
color: #ffffff;
display: none;
}
.applyhot-mem-yes .applyhot-img {
margin-top: 3px;
}
.applyhot-mem-table {
display: table;
margin: 17px auto;
}
.applyhot-mem-table div {
display: inline-block;
vertical-align: middle;
}
.applyhot-mem-img {
margin-right: 4px;
margin-top: 4px;
}
.applyhot-mem-p {
overflow: hidden;
color: #666666;
margin-bottom: 27px;
}
.applyhot-mem-p-lt {
float: left;
}
.applyhot-mem-p-lt span {
color: #FF3333;
}
.applyhot-mem-p-rt {
float: right;
cursor: pointer;
}
.applyhot-ct {
cursor: pointer;
font-size: 14px;
margin-bottom: 7px;
}
.applyhot-select .applyhot-no {
display: none;
}
.applyhot-select .applyhot-yes {
display: block;
}
.applyhot-no {
width: 401px;
height: 58px;
background: #ffffff;
border: 1px solid #00b38a;
border-radius: 3px;
color: #00B38a;
}
.applyhot-yes {
width: 401px;
height: 58px;
overflow: hidden;
background: #00b38a;
border-radius: 3px;
color: #ffffff;
display: none;
}
.applyhot-yes .applyhot-img {
margin-top: 3px;
}
.applyhot-table {
display: table;
margin: 17px auto;
}
.applyhot-table div {
display: inline-block;
vertical-align: middle;
}
.applyhot-img {
margin-right: 4px;
margin-top: 4px;
}
.applyhot-p {
overflow: hidden;
color: #666666;
margin-bottom: 27px;
}
.applyhot-p-lt {
float: left;
}
.applyhot-p-lt span {
color: #FF3333;
}
.applyhot-p-rt {
float: right;
cursor: pointer;
}
.wrapper.companyfair-apply,
.wrapper.schoolfair-apply {
margin-top: 20px;
padding: 20px 30px 40px 30px;
}
.wrapper.companyfair-apply .position-relative,
.wrapper.schoolfair-apply .position-relative {
position: relative;
}
.wrapper.companyfair-apply .tip-text,
.wrapper.schoolfair-apply .tip-text {
display: block;
width: 100px;
color: #E1504A;
font-size: 14px;
position: absolute;
right: -105px;
top: 3px;
}
.wrapper.companyfair-apply .sdlg-tips,
.wrapper.schoolfair-apply .sdlg-tips {
display: none;
}
.wrapper.companyfair-apply .fair-title,
.wrapper.schoolfair-apply .fair-title,
.wrapper.companyfair-apply .page-title,
.wrapper.schoolfair-apply .page-title {
text-align: center;
padding-left: 52px;
padding-bottom: 25px;
padding-top: 5px;
margin-bottom: 30px;
font-size: 24px;
border-bottom: 1px dashed #00b38a;
font-weight: normal;
}
.wrapper.companyfair-apply .fair-title span,
.wrapper.schoolfair-apply .fair-title span,
.wrapper.companyfair-apply .page-title span,
.wrapper.schoolfair-apply .page-title span {
border-radius: 3px;
color: #fff;
font-size: 12px;
padding: 2px 5px;
margin-left: 5px;
}
.wrapper.companyfair-apply .fair-title span i,
.wrapper.schoolfair-apply .fair-title span i,
.wrapper.companyfair-apply .page-title span i,
.wrapper.schoolfair-apply .page-title span i {
margin-right: 2px;
}
.wrapper.companyfair-apply .fair-title .online,
.wrapper.schoolfair-apply .fair-title .online,
.wrapper.companyfair-apply .page-title .online,
.wrapper.schoolfair-apply .page-title .online {
background-color: #46a3ca;
}
.wrapper.companyfair-apply .fair-title .offline,
.wrapper.schoolfair-apply .fair-title .offline,
.wrapper.companyfair-apply .page-title .offline,
.wrapper.schoolfair-apply .page-title .offline {
padding: 2px 7px;
background-color: #2b9a40;
}
.wrapper.companyfair-apply .page-title,
.wrapper.schoolfair-apply .page-title {
color: #00b38a;
}
.wrapper.companyfair-apply .apply-form,
.wrapper.schoolfair-apply .apply-form {
margin: 0 auto;
}
.wrapper.companyfair-apply .apply-form .item-selected,
.wrapper.schoolfair-apply .apply-form .item-selected {
display: inline-block;
max-width: 400px;
}
.wrapper.companyfair-apply .apply-form .item-selected .item,
.wrapper.schoolfair-apply .apply-form .item-selected .item {
display: inline-block;
padding: 10px;
border: 1px solid #d5dadf;
color: #666;
border-radius: 2px;
margin-right: 10px;
margin-top: 5px;
}
.wrapper.companyfair-apply .apply-form .item-selected .item i,
.wrapper.schoolfair-apply .apply-form .item-selected .item i {
margin-right: -3px;
cursor: pointer;
}
.wrapper.companyfair-apply .apply-form .xxc-btn,
.wrapper.schoolfair-apply .apply-form .xxc-btn {
height: 41px;
line-height: 39px;
}
.school-select p {
margin-bottom: 16px;
}
.school-select .school-list li {
width: 206px;
margin-bottom: 16px;
float: left;
}
.invoice-content {
color: #00b38a;
height: 40px;
line-height: 40px;
padding-left: 33px;
border-bottom: 1px solid #ebebeb;
font-size: 16px;
margin-bottom: 20px;
}
.apply-invoice {
margin: 0 auto;
}
.ay-alert {
background: #fff;
width: 1000px;
height: 700px;
position: absolute;
left: 50%;
margin-left: -500px;
top: 50%;
margin-top: -350px;
}
.ay-title {
height: 70px;
line-height: 70px;
border-bottom: 1px solid #ebebeb;
text-align: center;
color: #333;
font-size: 20px;
}
.ay-mid {
display: table;
margin: 20px auto 0;
}
.ay-mid div {
display: inline-block;
vertical-align: middle;
background: #f5f5f5;
width: 390px;
text-align: center;
height: 50px;
line-height: 50px;
color: #333;
}
.ay-mid div span {
color: #00b38a;
}
.ay-mid-lf {
margin-right: 20px;
}
.ay-bt {
width: 800px;
padding: 15px;
background: #f2fbf9;
color: #00b38a;
margin: 20px auto 0;
line-height: 30px;
}
.ay-btn {
margin: 30px auto;
padding: 0 20px;
background: #00b38a;
text-align: center;
height: 35px;
line-height: 35px;
color: #fff;
border-radius: 3px;
width: 70px;
cursor: pointer;
}
.icon-apply_success {
display: block;
margin: 20px auto 0;
padding-top: 145px;
line-height: 20px;
text-align: center;
color: #333;
font-size: 14px;
}
.fair-shen {
width: 648px;
height: 40px;
background-color: #f8f8f8;
text-align: center;
color: #666;
margin: 0 auto;
line-height: 40px;
margin-bottom: 30px;
}
.apply-receipt {
margin: 0 auto;
}
.apply-receipt .form-input {
vertical-align: middle!important;
}
.apply-receipt .receipt-text {
font-size: 14px;
color: #666;
vertical-align: middle;
display: inline-block;
width: 400px;
}
.apply-receipt .item-selectedtwo {
float: left;
max-width: 400px;
}
.apply-receipt .item-selectedtwo .item {
display: inline-block;
padding: 10px;
border: 1px solid #d5dadf;
color: #666;
border-radius: 2px;
margin-right: 10px;
margin-top: 5px;
}
.apply-receipt .item-selectedtwo .item .item-num {
color: #00B38A;
margin-left: 15px;
}
.apply-receipt .item-selectedtwo .item i {
margin-right: -3px;
cursor: pointer;
}
.apply-receipt .overflow {
max-height: 0px;
overflow: hidden;
}
.apply-receipt .state {
display: none;
float: left;
margin-top: 15px;
cursor: pointer;
}
.apply-receipt .state a {
color: #00B38A;
}
.apply-receipt .xxc-btn {
height: 41px;
line-height: 39px;
}
.form-unit-button {
width: 400px;
height: 45px;
margin: 0 auto;
}
.reqmajor {
height: auto;
}
.reqmajor:after {
clear: both;
content: '';
display: block;
}
.reqmajor li {
float: left;
padding: 0 10px;
height: 26px;
line-height: 26px;
margin-right: 10px;
margin-bottom: 10px;
cursor: pointer;
font-size: 14px;
color: #666;
border-radius: 2px;
}
.reqmajor li:last-child {
margin-right: 0;
margin-bottom: 20px;
}
.reqmajor li:hover {
background-color: #00B38A;
color: #fff;
}
.reqmajor .current {
background-color: #00B38A;
color: #fff;
}
.form-flight {
height: 40px;
margin-top: 10px;
}
.form-flight label {
display: inline-block;
color: #666;
padding-right: 10px;
white-space: nowrap;
}
.form-flight label:before {
display: inline-block;
content: '*';
vertical-align: middle;
color: #f00;
margin-right: 3px;
}
.form-flight input {
height: 40px;
line-height: 40px;
}
.form-tel {
display: none;
height: 40px;
margin-top: 10px;
}
.form-tel label {
display: inline-block;
color: #666;
padding-right: 10px;
white-space: nowrap;
}
.form-tel label:before {
display: inline-block;
content: '*';
vertical-align: middle;
color: #f00;
margin-right: 3px;
}
.form-tel input {
height: 40px;
line-height: 40px;
}
.form-tel .is-error {
border: 1px solid red;
}
.form-su {
display: none;
}
.form-su .needroom {
height: 32px;
margin-top: 10px;
}
.form-su .needroom label {
display: inline-block;
color: #666;
padding-right: 10px;
white-space: nowrap;
}
.form-su .needroom label:before {
display: inline-block;
content: '*';
vertical-align: middle;
color: #f00;
margin-right: 3px;
}
.form-su .needroom .room {
float: left;
width: 191px;
margin-right: 97px;
}
.form-su .needroom .roomcount {
float: left;
width: 191px;
}
.form-su .contectpeo {
clear: both;
height: 40px;
margin-top: 10px;
}
.form-su .contectpeo label {
display: inline-block;
color: #666;
padding-right: 23px;
white-space: nowrap;
}
.form-su .contectpeo label:before {
display: inline-block;
content: '*';
vertical-align: middle;
color: #f00;
margin-right: 3px;
}
.form-su .contectpeo input {
height: 40px;
line-height: 40px;
}
.form-su .contecttel {
height: 40px;
margin-top: 10px;
}
.form-su .contecttel label {
display: inline-block;
color: #666;
padding-right: 10px;
white-space: nowrap;
}
.form-su .contecttel label:before {
display: inline-block;
content: '*';
vertical-align: middle;
color: #f00;
margin-right: 3px;
}
.form-su .contecttel input {
height: 40px;
line-height: 40px;
}
.form-su .is-error {
border: 1px solid red;
}
.requment {
width: 480px;
height: 200px;
}
.count-major {
display: none;
}
.count-major .count {
display: inline-block;
cursor: pointer;
padding: 10px;
border: 1px solid #d5dadf;
color: #666;
border-radius: 2px;
margin-right: 10px;
margin-top: 5px;
}
.count-major .count-num {
color: #00B38A;
margin-left: 15px;
}
.university-dialog .city-list {
border-bottom: 1px solid #eee;
padding-bottom: 30px;
margin-bottom: 30px;
}
.university-dialog .city-list li {
float: left;
padding: 2px 10px;
color: #666;
margin: 8px 0 0 8px;
cursor: pointer;
}
.university-dialog .city-list li.selected {
background-color: #00b38a;
color: #fff;
border-radius: 2px;
}
.university-dialog .university-list li {
float: left;
padding: 2px 10px;
color: #666;
margin: 8px 0 0 8px;
cursor: pointer;
}
.university-dialog .university-list li.selected {
background-color: #00b38a;
color: #fff;
border-radius: 2px;
}
.university-select-lists span {
padding: 10px;
border: 1px solid #d5dadf;
color: #666;
float: left;
margin-right: 10px;
}
.university-select-lists span i {
cursor: pointer;
}
.university-select-lists button {
margin-top: 0;
}
.school-select .xxc-rich-dialog-bd {
max-height: 570px;
overflow: auto;
}
.fair-sf1074 {
width: 648px;
height: 40px;
background-color: #f8f8f8;
text-align: center;
color: #666;
margin: 0 auto;
line-height: 40px;
margin-bottom: 30px;
}
.fair-no1074 .questionnaire-btn {
margin: 0 auto 50px;
width: 180px;
height: 45px;
line-height: 43px;
font-size: 18px;
min-width: 24px;
padding: 0 20px;
border-radius: 3px;
background: #00B38A;
color: #fff;
border: 1px solid #00b38a;
text-align: center;
cursor: pointer;
outline: 0;
}
.wrapper.companyfair-index {
width: 100%;
}
.wrapper.companyfair-index .state-label {
color: #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
right: -23px;
text-align: center;
top: 10px;
width: 95px;
height: 27px;
line-height: 27px;
}
.wrapper.companyfair-index .filter {
padding-bottom: 20px;
float: left;
}
.wrapper.companyfair-index .oper-btns {
padding: 20px 0;
border-top: 1px solid #e8ebef;
}
.wrapper.companyfair-index #content {
background-color: #F8F8F8;
}
.wrapper.companyfair-index .oper-btns {
width: 100%;
background-color: white;
}
.wrapper.companyfair-index .oper-btns-con,
.wrapper.companyfair-index .xxc-table,
.wrapper.companyfair-index .pagination {
width: 1200px;
margin: 0 auto;
background-color: white;
}
.wrapper.companyfair-index .xxc-table {
margin-top: 30px;
border: none;
}
.sky-btn {
margin-right: 15px;
background: #ffa069;
border: 1px solid #ffa069;
position: relative;
}
.sky-btn-tip {
font-size: 12px;
padding: 0 7px;
color: #FFFFFF;
height: 17px;
line-height: 17px;
text-align: center;
border-radius: 8px;
background: #ff3733;
position: absolute;
top: -9px;
right: -10px;
}
.sky-label {
cursor: pointer;
font-size: 14px;
margin-right: 25px;
}
.sky-apply-p {
font-size: 12px;
color: #999999;
margin-top: 4px;
}
.companyfair-banner {
width: 100%;
height: auto;
}
.companyfair-banner img {
width: 100%;
height: 100%;
}
.check-fairdetail {
width: 80px;
height: 30px;
background: #ffffff;
border: 1px solid #00b38a;
border-radius: 3px;
line-height: 30px;
text-align: center;
font-size: 14px;
font-family: PingFang SC;
font-weight: 400;
color: #00b38a;
}
.check-fairdetail:hover {
color: #ffffff;
background: #00b38a;
}
.fair-online-list:hover .fair-online-title {
color: #00B389;
}
.xxc-tab .xxc-tablist li a {
line-height: 55px;
}
.xxc-tablist li {
font-size: 16px;
position: relative;
}
@font-face {
font-family: "iconfont";
src: url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAALYAAsAAAAABpQAAAKJAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCCcAqBIIE5ATYCJAMICwYABCAFhG0HLRvcBREVjFmynwnm+R1lCpFnR+aE/k2lGBucCZ6v/V7P3d33s9kXBFYEVJ2JbdnV6KbjWbaOQJZt9L//UzvsCx1QFuZ5412ecX+Ny3U9r3GJCljANkAAgdu2ugxN9z/HTJdAA8nvC5eswNHeAMetA4qquya7EzrjG6aXL3AgTkMAR4Yy0jcwOInFoCcJIId7O2vYghuDYTGLEGhYaZBHeFh1W70BHka/L/+oyYLC0+iC0e3+Tbp+RpkEfRW8shgg8ICA1nuABsqAAZlsDA+jEYbTuLAhB8fKFfgZFQwGWuSoKoT963R2GABpkP1MHMd91GwFgIGd9WBw0leACXNhsSuR799PvXs3GSUfP86JY9rhy9SMOPEl7eNkatpN+TOpyZ7gJpNSoLhZLV6Ry0sRrFAGnJH5Vqk7d/7P/c18enKdCW+6Pnny7jBpdfA4+f7fR8lnk6/TcsxtOL2i2lrXK73p3Ew7joseZ1jPMl3oPzOodQQQGPlQ+HUlsu3G+gaAr22vbkXsYVawJ7QI/DjOwAojeFqmnoCNLIr63GQU4HBAELbH+DFVHn+XRsEWOAwUIaSDxpKHNNgy8PCpgwAWZSc4pYb1vlhkTxYKlHgDEFE+oER4BlqUL9Jgf+BJ8IeAqPbgTBe7o68gI3oJR8YFpheYOUVpdSzi3COqmx8pz4vwV6TV+KCtmnJswIi0xJz1rjpmCZJSgAM4D71PkClZnLnSzLmva9n0TdWcwkboRdCIoQWYvABjlkQyqM1E5eePkHLjjaijLKe/QmRlugetSjMAOYjjoLJHec3qTukwJgGJJAE4gGHI8xKQm4dZaMYqekIw69WmmhwqrraXhr9bBzhaoTIlGn18bDYAAAA=') format('woff2');
}
.iconfont {
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-new {
position: absolute;
top: 5px;
right: -10px;
}
.icon-new:before {
content: "\E610";
color: red;
font-size: 24px;
}
.btn-green {
width: 132px;
height: 40px;
line-height: 40px;
border-radius: 3px;
float: right;
color: white;
background-color: #00B389;
border: 1px solid #00b38a;
}
.cloud-noimg {
display: block;
margin: 107px auto 0;
}
.wrapper.uphome-index {
padding: 20px 30px 40px 30px;
}
.wrapper.uphome-index .filter {
padding-bottom: 20px;
}
.wrapper.uphome-index .form-ctrl-label {
margin-right: 0;
}
.wrapper.uphome-index .xxc-checkbox {
margin-right: 0;
vertical-align: 0px;
}
.wrapper.uphome-index .oper-btns {
padding: 20px 0;
border-top: 1px solid #e8ebef;
}
.wrapper.uphome-index .oper-btns .weak {
margin-left: 20px;
}
.school-select .xxc-rich-dialog-bd {
max-height: 570px;
overflow: auto;
}
.wrapper.uphome-detail {
padding: 20px 30px 40px 30px;
margin-top: 20px;
position: relative;
overflow: hidden;
}
.wrapper.uphome-detail .state-label {
color: #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
right: -23px;
text-align: center;
top: 10px;
width: 95px;
height: 27px;
line-height: 27px;
}
.wrapper.uphome-detail .state-text {
position: absolute;
top: 20px;
right: 55px;
}
.wrapper.uphome-detail .fair-title {
text-align: center;
padding-bottom: 25px;
padding-top: 5px;
font-size: 24px;
border-bottom: 1px dashed #00b38a;
font-weight: normal;
}
.wrapper.uphome-detail .fair-title span {
border-radius: 3px;
color: #fff;
font-size: 12px;
padding: 2px 5px;
margin-left: 5px;
}
.wrapper.uphome-detail .fair-title span i {
margin-right: 2px;
}
.wrapper.uphome-detail .fair-title .online {
background-color: #46a3ca;
}
.wrapper.uphome-detail .fair-title .offline {
padding: 2px 7px;
background-color: #2b9a40;
}
.wrapper.uphome-detail .info {
padding: 20px 0 10px 0;
border-bottom: 1px dashed #ccc;
margin-bottom: 12px;
}
.wrapper.uphome-detail .info ul li {
color: #666;
display: table-row;
}
.wrapper.uphome-detail .info ul li .item-tit,
.wrapper.uphome-detail .info ul li .item-con {
display: table-cell;
padding-bottom: 10px;
}
.wrapper.uphome-detail .info ul li .item-tit {
text-align: right;
word-break: keep-all;
}
.wrapper.uphome-detail .info .first-sec {
width: 380px;
}
.wrapper.uphome-detail .info .second-sec {
width: 380px;
}
.wrapper.uphome-detail .stall-bar,
.wrapper.uphome-detail .reject-bar {
margin: 20px 0;
background-color: #00b38a;
color: #fff;
padding: 12px 20px;
font-size: 18px;
}
.wrapper.uphome-detail .stall-bar .btn,
.wrapper.uphome-detail .reject-bar .btn {
padding: 5px 10px;
background: #00b38a;
color: #fff;
font-size: 15px;
border: 1px solid #fff;
margin-top: -4px;
}
.wrapper.uphome-detail .info.schoolfair {
background-color: #f8f8f8;
border-bottom: none;
padding-top: 10px;
}
.wrapper.uphome-detail .info.schoolfair h4 {
border-bottom: 1px dashed #ccc;
margin: 0 20px 15px 20px;
font-weight: normal;
color: #333;
line-height: 35px;
font-size: 18px;
}
.wrapper.uphome-detail .info.schoolfair .first-sec {
padding-left: 20px;
}
.wrapper.uphome-detail .info.schoolfair .third-sec {
padding-right: 20px;
}
.wrapper.uphome-detail p.table-tit {
line-height: 38px;
color: #00b38a;
font-size: 18px;
}
.wrapper.uphome-detail .oper-btns {
padding: 23px 0;
}
.wrapper.uphome-detail .oper-btns .xxc-btn {
margin-left: 20px;
}
.wrapper.uphome-apply {
margin-top: 20px;
padding: 20px 30px 40px 30px;
}
.wrapper.uphome-apply .position-relative {
position: relative;
}
.wrapper.uphome-apply .tip-text {
display: block;
width: 100px;
color: #E1504A;
font-size: 14px;
position: absolute;
right: -105px;
top: 3px;
}
.wrapper.uphome-apply .page-title {
text-align: center;
padding-bottom: 25px;
padding-top: 5px;
margin-bottom: 30px;
font-size: 24px;
border-bottom: 1px dashed #00b38a;
font-weight: normal;
color: #00b38a;
}
.wrapper.uphome-apply .apply-form {
margin: 0 auto;
}
.wrapper.uphome-apply .apply-form .item-selected {
display: inline-block;
max-width: 400px;
}
.wrapper.uphome-apply .apply-form .item-selected .item {
display: inline-block;
padding: 10px;
border: 1px solid #d5dadf;
color: #666;
border-radius: 2px;
margin-right: 10px;
margin-top: 5px;
}
.wrapper.uphome-apply .apply-form .item-selected .item i {
margin-right: 0px;
cursor: pointer;
margin-left: 5px;
}
.wrapper.uphome-apply .apply-form .xxc-btn {
height: 41px;
line-height: 39px;
margin-top: 30px;
}
.school-select p {
margin-bottom: 16px;
}
.school-select .province-city {
padding-bottom: 20px;
border-bottom: 1px solid #eee;
margin-bottom: 20px;
}
.school-select .province-city .city-list li {
width: 206px;
margin-bottom: 10px;
float: left;
}
.school-select .school-list li {
width: 206px;
margin-bottom: 16px;
float: left;
}
/* Apply these styles only when #preview-pane has
been placed within the Jcrop widget */
.jcrop-holder #preview-pane {
display: block;
position: absolute;
z-index: 2000;
top: 0px;
right: -250px;
padding: 0px;
border: 1px rgba(0, 0, 0, 0.4) solid;
background-color: white;
border-radius: 50%;
-webkit-box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2);
box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2);
overflow: hidden;
}
/* The Javascript code will set the aspect ratio of the crop
area based on the size of the thumbnail preview,
specified here */
#preview-pane .preview-container {
width: 220px;
height: 220px;
overflow: hidden;
}
.account_wrap {
width: 1200px;
margin: 0 auto;
padding-top: 30px;
background: #fff;
}
.account_wrap .main-wrap {
width: 995px;
min-height: 930px;
background: #fff;
margin-left: 205px;
padding: 0 25px 30px 30px;
}
.account_wrap .main-wrap .web-nav {
color: #999;
font-size: 14px;
}
.account_wrap .main-wrap .web-nav a:nth-last-of-type(1) {
color: #00B38A;
}
.account_wrap .main-wrap .account_info_wrap {
width: 600px;
height: 740px;
border: 1px solid #D5DADF;
border-radius: 5px;
margin: 105px auto 35px;
background: #f7f7f7;
position: relative;
}
.account_wrap .main-wrap .account_info_wrap .head-img {
width: 200px;
height: 200px;
border: 2px solid #D5DADF;
background: #f7f7f7;
border-radius: 50%;
position: absolute;
left: 50%;
top: 0;
margin-left: -100px;
margin-top: -100px;
z-index: 1;
overflow: hidden;
}
.account_wrap .main-wrap .account_info_wrap .head-img a {
display: block;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.account_wrap .main-wrap .account_info_wrap .head-img a i {
position: absolute;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -45px;
}
.account_wrap .main-wrap .account_info_wrap .head-img a span {
display: block;
position: absolute;
width: 100%;
line-height: 20px;
text-align: center;
top: 50%;
left: 0;
margin-top: 50px;
color: #babfb5;
}
.account_wrap .main-wrap .account_info_wrap .head-img img {
width: 100%;
height: 100%;
position: absolute;
}
.account_wrap .main-wrap .account_info_wrap .info-form {
width: 100%;
padding: 0 10px;
margin-top: 140px;
}
.account_wrap .main-wrap .account_info_wrap .info-form li {
margin-bottom: 30px;
}
.account_wrap .main-wrap .account_info_wrap .info-form li .xxc-input-text {
width: 400px;
}
.account_wrap .main-wrap .account_info_wrap .info-form li span {
display: inline-block;
line-height: 45px;
}
.account_wrap .main-wrap .account_info_wrap .info-form li span:nth-of-type(1) {
width: 95px;
text-align: right;
}
.account_wrap .main-wrap .account_info_wrap .info-form li .required:before {
display: inline-block;
content: '*';
vertical-align: middle;
color: #f00;
margin-right: 3px;
}
.account_wrap .main-wrap .account_info_wrap .submit-info {
width: 480px;
height: 46px;
display: block;
margin: 0 auto;
}
.account_wrap .main-wrap .changepwd_wrap {
width: 480px;
margin: 30px auto 0;
}
.account_wrap .main-wrap .changepwd_wrap .tit {
font-size: 17px;
line-height: 17px;
color: #00B38A;
width: 100%;
height: 20px;
position: relative;
}
.account_wrap .main-wrap .changepwd_wrap .tit i {
display: block;
width: 100%;
height: 1px;
background: #00B38A;
position: absolute;
top: 9px;
left: 0;
}
.account_wrap .main-wrap .changepwd_wrap .tit span {
display: block;
position: absolute;
padding: 0 15px;
background: #fff;
left: 50%;
top: 0;
margin-left: -50px;
}
.account_wrap .main-wrap .changepwd_wrap .change-pwd-btn {
width: 480px;
height: 46px;
font-size: 17px;
}
.account_wrap .main-wrap .changepwd_wrap li {
margin-top: 30px;
}
.account_wrap .main-wrap .changepwd_wrap li span {
display: block;
float: left;
width: 80px;
text-align: right;
line-height: 43px;
color: #333;
}
.account_wrap .main-wrap .changepwd_wrap li .required:before {
display: inline-block;
content: '*';
vertical-align: middle;
color: #f00;
margin-right: 3px;
}
.account_wrap .main-wrap .changepwd_wrap li input.xxc-input-text {
width: 400px;
}
.info-code-span {
position: relative;
}
.info-code-img {
position: absolute;
cursor: pointer;
width: 100px;
height: 30px;
left: 10px;
top: 11px;
}
.info-code-input {
padding-left: 120px;
}
.phone-code-span {
position: relative;
}
.phone-code-get {
position: absolute;
top: 11px;
right: 0;
width: 110px;
height: 24px;
border-left: 1px solid #eee;
text-align: center;
color: #00b38a;
cursor: pointer;
font-size: 14px;
line-height: 24px;
}
.phone-code-sec {
position: absolute;
width: 110px;
height: 45px;
right: 0;
top: 2px;
color: #ffffff;
background-color: #ddd;
text-align: center;
line-height: 45px;
font-size: 14px;
}
.phone-code-sec div {
display: inline-block;
}
.at-phone-ct li span {
display: inline-block !important;
line-height: 45px!important;
}
.at-phone-ct li {
display: block;
overflow: hidden;
}
.at-phone-ct li input {
width: 360px!important;
}
.at-phone-ct li .required {
width: 100px!important;
}
.at-phone-ct li span:nth-of-type(2) {
width: 360px!important;
}
.at-phone-span {
position: relative;
}
.at-phone-span div {
position: absolute;
line-height: 20px;
}
.at-phone-span div:first-child {
top: 12px;
right: 6px;
text-align: center;
}
.account_wrap .main-wrap .changepwd_wrap .at-phone-ct li .at-phone-span:before {
display: inline-block;
content: '*';
vertical-align: middle;
color: #f00;
margin-right: 84px;
}
.info-ct {
position: relative;
}
.info-ct-user {
position: absolute;
top: 40px;
left: 0;
}
.info-ct-phone {
position: absolute;
top: 70px;
left: 0;
}
.hireset_wrap {
width: 1200px;
margin: 0 auto;
padding-top: 30px;
background: #fff;
}
.hireset_wrap .main-wrap {
width: 995px;
min-height: 930px;
background: #fff;
margin-left: 205px;
padding: 0 25px 30px 30px;
}
.hireset_wrap .main-wrap .web-nav {
color: #999;
font-size: 14px;
}
.hireset_wrap .main-wrap .web-nav a:nth-last-of-type(1) {
color: #00B38A;
}
.hireset_wrap .main-wrap .add-interview-wrap,
.hireset_wrap .main-wrap .add-reject-wrap {
width: 100%;
height: 48px;
border-bottom: 1px solid #D5DADF;
margin-top: -30px;
}
.hireset_wrap .main-wrap .add-interview-wrap .add-interview,
.hireset_wrap .main-wrap .add-reject-wrap .add-interview,
.hireset_wrap .main-wrap .add-interview-wrap .add-reject,
.hireset_wrap .main-wrap .add-reject-wrap .add-reject {
float: right;
width: 130px;
padding: 0;
border-radius: 5px;
}
.hireset_wrap .main-wrap .temple-list {
width: 100%;
}
.hireset_wrap .main-wrap .temple-list > li {
width: 100%;
height: 140px;
border: 1px solid #D5DADF;
margin-top: 20px;
}
.hireset_wrap .main-wrap .temple-list > li .temple-title {
height: 41px;
background: #f8f8f8;
border-bottom: 1px dashed #D5DADF;
padding: 0 20px;
line-height: 40px;
color: #333;
}
.hireset_wrap .main-wrap .temple-list > li .temple-title .temple-operation {
position: relative;
}
.hireset_wrap .main-wrap .temple-list > li .temple-title .temple-operation a {
display: inline-block;
color: #00B38A;
padding: 0 12px;
font-size: 14px;
line-height: 14px;
}
.hireset_wrap .main-wrap .temple-list > li .temple-title .temple-operation a:nth-last-of-type(1) {
border-left: 1px solid #D5DADF;
padding-right: 0;
}
.hireset_wrap .main-wrap .temple-list > li .temple-main {
padding: 10px 20px;
}
.hireset_wrap .main-wrap .temple-list > li .temple-main p {
line-height: 26px;
font-size: 14px;
color: #666;
}
.hireset_wrap .main-wrap .temple-list > li .temple-main p span {
display: inline-block;
}
.hireset_wrap .main-wrap .temple-list > li .temple-main p span:nth-of-type(1) {
width: 70px;
text-align: right;
}
.interview-box,
.reject-box {
width: 550px;
margin: 0 auto;
}
.interview-box > div,
.reject-box > div {
width: 100%;
line-height: 46px;
margin-bottom: 20px;
}
.interview-box > div span,
.reject-box > div span {
display: inline-block;
width: 70px;
text-align: right;
}
.interview-box > div .xxc-input-text,
.reject-box > div .xxc-input-text {
width: 480px;
height: 44px;
}
.reject-box .xxc-input-textarea {
width: 480px;
height: 165px;
}
.comm-word {
padding-right: 239px;
}
.comm-word-alert textarea {
width: 377px;
height: 192px;
border: 1px solid #eeeeee;
border-radius: 3px;
padding: 7px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
outline: none;
resize: none;
font-size: 14px;
color: #A9A9A9;
}
.comm-word-alert-div {
font-size: 12px;
color: #A9A9A9;
text-align: right;
}
.comm-word-list {
padding: 17px 14px;
position: relative;
background: #ffffff;
border: 1px solid #e5e5e5;
border-radius: 3px;
color: #333333;
font-size: 14px;
margin-top: 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.comm-word-btn {
position: absolute;
right: 31px;
top: 19px;
display: table;
}
.comm-word-btn div {
display: inline-block;
margin-right: 60px;
cursor: pointer;
color: #666666;
font-size: 14px;
}
.comm-word-btn div:last-child {
margin-right: 0;
}
.clearfix:after {
content: '';
display: block;
clear: both;
}
.olnd-tp {
position: relative;
}
.olnd-tp-banner {
width: 100%;
height: 220px;
background: #1979DC;
overflow: hidden;
position: relative;
}
.olnd-tp-banner-p1 {
position: absolute;
top: 50px;
width: 1094px;
text-align: center;
font-size: 37px;
color: #ffffff;
text-shadow: 0.1em 0.1em #0959B6;
letter-spacing: 2px;
}
.olnd-tp-banner-p2 {
font-family: "\9ED1\4F53";
position: absolute;
top: 100px;
width: 1094px;
text-align: center;
font-size: 37px;
color: #ffffff;
text-shadow: 0.1em 0.1em #0959B6;
}
.olnd-tp-banner-a {
display: block;
position: absolute;
z-index: 100;
width: 160px;
height: 50px;
bottom: 20px;
left: 464px;
cursor: pointer;
}
.olnd-tp-banner-img {
width: 1200px;
height: 220px;
margin: 0 auto;
position: relative;
}
.olnd-tp-banner-img img {
width: 100%;
height: 100%;
}
.olnd-tp-bt {
width: 100%;
height: 102px;
background: #ffffff;
}
.olnd-tp-bt-ct {
width: 1200px;
height: 100%;
margin: 0 auto;
padding-top: 20px;
}
.olnd-tp-li {
height: 64px;
display: inline-block;
vertical-align: middle;
border-right: 2px solid #00B48A;
text-align: center;
color: #26BA93;
width: 33%;
}
.olnd-tp-li p:first-child {
font-size: 18px;
}
.olnd-tp-li p:last-child {
font-size: 27px;
}
.olnd-tp-li:last-child {
border-right: none;
}
/*定义滚动条宽高及背景，宽高分别对应横竖滚动条的尺寸*/
.olnd-rt-div::-webkit-scrollbar {
width: 8px;
height: 8px;
background-color: #fefefe;
}
/*定义滚动条的轨道，内阴影及圆角*/
.olnd-rt-div::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
border-radius: 5px;
background-color: #fefefe;
}
/*定义滑块，内阴影及圆角*/
.olnd-rt-div::-webkit-scrollbar-thumb {
/*width: 10px;*/
border-radius: 5px;
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
background-color: #E4E8EB;
}
.main .comset-center {
min-height: calc(100vh - 125px);
margin: 0 auto;
height: 100%;
}
.main .comset-center .content-center {
width: 1425px;
margin: 0 auto;
background-color: #fff;
min-height: calc(100vh - 125px);
padding-bottom: 40px;
}
.main .comset-center .content-center .icon-bg {
width: 1425px;
margin: 0 auto;
}
.main .comset-center .content-center .icon-bg .header-left {
float: left;
}
.main .comset-center .content-center .icon-bg .header-left .icon-left-bg {
margin-left: 70px;
margin-top: 30px;
position: relative;
}
.main .comset-center .content-center .icon-bg .header-left .icon-left-bg p {
position: absolute;
font-size: 45px;
color: #fff;
}
.main .comset-center .content-center .icon-bg .header-left .icon-left-bg p:first-of-type {
left: 40px;
top: 25px;
}
.main .comset-center .content-center .icon-bg .header-left .icon-left-bg p:last-of-type {
right: 40px;
top: 25px;
}
.main .comset-center .content-center .icon-bg .header-left .icon-left-bg .icon-zhima {
position: absolute;
bottom: -57px;
left: 83px;
}
.main .comset-center .content-center .icon-bg .header-right {
float: right;
margin-right: 120px;
margin-top: 30px;
width: 515px;
height: 150px;
}
.main .comset-center .content-center .icon-bg .header-right p {
font-size: 22px;
color: #fff;
height: 50px;
}
.main .comset-center .content-center .icon-bg .header-right .title span {
color: #F6FF00;
font-size: 30px;
font-weight: bold;
text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.73);
}
.main .comset-center .content-center .icon-bg .header-right .explain i {
padding-left: 15px;
font-weight: bold;
font-size: 20px;
}
.main .comset-center .content-center .icon-bg .header-right .lists {
font-size: 16px;
height: auto;
margin-bottom: 6px;
}
.main .comset-center .content-center .icon-bg .header-right .lists span {
padding-right: 20px;
}
.main .comset-center .content-center .icon-bg .header-right .lists span i {
margin-right: 10px;
}
.main .comset-center .content-center .icon-bg .header-right .lists span .num {
padding-left: 10px;
}
.main .comset-center .content-center .attestation {
width: 694px;
padding-top: 30px;
margin-right: auto;
margin-left: auto;
}
.main .comset-center .content-center .attestation .attestation-step {
padding-bottom: 60px;
}
.main .comset-center .content-center .attestation .attestation-step span:first-child {
cursor: pointer;
}
.main .comset-center .content-center .attestation .attestation-step .fill-invoice {
cursor: pointer;
}
.main .comset-center .content-center .attestation .attestation-step span {
font-size: 16px;
line-height: 42px;
padding-left: 35px;
color: #999;
}
.main .comset-center .content-center .attestation .attestation-step span.active {
color: #fff;
}
.main .comset-center .content-center .attestation .attestation-step span.issteped {
opacity: .6;
}
.main .comset-center .content-center .attestation .attestation-content {
display: none;
}
.main .comset-center .content-center .attestation .attestation-content .content-left {
float: left;
}
.main .comset-center .content-center .attestation .attestation-content .content-left p {
margin-bottom: 25px;
font-size: 16px;
}
.main .comset-center .content-center .attestation .attestation-content .content-left p input {
padding: 18px;
width: 320px;
margin-left: 30px;
border-radius: 5px;
border: 1px solid #DBDBDB;
}
.main .comset-center .content-center .attestation .attestation-content .content-left p input:focus {
border: 1px solid #11AB86;
}
.main .comset-center .content-center .attestation .attestation-content .content-left button {
width: 100%;
padding: 14px;
font-size: 14px;
background-color: #00B48A;
color: #fff;
margin-top: 15px;
border-radius: 5px;
}
.main .comset-center .content-center .attestation .attestation-content .content-right {
margin-left: 30px;
}
.main .comset-center .content-center .attestation .attestation-content .content-right p {
font-size: 16px;
font-weight: bold;
padding-left: 60px;
}
.main .comset-center .content-center .attestation .attestation-content .content-right .reminder {
font-size: 14px;
color: #00B48A;
padding: 25px;
line-height: 2;
font-weight: normal;
}
.main .comset-center .content-center .attestation .attestation-sweep-code {
display: none;
}
.main .comset-center .content-center .attestation .attestation-sweep-code .content-left {
width: 280px;
height: 280px;
border: 1px solid #CECECE;
position: relative;
float: left;
padding: 20px;
}
.main .comset-center .content-center .attestation .attestation-sweep-code .content-left .QR-code {
width: 278px;
height: 278px;
}
.main .comset-center .content-center .attestation .attestation-sweep-code .content-left .icon-sweep {
position: absolute;
left: -90px;
top: 75px;
}
.main .comset-center .content-center .attestation .attestation-sweep-code .content-left .tips {
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
text-align: center;
position: absolute;
right: -40px;
padding-top: 40px;
}
.main .comset-center .content-center .attestation .attestation-sweep-code .content-left .tips span {
padding-bottom: 14px;
color: #1E82D2;
}
.main .comset-center .content-center .attestation .attestation-sweep-code .content-left .tips .icon-recognition {
margin-right: 5px;
}
.main .comset-center .content-center .attestation .attestation-sweep-code .content-right {
float: right;
width: 280px;
height: 280px;
border: 1px dashed #DCDCDC;
border-radius: 0 30px 0 30px;
position: relative;
padding: 20px 26px 20px 30px;
}
.main .comset-center .content-center .attestation .attestation-sweep-code .content-right .icon-help {
position: absolute;
top: 110px;
left: -8px;
background-color: #fff;
}
.main .comset-center .content-center .attestation .attestation-sweep-code .content-right p {
margin-bottom: 20px;
}
.main .comset-center .content-center .attestation .attestation-sweep-code .content-right p:last-of-type {
margin-bottom: 10px;
}
.main .comset-center .content-center .attestation .attestation-sweep-code .content-right .wechat-code .code-info {
padding-top: 12px;
width: 140px;
float: left;
}
.main .comset-center .content-center .attestation .attestation-sweep-code .content-right .wechat-code .code-info span {
font-size: 12px;
line-height: 18px;
}
.main .comset-center .content-center .attestation .attestation-sweep-code .content-right .icon-qr-Code {
float: left;
}
.main .comset-center .content-center .attestation .attestation-sweep-code .important-notice {
margin-top: 20px;
background-color: #F2FBF9;
color: #00B48A;
padding: 20px;
}
.main .comset-center .content-center .attestation .attestation-sweep-code .important-notice p {
line-height: 23px;
}
.main .comset-center .content-center .attestation .identify-jump,
.main .comset-center .content-center .attestation .vip-jump {
display: none;
padding-top: 50px;
text-align: center;
}
.main .comset-center .content-center .attestation .identify-jump p,
.main .comset-center .content-center .attestation .vip-jump p {
font-size: 20px;
padding: 20px 0;
}
.main .comset-center .content-center .attestation .identify-jump p span,
.main .comset-center .content-center .attestation .vip-jump p span {
color: #00B48A;
padding: 0 8px;
}
.main .comset-center .content-center .attestation .identify-jump button,
.main .comset-center .content-center .attestation .vip-jump button {
width: 150px;
height: 40px;
background-color: #00B48A;
color: #fff;
border-radius: 5px;
font-size: 15px;
}
.main .comset-center .content-center .attestation .vip-jump {
display: none;
}
.main .comset-center .content-center .attestation .invoice {
display: none;
}
.main .comset-center .content-center .attestation .invoice .invoice-info {
width: 480px;
padding-left: 10px;
float: left;
border-right: 1px dashed #D8D8D8;
}
.main .comset-center .content-center .attestation .invoice .invoice-info p {
margin-bottom: 15px;
}
.main .comset-center .content-center .attestation .invoice .invoice-info p label {
display: inline-block;
color: #666666;
vertical-align: middle;
font-size: 14px;
width: 56px;
word-wrap: break-word;
margin-right: 10px;
}
.main .comset-center .content-center .attestation .invoice .invoice-info p input {
width: 300px;
height: 40px;
border: 1px solid #E7E8EE;
padding-left: 10px;
}
.main .comset-center .content-center .attestation .invoice .invoice-info p span {
color: #A4A4A4;
padding-left: 5px;
}
.main .comset-center .content-center .attestation .invoice .save-info {
float: left;
width: 213px;
height: 385px;
position: relative;
}
.main .comset-center .content-center .attestation .invoice .save-info div {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.main .comset-center .content-center .attestation .invoice .save-info div button {
width: 160px;
height: 50px;
background-color: #00B48A;
color: #fff;
border-radius: 5px;
}
.main .comset-center .content-center .attestation .invoice .save-info div p {
text-align: center;
margin-top: 20px;
color: #666666;
cursor: pointer;
}
.main .comset-center .content-center .attestation .pay {
display: none;
}
.main .comset-center .content-center .attestation .pay .pay-choice {
margin-bottom: 30px;
margin-top: -20px;
}
.main .comset-center .content-center .attestation .pay .pay-choice div {
width: 220px;
height: 70px;
border: 1px solid #DCDEE6;
float: left;
padding: 20px 30px;
margin-right: 16px;
font-size: 16px;
}
.main .comset-center .content-center .attestation .pay .pay-choice div i {
margin-right: 16px;
}
.main .comset-center .content-center .attestation .pay .pay-choice div:last-of-type {
margin-right: 0;
}
.main .comset-center .content-center .attestation .pay .pay-choice div.active {
border: 2px solid #00B38A;
-webkit-box-shadow: .3px .3px .3px #00B38A;
box-shadow: .3px .3px .3px #00B38A;
}
.main .comset-center .content-center .attestation .pay .pay-info {
padding: 20px 30px;
border: 1px solid #ccc;
display: none;
}
.main .comset-center .content-center .attestation .pay .pay-info .left-info {
width: 280px;
float: left;
}
.main .comset-center .content-center .attestation .pay .pay-info .left-info p {
margin-bottom: 15px;
}
.main .comset-center .content-center .attestation .pay .pay-info .left-info p span {
font-size: 18px;
color: #F34E4E;
}
.main .comset-center .content-center .attestation .pay .pay-info .left-info .code-content {
width: 280px;
height: 280px;
border: 1px solid #55B737;
padding: 35px;
position: relative;
}
.main .comset-center .content-center .attestation .pay .pay-info .left-info .code-content p {
position: absolute;
bottom: -23px;
left: 90px;
text-align: center;
width: 100px;
color: #999;
background-color: #fff;
}
.main .comset-center .content-center .attestation .pay .pay-info .left-info .tips {
text-align: center;
margin-top: 20px;
margin-bottom: 0px;
}
.main .comset-center .content-center .attestation .pay .pay-info .right-info {
padding-left: 40px;
float: right;
width: 300px;
}
.main .comset-center .content-center .attestation .pay .pay-info .right-info p {
margin-bottom: 20px;
}
.main .comset-center .content-center .attestation .pay .pay-info.active {
display: block;
}
.main .comset-center .content-center .attestation .pay .pay-info:last-child {
border: none;
padding: 0;
}
.main .comset-center .content-center .attestation .pay .pay-detail {
padding: 20px;
width: 510px;
height: 170px;
border: 2px dashed #0066B3;
float: left;
}
.main .comset-center .content-center .attestation .pay .pay-detail p {
line-height: 26px;
}
.main .comset-center .content-center .attestation .pay .pay-detail p .number {
color: #F35151;
font-size: 18px;
}
.main .comset-center .content-center .attestation .pay .upload-content {
width: 155px;
height: 170px;
float: right;
border: 1px solid #DCDEE6;
}
.main .comset-center .content-center .attestation .pay .upload-content .upload-logo {
height: 130px;
border-bottom: 1px solid #DCDEE6;
text-align: center;
}
.main .comset-center .content-center .attestation .pay .upload-content .upload-logo .icon-upload {
margin-top: 35px;
}
.main .comset-center .content-center .attestation .pay .upload-content label {
line-height: 40px;
text-align: center;
display: inherit;
cursor: pointer;
}
.main .comset-center .content-center .attestation .pay .upload-content input {
display: none;
}
.main .comset-center .content-center .attestation .pay .submit-button {
width: 100%;
margin-top: 70px;
padding-top: 50px;
text-align: center;
border-top: 1px solid #DCDEE6;
}
.main .comset-center .content-center .attestation .pay .submit-button button {
width: 185px;
height: 50px;
background-color: #00B38A;
border-radius: 5px;
color: #fff;
font-size: 16px;
}
.main .comset-center .content-center .icon-bg2 {
position: relative;
}
.main .comset-center .content-center .icon-bg2 .icon-certified-img {
position: absolute;
bottom: 0;
left: 50%;
margin-left: -600px;
}
.main .comset-center .content-center .icon-bg2 .icon-certified-img img {
width: 90px;
height: 90px;
position: absolute;
border-radius: 50%;
left: 50%;
bottom: 6px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
border: 1px solid #fff;
}
.main .comset-center .content-center .completed-content {
width: 1200px;
margin: 0 auto;
padding-top: 30px;
padding-bottom: 30px;
-webkit-box-shadow: 2px 3px 2px #2b88931f;
box-shadow: 2px 3px 2px #2b88931f;
}
.main .comset-center .content-center .completed-content .person-info {
text-align: center;
font-size: 18px;
color: #666666;
letter-spacing: 5px;
}
.main .comset-center .content-center .completed-content .person-info button {
background-color: #fff;
padding: 3px 6px;
border: 1px solid #CCCCCC;
color: #999;
border-radius: 3px;
}
.main .comset-center .content-center .completed-content .completed-info {
margin-top: 5px;
text-align: center;
color: #999;
}
.main .comset-center .content-center .completed-content .completed-info span {
padding: 0 10px;
}
.main .comset-center .content-center .completed-content .privilege {
text-align: center;
margin-top: 30px;
margin-bottom: 30px;
}
.main .comset-center .content-center .completed-content .privilege i {
font-size: 16px;
position: relative;
}
.main .comset-center .content-center .completed-content .privilege i span {
position: absolute;
left: 25px;
top: -5px;
font-weight: bold;
}
.main .comset-center .content-center .completed-content .privilege img {
margin-top: 50px;
}
.dialog-tip h3:first-child {
margin-bottom: 10px;
}
.dialog-tip h3:last-child {
margin-top: 10px;
}
.dialog-tip p {
padding-left: 2em;
}
.h-center-top {
width: 100%;
height: 160px;
background: linear-gradient(144deg, #01b1c0 0%, #10d3a4 100%);
text-align: center;
}
.h-center-top .top-cn {
width: 130px;
height: 29px;
font-size: 29px;
font-family: PingFang SC;
font-weight: bold;
color: #ffffff;
line-height: 37px;
margin: 0 auto;
padding: 40px 0 0 0;
}
.h-center-top .top-en {
width: 160px;
height: 16px;
font-size: 20px;
font-family: PingFang SC;
font-weight: 400;
color: #ffffff;
line-height: 37px;
margin: 0 auto;
padding: 40px 0 0 0;
}
.h-center .h-c-title {
text-align: center;
padding: 30px 0;
font-size: 23px;
font-family: PingFang SC;
font-weight: bold;
color: #666666;
line-height: 37px;
}
.h-center-problem {
width: 1200px;
border-radius: 5px;
margin: 0 auto;
}
.h-center-problem .h-c-p-left {
width: 170px;
background: #EDF0F1;
float: left;
}
.h-center-problem .h-c-p-left .problem-category {
width: 170px;
background: #ffffff;
-webkit-box-shadow: 1px 2px 18px 0px rgba(0, 0, 0, 0.02);
box-shadow: 1px 2px 18px 0px rgba(0, 0, 0, 0.02);
border-radius: 5px 0px 0px 5px;
text-align: center;
font-size: 16px;
font-family: PingFang SC;
font-weight: 400;
color: #666666;
padding: 24px 0;
margin-bottom: 1px;
}
.h-center-problem .h-c-p-right {
width: 1030px;
min-height: 580px;
float: left;
background: white;
-webkit-box-shadow: 0 0 18px 0 rgba(0, 28, 30, 0.08);
box-shadow: 0 0 18px 0 rgba(0, 28, 30, 0.08);
border-radius: 0 5px 5px 5px;
}
.h-center-problem .h-c-p-right .problem-msg-title {
font-size: 16px;
font-family: PingFang SC;
color: #333333;
padding: 15px 0 15px 40px;
}
.h-center-problem .h-c-p-right .problem-msg .pro-list-content {
margin: 0 40px;
}
.h-center-problem .h-c-p-right .problem-msg .pro-list-content .problem-title {
font-size: 14px;
font-family: PingFang SC;
font-weight: bold;
color: #333333;
padding: 15px 0 10px 0;
}
.h-center-problem .h-c-p-right .problem-msg .pro-list-content .problem-content {
padding-bottom: 10px;
line-height: 22px;
color: #666666;
}
.h-center-problem .h-c-p-right .p-feedback {
width: 100%;
font-size: 14px;
font-family: PingFang SC;
font-weight: bold;
color: #333333;
line-height: 70px;
border-top: 1px solid #EDF0F1;
padding-left: 40px;
padding-bottom: 15px;
}
.h-center-problem .h-c-p-right .p-feedback button {
width: 98px;
height: 40px;
color: white;
background: #00b38a;
border-radius: 3px;
margin-left: 20px;
}
.problem-category-select {
color: #42C6A8 !important;
position: relative;
z-index: 1;
}
.problem-category-border {
border-left: 1px solid #EDF0F1;
}
#app-main {
padding-bottom: 91px !important;
}
@font-face {
font-family: "rights_icon";
/* Project id */
src: url('data:application/x-font-woff2;charset=utf-8;base64,AAEAAAALAIAAAwAwR1NVQiCLJXoAAAE4AAAAVE9TLzI8lUkVAAABjAAAAGBjbWFwZaLRFQAAAfgAAAGGZ2x5Zu4WcXUAAAOIAAAAxGhlYWQdtnP9AAAA4AAAADZoaGVhB4IDhwAAALwAAAAkaG10eAwDAAAAAAHsAAAADGxvY2EAMgBiAAADgAAAAAhtYXhwAQ8ALAAAARgAAAAgbmFtZRCjPLAAAARMAAACZ3Bvc3RU6uc7AAAGtAAAADcAAQAAA4D/gAAABAMAAAAABAAAAQAAAAAAAAAAAAAAAAAAAAMAAQAAAAEAAMx7nB9fDzz1AAsEAAAAAADdS5f/AAAAAN1Ll/8AAP/EBAADPgAAAAgAAgAAAAAAAAABAAAAAwAgAAIAAAAAAAIAAAAKAAoAAAD/AAAAAAAAAAEAAAAKADAAPgACREZMVAAObGF0bgAaAAQAAAAAAAAAAQAAAAQAAAAAAAAAAQAAAAFsaWdhAAgAAAABAAAAAQAEAAQAAAABAAgAAQAGAAAAAQAAAAQEAQGQAAUAAAKJAswAAACPAokCzAAAAesAMgEIAAACAAUDAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFBmRWQAwOYk5kQDgP+AAFwD3ACAAAAAAQAAAAAAAAAAAAAAAAACBAAAAAQDAAAEAAAAAAAABQAAAAMAAAAsAAAABAAAAV4AAQAAAAAAWAADAAEAAAAsAAMACgAAAV4ABAAsAAAABgAEAAEAAuYk5kT//wAA5iTmRP//AAAAAAABAAYABgAAAAIAAQAAAQYAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADAAAAAAAKAAAAAAAAAACAADmJAAA5iQAAAACAADmRAAA5kQAAAABAAAAAAAAADIAYgABAAD/4AOkAx4AHwAABSImJxEhIiY0NjMyMwURNDYyFhURITIXFhQGIyERFAYCBQwTBP6jChQSCwIDAV4SGRIBZwsIBhIM/p4SHxUPAVwSGBMBAV4NFhQK/qMNCxYU/p4KFAAAAgAA/8QDvAM+AAwAGQAAFyImNDcBNjIWFAcBBiEiJwEmNDYyFwEWFAZcCg8HA0cHFQ8I/LoHAzsKB/y6CA8VBwNGCA87DxUHA0YHDhUH/LkHBwNHBxUOB/y6BxUPAAAAAAASAN4AAQAAAAAAAAATAAAAAQAAAAAAAQAIABMAAQAAAAAAAgAHABsAAQAAAAAAAwAIACIAAQAAAAAABAAIACoAAQAAAAAABQALADIAAQAAAAAABgAIAD0AAQAAAAAACgArAEUAAQAAAAAACwATAHAAAwABBAkAAAAmAIMAAwABBAkAAQAQAKkAAwABBAkAAgAOALkAAwABBAkAAwAQAMcAAwABBAkABAAQANcAAwABBAkABQAWAOcAAwABBAkABgAQAP0AAwABBAkACgBWAQ0AAwABBAkACwAmAWNDcmVhdGVkIGJ5IGljb25mb250aWNvbmZvbnRSZWd1bGFyaWNvbmZvbnRpY29uZm9udFZlcnNpb24gMS4waWNvbmZvbnRHZW5lcmF0ZWQgYnkgc3ZnMnR0ZiBmcm9tIEZvbnRlbGxvIHByb2plY3QuaHR0cDovL2ZvbnRlbGxvLmNvbQBDAHIAZQBhAHQAZQBkACAAYgB5ACAAaQBjAG8AbgBmAG8AbgB0AGkAYwBvAG4AZgBvAG4AdABSAGUAZwB1AGwAYQByAGkAYwBvAG4AZgBvAG4AdABpAGMAbwBuAGYAbwBuAHQAVgBlAHIAcwBpAG8AbgAgADEALgAwAGkAYwBvAG4AZgBvAG4AdABHAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAHMAdgBnADIAdAB0AGYAIABmAHIAbwBtACAARgBvAG4AdABlAGwAbABvACAAcAByAG8AagBlAGMAdAAuAGgAdAB0AHAAOgAvAC8AZgBvAG4AdABlAGwAbABvAC4AYwBvAG0AAAIAAAAAAAAACgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwECAQMBBAAEcGx1cwZndWFuYmkAAAA=') format('woff2');
}
.rights_icon {
font-family: "rights_icon" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-rights_plus:before {
content: "\E644";
}
.icon-rights_close:before {
content: "\E624";
}
.rights-ct {
margin-bottom: 0!important;
background: -webkit-gradient(linear, left top, right top, from(#FEF8EE), color-stop(#FDF8EE), to(#FFECD2));
background: linear-gradient(90deg, #FEF8EE, #FDF8EE, #FFECD2);
}
.rights-banner {
width: 100%;
font-size: 0;
}
.rights-banner img {
width: 100%;
height: 100%;
}
.rights-service-nav {
width: 100%;
height: 100px;
background: -webkit-gradient(linear, right top, left top, from(#D39F69), color-stop(#E7BC83), to(#F1D4A1));
background: linear-gradient(-90deg, #D39F69, #E7BC83, #F1D4A1);
}
.rights-service-nav-li {
text-align: center;
line-height: 100px;
font-size: 28px;
font-family: PingFang SC;
font-weight: 400;
color: #3A312A;
}
.rights-service-title {
margin: 50px 0 40px;
text-align: center;
font-size: 24px;
font-family: PingFang SC;
font-weight: 400;
color: #242329;
}
.rights-service-list {
width: 1140px;
margin: 0 auto;
padding-bottom: 50px;
}
.rights-service-list-li {
float: left;
width: 360px;
height: 180px;
background: #FFFFFF;
border-radius: 6px;
margin-right: 30px;
margin-bottom: 30px;
padding: 30px 10px 20px 20px;
position: relative;
}
.rights-service-list-li .service-li-top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.rights-service-list-li .service-li-top-img {
width: 68px;
height: 68px;
}
.rights-service-list-li .service-li-top-img img {
width: 100%;
height: 100%;
}
.rights-service-list-li .service-li-top-info {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
margin: 20px 0 0 10px;
}
.rights-service-list-li .service-li-top-info .info-title {
font-size: 22px;
font-family: PingFang SC;
font-weight: 400;
color: #3C2F1B;
}
.rights-service-list-li .service-li-top-info .info-desc {
font-size: 16px;
font-family: PingFang SC;
font-weight: 400;
color: #A69883;
line-height: 20px;
margin-top: 7px;
}
.rights-service-list-li .service-li-bot-info {
text-align: right;
position: absolute;
top: 7px;
right: 20px;
width: 150px;
line-height: 28px;
font-size: 16px;
font-family: PingFang SC;
font-weight: 400;
color: #A69883;
}
.rights-service-list-li .service-li-bot-info .surplus-num {
color: #3C2F1B;
}
.rights-service-list-li .service-li-bot-opr {
width: 185px;
position: absolute;
bottom: 15px;
right: 0px;
}
.rights-service-list-li .service-li-bot-opr .service-opr-li {
display: inline-block;
width: 80px;
height: 28px;
line-height: 28px;
text-align: center;
border-radius: 14px;
background: #E6CEA9;
font-size: 14px;
font-family: PingFang SC;
font-weight: 400;
color: #2D2322;
cursor: pointer;
margin-right: 10px;
}
.rights-service-list-li:hover {
-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.12);
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.12);
}
.rights-service-list-li:nth-child(3n) {
margin-right: 0;
}
.rights-service_more-nav {
width: 100%;
height: 100px;
background: -webkit-gradient(linear, right top, left top, from(#EABC8C), color-stop(#E7BB82), to(#FFE5B9));
background: linear-gradient(-90deg, #EABC8C, #E7BB82, #FFE5B9);
}
.rights-service_more-nav-li {
text-align: center;
line-height: 100px;
font-size: 28px;
font-family: PingFang SC;
font-weight: 400;
color: #3A312A;
}
.rights-service_more-title {
margin: 50px 0 40px;
text-align: center;
font-size: 24px;
font-family: PingFang SC;
font-weight: 400;
color: #242329;
}
.rights-service_more-list {
width: 1140px;
margin: 65px auto 0;
padding-bottom: 50px;
}
.rights-service_more-list-li {
float: left;
width: 360px;
height: 180px;
background: #FFFFFF;
border-radius: 6px;
margin-right: 30px;
margin-bottom: 30px;
padding: 30px 10px 20px 20px;
position: relative;
}
.rights-service_more-list-li .service_more-li-top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.rights-service_more-list-li .service_more-li-top-img {
width: 68px;
height: 68px;
}
.rights-service_more-list-li .service_more-li-top-img img {
width: 100%;
height: 100%;
}
.rights-service_more-list-li .service_more-li-top-info {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
margin: 20px 0 0 10px;
}
.rights-service_more-list-li .service_more-li-top-info .info-title {
font-size: 22px;
font-family: PingFang SC;
font-weight: 400;
color: #3C2F1B;
}
.rights-service_more-list-li .service_more-li-top-info .info-desc {
font-size: 16px;
font-family: PingFang SC;
font-weight: 400;
color: #A69883;
line-height: 20px;
margin-top: 7px;
}
.rights-service_more-list-li .service_more-li-bot-info {
text-align: right;
position: absolute;
top: 7px;
right: 20px;
width: 150px;
line-height: 28px;
font-size: 16px;
font-family: PingFang SC;
font-weight: 400;
color: #A69883;
}
.rights-service_more-list-li .service_more-li-bot-info .surplus-num {
color: #3C2F1B;
}
.rights-service_more-list-li .service_more-li-bot-opr .service_more-opr-li {
position: absolute;
right: 20px;
bottom: 15px;
display: inline-block;
min-width: 80px;
height: 28px;
line-height: 28px;
text-align: center;
border-radius: 14px;
background: #E6CEA9;
font-size: 14px;
font-family: PingFang SC;
font-weight: 400;
color: #2D2322;
cursor: pointer;
margin-left: 10px;
padding: 0 15px;
}
.rights-service_more-list-li-more {
float: left;
width: 360px;
height: 180px;
border: 1px solid #F0DDBE;
border-radius: 6px;
cursor: pointer;
}
.rights-service_more-list-li-more .service_more-li-more {
width: 100%;
height: 100%;
background: #F5E9D4;
padding: 34px 0 0;
}
.rights-service_more-list-li-more .service_more-li-more-icon {
width: 74px;
height: 74px;
margin: 0 auto 10px;
text-align: center;
line-height: 74px;
border: 1px solid #322822;
border-radius: 50%;
}
.rights-service_more-list-li-more .service_more-li-more-icon .icon-rights_plus {
font-size: 24px;
color: #322822;
}
.rights-service_more-list-li-more .service_more-li-more-txt {
text-align: center;
font-size: 18px;
font-family: PingFang SC;
font-weight: 400;
color: #2D2620;
}
.rights-service_more-list-li-more:hover {
-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.12);
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.12);
}
.rights-service_more-list-li:hover {
-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.12);
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.12);
}
.rights-service_more-list-li:nth-child(3n) {
margin-right: 0;
}
.rights-buy {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 999;
background: rgba(0, 0, 0, 0.4);
}
.rights-popup {
width: 620px;
height: 480px;
margin: 200px auto;
background: #FFFFFF;
border-radius: 8px;
}
.rights-popup-top {
width: 100%;
height: 60px;
line-height: 60px;
border-bottom: 1px solid #E5E5E5;
padding-left: 35px;
position: relative;
}
.rights-popup-top-title {
font-size: 24px;
font-family: PingFang SC;
font-weight: 600;
color: #333333;
}
.rights-popup-top .icon-rights_close {
position: absolute;
top: 15px;
right: 15px;
z-index: 999;
line-height: 15px;
font-size: 15px;
color: #999999;
cursor: pointer;
}
.rights-popup-main {
padding: 15px 35px;
}
.rights-popup-main-title {
font-size: 22px;
font-family: PingFang SC;
font-weight: 600;
color: #333333;
}
.rights-popup-main-decs {
margin-top: 15px;
font-size: 16px;
font-family: PingFang SC;
font-weight: 400;
color: #666666;
}
.rights-popup-main-info {
width: 550px;
height: 183px;
background: #F6F6F6;
border-radius: 4px;
padding: 15px 20px;
margin-top: 25px;
}
.rights-popup-main-info-txt {
font-size: 14px;
font-family: PingFang SC;
font-weight: 400;
color: #999999;
}
.rights-popup-main-info-txt span {
color: red;
}
.rights-popup-main-info-choose {
margin-top: 10px;
}
.rights-popup-main-info-choose .choose-li {
width: 91px;
height: 118px;
display: inline-block;
background: url("https://img1.xiaoxiancai.com.cn/company/otherImg/rights/vipcenter_buy.png");
background-size: 100% 100%;
text-align: center;
cursor: pointer;
margin-right: 15px;
}
.rights-popup-main-info-choose .choose-li-num {
font-size: 16px;
font-family: PingFang SC;
font-weight: 500;
color: #3E3025;
margin-top: 6px;
}
.rights-popup-main-info-choose .choose-li-price {
font-size: 20px;
font-family: PingFang SC;
font-weight: bold;
color: #333333;
margin-top: 18px;
}
.rights-popup-main-info-choose .choose-li-txt {
font-size: 12px;
font-family: PingFang SC;
font-weight: 300;
color: #3E3025;
margin-top: 25px;
}
.rights-popup-main-info-choose .choose-li-txt span {
color: red;
}
.rights-popup-main-info-choose .choose-li:last-child {
margin-right: 0;
}
.rights-popup-main-info-choose .choose-li-new {
width: 91px;
height: 118px;
display: inline-block;
background: url("https://img1.xiaoxiancai.com.cn/company/otherImg/rights/vipcenter_buy.png");
background-size: 100% 100%;
text-align: center;
cursor: pointer;
margin-right: 15px;
}
.rights-popup-main-info-choose .choose-li-new-num {
font-size: 16px;
font-family: PingFang SC;
font-weight: 500;
color: #3E3025;
margin-top: 6px;
}
.rights-popup-main-info-choose .choose-li-new-price {
font-size: 20px;
font-family: PingFang SC;
font-weight: bold;
color: #333333;
margin-top: 18px;
}
.rights-popup-main-info-choose .choose-li-new-txt {
font-size: 12px;
font-family: PingFang SC;
font-weight: 300;
color: #3E3025;
margin-top: 25px;
}
.rights-popup-main-info-choose .choose-li-new:last-child {
margin-right: 0;
}
.rights-popup-main-buy {
margin-top: 30px;
}
.rights-popup-main-buy-btn {
width: 160px;
height: 40px;
line-height: 40px;
background: #EBC48D;
border-radius: 6px;
margin: 0 auto;
text-align: center;
font-size: 14px;
font-family: PingFang SC;
font-weight: 400;
color: #443B32;
cursor: pointer;
}
.rights-popup-main-buy-txt {
font-size: 12px;
font-family: PingFang SC;
font-weight: 400;
color: #666666;
margin-top: 15px;
text-align: center;
}
.rights-popup-main-buy-txt a {
color: #00B38A;
}
.rights-purchase {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 999;
background: rgba(0, 0, 0, 0.4);
}
.rights-purchase-complete {
margin: 200px auto;
width: 703px;
height: 520px;
background: #FFFFFF;
border-radius: 8px;
}
.rights-purchase-top {
height: 60px;
position: relative;
}
.rights-purchase-top .icon-rights_close {
position: absolute;
top: 15px;
right: 15px;
z-index: 999;
line-height: 15px;
font-size: 15px;
color: #999999;
cursor: pointer;
}
.rights-purchase-main {
padding: 0 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.rights-purchase-main-left {
width: 215px;
margin-right: 35px;
padding-top: 55px;
}
.rights-purchase-main-left-title {
text-align: center;
font-size: 18px;
font-family: PingFang SC;
font-weight: 400;
color: #7D7D7D;
}
.rights-purchase-main-left-title span {
color: #00B38A;
}
.rights-purchase-main-left-erweima {
width: 209px;
height: 209px;
border: 1px solid #C2C1C1;
margin: 20px auto 10px;
text-align: center;
padding-top: 4px;
}
.rights-purchase-main-left-erweima img {
width: 200px;
height: 200px;
}
.rights-purchase-main-left-finish {
width: 160px;
height: 40px;
line-height: 40px;
background: #00B38A;
border-radius: 6px;
font-size: 14px;
font-family: PingFang SC;
font-weight: 400;
color: #FFFFFF;
text-align: center;
margin: 25px auto 0;
cursor: pointer;
}
.rights-purchase-main-left-txt {
width: 213px;
height: 31px;
line-height: 31px;
text-align: center;
background: #F7F7F7;
font-size: 12px;
font-family: PingFang SC;
font-weight: 400;
color: #555555;
}
.rights-purchase-main-right {
width: 350px;
height: 420px;
}
.rights-purchase-main-right img {
width: 100%;
height: 100%;
}
html {
line-height: 1;
width: 100%;
height: 100%;
}
.content {
width: 1200px;
margin: 60px auto 120px;
padding: 0 60px 60px 60px;
background-color: #ffffff;
}
.content h2 {
font-size: 20px;
color: #00B38A;
text-align: center;
padding: 30px 0;
border-bottom: 1px dashed #ddd;
margin-bottom: 30px;
}
.content h4 {
font-size: 18px;
text-align: center;
margin: 10px 0;
}
.content h5 {
font-size: 16px;
margin: 10px 7px;
}
.content p {
font-size: 14px;
line-height: 24px;
color: #666;
margin: 0 15px 0 15px!important;
}