/**
 * DBCWebsitNew v5 v2.0 | why
 */
@font-face{font-family:'SF Pro SC';font-weight:400;font-style:normal;src:url('https://storage.dreambigcareer.com/dbc/websitnew/ui/img/font/PINGFANG MEDIUM.TTF')}
a,article,aside,b,body,button,dd,div,dl,dt,figcaption,figure,footer,h1,h2,h3,h4,h5,h6,header,i,input,li,nav,p,section,select,span,textarea,ul{padding:0;margin:0;list-style:none;text-decoration:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;font-family:"SF Pro SC",Material-Design-Iconic-Font,"Arial Narrow"}
body{color:#333}
input:-webkit-autofill,select:-webkit-autofill,textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #fff inset}
button{border:none;outline:0}
#app,body,html{height:100%;width:100%;min-width:1140px}
a{text-decoration:none;color:#333}
*{margin:0;padding:0}
ul{list-style:none}
input[type=button],input[type=reset],input[type=search],input[type=submit]{-webkit-appearance:none}
textarea{-webkit-appearance:none}
.hidden-scroll{overflow:hidden}
.clear:after{content:'';display:block;clear:both}
.clear{zoom:1}
.back_img{background-repeat:no-repeat;background-size:100% 100%}
.margin{margin:0 auto}
.left{float:left}
.right{float:right}
.hide{display:none}
.show{display:block}
.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.paddingTop{padding-top:1.95rem}
@keyframes backOpacity{0%{opacity:1}
25%{opacity:.5}
50%{opacity:1}
75%{opacity:.5}
100%{opacity:1}
}
@keyframes r-to-l{0%{right:-200px}
100%{right:0}
}
.animation-right-to-left{animation:r-to-l .5s ease-in-out;position:relative}
.animation_opactiy{animation:backOpacity 2s ease-in-out infinite}
.animate1{animation:myfirst .3s;position:relative}
@keyframes myfirst{0%{left:50px;opacity:0}
100%{left:0;opacity:1}
}
.file-ipt-opacity0{position:absolute;top:0;left:0;width:100%;opacity:0;cursor:pointer;display:block}
.capitalize{text-transform:capitalize}
.uppercase{text-transform:uppercase}
table{border-collapse:collapse}
.ipt{font-size:16px;outline:0;padding:0 10px;border-width:1px;border-color:#ddd;border-style:solid;border-radius:2px;width:278px;height:38px;background-color:#f9f9f9}
.ipt:focus,.select:focus{background-color:#fff}
.ipt::-webkit-input-placeholder{color:#aaa}
.iptA{transition:all .5s;width:100%;line-height:40px;height:40px;box-sizing:border-box;font-size:16px;outline:0;padding:0 10px;border-width:1px;border-color:#ddd;border-style:solid;border-radius:2px;background-color:#FFF}
.iptA:focus{border-color:#03a9f4;color:#000}
.iptA::-webkit-input-placeholder{color:#aaa}
.error-iptA{border-color:red}
.select{font-size:16px;outline:0;padding:0 10px;border-width:1px;border-color:#ddd;border-style:solid;border-radius:2px;height:38px;background-color:#f9f9f9}
.select option{line-height:38px;height:38px;padding:30px 0}
.pr{position:relative}
.pa{position:absolute}
.font12{font-size:12px}
.font13{font-size:13px}
.font14{font-size:14px}
.font15{font-size:15px}
.font16{font-size:16px}
.font17{font-size:17px}
.font18{font-size:18px}
.font19{font-size:19px}
.font20{font-size:20px}
.font24{font-size:24px}
.font30{font-size:30px}
.font40{font-size:40px}
.font44{font-size:44px}
.font46{font-size:46px}
.font60{font-size:60px}
.w2{width:20%!important}
.w3{width:30%}
.w4{width:40%}
.bgfff{background-color:#fff}
.color-75{color:#757575}
.color-333{color:#333}
.color-999{color:#999}
.color-fff{color:#fff}
.color-ccc{color:#ccc}
.color-red{color:#e33244}
.color-black{color:#000}
.color-06{color:#060606}
.color-b0{color:#b0b0b0}
.color-1bc1c3{color:#1bc1c3}
.color-0277bd{color:#0277bd}
.color-999{color:#999}
.color-666{color:#666}
.color-green{color:#5ac64f}
.color-blue1{color:#00bcd4}
.blue{color:#0277bd}
.color-blue{color:#16a0f8}
.blue-light{color:#03a9f4}
.orange{color:#efb239}
.bg-orange,.bg-paying,.bg-unPay{background-color:#efb239}
.bg-blue,.bg-inProcess,.bg-paid{background-color:#0277bd}
.bg-close,.bg-finish,.bg-gray,.bg-undefined{background-color:#777}
.bg-f5,.bg-f5 .conten-index{background-color:#f5f5f5!important}
.bg-f5 .conten-index{height:calc(100% - 96px)}
.bg-f9f9f9{background:#f9f9f9}
.p10{padding:10px}
.p15{padding:15px}
.p20{padding:20px}
.p30{padding:30px}
.ptb30-rl20{padding:30px 20px}
.ptb10-rl20{padding:10px 20px}
.p25{padding:25px}
.pl25{padding-left:25px}
.pl15{padding-left:15px}
.pr15{padding-right:15px}
.prl20{padding:0 20px!important}
.prl25{padding:0 26px}
.pt10{padding-top:10px}
.pt20{padding-top:20px}
.pt40{padding-top:40px}
.pt13{padding-top:13px}
.pt70{padding-top:70px}
.pt15{padding-top:15px}
.pb10{padding-bottom:10px}
.pb15{padding-bottom:15px}
.pb20{padding-bottom:20px}
.pb25{padding-bottom:25px}
.ptb20{padding-top:20px;padding-bottom:20px}
.pl100{padding-left:100px}
.mr-5{margin-right:5px}
.ml-5{margin-left:5px}
.mr-8{margin-right:8px}
.ml-8{margin-left:8px}
.ml15{margin-left:15px}
.ml50{margin-left:50px}
.ml-8{margin-left:8px}
.mb7{margin-bottom:7px}
.mt10{margin-top:10px}
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt80{margin-top:80px}
.mb15{margin-bottom:15px}
.mt20{margin-top:20px}
.mt25{margin-top:25px}
.mt30{margin-top:30px}
.mt35{margin-top:35px}
.mt40{margin-top:40px}
.mt50{margin-top:50px}
.mt60{margin-top:60px}
.mt90{margin-top:90px}
.mr60{margin-right:60px}
.mr10{margin-right:10px}
.mr15{margin-right:15px}
.mr20{margin-right:20px}
.mr25{margin-right:25px}
.mr30{margin-right:30px}
.mr50{margin-right:50px}
.mrl20{margin-right:20px;margin-left:20px}
.m20{margin:20px}
.m25{margin:25px}
.m40{margin:40px}
.mb10{margin-bottom:10px!important}
.mb20{margin-bottom:20px}
.mb30{margin-bottom:30px}
.header-fixed-new{height:80px;transition:all .3s;background-color:#fff}
.header-fixed-new a{text-decoration:none}
.header-fixed-new .menu-ul-new a.cur,.header-fixed-new .menu-ul-new a:hover{color:#333}
.header-fixed-new .menu-ul-new li{position:relative}
.header-fixed-new .menu-ul-new li .hover-menu{display:none;position:absolute;top:60px;left:0;z-index:123456;width:100%;line-height:30px;color:#fff;text-align:center;margin-left:calc((100% - 140px)/ 2)}
.header-fixed-new .menu-ul-new li .hover-menu ul{width:140px;background-color:rgba(23,29,38,.8);padding:10px 0;border-radius:5px;box-sizing:border-box;position:relative}
.header-fixed-new .menu-ul-new li .hover-menu a{color:#fff}
.header-fixed-new .menu-ul-new li .hover-menu a:hover{font-weight:700}
.header-fixed-new .menu-ul-new li .hover-menu ul:before{content:'';border:8px solid transparent;border-bottom-color:rgba(23,29,38,.8);position:absolute;left:50%;top:-16px;margin-left:-6px}
.header-fixed-new .menu-ul-new li:hover a{color:#333}
.header-fixed-new .menu-ul-new li:hover .hover-menu{display:block}
.header-fixed-new .menu-ul-new li:hover .hover-menu a{color:#fff}
.header-fixed-new .login-fr a,.header-fixed-new{display:block;box-sizing:border-box;color:#999;padding:30px 15px;line-height:20px;transition:all .3s}
.header-fixed-new .menu-ul-new>li>a{display:block;box-sizing:border-box;color:#999;padding:30px 15px 0px 50px; line-height:20px;transition:all .3s}
.header-fixed-new .header-new{display:flex;padding:0;background-color:#fff;box-shadow:0 10px 20px 0 rgba(0,0,0,.05);height:80px;color:#a7a7a7;font-size:19px;box-sizing:border-box;position:fixed;top:0;left:0;width:100%;z-index:9999;transition:all .3s}
.header-fixed-new .header-new h1{flex:1;display:flex;align-items:center;height:100%;transition:all .3s}
.header-fixed-new .header-new h1 img{display:block}
.header-fixed-new .header-new .menu-ul-new{display:flex}
.header-fixed-new .fix-menu{height:60px;transition:all .3s}
.header-fixed-new .fix-menu .login-fr a,.header-fixed-new .fix-menu .menu-ul-new>li>a{padding-top:20px;padding-bottom:20px}
.header-fixed-new ul{list-style:none}
/**.header-fixed-new .login-fr{display:flex;margin-left:80px}**/
.header-fixed-new .login-fr{display:flex; width:10%}
.header-fixed-new .login-fr a{padding-left:10px;padding-right:10px}
.header-fixed-new .login-fr a:hover{color:#333}
.btn{text-align:center}
.btn-blue{border-radius:2px;background-color:#16a0f8;width:128px;height:36px;text-align:center;padding:0 30px;line-height:36px;color:#fff;font-size:14px;font-weight:700;display:inline-block;cursor:pointer;box-sizing:border-box}
.btn-bg-blue:hover,.btn-blue:hover{background-color:#0081d3;transition:all .5s}
.btn-white{border:1px solid #0277bd;text-align:center;padding:0 30px;height:32px;line-height:32px;color:#0277bd;font-size:14px;font-weight:700;display:inline-block;cursor:pointer;border-radius:20px}
.btn-white:hover{transition:all .5s;border-color:#0069a8}
.btn-white-gray{border:1px solid #757575;text-align:center;padding:0 30px;height:32px;line-height:32px;color:#333;font-size:14px;font-weight:700;display:inline-block;cursor:pointer;border-radius:20px}
.btn1{box-sizing:border-box;cursor:pointer;display:inline-block;text-align:center}
.btn-blue1{background-color:#03a9f4;height:30px;line-height:30px;color:#fff;font-size:14px;font-weight:700;border-radius:20px;padding:0 35px}
.btn-blue1:hover{background-color:#0297db;transition:all .5s}
.btn-blue1-white{border:1px solid #03a9f4;padding:0 30px;height:30px;line-height:30px;color:#03a9f4;font-size:14px;font-weight:700;border-radius:20px}
.btn-blue1-white:hover{transition:all .5s;border-color:#0297db;color:#0297db}
.login-btn-blue{background-color:#0277bd;color:#fff;font-size:16px;text-transform:uppercase;text-align:center;border-radius:2px;height:42px;line-height:42px}
.btn-gray{border-radius:16px;display:inline-block;background-color:#ccc;height:32px;line-height:32px;padding:0 30px}
.btn-bg-blue{background-color:#0277bd;text-align:center;padding:0 30px;display:inline-block;color:#fff;cursor:pointer}
.txt-l{text-align:left}
.txt-r{text-align:right}
.txt-c{text-align:center}
.flex{display:flex}
.flex1{flex:1}
.flex-r{justify-content:flex-end;display:flex}
.content-center{justify-content:center;align-items:center;display:flex}
.items-center{align-items:center;display:flex}
.pointer{cursor:pointer}
.h100{height:100%}
.h128{height:128px}
.line-h24{line-height:24px}
.tab{font-size:12px;overflow:hidden}
.tab ul{border:1px solid #ccc;border-radius:2px;background:#eaeaea;line-height:30px;float:left}
.tab li{padding:0 35px;border-right:1px solid #ccc;float:left;cursor:pointer}
.tab li.cur{background-color:#fff}
.tab li:last-child{border:none}
.radio-div{position:relative;height:16px;line-height:16px}
.radio-div .radio-ipt{opacity:0}
.radio-div .radio-ipt:checked~.radio:before{border-color:#03a9f4}
.radio-div .radio-ipt:checked~.radio:after{background-color:#03a9f4}
.radio-div .radio{padding-left:5px;line-height:16px;height:16px;overflow:hidden;cursor:pointer}
.radio-div .radio:before{position:absolute;top:0;left:0;content:' ';display:inline-block;width:16px;height:16px;border:1px solid #ccc;border-radius:50%;box-sizing:border-box}
.radio-div .radio:after{position:absolute;top:3px;left:3px;content:' ';display:inline-block;width:10px;height:10px;border-radius:50%;box-sizing:border-box;background-color:transparent}
.radio-div{display:flex}
.edit-setting .radio-div .radio,.pay .radio-div .radio{overflow:visible}
.file-ipt-div .file-ipt{opacity:0;outline:0;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:100}
.file-ipt-div .file-ipt-div{height:100%}
.file-ipt-div .ipt-flie{box-sizing:border-box;width:100%;height:100%;line-height:40px;border:none;border-bottom:1px solid #ddd}
.ipt-flie::-webkit-input-placeholder{color:#aaa;font-size:16px}
.ipt::-webkit-input-placeholder{font-size:14px}
.btn-upload-file{border-radius:50%;background-color:#eee;box-shadow:0 1px 2px 0 rgba(0,0,0,.3);width:40px;height:40px;font-size:22px;color:#000;margin-left:10px}
.bt-1{border-top:1px solid #eaeaea}
.bt-1-ddd{border-top:1px solid #ddd}
.bt-b1{border-bottom:1px solid #f0f0f0}
.bb-1-ddd{border-bottom:1px solid #ddd}
.pointer{cursor:pointer}
.el-input__inner{border-color:#ddd;border-radius:2px;line-height:40px;height:40px}
.nav-h3{background-color:#f5f5f7;padding:25px}
.title-h3{font-size:24px;text-transform:capitalize;color:#000;line-height:30px}
.shadow1{box-shadow:0 1px 6px 0 rgba(0,0,0,.2);border:1px solid #bababa}
.tabel-box{font-size:14px;text-align:left;border-bottom:2px solid #ddd;color:#060606}
.tabel-box th{line-height:30px;border-bottom:2px solid #ddd;padding:0 10px;font-size:16px}
.tabel-box td{line-height:20px;border-bottom:1px solid #ddd;padding:10px}
.tabel-box tr:nth-child(even){background-color:#f9f9f9}
.edit-setting .g-layer-content{padding:0!important}
.g-title-h5{font-size:20px;text-transform:capitalize;font-weight:400;position:relative;text-align:center}
.g-title-h5 .line{display:block;width:100%;height:1px;background-color:#eaeaea;overflow:hidden;position:absolute;top:50%;left:0;z-index:0}
.g-title-h5 .txt{background-color:#fff;z-index:1;position:relative;padding:0 90px}
.baseInfo .el-icon-date{display:none}
.baseInfo .el-input__inner{border-radius:2px 0 0 2px}
.focus-ipt{width:100%;position:relative;line-height:35px;height:35px;color:#666;border-bottom:1px solid #f0f0f0}
.focus-ipt input{border:none;background-color:transparent;outline:0;font-size:16px;padding-left:20px;width:100%;position:relative;z-index:2}
.focus-ipt .input-span:before{content:"";display:block;height:2px;position:absolute;bottom:-2px;background-color:#177bbb;z-index:99;left:50%;right:50%;transition:left .3s,right .3s;box-sizing:border-box}
.focus-ipt input:focus~.input-span:before{content:"";left:0;right:-5px;transition:left .3s,right .3s}
.focus-ipt input::-webkit-input-placeholder{color:#aaa}
.focus-ipt .pa-i{position:absolute;top:0;left:0;color:#000;height:30px;z-index:12}
.focus-ipt .foucus-txt{position:absolute;top:0;left:20px;font-size:16px;color:#b6b6b6;z-index:1}
.focus-ipt .focus{top:-20px;font-size:12px;animation:anim .2s}
.focus-ipt .has-focus{top:-20px;font-size:12px}
.focus-ipt .blur{top:0;font-size:16px;animation:animblur .2s}
.focus-ipt .empty{animation:anim .2s;top:-20px;font-size:12px}
.form-ipt .focus .foucus-txt{top:-20px;font-size:12px;animation:anim .2s}
.form-ipt .has-focus .foucus-txt{top:-20px;font-size:12px}
.form-ipt .blur .foucus-txt{top:0;font-size:16px;animation:animblur .2s}
.form-ipt .empty .foucus-txt{animation:anim .2s;top:-20px;font-size:12px}
.form-ipt .blur .input-span:before{background-color:red;content:"";left:0;right:-5px}
.backError .input-span:before,.form-ipt .error .input-span:before{background-color:red;content:"";left:0;right:-5px}
@keyframes anim{0%{top:0;opacity:0;font-size:16px}
100%{top:-20px;opacity:1;font-size:12px}
}
@keyframes animblur{0%{top:-20px;opacity:0;font-size:12px}
100%{top:0;opacity:1;font-size:16px}
}
.form-ipt .color-red{line-height:12px!important;display:block;padding-top:10px}
.el-collapse{border:none;border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea}
.el-collapse-item__header{border-bottom:1px solid #eaeaea;opacity:.7;background-color:rgba(255,255,255,.6)}
.el-icon-arrow-right:before{color:#0277bd}
.el-collapse-item__wrap{background-color:rgba(247,247,247,.6);border-bottom:1px solid #eaeaea}
.el-input__inner{border-radius:2px!important;border:1px solid #ddd!important}
.el-checkbox__input.is-checked .el-checkbox__inner{background-color:#03a9f4;border-color:#03a9f4}
.el-checkbox__input.is-checked+.el-checkbox__label{color:#757575}
.home .pagination{padding:0 20px 0 0}
.chat-record .pagination .page-wrap{padding:10px}
.search-result{height:500px;text-align:center;color:#999;font-size:20px}
.sign-up{width:100px;border-bottom:1px solid #f0f0f0;margin-right:10px;line-height:35px;height:35px}
.sign-up .zmdi{margin-top:10px;margin-right:10px}
.sign-up .el-input,.sign-up .el-input__inner{padding:0;border:none!important;line-height:35px;height:35px;font-size:16px;color:#000!important}
.sign-up .el-input__icon{width:15px}
.income table th{text-align:left}
.search input{height:30px}
body{font-size:14px}
.w1140{width:1140px;margin:0 auto}
.line20{line-height:20px}
.line24{line-height:24px}
.line30{line-height:30px}
.color-deeefe{color:#deeefe}
.b-b1{border-bottom:1px solid #ddd;padding:20px 0}
.ptb70{padding:70px 0}
.header-box{height:70px}
.js-home-menu{height:0!important}
.header-fixed{position:fixed;top:0;left:0;width:100%;height:70px;background:rgba(0,0,0,.25);font-size:14px;z-index:123456}
.header-box .header-fixed{background:#16a0f8}
.header{height:70px;align-items:flex-end;box-sizing:border-box}
.logo{display:block}
a{color:#fff}
.menu-ul>li{position:relative;padding: 0px 20px 0px 20px;}
.menu-ul>li>a{display:inline-block;padding:13px 15px}
.login-fr a,.menu-ul>li>a{border-bottom:2px solid transparent}
.login-fr a.cur,.login-fr a:hover,.menu-ul>li.cur>a,.menu-ul>li>a.cur,.menu-ul>li>a:hover{border-bottom:2px solid #fff}
.ptb15{padding:13px 0}
.login-fr a{padding:13px 10px;display:inline-block}
.login-fr a:last-child{padding-right:0}
.footer{background:#2d3035;padding:60px 0;line-height:36px}
.footer .beian a{display:flex;color:#BDBDBD}
.footer .beian .mr5 img{margin-right:5px}
.footer-box,.footer-box a{color:#fff}
.footer-box a:hover{text-decoration:underline}
.footer-bottom{background:#25282e;height:60px;text-align:center}
.w175{width:175px}
.w325{width:325px}
.bb1{border-bottom:1px solid #ddd}
.flex-end{display:flex;align-items:flex-end}
.line26{line-height:26px}
.plan .js-dynamic-img>div{margin-top:20px}
.plan .btn-chat{display:none!important}
@keyframes bottomtotop{0%{bottom:-60px}
100%{bottom:0}
}
@keyframes bottomtonot{0%{bottom:0}
100%{bottom:-60px}
}
.txt-free{padding-left:60px}
.ipt-mobile{border-width:1px;border-color:#16a0f8;border-style:solid;border-radius:2px;background-color:#fff;width:220px;height:36px;line-height:40px;outline:0;padding-left:30px;box-sizing:border-box}
.mobile-ipt-box{position:relative;margin-right:5px}
.mobile-ipt-box .fa{color:#aaa;position:absolute;top:3px;left:10px}
.mobile-ipt-box .fa-mobile{font-size:22px;top:0}
.ipt-mobile::-webkit-input-placeholder{color:#aaa;font-size:14px}
.alert-box-bg{background:rgba(0,0,0,.5);position:fixed;top:0;left:0;width:100%;height:100%;z-index:123456789}
.alert-fixed-box{width:510px;height:413px;margin:-205px auto 0;position:fixed;top:50%;left:0;right:0;z-index:999999999;background:#fff;border-radius:9px}
.alert-fixed{background:#f6f7fb;height:50px;border-radius:9px 9px 0 0}
.w100{width:100px}
.fixed-chat{background-color:#16a0f8;position:absolute;right:0;bottom:0;width:100px;height:54px;z-index:14}
.box-shadow{box-shadow:0 4px 10px 0 rgba(0,0,0,.3)}
.close-fixed{position:absolute;right:20px;top:15px;font-size:20px;background:url(https://storage.dreambigcareer.com/dbc/websitnew/ui/img/bg-close.png) no-repeat;width:16px;height:16px}
.error-wechat{opacity:0}
.header h1{width:210px;height:100%;position:relative}
.header h1 a{position:absolute;top:0;left:0}
.header h1 a img{padding:0!important}
.pt30{padding-top:30px}
.js-alert-error{position:fixed;top:50%;left:0;right:0;text-align:center;display:none}
.js-alert-error span{display:inline-block;min-width:100px;background-color:#000;filter:alpha(opacity=60);background-color:rgba(0,0,0,.6);color:#fff;border-radius:5px;text-align:center;line-height:24px;padding:10px 25px}
.alert-com-box .fixed-bg{background:rgba(0,0,0,.5);position:fixed;width:100%;height:100%;top:0;left:0;z-index:999999}
.alert-com-box .box-alert{position:fixed;width:1000px;height:100%;left:0;right:0;top:0;margin:0 auto;z-index:9999999}
.alert-com-box .content-center{height:100%}
.animation-box{animation:fadeIn .2s ease}
@-webkit-keyframes fadeIn{0%{opacity:0;-webkit-transform:scale(.9)}
100%{opacity:1;-webkit-transform:scale(1)}
}
@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}
100%{opacity:1;transform:scale(1)}
}