@charset "UTF-8";

/*徽章*/
.badge { display:inline-block; background:#FA6A43; color:#fff; line-height:22px; text-align:center; padding:0 11px; border-radius:15px; font-size:12px;}

/*图标*/
.dot-plenty,.job-banner .job-author .time,.icon-vip,.icon-brand,.link-download,.siderbar-qrcode,.qrcode-layer i,.icon-weibo,.icon-weixin,.icon-app,.location-address,.icon-arrow-down,.icon-arrow-right,.icon-select-arrow,.page a.prev,.page a.next,.home-main .search-box .btn-search,.search-box .btn-search,.icon-arrow-left,.icon-dropdown,.icon-waring,.form-btn .error-tip,.jconfirm .pop-sign-box .jconfirm-box div.closeIcon,.bottom-banner div.closeIcon,.jconfirm .pop-sign-deliver .jconfirm-box div.closeIcon,.jconfirm .pop-tip-box .jconfirm-box div.closeIcon,.jconfirm .pop-imgview .jconfirm-box div.closeIcon,.tip-text,.select-tree li,.nav-search .btn-search,.job-box .more,.company-hotjob .more,.promotion-top .arrow-right, .icon-red-close{ display:inline-block; background-image:url(../../images/icons.png); background-repeat:no-repeat; }
.nav-chat-num {
    display: none;
    position: absolute;
    top: 10px;
    right: -14px;
    height: 14px;
    padding: 0 6px;
    line-height: 14px;
    background-color: #ef505e;
    color: #fff;
    font-size: 12px;
    border-radius: 7px;
}
.dot-plenty { width:11px; height:3px; background-position:0 -117px; margin-top:-1px; vertical-align:middle;}
.icon-vip,.icon-brand { background-position:0 -1150px; width:18px; height:18px; vertical-align:middle; margin-top:-3px; margin-left:15px; }
.icon-brand { background-position:0 -1759px; }
.icon-arrow-down,.icon-select-arrow { width:16px; height:16px; background-position:2px -54px; }
.search-box .icon-arrow-down,.filter-select-box .icon-select-arrow{ background-position:0 -2044px; }
.userinfo-box .icon-select-arrow,.now-city-pos .icon-select-arrow{ background-position:5px -2044px; }
.icon-red-close{ background-position: 2px -2015px;width: 15px;height: 15px;position: relative;top: 3px; }
.dropdown-select-open .icon-select-arrow { background-position:2px -86px; }
.icon-arrow-right { width:16px; height:16px; background-position:4px -886px; }
.icon-waring { background-position:0 -1390px; width:16px; height:16px; vertical-align:middle; margin-top:-3px; margin-left:15px; }
.icon-arrow-left { width:24px; height:24px; background-position:6px -1274px; }
.icon-loading { background:url(../../images/icon-loading.png) no-repeat; display:inline-block; width:17px; height:17px; vertical-align:middle; margin:-1px 14px 0 0;}


/*forms*/
.ipt { padding: 6px 12px 5px 7px; min-height:22px; line-height: 22px; border: 1px solid #E3E7ED; font-size:13px; vertical-align: middle; min-width: 300px;  }
.btn-login, .btn:active, .btn:hover, .ipt-login, .ipt:focus, .menu-more, .nav li a, .other-way a, .sel:focus, .side-menu li a, .prop-list-right .extra-block a { -webkit-transition: all linear .2s; transition: all linear .2s }
.ipt:focus,.radio-checked { border-color: #18C3B1; box-shadow: 1px 2px 3px #D7F4F1; border-color: #59CAC2; }
.ipt-area { width: 400px; height: 100px }
.error:focus, input.error, textarea.error { border-color: red }
.ipt-short { width: 150px; min-width: 0 }
.ipt-num { width: 80px; min-width: 0 }
.ipt-long { width: 100% }
.ipt-wrap { position:relative; }
.ipt-wrap .ipt { padding-right:40px;}
.ipt-wrap .num { position:absolute; right:10px; top:-4px; font-style:normal; color:#ccc; }
.ipt-wrap .num em { font-style:normal;}
.ipt-wrap .num .red { color:#f00;}
.placeholder { color:#9fa3af!important; }
/*.btn { display: inline-block; padding: 0 30px; line-height: 32px; background: #5dd5c8; border: 1px solid #5dd5c8; color: #fff; font-size: 14px; vertical-align: middle; cursor: pointer; margin-right: 10px }
.btn:not(.disabled):hover { background: #6adbcf; color: #fff; border-color: #6adbcf; }
.btn-slight { background: #fff; border-color: #e7eaec; color: #aaa }
.btn-slight:not(.disabled):hover { border-color: #d2d2d2; background: #fff; color: #aaa }
.btn-warning { border-color: #E89D4B; background: #f8ac59 }
.btn-warning:not(.disabled):hover { background: #DE984D; border-color: #CE8B40 }

.btn-success { border-color: #1ab394; background: #1ab394 }
.btn-success:not(.disabled):hover { background: #1A987E; border-color: #1A987E }
.btn-muted { border-color: #D1D1D1; background: #ddd; color: #5E5E5D }
.btn-muted:not(.disabled):hover { background: #CBCBCB; border-color: #BFBFBF; color: #5E5E5D }
.btn.btn-outline,.btn-continue { border-color: #28C3B1; background-color: #fff; color: #28C3B1 }
.btn.btn-outline:hover,.btn-continue:hover { background-color: #4285f4; color: #fff }
.btn-warning.btn-outline { border-color: #f8ac59; color: #f8ac59 }
.btn-warning.btn-outline:hover { background-color: #29D8C4; color: #fff }
.btn-danger.btn-outline { border-color: #ef505e; color: #ef505e }
.btn-danger.btn-outline:hover { background-color: #ef505e; color: #fff }
.btn-success.btn-outline { border-color: #1ab394; color: #1ab394 }
.btn-success.btn-outline:hover { background-color: #1ab394; color: #fff }
.btn-slight.btn-outline { border-color: #E7EAEC; color: #aaa }
.btn-slight.btn-outline:hover { border-color: #d2d2d2; background-color: #E7EAEC; color: #aaa }
.btn-small { padding: 2px 10px 1px; height: auto; font-size: 12px }
.btn .fa { margin-right: 3px }*/

.sel { margin-right: 10px; padding: 6px 7px 7px; vertical-align: middle; border: 1px solid #e5e6e7; border-radius: 1px; outline: 0 }
.sel:focus { border-color: #18C3B1 }
.sel-multiple, .sel-pretty { min-width: 300px }

/*按钮*/
.btn { display:inline-block; min-width:112px; box-sizing: content-box; height:36px; line-height:36px; *line-height:32px; border:1px #5dd5c8 solid; font-size:16px; color:#fff; letter-spacing:1px; background:#5dd5c8; text-align:center; cursor:pointer; }
.btn:hover { background-color:#6ADBCF; color:#fff; }
.btn-outline { background: #fff;  color:#5dd5c8; }
.btn-back,.btn-delete { background:#F8F9FB; color:#5dd5c8; margin-right:20px; }
.btn-back:hover,.btn-delete:hover { background:#fff; color:#5dd5c8; }
.btn-danger { border-color: #DB4B55; background: #ef505e }
.btn-danger:not(.disabled):hover { background: #D84852; border-color: #B93E48 }
.btn-disabled,.btn-disabled:hover { color:#9fa3b0; background-color:#fff; border-color:#D1D4DB; cursor:default; }
.btn-slight { background: #fff; border-color: #e7eaec; color: #aaa; }
.btn-slight:hover { background:#fff; border-color:#D2D2D2; color: #aaa; }

#header .btn-outline{ background:#202329; }

.radio-list { white-space:nowrap; }
.radio-square { display:inline-block; border:1px #E3E7ED solid; background-color:#fff; line-height:40px; min-width:156px; text-align:center; cursor:pointer; color:#9fa3af; }
.radio-square + .radio-square { margin-left:20px; }
.radio-checked { border-color: #18C3B1; color:#414a60; }

.form-resume .form-row { padding-bottom:17px;}
.form-resume .form-row dt { line-height:40px; }
.form-resume .form-row dd { position:relative; *position:static; zoom:1;  }
.ie .form-resume .form-row dd:after { content:''; display:block; visibility:hidden; height:0; clear:both; overflow:hidden; }
.prefix-day { position:absolute; top:7px; left:-22px; *display:none; }
.dropdown-select { display:inline-block; position:relative; background-color:#fff; }
.dropdown-select .ipt { cursor:pointer; background:none; position:relative; }
.dropdown-select .icon-select-arrow { position:absolute; right:15px; top:14px; cursor:pointer; }
.dropdown-select-open { z-index:2; }
.dropdown-disabled { opacity:.6; filter:alpha(opacity=60);}
.dropdown-menu { display:none; position:relative; height:0; margin-right:2px; }
.dropdown-menu ul { position:absolute; top:0; left:0; width:100%; border:1px #E3E7ED solid; border-top:0; background-color:#fff; overflow:auto; max-height:208px; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; }
.dropdown-menu li { line-height:42px; padding:0 15px; cursor:pointer; }
.dropdown-menu li .h { font-style:normal; color:#f00; text-decoration:none; }
.dropdown-menu li:hover,.dropdown-menu li:active { background-color:#F2F5F9; }
.dropdown-menu-open { display:block; z-index:1; }
.prefix-today { position:absolute; top:8px; left:10px; font-style:normal; display:none; }
.show-prefix-today .prefix-today { display:block; }
.show-prefix-today .ipt-datetimepicker { text-indent:-2000em; }

.standard .checkbox input[type=checkbox], .standard .radio input[type=radio] { position: absolute; z-index: -100; -webkit-appearance: none; -moz-appearance: none; appearance: none; opacity: 0; width: 0; height: 0; overflow: hidden }
.standard .checkbox input[type=checkbox]~span, .standard .radio input[type=radio]~span { display: inline-block; cursor: pointer; position: relative; min-height: 18px; padding-left: 24px }
.standard .checkbox input[type=checkbox]~span:before, .standard .radio input[type=radio]~span:before { content: ""; width: 10px; height: 10px; line-height: 10px; text-align: center; margin-right: .5em; display: block; border: 1px solid #DEDFE5; position: absolute; left: 0; z-index: 2; background: #fff; top: 7px; -webkit-transition: background-color .2s ease-out; transition: background-color .2s ease-out }
.standard .checkbox input[type=checkbox]~span:after, .standard .radio input[type=radio]~span:after { content: ""; width: 24px; height: 24px; position: absolute; display: inline-block; vertical-align: sub; z-index: 1; left: -4px; margin-top: 1px; border-radius: 50% }
.standard .radio input[type=radio]~span:before { border-radius: 50% }
.standard .radio input[type=radio]:checked~span:before { background: #53CAC3; border-color: #53CAC3; box-shadow: inset 0 0 0 2px #fff }
.standard .checkbox input[type=checkbox]~span:before { border-radius: 0 }
.standard .checkbox input[type=checkbox]:checked~span:before { font-size: 12px; line-height: 15px; content: "\2714"; background-color: #53CAC3; width:12px; height:12px; border:0; background-position:-48px -144px; border-color: #53CAC3; color: #fff }
.standard .radio-square input[type=radio] { display:block; height:0; visibility:hidden; }
.standard .radio-square span { padding:20px; min-width:34px; border:1px #eee solid; display:inline-block; position: relative; cursor:pointer; text-align:center; }
.standard .radio-square input[type=radio]:checked~span { border:2px #53CAC3 solid; padding: 19px; color:#53CAC3; }
.standard .radio-square input[type=radio]:checked~span:before { position:absolute; bottom:0; right:5px; font-size:20px; content: "\2714"; color: #53CAC3;  }
.i-checks { width: 16px; height: 16px; vertical-align: middle }
.disabled { cursor: default; opacity: .5 }



.ui-switch{
    display: inline-flex;
    align-items: center;
    position: relative;
    font-size: 14px;
    line-height: 20px;
    height: 20px;
    vertical-align: middle;
}
.ui-switch-input{
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0;
}
.ui-switch-span{
    margin: 0;
    display: inline-block;
    position: relative;
    width: 40px;
    height: 20px;
    border: 1px solid #dcdfe6;
    outline: none;
    border-radius: 10px;
    box-sizing: border-box;
    background: #dcdfe6;
    cursor: pointer;
    transition: border-color .3s,background-color .3s;
    vertical-align: middle;
}
.ui-switch-checked .ui-switch-span{
    width: 40px;
    border-color: #2cc7b7;
    background-color: #2cc7b7;
}
.ui-switch-span:after {
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    border-radius: 100%;
    transition: all .3s;
    width: 16px;
    height: 16px;
    background-color: #fff;
}
.ui-switch-checked  .ui-switch-span:after{
    left: 100%;
    margin-left: -17px;
}





.dialog-footer .btns .btn { height: 32px; line-height: 32px; min-width: 42px; padding: 0 25px; font-size: 14px; }
.dialog-wrap .dialog-footer .btns .btn-outline:hover { padding: 0 24px; }
.jconfirm{ z-index: 1010 }
.jconfirm .pop-sign-box .jconfirm-box { width: 410px; border-radius:8px; }
.jconfirm .pop-sign-box .jconfirm-box div.closeIcon { background-position:6px -1430px; top:12px; right:12px; background-color:transparent;  }
.jconfirm .pop-imgview .jconfirm-box div.closeIcon { background-position:8px -1316px; top:12px; right:12px; background-color:transparent; }
.jconfirm .pop-sign-deliver .jconfirm-box div.closeIcon { background-position:8px -1316px; top:12px; right:12px; background-color:transparent; }
.jconfirm .pop-sign-box .jconfirm-box div.gray-close { background-position:6px -1430px; }
.jconfirm .pop-sign-box .jconfirm-box div.content-pane { margin-bottom:0; display:block; min-height:548px; }
.jconfirm .pop-sign-box .jconfirm-box div.title-c,.jconfirm .pop-sign-deliver .jconfirm-box div.title-c { display:none; }
.jconfirm .pop-sign-deliver .jconfirm-box { width:380px; border-radius:0; }
.jconfirm .pop-sign-deliver .jconfirm-box div.content-pane { height:230px!important; padding:0; margin-bottom:0; }
.jconfirm .pop-sign-deliver .jconfirm-box div.content-pane .content { padding:0; }
.jconfirm .pop-imgview .jconfirm-box div.closeIcon { top:-15px; right:-15px; background-color:rgba(73,74,78,.9) }

.jconfirm .pop-tip-box .jconfirm-box { width:490px; height:232px; border-radius:0; }
.jconfirm .pop-tip-box .jconfirm-box div.title-c .title { font-size:24px; color:#414a60; padding:0; display: inline; line-height:30px; }
.jconfirm .pop-tip-box .jconfirm-box div.title-c { border-bottom:0; padding:48px 43px 30px; }
.jconfirm .pop-tip-box .jconfirm-box div.content-pane .content { padding:0 43px; }
.jconfirm .pop-tip-box .jconfirm-box .buttons { padding:0 43px; border-top:0; text-align:left; }
.jconfirm .pop-tip-box .jconfirm-box .buttons .btn-slight { margin-left:25px; }
.jconfirm .pop-tip-box .jconfirm-box div.closeIcon { background-position:6px -1430px; top:12px; right:12px; background-color:transparent;}

.jconfirm .pop-tip .jconfirm-box div.title-c { padding:20px 23px 10px; }
.jconfirm .pop-tip .jconfirm-box div.title-c .title { font-size:18px; }
.jconfirm .pop-tip .jconfirm-box { width:400px; }
.jconfirm .pop-tip .jconfirm-box .buttons { padding-right:96px; }
.jconfirm .pop-tip .jconfirm-box .buttons .btn { line-height:32px; height:32px; min-width:90px; font-size:14px; float:right; }
.jconfirm .pop-tip .jconfirm-box .buttons .btn-slight { margin-right:25px; }
.jconfirm .pop-tip .jconfirm-box .tip-alert { text-align:center; font-size:16px; padding:30px 0 20px;}

/*图片裁剪*/
.jconfirm .pop-upload-box .jconfirm-box { width:600px; }
.jconfirm .ppop-upload-box .jconfirm-box .buttons { padding-right:25px; }
.crop-box {}
.crop-box img { height:300px; display:block; max-width:100%; margin:0 auto; }

#header { width: 100%; height:49px; background: #202329; box-shadow: 0 1px 8px rgba(0,0,0,.06); position:relative; z-index:1005; }
#header a{ color: #fff }
#header a:hover{ color: #00d7c6 }
.logo { float: left; padding: 6px 0 0 0 }
.logo a {     display: block;
    width: 40px;
    height: 40px;
    background: url(./logo.png) no-repeat;
    background-size: 40px 40px;}
.ie .logo a{ background: url(../../images/logo-x.png) 3px 7px no-repeat; }
.logo span { display: none }
.nav,.user-nav { font-size: 0; float: left; margin-left: 15px; height:49px; line-height:49px;}
.nav ul,.user-nav ul { display: inline-block; *display:inline; *zoom:1; white-space: nowrap; vertical-align: top;}
.nav li,.user-nav li { display: inline-block; *display:inline; *zoom:1; vertical-align: top; text-align: center; font-size: 14px; margin: 0 7px }
.user-nav li.nav-dot {
    color: #FFF;
    margin: 0 0 0 -8px;
    font-size: 18px;
}
.user-nav li a.header-resume-upload {
    margin-left: -8px;
}


#header .header-resume-new {position: relative;margin-right: 20px;display: inline-block;white-space: nowrap;vertical-align: top;}
#header .header-resume-new a {display: block;cursor: pointer}
#header .header-resume-new a:hover .header-resume-tip {display: block}
#header .header-resume-new a .new {top: 8px;right: -28px}
#header .header-resume-new .header-resume-tip {display: none;position: absolute;height: 30px;right: -38px;white-space: nowrap;font-size: 13px;color: #fff;line-height: 18px;background: #5e96f2;line-height: 30px;padding: 0 20px;top: 37px}
#header .header-resume-new .header-resume-tip:before {content: "";position: absolute;width: 0;height: 0;border-color: transparent transparent #5e96f2;border-style: solid;border-width: 0 6px 6px;top: -4px;right: 70px}
#header .header-resume-new .header-resume-tip .header-resume-btn {display: inline-block;height: 18px;border-radius: 2px;border: 1px solid #fff;line-height: 18px;margin-left: 20px;padding: 0 10px;font-size: 12px}
#header .header-resume-new .header-resume-tip .header-resume-btn:hover {background: #fff;color: #5e96f2}

.nav li:last-of-type { margin-right: 0 }
.nav li a,.user-nav li a { display: block; padding: 0 5px; position:relative; *font-family: 'PingFang SC','HanHei SC','STHeitiSC-Light', Microsoft Yahei,arial, verdana, helvetica,sans-serif;}
.nav li a:hover,.user-nav li a:hover { color: #00d7c6 }
.nav li.cur a, .nav li.cur a:hover { color: #00d7c6 !important; }
#header .user-nav li.cur a, #header .user-nav li.cur a:hover { color: #00d7c6 }
/*#header.small-header { height: 50px; background: rgba(255,255,255,.95) }
#header.small-header, #header.small-header .nav, #header.small-header .top-download, #header.small-header a, #header.small-header h1 { -webkit-transition: all linear .3s; transition: all linear .3s }
.small-header .logo { padding-top: 6px }
.small-header .logo a { width: 36px; height: 36px; background-image: url(../../images/logo-smaller.png)\9 }
.small-header .nav { padding-top: 5px }
.small-header .nav li a { line-height: 40px }
.small-header .top-download { padding-top: 10px }*/
.user-nav { float:right; }
.user-nav .btns {}
.user-nav .btns .vline { margin-top: -8px; background: none }
.user-nav .btns .link-scan { display:inline-block; font-size:14px; margin-right:10px; }
.user-nav .btns .link-publish { display: inline-block; font-size: 13px; }
.user-nav .btns .btn-outline { border-radius:15px; text-align:center; font-size:13px; height:23px; line-height:23px; padding:0 9px 0 11px; min-width:0; margin-left:17px; color:#9fa3b0; }
.user-nav .btns .btn-outline:hover { color:#fff; }
.user-nav li.nav-figure { margin-right:0; position:relative; }
.user-nav a {font-size: 14px;}
.user-nav .link-sign-resume { position:relative; margin-right: 20px;}
.user-nav .new { display: none; position: absolute; top: -9px; right: -20px; height: 14px; padding: 0 6px; line-height: 14px; background-color: #ef505e; color: #fff; font-size: 12px; border-radius: 7px; }
.nav-figure .label-text { overflow: hidden; text-overflow: ellipsis; display:inline-block; padding-right:20px; vertical-align:middle; *margin-top:-3px;max-width: 130px;overflow: hidden;text-overflow: ellipsis;display: inline-block;white-space: nowrap; }
.nav-figure img { width:26px; height:26px; border-radius:100%; vertical-align:middle; *margin-top:-2px;}
.nav-city { float: left; position: relative; cursor: pointer; height: 49px; line-height: 49px; color: #00d7c6; }
.nav-city .icon-poi {
    display: inline-block;
    vertical-align: top;
    width: 15px;
    height: 23px;
    background: url(../../images/icon-poi.png) 0 -165px;
    margin: 17px 3px 0 12px;
}
.nav-city .switchover-city {
    font-size: 12px;
    color: #FFF;
    margin-left: 10px;
 }
 .nav-city .city-box {
    font-size: 14px;
 }
/*.nav-figure .dropdown { display:none; position:absolute; right:0; top:49px; width:124px; background:#fff; text-align:center; z-index:2; border-bottom: 1px #f1f1f1 solid; }*/
/*#header .nav-figure .dropdown a { display:block;  border:1px #f1f1f1 solid; border-bottom: none; padding:0 20px; line-height:40px; color: #9fa3b0;}
#header .nav-figure .dropdown a.link-mall { background: url(../../images/prop/icon-new.png) right top no-repeat; }
#header .nav-figure .dropdown a:last-child{ border-bottom:1px #f1f1f1 solid; }
#header .nav-figure .dropdown a:hover{ color:#00d7c6 }
.nav-figure:hover .dropdown {  }*/
#header .nav-figure.selected a {
    color: #00C2B3;
}
.nav-figure .dropdown {
    display: none;
    position: absolute;
    width: 234px;
    left: auto;
    right: 0;
    top: 49px;
    z-index: 2;
    text-align: left;
    -webkit-box-shadow: 1px 2px 14px rgba(0,0,0,.11);
    box-shadow: 1px 2px 14px rgba(0,0,0,.11);
    background-color: #F2F5FA;
}
#header .nav-figure .dropdown a {
    position: relative;
    padding: 10px 25px;
    line-height: 22px;
    color: #414a60;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: #FFFFFF;
}
#header .nav-figure .dropdown a span {
    display: block;
    font-size: 12px;
    color: #9fa3b0;
    line-height: 22px;
}
#header .nav-figure .dropdown a:hover {
    background-color: #f2f5fa;
    color: #414a60;
}
#header .nav-figure .dropdown a:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 25px;
    right: 25px;
    height: 1px;
    background-color: #F2F5FA;
}
#header .nav-figure .dropdown a.link-recruit,
#header .nav-figure .dropdown a.link-logout {
    margin-top: 6px;
}
#header .nav-figure .dropdown a.link-recruit:after,
#header .nav-figure .dropdown a.link-logout:after {
    bottom: auto;
    left: 0;
    right: 0;
    top: -6px;
    height: 6px;
    background-color: #F2F5FA;
}
#header .nav-figure .dropdown a.link-recruit:hover,
#header .nav-figure .dropdown a.link-logout:hover {
    background-color: #fff;
    color: #00d7c6;
}
/*.nav-figure .dropdown:before {
    content: "";
    position: absolute;
    top: -5px;
    right: 10px;
    width: 10px;
    height: 10px;
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
    transform: rotate(45deg);
    background: #fff;
    z-index: 9999;
}*/

.nav-search { float:left; position:relative; width:200px!important; padding:10px 0 0 30px!important; }
.nav-search .btn-search { width:28px; height:26px; background-position:10px -1719px; background-color:transparent; position:absolute; top:10px; right:10px; *top:11px; }
.nav-search .ipt-search { border:1px #5dd5c8 solid; width:173px; height:20px; padding:3px 12px; line-height:20px; border-radius:20px; font-size:12px; background: transparent; color: #9fa3b0}
.nav-search .ipt-search:focus { border-color:#53CAC3; }
.nav-search .suggest-result { width:221px; left:30px; top:49px;}
.nav-search .suggest-result  ul { max-height:240px; overflow:auto;}
.nav-search .suggest-result li { padding:0 20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.nav-search .ipt-wrap{ margin-top: 0 !important; }


.recruit-tip { display: none; position: absolute; /*top: 12px;*/white-space: normal; bottom: 0; left: -315px; width: 298px; height: 280px; text-align: center; border: 1px #F6F6F6 solid; line-height: 20px; border-radius: 8px; background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,.08);  }
.recruit-tip img { width: 280px; height: 180px; border-radius: 0; margin-top: 8px; }
.recruit-tip span { display: block; padding: 0 30px; margin-top: 12px; }
.recruit-tip:after { content: ''; position: absolute; right: -8px; top: 205px; width: 14px; height: 14px; background-color: #fff; transform: rotate(45deg); }

#wrap { min-height: 100%; overflow: visible; overflow-x: hidden;}
#main, #wrap { position: relative }
#main{}


.data-tips { text-align:center; padding:100px 0; }
.data-tips .data-blank { width:360px; margin:0 auto; }
.data-tips .data-blank b { font-size:16px; font-weight:200; color:#9fa3b0; }
.data-tips .data-blank p { margin-top:30px;}
.data-tips .data-blank .btn { margin-right:0; font-size: 13px; border-radius: 3px; line-height: 30px; height: 30px; }
.data-tips .spinner span { color:#9fa3af; }
.tip-nodata { display:block; width:194px; height:232px; margin:0 auto 5px; background:url(../../images/tip-nodata.png) center 0 no-repeat; }
.tip-errordata { display:block; width:412px; height:212px; margin:-20px auto 15px; background:url(../../images/tip-errordata.png) 90px 0 no-repeat; }
.tip-nofilter{display: block;width: 190px;height: 119px; margin: 0 auto 5px; background: url(../../images/job-none.png) center 0 no-repeat;}

.loadmore { text-align:center; line-height:50px; color:#9fa3af; cursor:pointer; display:none; }
.page { text-align:center; padding:12px 0; }
.page a,.page span { display:inline-block; min-width:28px; height:24px; line-height:24px; margin:0 10px; text-align:center; background:#fff; border:1px #fff solid; vertical-align: middle; }
.page a.prev,.page a.next { border-color:#E8E9ED; -webkit-transition: none; transition: none; }
.page a.prev { background-position:9px -830px; }
.page a.prev:hover { background-position:9px -856px;}
.page a.next { background-position:10px -883px; }
.page a.next:hover { background-position:10px -912px;}
.page a.cur { background:#62D5C8; border-color: #62D5C8; color:#fff;}
.page a.prev.disabled,.page a.prev.disabled:hover { cursor:default; background-position:9px -830px;}
.page a.next.disabled,.page a.next.disabled:hover { cursor:default; background-position:9px -883px; }



/* #siderbar { position:fixed; right: 20px; bottom:283px; z-index:1004; } */
/* #siderbar li { display:block; width:42px; height:42px; line-height:42px; text-align:center; border:1px #F2F5FA solid; margin-top:-1px; background-color:#fff; cursor:pointer; padding:0;}
#siderbar li.siderbar-top{background-position:10px -469px; display: none;}
#siderbar li.siderbar-top:hover { background-position:10px -507px;}
.siderbar-feedback span { display:block; font-size:14px; height:42px; color: #A2A6B3; -webkit-transition: all .2s; transition: all .2s; }
.siderbar-feedback:hover span { display:block; color:rgb(79, 94, 93); background:none;}
.siderbar-wechat { background: #fff url(../../images/icon/weixin.png) no-repeat 8px 12px / 60% auto; position:relative; }
.siderbar-wechat:hover { background-position: 8px -37px; }
.siderbar-wechat .qrcode-layer { display:none; position:absolute; right:60px; top:-100px; width:196px; height:196px; border:1px #eee solid; background:#fff; z-index:10; }
.siderbar-wechat .qrcode-layer img { display:block; width:134px; height:134px; margin:16px auto 0; }
.siderbar-wechat .qrcode-layer i { width:12px; height:21px; background-position:0 -697px; position: absolute; top:110px; right:-12px; }
.siderbar-wechat:hover .qrcode-layer { display:block; }
.siderbar-qrcode { background: #fff; color: #A2A6B3; }
.siderbar-qrcode:hover { color: #53CAC3; }
.siderbar-qrcode .qrcode-layer { display:none; position:absolute; right:60px; top:-15px; width:196px; height:196px; border:1px #eee solid; background:#fff; z-index:10; }
.siderbar-qrcode .qrcode-layer img { display:block; width:134px; height:134px; margin:16px auto 0; }
.siderbar-qrcode .qrcode-layer i { width:12px; height:21px; background-position:0 -697px; position: absolute; top:110px; right:-12px; }
.siderbar-qrcode:hover .qrcode-layer { display:block; } */

#footer { background:#fff; padding:20px 0 10px; margin-top:43px; position:relative; z-index:22; color: #8d92a1; border-top:solid 1px #f6f6f8; }
#footer .home-inner{position:relative; }
.page-white #footer { margin-top:0; position: static;  }
.footer-icon{ margin-top: 20px; }
.footer-social { position:absolute; font-size: 12px; text-align: right;right: 0; top: 0}
.footer-social img{ margin:6px 0 7px 0; width: 88px; height: 16px; }
.footer-social p img{ width: 100px; height: 100px }
.footer-social p {  text-align:right; padding:0; font-size: 13px; }
.footer-social p span { font-size:13px; padding-left:5px;}
.footer-social a { -webkit-transition: none; transition: none;  }
.footer-social a:hover {  }
.icon-weibo,.icon-weixin,.icon-app { width:42px; height:42px; line-height:42px; border:1px #eaebee solid; border-radius:100%; margin-left:23px; vertical-align:top; }
.icon-weibo { background-position: 10px -190px; }
.icon-weibo span,.icon-weixin span,.icon-app span { display: none; }
.icon-weibo:hover,.icon-weixin:hover,.icon-app:hover { border-color:#cbcdd4; }
/*.icon-weibo:hover,.icon-weixin:hover,.icon-app:hover { color:#fff; width:auto; padding:0 15px 0 45px; border-color:#FBFCFD; border-radius:21px; }
.icon-weibo:hover span,.icon-weixin:hover span,.icon-app:hover span { display:inline-block; }*/
.icon-weixin { background-position: 10px -254px; position:relative; }
.icon-app { background-position: 6px -313px; }
.qrcode-weixin { display: none; position:absolute; right:-25px; bottom:50px; width:100px; height:100px; background:#fff;}
.icon-weixin:hover .qrcode-weixin { display:block; }
.copyright { color:#EEEFF3; font-size: 12px; margin-top: 20px;}
.copyright img{  width:16px; height:16px; vertical-align:middle; margin:-5px 0 0 0;margin-right:0; }
.copyright span{ color:#8d92a1; display:inline-block; margin-right: 15px;  }
.copyright span.netpolice{ margin-left: -10px; }
.copyright .link-beian:hover { color:#ddd; }
.copyright .link-beian img { }
.copyright .link-chengxin { display:inline-block; margin-left:10px; }
.copyright .link-chengxin img { height:30px; display:inline-block; margin-bottom:-10px; }
.footer-logo { padding:12px 0; width:200px; }
.ie7 .footer-social a { margin-left:0; margin-right:23px; }
.ie7 .footer-social a.icon-app { margin-right:0; }

.footer-about{  }
.footer-about dl{ width: 192px; float: left }
.footer-about dl dt{ height: 30px;line-height: 30px; font-size: 14px; color: #414a60; margin-bottom: 10px; }
.footer-about dl dd a,.footer-about dl dd p{ display: block; width: 100%; font-size: 12px; color: #8d92a1; height: 24px; line-height: 24px; white-space: nowrap }
.footer-about dl dd .report-mail { display: inline; font-size: 12px; color: #8d92a1; height: 24px; line-height: 24px; white-space: nowrap }
.footer-about dl dd a:hover{ color: #00d7c6 }
.fz {width:24px; height:24px; background:url(../../images/icons.png); display:inline-block;}
/*.fz-arrow-left { background-position:7px -1486px; }
.fz-arrow-right { background-position:8px -1535px; }*/
.red-dot { display: inline-block; vertical-align: middle; margin-left: 10px; width: 5px; height: 5px; border-radius: 3px; background-color: #FF4B5F; }


#wrap ::-webkit-scrollbar-track-piece { background-color:#fff; -webkit-border-radius:0; }
#wrap ::-webkit-scrollbar { width:4px;}
#wrap ::-webkit-scrollbar-thumb { height:50px; background-color:#D1D4DB; -webkit-border-radius:5px;}
#wrap ::-webkit-scrollbar-thumb:hover { height:50px; background-color:#BFC1C9; -webkit-border-radius:5px; }
#wrap .dorpdown-city::-webkit-scrollbar-track-piece { background:#F8F9FA; }

.data-tips {
    text-align: center;
    /*height: calc(100vh - 188px);*/
    min-height: 340px;
    position: relative;
    background: #fff;
}
.spinner-circle .loader, .spinner-circle .loader:after {
    border-radius: 50%;
    width: 30px;
    height: 30px;
}
.spinner-circle .loader {
    font-size: 10px;
    margin: 0 auto;
    text-indent: -9999em;
    border-top: 2px solid #f1f1f1;
    border-right: 2px solid #f1f1f1;
    border-bottom: 2px solid #f1f1f1;
    border-left: 2px solid #ccc;
    -webkit-animation: circle 1.1s infinite linear;
    animation: circle 1.1s infinite linear;
}
.spinner .loader {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@-webkit-keyframes circle {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes circle {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@media (max-width:1170px) {
    #header .inner,#footer .inner,.job-banner .inner{ padding:0 15px; width: auto;}
}

.bottom-banner{ position: fixed; bottom: 0; left: 0; width: 100%; height: 80px; text-align: center; background:#0cccb5; z-index: 30;   }
.bottom-banner img{ position: relative; top: -16px; cursor: pointer; }
.bottom-banner .closeIcon{ position: absolute; top: 5px; right: 15px;  width: 30px; height: 30px; color: #fff; cursor: pointer; background-position: -16px -2080px;background-color: transparent; }
.bottom-banner .closeIcon:hover{ background-position:10px -2080px; }
/*
#main {
    min-height: calc(100vh - 363px)
}
.user-center #main {
    min-height: calc(100vh - 284px)
} */

.common-position {
    width: 890px;
    box-sizing: border-box;
    height: 500px;
    background: #FFF;
    overflow: hidden;
    zoom: 1;
}

/* .type.css */
.common-position .type {
    float: left;
    background: #F9FAFB;
    width: 150px;
    height: 500px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 10px 0 0 0;
    box-sizing: border-box;
}
.common-position .type li {
    white-space: nowrap;
    height: 40px;
    line-height: 40px;
    color: #424A5E;
    padding: 0 0 0 23px;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}
.common-position .type .active {
    background: #FFF;
    border-left: 4px #5DD5C8 solid;
    box-sizing: border-box;
    padding: 0 0 0 19px;
}

/* .content.css */
.common-position .content {
    float: left;
    width: 737px;
    box-sizing: border-box;
    padding: 10px 22px 22px 22px;
    max-height: 500px;
    overflow: auto;
}
.common-position .content .navs {
    zoom: 1;
    overflow: hidden;
}
.common-position .content .navs li {
    float:left;
    width: 169px;
    box-sizing: border-box;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
}
.common-position .content .navs li:before {
    content: '+';
    display: inline-block;
    width: 7px;
    height: 7px;
    padding: 2px;
    color: #2CC7B7;
    border: 1px #2CC7B7 solid;
    line-height: 8px;
    margin: 0 5px 0 0;
}
.common-position.level-two .content .navs li:before {
    display: none;
}
.common-position .content .navs .active:before {
    content: '-';
    padding-left: 4px;
    padding-top: 1px;
    height: 8px;
    width: 6px;
}
.common-position .content .list {
    border: 1px solid #F3F3F3;
    zoom: 1;
    overflow: hidden;
    list-style-type: none;
    margin: 0;
    padding: 8px 0;
}
.common-position .content .list li {
    float: left;
    width: 169px;
    box-sizing: border-box;
    padding: 6px 0 6px 17px;
    color: #9FA3AF;
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.layer-position .dialog-container {
    margin: -273px 0 0 -445px;
}

/* 侧边栏导航 */

#siderbar {
    position:fixed;
    top: 49px;
    right:0;
    background-color:#fff;
    box-shadow: -1px 0 8px rgba(0,0,0,.03);
    height:100%;
    z-index: 1004;
}


#siderbar .siderbar-top  li,
#siderbar .siderbar-bottom  li{
    display: block;
    position: relative;
    font-size: 12px;
    color: #9FA3B0;
    line-height: 14px;
}
#siderbar .siderbar-top  li a{
    color: #FFF;
    transition: 0.2s all;
}
#siderbar .siderbar-top  li a,
#siderbar .siderbar-bottom  li a{
    padding:15px 0;
    display: block;
}

#siderbar .siderbar-top li a i{
    display: block;
    width: 21px;
    height: 21px;
    margin:0 auto 10px;
    background: url(../../images/siderbar.png) no-repeat ;
    -webkit-background-size: 42px auto;
    background-size: 42px auto;
}
.ie #siderbar .siderbar-top li a i {
    background-image: url(../../images/siderbar-ie.png);
}


#siderbar .siderbar-top  .icon-sider-interest{
    background-position: 0 -62px;
}



#siderbar:hover .siderbar-top li.active a,
#siderbar:hover .siderbar-top li a:hover,
#siderbar:hover .sider-template li:hover a{
    color:#54CBC4;
    cursor: pointer;
}

#siderbar .siderbar-top li:hover a .icon-sider-interest,
#siderbar .siderbar-top li.active a .icon-sider-interest{
    background-position: -21px -62px;
}

#siderbar .siderbar-top .icon-sider-chat{
    background-position: 0 -21px;
}
#siderbar .siderbar-top li:hover a .icon-sider-chat,
#siderbar .siderbar-top li.active a .icon-sider-chat{
    background-position: -21px -21px;
}
#siderbar .siderbar-top .icon-sider-resume{
    background-position: 0 -42px;
}
#siderbar .siderbar-top li:hover a .icon-sider-resume,
#siderbar .siderbar-top li.active a .icon-sider-resume{
    background-position: -21px -42px;
}
#siderbar .siderbar-top .icon-sider-interview{
    background-position: 0 -84px;
}
#siderbar .siderbar-top li:hover a .icon-sider-interview,
#siderbar .siderbar-top li.active a .icon-sider-interview{
    background-position: -21px -84px;
}
#siderbar .siderbar-back-top:after{
    content: '';
    display: block !important;
    width: 21px;
    height: 13px;
    margin:0 auto;
    background: url(../../images/siderbar.png) no-repeat ;
    background-size: 42px auto;
    background-position: 0 0;
}

#siderbar .siderbar-bottom li:hover .siderbar-back-top:after{
    background-position: -21px 0;
}
.siderbar-top{
    width: 100%;
    float: left;
    padding-top:15px;
    text-align: center;
}
.siderbar-bottom{
    position: absolute;
    width: 100%;
    bottom:140px;
    text-align: center;
}

#siderbar .qrcode-layer i {
     width:12px;
     height:21px;
     background-position:0 -697px;
     position: absolute;
     top:90px;
     right:-12px;
}

 .qrcode-layer {
      display: none;
      position:absolute;
      right:55px;
      top:-80px;
      width:196px;
      height:196px;
      border:1px #eee solid;
      background:#fff;
      z-index:10;
    }

.qrcode-layer img {
    display:block;
    width:134px;
    height:134px;
    margin:16px auto 0;
 }

 #siderbar li:hover .siderbar-wechat .qrcode-layer,
 #siderbar  li:hover .siderbar-app .qrcode-layer {
     display: block
 }

 #siderbar .siderbar-app .qrcode-layer {
     top: -78px;
 }


.page-loading .component-b,.page-loading .component-s1,.page-loading .component-o,.page-loading .component-s2{ display:inline-block; width:40px; height:42px; background:url(../../images/ui/icons-boss.png) no-repeat; vertical-align:middle;
    -webkit-animation-fill-mode: both;
    -webkit-animation: bossLoading 0.6s infinite linear alternate;
    -moz-animation: bossLoading 0.6s infinite linear alternate;
    animation: bossLoading 0.6s infinite linear alternate;
}
.data-tips .page-loading { white-space:nowrap; margin-top:-20px; margin-left:-79px; }
.page-loading .component-b { background-position:0 0;}
.page-loading .component-o { content:''; background-position:0 -68px; margin-left:-4px;
    -webkit-animation-delay: 0.1s;
    -moz-animation-delay: 0.1s;
    animation-delay: 0.1s;
}
.page-loading .component-s1 { background-position:0 -141px; margin-left:6px;
    -webkit-animation-delay: 0.2s;
    -moz-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
.page-loading .component-s2 { content:''; background-position:0 -141px; margin-left:-4px;
    -webkit-animation-delay: 0.3s;
    -moz-animation-delay: 0.3s;
    animation-delay: 0.3s;
}
@-webkit-keyframes bossLoading {
    0%{-webkit-transform: translate3d(0,0,0);}
    50% {-webkit-transform: translate3d(0,-10px,0);}
}
@keyframes bossLoading {
    0%{transform: translate3d(0,0,0);}
    50% {transform: translate3d(0,-10px,0);}
}



 #siderbar .sider-title {
    height: 20px;
    padding: 30px 22px 20px 20px ;
    background: #FBFBFD;
    color: #414A60;
    zoom:1;
}
#siderbar .sider-title:after{
    content:".";
    display:block;
    clear:both;
    visibility:hidden;
    height:0;
}

#siderbar .sider-title a {
    font-size: 12px;
    color: #9FA3B0;
    float: right;
}
#siderbar .opacity{
    opacity: 0.5;
}
#siderbar  .user-avatar{
    width:18px;
    height: 18px;
    border-radius: 9px;
    vertical-align: middle;
}
#siderbar .sider-detail {
    position: relative;
    height: 100%;
    float: right;
    border-left:1px #eee solid;
    /* padding-top:49px; */
    background: #FBFBFD;
    overflow-y: auto;
    overflow-x: hidden;
}

#siderbar .sider-detail ul{
    background-color: #fff;
}
#siderbar .sider-detail ul li:hover{
    background: #F8F9FB;
}


#siderbar .sider-detail .sider-template li a{
    padding:20px 0 11px 0;
    display: block;
    margin:0 20px;
    border-bottom: 1px dotted #E3E7ED;
}
#siderbar .sider-detail ul li:last-child a{
    border:none;
}
#siderbar .sider-detail ul li h4{
    font-size: 14px;
    color: #61687C;
    line-height: 20px;
    zoom:1;
}
#siderbar .sider-detail ul li h4:after{
    content:".";
    display:block;
    clear:both;
    visibility:hidden;
    height:0;
}

#siderbar .user-text {
    font-size: 12px;
    color: #9FA3AF;
    padding-left:10px;
    width: 150px;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    text-overflow: ellipsis;
    vertical-align: middle;
}

.sider-position-title{
    width:165px;
    height: 20px;
    overflow: hidden;
    display: inline-block;
}
.sider-degree{
    color: #FD7240;
    float: right;
}

#siderbar .company-info{
    font-size: 12px;
    color: #9FA3AF;
    padding:10px 0 15px 0;
    line-height: 12px;
}
#siderbar .siderbar-more{
    display:block;
    font-size: 12px;
    color: #9FA3B0;
    text-align: center;
    padding-top:18px;
}

#siderbar .interview-time{
    height: 40px;
    padding-left:20px;
    background-color: #FBFBFD;
    font-size: 14px;
    color: #414A60;
    line-height: 40px;
}

#siderbar .interview-time span{
    font-size: 12px;
    color: #9FA3AF;
    padding-left:10px;
}
#siderbar .interview-info{
    display: block;
    font-size: 12px;
    color: #9FA3AF;
    line-height: 24px;
    padding-top:3px;
}

#siderbar .interview-info span{
    color: #002C00;
}
#siderbar .interview-user-info{
    padding-top:14px;
}
#siderbar .interview-user-info img{
    width:28px;
    height: 28px;
    border-radius: 14px;
    vertical-align: middle;

}
#siderbar .interview-user-info .user-text
{
    display: inline-block;
    width:100px;
    overflow: hidden;
    word-break: keep-all;
    white-space: nowrap;
    text-overflow: ellipsis;
    /* vertical-align: middle; */
}

.interview-list li .sub-title .interview-status{
    float: right;
    color: #FD7240;
}
.interview-list li .sub-title .company-name{
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

}
.interview-user-info .btn{
    min-width: 46px;
    width: 46px;
    height: 24px;
    font-size: 12px;
    line-height: 26px;
    color: #fff;
    outline: 1px solid #5dd5c8;
    border-color:transparent;
}

.interview-user-info .btns-sider-interview{
    display: none;
    vertical-align: top;
    float: right;
}
#siderbar .sider-detail ul li:hover .btns-sider-interview{
    display: inline-block;
}
.interview-user-info .btn.btn-cancel{
    background-color: #fff;
    color: #5dd5c8;
    margin-right: 4px;
}
.interview-user-info .btn.btn-cancel:hover{
    border-color:#5dd5c8;
}
#siderbar .sider-detail .interview-list li{
    /* padding:20px 0; */
    /* border-bottom: 1px dotted #E3E7ED; */
}

#siderbar .not-have{
    display: block;
    background:url(../../images/not-have.png) no-repeat center;
    width:310px;
    height: 60px;
    background-size: 116px 60px;
}
#siderbar .not-login{
    display: block;
    background:url(../../images/not-login.png) no-repeat center;
    width:310px;
    height: 72px;
    background-size: 90px 72px;
}
.sider-error-tip{
    text-align: center;
    /* width:500px; */
    height: 200px;
    margin: auto;
    position: absolute;
    top: 0;
    /* left: 0; */
     bottom: 0;
      /* right: 0; */
}
.sider-error-tip p{
    font-size: 15px;
    line-height: 15px;
    color: #9FA3B0;
    padding:30px 0 26px 0;
}
#siderbar .sider-template button{
    width:68px;
    height: 26px;
    min-width: 68px;
    line-height: 26px;
    font-size:12px;
    float: right;
    display: none;
}
#siderbar .sider-detail ul li:hover button{
    display: block;
}
#siderbar .interview-container{
    margin: 0 20px;
    padding: 20px 0;
    border-bottom: 1px dotted #E3E7ED;
}
#siderbar .interview-list li:last-child .interview-container{
    border:none;
}
#siderbar .sider-load{
    text-align: center;
    height: 50px;
    margin:auto;
    position: absolute;
    top:0;
    bottom:0;

}
#siderbar .sider-load i{
    display: block;
    width:310px;
    height: 29px;
    background: url(../../images/loading.gif) no-repeat center;
    background-size:29px 29px;
}

#siderbar .sider-load p{
    padding-top:20px;
    font-size: 15px;
    color: #9FA3B0;
}
#siderbar .sider-index{
    width: 40px;
    height: 100%;
    float:left;
    position: relative;
    transition: 0.2s width;
}

#siderbar .btn-sider-more{
    width: 138px;
    font-size:14px;
}


#siderbar:hover .sider-index{
    width: 60px;
}
#siderbar:hover .siderbar-top li a{
    color: #414a60;
}

.dialog-text-content .dialog-container{
    margin: -250px 0 0 -410px;
    padding: 30px 30px 20px;
    width: 760px;
    box-sizing: content-box;
}
.dialog-text-content .dialog-title{
    margin-bottom: 17px;
}
.dialog-text-content .dialog-title .title{
    font-size:16px;
    font-weight:bold;
    color:#0e1726;
    line-height:22px;
}
.dialog-text-content .dialog-con{
    max-height: 370px;
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 13px;
    color:#6e747d;
    line-height:1.7;
}
.dialog-text-content .dialog-con p{
    margin: 0.7em 0;
}
.dialog-text-content .dialog-con h1{
    font-size: 1.5em;
    text-align: center;
    margin: 2em 0 0.7em;
}
.dialog-text-content .dialog-con h1:first-child{
    margin-top: 0;
}
.dialog-text-content .dialog-con::-webkit-scrollbar-track-piece {
    background-color: #f1f1f1;
    border-radius: 0;
    -webkit-border-radius: 0
}
.dialog-text-content .dialog-con::-webkit-scrollbar {
    width: 4px;
    height: 4px
}
.dialog-text-content .dialog-con::-webkit-scrollbar-thumb {
    height: 50px;
    background-color: #ddd;
    border-radius: 10px
}
.dialog-text-content .dialog-con::-webkit-scrollbar-thumb:hover {
    height: 50px;
    background-color: #ccc
}
.dialog-text-content .dialog-con::-webkit-scrollbar-corner {
    background-color: #f1f1f1
}
.dialog-text-content .dialog-footer{
    margin-top: 27px;
}
.dialog-text-content .dialog-footer .btns{
    text-align: center;
}
@media (max-height: 780px) {
    #siderbar .siderbar-top li a,
    #siderbar .siderbar-bottom li a {
        padding: 10px 0;
    }
    .siderbar-bottom {
        bottom: 80px;
    }
    #siderbar .siderbar-app .qrcode-layer {
        top: -128px;
    }
    #siderbar .qrcode-layer i {
        top: 132px;
    }
    #siderbar .siderbar-wechat .qrcode-layer {
        top: -128px;
    }
 }