@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'SourceHanSansCN-Regular';
    src: url('../SourceHanSansCN-Regular.eot');
    src: url('../fonts/SourceHanSansCN-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/SourceHanSansCN-Regular.woff2') format('woff2'),
         url('../fonts/SourceHanSansCN-Regular.woff') format('woff'),
         url('../fonts/SourceHanSansCN-Regular.ttf') format('truetype'),
         url('../fonts/SourceHanSansCN-Regular.svg#SourceHanSansCN-Regular') format('svg');
    font-weight: normal;
    font-style: normal;

}
*{margin: 0;padding: 0;font-family: '微软雅黑'; text-decoration: none;list-style: none;}
body{width: 100%;min-width: 320px;}
.top{width: 100%;padding: 0 5% 0 4%;box-sizing: border-box;}
.clearfloat{display: block;content:"";clear: both;overflow: hidden;}
.top_left{float: left;padding: 40px 0;}
.top_right{float: right;font-size: 14px;margin: 60px 0 40px;}
.nonum{margin: 0 15px 0 20px;color: #ff0000;}
.reg{display:inline-block;width: 74px;height: 30px;text-align: center;line-height: 30px;background: #12baff;border-radius: 5px;color: #FFFFFF;transition: all .3s ease-in;}
.reg:hover{background: #10a7e3;}
/*top*/

.logmainbox{width:100% ;background: #12baff;padding: 16px 0;}
.logmain{width: 100%;max-width: 1440px;text-align: center;position: relative;margin: auto;}
.logmain img{display:block;width: 100%;margin: auto;}
.login{width: 418px;background: #FFFFFF;position: absolute;right:88px;z-index: 100;top:11%;border-radius: 10px;padding-top: 5px;box-sizing: border-box;padding-bottom: 22px;}
.login input{display:inline-block;width: 358px;height: 46px;color:#050505;line-height: 46px;outline: none;border: 1px solid #c6c6c6;border-radius: 4px;margin-top: 25px;padding-left: 52px;box-sizing: border-box;font-size: 18px;color: #050505;}

.name{background: url(../images/num.png) no-repeat 14px 10px;}
.pas{background: url(../images/pas.png) no-repeat 14px 10px;}
.anniu{width:100%;text-align: left;margin-top: 25px;padding: 0 30px;box-sizing: border-box;}
.remember{display: inline-block;width: 38px;height: 24px;background:#00d57d;border-radius: 13px;transition: all .3s ease-in;cursor: pointer; float: left;}
.button{display: inline-block;width: 20px;height: 20px;border-radius: 50%;background: #ffffff;margin: 2px;margin-left: 17px;}
.heart{font-size: 15px; color: #000000;margin-left: 15px;}
.heart a{color: #000000;}
.log_forget{float: right;font-size: 15px;color: #000000;transition: all .3s ease-in;}
.log_forget:hover{color: #ff0000;}
.login .refer{background: #fda168;border: none;cursor: pointer;transition: all .4s ease-in;padding: 0;font-size: 24px;color: #FFFFFF;}
.login .refer:hover{background:#f5823b}
.forget_pas{font-size: 15px;color: #ff0000;margin-top: 20px;}
.forget_pas a{color: #ff0000;transition: all .3s ease-in;border-bottom: 1px solid transparent;}
.forget_pas a:hover{border-bottom: 1px solid #ff0000;}
input::-webkit-input-placeholder {color:#c6c6c6;}
input::-webkit-input-placeholder { /* WebKit browsers */color:#c6c6c6;}
　input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color:#c6c6c6;　}
　　input::-moz-placeholder { /* Mozilla Firefox 19+ */color:#c6c6c6;}
　　input:-ms-input-placeholder { /* Internet Explorer 10+ */color:#c6c6c6;　}

/*logmain*/

.footerbox{width:100%;background: #88dcff;padding: 25px 150px 25px 50px;box-sizing: border-box;}
.footer{width: 100%;max-width: 1440px;margin: auto;text-align: center;}
.footer_left{float: left;}
.footer_right{float: right;}

/*登录页*/
.register input{margin-top: 11px;}
.register .login{padding-top: 14px;}
.phone{background-image: url(../images/phone.png);background-repeat:no-repeat ;background-position-x:14px ;background-position-y: 2px;}
.login .code{background: url(../images/code.png) ;width: 206px;background-repeat:no-repeat ;background-position-x:14px ;background-position-y: 10px;}
.gain{display: inline-block;width: 136px;height: 50px;line-height: 50px;border-radius: 4px;background: #C6C6C6;color: #fffefe;font-size: 18px;margin-left: 11px;cursor: default;transition: all .3s ease-in;}
/*.gain:hover{background: #10A7E3; #12BAFF}*/
.jobbox{position: relative;padding: 0 30px;box-sizing: border-box;}
.job{background: url(../images/job.png) no-repeat 14px 15px;}
.jobbox img{position: absolute;right: 45px; top:37px;width: 26px;transition: all .3s ease-in;}
.joblist{display:none;position: absolute;background: #FFFEFE;width: 358px;margin:auto;left:30px;border-left:1px solid #C6C6C6;border-right:1px solid #C6C6C6;box-sizing: border-box;text-align: left;z-index: 100;box-shadow:0 5px 9px #c5c4c4;}
.joblist p{line-height: 60px;border-bottom: 1px solid #c6c6c6;text-indent: 14px;cursor: pointer;}
.joblist p:last-child{border: none;}

.jobtime{position: relative;padding: 0 30px;box-sizing: border-box;}
/*.jobtime{position: relative;padding: 0 30px;box-sizing: border-box;display: none;}*/
.login .time{background: url(../images/job.png) no-repeat 14px 10px;}
.time{background: url(../images/job.png) no-repeat 14px 21px;}
.jobtime img{position: absolute;right: 45px; top:37px;width: 26px;transition: all .3s ease-in;}
.timelist{display:none;position: absolute;background: #FFFEFE;width: 358px;margin:auto;left:30px;border-left:1px solid #C6C6C6;border-right:1px solid #C6C6C6;box-sizing: border-box;text-align: left;box-shadow:0 5px 9px #c5c4c4;}
.timelist p{line-height: 60px;border-bottom: 1px solid #c6c6c6;text-indent: 14px;cursor: pointer;}
.timelist p:last-child{border: none;}
.login select {display: inline-block; width: 358px;height: 46px;color: #050505;line-height: 46px;outline: none;border: 1px solid #c6c6c6;border-radius: 4px;margin-top: 10px;padding-left: 52px;box-sizing: border-box; font-size: 18px;color: #050505;}/*注册页*/
.back{position: relative;}
.back .after{display: block;content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-image: url(../images/hbj.png);background-size: 100% 100%;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='file:../images/hbj.png',  sizingMethod='100%');
}
/**/
.home{width: 100%;padding: 0 5% 0 4%;box-sizing: border-box;}
.home:after{display: block;content: "";clear: both;overflow: hidden;}
.home_left{float: left;padding: 40px 0;}
.welcome{vertical-align: middle;margin-top: 30px;}
.home_right{float: right;font-size: 14px;}
.icon{display: inline-block;vertical-align: middle;margin-left: 25px;padding: 37px 10px 24px;transition: all .3s ease-in;position: relative;z-index: 100;}
.icon_pic{cursor: pointer;}
.icon_pic img{border-radius:50%;}
/*.icon:hover {background: #009EDF;}*/
.icon span{display: inline-block;}
.icon_la{vertical-align: middle;position: relative;top: -24px;margin-left: 5px;cursor: pointer;}
.icon_down{position: absolute;width: 100%;left: 0;display: none;}
.icon_down a{display: block;width: 100%;text-align: center;color: #FFFEFE;background: #009EDF;line-height: 28px;transition: all .3s ease-in;}
.icon_down a:hover{background: #027CB1;}

.homebannerbox{width: 100%;background: #12BAFF;text-align: center;position: relative;}
.homebanner_pic{width: 100%;max-width: 1440px;box-sizing: border-box;margin: auto;}
.homebanner_pic img{width: 100%;}
.banner {  width:100%;  height:54px; background:#333333; overflow: hidden; }
.notice{width: 80%;margin: auto;padding-top: 10px;display: inline-block;}
.notice li {list-style: none;line-height: 16px;padding: 6px 0;text-align: left;}
.notice li a{color: #ffffff;text-decoration: none;font-size: 12px;}
.banner .not{position: absolute;bottom: 13px;left: 5%;font-size: 14px;color: #ffffff;}
.close{display: inline-block;width: 11px;height: 11px;background: url(../images/close.png) no-repeat;position: absolute;bottom: 20px;right: 5%;cursor: pointer;}
.home_main{ width: 1040px;margin: 0 auto 70px;}

.home_main ul:after{display: block;content: "";clear: both;overflow: hidden;}
.home_main li{float: left;width: 43%;margin: 24px 35px;list-style: none;font-size: 32px;cursor:pointer;color: #FFFEFE;transition: all .3s ;border-radius: 14px;}
.home_main li>div{box-sizing: border-box;}
.home_main li>div>a{display: block;width: 100%;height: 100%;color: #FFFFFF;padding: 120px 0 86px  56px;box-sizing: border-box;}
.client{background:#38b1ff;}
.client:hover{background: #19a3fc;}
.client>div{background-image: url(../images/client.png) ;background-position-x: 239px;background-position-y: 97px;background-repeat: no-repeat;}
.fill{background: #38ffb3;position: relative;}
.fill:hover{background: #19fda6;}
.fill_cont{background-image: url(../images/fill.png) ;background-position-x: 239px;background-position-y: 109px;background-repeat: no-repeat;}
.fill_bomb{display:none;position: absolute;width:406px;top: 0;background: #FFFFFF;color: #0de290;left: 5%;top: 22px;padding: 34px 30px;box-sizing: border-box;box-shadow: 0 0 20px #5f5e5e;}
.fill_title p:last-child{padding-bottom: 20px;border-bottom: 1px solid #cccccc;margin-bottom: 23px;}
.fill_bomb a{position: relative; display:inline-block;background: #01cb7d;font-size: 16px;color: #ffffff;margin-right: 9px;line-height: 56px;margin-bottom: 16px;border-radius: 8px;transition: all .3s ease-in;position: relative;}
.fill_bomb a .finished{position: absolute;top: 0px;right:0px;border-radius: 4px; background: #F87F00;line-height: 20px;font-size: 14px;}
.fill_bomb a:hover{background: #00a062;}
.longa{padding: 0 34px;}
.middlea{padding: 0 32px;}
.shorta{padding: 0 16px;}
.consult{background: #ffb668;position: relative;}
.consult:hover{background:#ff9f38;}
.consult>div{background-image: url(../images/consult.png) ;background-position-x: 249px;background-position-y: 102px;background-repeat: no-repeat;}
.report{background: #ff6895;}
.report:hover{background: #ff3874;}
.report>div{background-image: url(../images/report.png) ;background-position-x: 271px;background-position-y: 112px;background-repeat: no-repeat;}
.support>div{    background: url(../images/report2.png) no-repeat 184px 77px;}

.consult .fill_title{color: #ff9627;}
.consult .fill_bomb a{background:#ff9627;}
.consult .fill_bomb a:hover{background:#f87f00;}
/*首页*/
.main_cont{margin-bottom: 53px;}
.headpicbox{width: 100%;text-align: center;background: #12baff;margin-bottom: 10px;}
.headpic{width: 100%;margin: auto;}
.headpic img{width: 100%;}
.main_cont_left{float: left;}
.main_cont_right{width:calc(100% - 266px);float: left;}
.main_left_cont{width: 266px;}
.main_left_cont li{margin-top: 23px;border-radius: 0 17px 17px 0;}
.main_left_cont li>div>a{display: block;width: 100%;height: 100%;color: #FFFFFF;padding: 38px 0 50px 30px;box-sizing: border-box;font-size: 27px;}
.client2>div {background: url(../images/client2.png) no-repeat 170px 62px;}
.fill2>div {background: url(../images/fill2.png) no-repeat 172px 83px;}
.consult2>div {background: url(../images/consult2.png) no-repeat 172px 70px;}
.report2>div {background: url(../images/report2.png) no-repeat 184px 77px;}
.support{background:#01dbd3;}
.support:hover{background: #04c5be;}

.fill2 .fill_bomb{transform: translateX(0);left:22px;width: 726px;z-index: 100;}
.consult2 .fill_bomb{transform: translateX(0);left:22px;width: 726px;z-index: 100;}
.main_right_title{font-size: 30px;color: #000000;text-align: center;padding: 40px 0;}
.install{width: 60%; margin: auto;border: 1px solid #ececec;padding: 3px 0 60px;}
.install li{margin-top: 20px;}
.install li:after{display: block;content: "";clear: both;overflow: hidden;}
.install_left{float: left;width: 108px;text-align: right;font-size: 16px;vertical-align: middle; margin-right: 10px;position: relative;top: 7px;}
.install_right{float: left;position: relative;padding: 0;}
.install_right input{width: 226px;color: #000000; height: 38px;outline: none;border: 1px solid #c6c6c6;border-radius: 4px;padding-left: 16px;box-sizing: border-box;background: transparent;}
.install_icon{display: inline-block;vertical-align: middle;margin-right: 13px;}
.install_fill{vertical-align: middle;display: inline-block; padding: 30px 0; position: relative;top: -15px;}
.file_btn{position: relative; font-size: 14px;color: #008aff; left: -339px;top: 26px;cursor: pointer;overflow: hidden;}
.install_name{position: relative;top: 28px;}
.install_fill input{position: absolute;left: 0;font-size:14px;bottom: 0px;width: 50px;height: 22px;border-radius: 0;opacity: 0;filter:alpha(opacity=0);cursor: pointer;    padding-left: 50px;background: transparent;}
.jobbox .per_down{position: absolute; right: 15px;top: 16px;width: 17px;}
.install_down{display:none;position: absolute;left: 0px;top: 38px;z-index:100;background: #FFFFFF;box-shadow:0 5px 9px #c5c4c4;width: 100%;border-left: 1px solid #c6c6c6;border-right: 1px solid #c6c6c6;font-size: 14px;color: #050505;}
.install_down p{width: 100%;line-height: 38px;border-bottom: 1px solid #c6c6c6;font-size: 14px;padding-left: 16px;box-sizing: border-box;cursor: pointer;}
.install_right a{color: #008aff;}
.pasw{top: 0;}
.install_file_btn{font-size: 17px;color: #FFFFFF;background: #008aff;width: 190px;height: 44px;outline: none;border: none;border-radius: 4px;margin-top: 40px;margin-left: 119px;transition: all .3s ease-in;}
.install_file_btn:hover{background:#026ac2;cursor: pointer;}
/*个人设置*/
.prompt{width: 1016px;font-size: 14px;padding: 20px 10px;line-height: 22px; box-sizing: border-box; color: #000000;text-align: center;border-radius: 5px;border: 1px dashed #12baff;margin: auto;}
.data_main{width: 806px;margin: auto;font-size: 16px;}
.data_main ul{width: 100%;}
.data_main ul li{margin-top: 26px;}
.data_main ul li:after{display: block;content: "";clear: both;overflow: hidden;}
.data_main_left{float: left;width: 314px;margin-left: 16px;margin-right: 16px;position: relative;}
.data_main_right{float: right;width:314px;position: relative;}
.data_main_left input{width: 314px;height: 38px;line-height: 38px;outline: none;border-radius: 4px;border: 1px solid #c6c6c6;margin-top: 10px;padding-left: 15px;box-sizing: border-box;background: #FFFFFF;font-size: 15px;}
.data_main_right>input{width: 314px;height: 38px;line-height: 38px;outline: none;border-radius: 4px;border: 1px solid #c6c6c6;margin-top: 10px;padding-left: 15px;box-sizing: border-box;background: #FFFFFF;font-size: 15px;}
.data_main_left select {width: 314px;height: 38px;  line-height: 38px; outline: none; border-radius: 4px; border: 1px solid #c6c6c6; margin-top: 10px; padding-left: 15px;box-sizing: border-box;background: #FFFFFF;}
.data_main_right select {width: 314px;height: 38px;  line-height: 38px; outline: none; border-radius: 4px; border: 1px solid #c6c6c6; margin-top: 10px; padding-left: 15px;box-sizing: border-box;background: #FFFFFF;}
.data_main_right select  option {width: 314px; outline: none;  border: 1px solid #c6c6c6;  background: #FFFFFF; padding: 10px 0;line-height: 38px;}

.rchoose{display:inline-block;width: 30px;height:30px;border:1px solid #d9d9d9;border-radius:50%;position: relative;text-align: center;margin-bottom: 14px;}
.rchoose .rcheck{display: inline-block;width: 9px;height: 9px;border-radius: 50%;margin-top: 10px;}
.rchoose .check{background: #0290D3;}
.rchoose input{position: absolute;top:0px;opacity:0;width: 100%;height: 100%;left: 0px;filter:alpha(opacity=0);}
.rtext{display: inline-block;}
.check_choose{margin-top: 10px;}
.rchoose_right{margin-left: 100px;}
.record{width: 100%;background: #fafafa;/* padding: 20px 24px 6px; */padding: 20px 10px 6px;box-sizing: border-box;margin-top: 10px;}
.record_choose{margin-left: 157px;}
.doctor{margin-right: 137px;}
.data_main_choose{margin-top: 15px;}
/*职业问题开始*/
.job_problem{width:1026px;background: #f4f4f4;padding: 20px 22px;box-sizing: border-box;position: relative;left: -78px;}

.check_box{display:inline-block;width: 22px;height:22px;border:1px solid #d9d9d9;position: relative;text-align: center;margin-bottom: 14px;margin-top: 20px;}
.check_box .rcheck{display: inline-block;width: 100%;height: 100%;border-radius: 50%;}
.check_box .checks{background:url(../images/gou.png) no-repeat 4px 4px;}
.check_box input{position: absolute;top:0px;opacity:0;width: 100%;height: 100%;left: 0px;filter:alpha(opacity=0);}
.ckeck_lab{position: relative;top: -6px;margin-left: 14px;}
.job_problembox{width: 100%;padding-left: 40px;box-sizing: border-box;}
.job_problem_check{display: inline-block;width: 230px;}
.describe{width: 830px;position: relative;left: -46px;}
.describe textarea{resize: none;width: 100%;margin-top: 19px;border: 1px solid #c6c6c6;border-radius: 4px;outline: none;padding: 20px;box-sizing: border-box;text-indent: 18px;height: 90px;font-size: 15px;}
.hint{font-size: 14px; color: #9e9e9e;margin-top: 5px;}
.data_file{width: 256px;height: 284px;background: #f0f0f0;margin-top: 34px;text-align: center;padding-top: 110px;box-sizing: border-box;}
.data_filepic{text-align: center;position: relative;}
.data_btn{margin: 20px 0 9px;font-size: 18px;}
.data_last{font-size: 14px;}
.data_main_left .file_resume{display: block;position: absolute;left: 73px;top: -10px; width: 105px;height:62px;cursor: pointer;opacity: 0;filter:alpha(opacity=0);filter:alpha(opacity=0); }
.data_filepic img{max-width: 60px;}
.markit_btn{width: 270px;height: 62px;line-height: 62px;text-align: center;color: #FFFEFE;background: #008aff;border-radius: 5px;border: none;outline: none;font-size: 24px;transition: all .3s ease-in;margin: auto;display: block;margin-top: 50px;}
.markit_btn:hover{background: #006ac4;cursor: pointer ;}
.data_main_right .file_resumes{display: block;position: absolute;left: 73px;top: -10px; width: 105px;height:62px;cursor: pointer;opacity: 0;filter:alpha(opacity=0);filter:alpha(opacity=0);}
.data_filepics{text-align: center;position: relative;}
.data_files{width: 256px;height: 284px;background: #f0f0f0;margin-top: 13px;text-align: center;padding-top: 110px;box-sizing: border-box;}

.data_main_left  .per_down{position: absolute; top: 47px;right: 30px;}
.data_main_left .install_down{position:absolute;top: 70px;}
.data_main_right  .per_down{position: absolute; top: 47px; right: 30px;}
.data_main_right .install_down{position: absolute; top: 70px;}
.datalist{display:none;position: absolute;left: 0px;top: 70px;z-index:100;background: #FFFFFF;box-shadow:0 5px 9px #c5c4c4;width:312px;border-left: 1px solid #c6c6c6;border-right: 1px solid #c6c6c6;font-size: 14px;color: #050505;}
.datalist p{width: 100%;line-height: 38px;border-bottom: 1px solid #c6c6c6;font-size: 14px;padding-left: 16px;box-sizing: border-box;cursor: pointer;}

.ageslist{display:none;position: absolute;left: 0px;top: 70px;z-index:100;background: #FFFFFF;box-shadow:0 5px 9px #c5c4c4;width:312px;border-left: 1px solid #c6c6c6;border-right: 1px solid #c6c6c6;font-size: 14px;color: #050505;}
.ageslist p{width: 100%;line-height: 38px;border-bottom: 1px solid #c6c6c6;font-size: 14px;padding-left: 16px;box-sizing: border-box;cursor: pointer;}

.college_btn{width: 270px;height: 62px;cursor:pointer; line-height: 62px;text-align: center;color: #FFFEFE;background:#ff8236;border-radius: 5px;border: none;outline: none;font-size: 24px;transition: all .3s ease-in;margin: auto;display: block;margin-top: 50px;}
.college_btn:hover{background:#fb7320;}

/*大学生版*/

.middle_file .data_main_right{float:left;margin-left: 20px;}
.middle_file_right{float: left;margin-top: 132px;margin-left: -20px;}
.middle_file_right p{font-size: 16px;}
.middle_file_right p:last-child{font-size: 14px;color: #9e9e9e;}
.future{font-size: 24px;background: #1ebeff;line-height: 62px;color: #FFFFFF;width: 1024px;padding-left: 30px;box-sizing: border-box;position: relative;left: -78px;margin-bottom: 30px;}
.goal{position:absolute;cursor: pointer; right: -32px;top: 41px; display: inline-block;width: 22px;height: 22px;background: url(../images/add.png)no-repeat;}
.goal1{position:absolute;cursor: pointer; right: -32px;top: 41px; display: inline-block;width: 22px;height: 22px;background: url(../images/add.png)no-repeat;}
.goal2{position:absolute;cursor: pointer; right: -32px;top: 41px; display: inline-block;width: 22px;height: 22px;background: url(../images/add.png)no-repeat;}
.goal3{position:absolute;cursor: pointer; right: -32px;top: 41px; display: inline-block;width: 22px;height: 22px;background: url(../images/add.png)no-repeat;}
.need{padding: 0;background: #FFFFFF;}

.family{border: 1px solid #bebebe;width: 980px;position: relative;left: -57px;border-right: none;border-bottom: none;}
.family td{border: none;border-right: 1px solid #bebebe;font-size:16px;text-align: center;border-bottom: 1px solid #BEBEBE;line-height: 60px;}
.family th{border: none;border-right: 1px solid #bebebe;text-align: center;border-bottom: 1px solid #BEBEBE;font-size: 14px;line-height: 48px;color: #000000;}
.place{width: 394px;}
.family input{display: inline-block;height: 60px;font-size:16px;text-align: center;border: none;line-height: 60px;width: 100%;outline: none;}
.line{border-bottom: 1px dashed #c1c1c1;margin-top: 55px;width: 1026px;position: relative;left: -78px;}
.certificate{font-size: 24px;}

/*中学生版*/

.support_cont {width: 65%;  margin: auto;border: 1px solid #ececec;padding: 30px 30px 60px;box-sizing: border-box;font-size: 14px;}
.support_btn {margin-top: 20px;}
.support_btn span{display: inline-block;width: 126px;height: 40px;text-align: center;line-height: 40px;transition: all .1s ease-in;cursor: pointer;border: 1px solid #c5c5c5;border-radius: 4px;margin-right: 20px;}
.support_btn .active{border: 1px solid #0390d4;color: #0390d4;}
.support_cont textarea{resize: none;width: 634px;border: 1px solid #c6c6c6;height: 234px;border-radius: 4px;outline: none;margin-top: 20px;padding: 15px;text-indent: 15px; box-sizing: border-box;}
.support_cont .editor2{display: none;}
.sure_btn{font-size: 17px;color: #FFFFFF;background: #008aff;width: 190px;height: 44px;outline: none;border: none;border-radius: 4px;margin-top: 40px;transition: all .3s ease-in;}
.sure_btn:hover{cursor: pointer;background: #006AC4;}
/*后续支持页*/
.revise{margin-top: 18px;font-size: 16px;}
.revise input{width: 250px;height: 38px;outline: none;border:1px solid #c6c6c6;border-radius: 4px;margin-left: 4px;padding-left: 15px;box-sizing: border-box;}
.revise_forget{margin-top: 26px;font-size: 16px;margin-left: 10px;}
.revise_forget a{color: #008aff}
.revise_btn{margin-left: 95px;}
/*修改密码页*/
.notice_title{font-size: 24px;text-align: center;margin: 30px auto 20px;}
.notice_main{width: 1016px;margin: auto;}
.notice_flow{width: 100%;padding:10px 105px 10px 0;box-sizing: border-box;margin-bottom: 14px;}
.notice_flow:after{display: block;content: "";clear: both;overflow: hidden;}
.notice_left{float: left;font-size: 72px;width: 96px;text-align: center;}
.notice_right{float: left;font-size: 14px;width: calc(100% - 96px);line-height: 24px;position: relative;top: 13px;}
.notice_right_title{font-weight: 600;color: #000000;margin-bottom: 4px;}
.notice_flow:nth-of-type(odd){background: #f0f0f0;}
.notice_line{border-bottom: 1px solid #f0f0f0;margin-bottom: 40px;}
.notice_item{width: 1016px;margin: auto;padding: 25px 92px 15px 30px;box-sizing: border-box;}
.notice_item:nth-of-type(odd){background: #f0f0f0; }
.notice_item p{line-height: 24px;font-size: 14PX;}
.notice_button{margin-left: 2px;}
.notice_remember{background: #C6C6C6;}
.notice_main .anniu{width: 260px;margin:25px auto 17px;}
.alread{margin-left: 10px;}
.notice_agree{text-align: center;}

.notice_agree a{display:inline-block;width: 214px;height: 64px;border-radius: 10px;background: #C6C6C6;line-height: 64px;font-size: 24px;color: #FFFFFF;}
.profession{width: 1026px;margin: auto;text-align: left;background: #f5f5f5;padding: 20px 0;}
.profession span{display: inline-block;vertical-align: top;}
.profession span:last-child{display:inline-block;width: 533px;text-align: left;font-size: 14px;line-height: 22px;}
.profession .like_grow{display:inline-block;width: 533px;text-align: left;font-size: 14px;line-height: 22px;}
.profession_notice{width: 1002px;margin: auto;}
.profession_title{font-size: 24px;margin: 67px 0 24px;}
.profession_cont p{font-size: 14px;color: #000000;line-height: 20px;}
.profession_cont p:first-child{margin-bottom: 30px;}
.profession_cont{padding: 15px 30px;box-sizing: border-box;border: 1px solid #f4f4f4;}
.profession_btn{text-align: center;margin-top: 27px;}
.profession_btn a{display: inline-block; width: 268px;height: 64px;border-radius: 10px;line-height:64px;text-align: center;background: #00d45a;font-size: 24px;transition: all .3s ease-in;color: #FFFFFF;}
.profession_btn a:hover{background: #01ab49}
/*职业锚测试*/

.profession_rate{width:793px;margin: auto;}
.ratebox{display: inline-block;width: 554px;height: 5px;margin-right:9px;position: relative;background: #e9e9e9;vertical-align: middle;}
.rate{position: absolute; display: inline-block;width: 1px;height: 5px;top: 0;left: 0;background: #0390d4;}
.moment_rate{font-size: 48px;}
.rate_title{width: 910px;margin:40px auto 0;padding-bottom: 22px;border-bottom: 1px solid #e9e9e9;}
.rate_title span{padding-left: 29px;display: block;margin-top: 10PX;}
.rate_title span:first-child{margin-right:8px}
.rate_choose{width:910px;margin: auto;display: none;}
.main_cont_right .active{display: block;}
.support_btn .active{display: inline-block;}

.rate_choose li{padding: 20px 0 20px 13px;font-size: 16px;box-sizing: border-box;}
.rate_choose li:nth-last-of-type(even){background: #f9f9f9;}
.rate_choose li:after{display: block;content: "";clear: both;overflow: hidden;}
.rate_choose_left{width: 50%;float: left;}
.rate_choose_right{width: 50%;float: left;text-align: right;}
.rate_radio{display: inline-block;margin-right: 50px; width: 14px;height: 14px;position: relative;border: 1px solid #cdcdcd;border-radius: 50%;}
.rate_radio:first-child{margin-right: 60px;}
.fen{position: absolute;top:-5px;right: -30px;display: inline-block;width: 30px;}
.rate_radio input{width: 40px;height: 16px;position: absolute;left: 0;top: 0;z-index: 100;opacity: 0;filter:alpha(opacity=0);background: transparent;}
.dian{display: none;width: 6px;height:6px;background: #008AFF;border-radius: 50%;position: absolute;left: 35%;top: 31%;}
.radio_btn{text-align: center;}

.radio_btn a{display: inline-block;    position: relative;
    width: 160px;height: 45px;text-align: center;color: #FFFFFF;font-size: 16px;line-height: 45px;background: #0390d4;transition: all .3s ease-in;margin: 15px 30px 0;}
.radio_btn a:hover{background: #027eb9;}
.radio_btn .radio_first{display: none;}
.like img{margin: 0 20px;}
/*职业倾向测评*/
.profession .profession_text{display: inline-block;width: 533px;text-align: left; font-size: 14px; line-height: 22px;}
.profession .profession_text span{margin-top: 10px;text-indent: 15px;}
.profession p{font-size: 14px;line-height: 22px;padding: 0 20px;box-sizing: border-box;margin-top: 20px;}
/**/
.nature_choose{width: 560px;margin:30px auto 0;}
.nature_choose li{display: none;}
.nature_choose .active{display: block;}
.nature_title{font-size: 20px;color: #2c3a4c;margin-bottom: 10px;}
.nature_title span{display: inline-block;width: 85px;text-align:right;}
.nature_choosebox{display:inline-block;position: relative; width: 328px;height: 42px;border: 1px solid #e7e7e7; margin-left: 85px;margin-bottom: 12px;padding:15px 20px;box-sizing: border-box;}
.nature_radio{display: inline-block;width: 14px;height: 14px;cursor: default;border-radius: 50%;border: 1px solid #e7e7e7;transition: all .3s ease-in;position: absolute;}
.nature_text{position: absolute;width: 230px;left: 40px;top: -27%;color: #2c3a4c;font-size: 16px;}
.nature_radio .dian{display: none;width:6px;height:6px;background: #0078D7;border-radius: 50%;}
.nature_choosebox input{position: absolute;left: -21px;top: -16px;z-index: 100;display: inline-block;width: 326px;height: 40px;opacity: 0;filter:alpha(opacity=0);}
.nature_choosebox:hover .nature_radio{border: 1px solid #0071BA;}
.radio_btn .nature_btn{display: none;}

/* .drafs{display: none;} */
.draf_left.drafs{display:none;}
/*性格测试2*/
.nature_button a{text-align: center;display: block;margin: auto;width: 298px;font-size: 24px; height: 72px;border-radius: 8px;line-height: 72px;color: #FFFFFF;transition: all .3s ease-in;}
.nature_button a:first-child{background: #ff8237;margin: 96px auto 20px;}
.nature_button a:last-child{color: #1e1e1e;border: 1px solid #eaeaea;width: 296px;height: 70px;line-height: 70px;transition: all .1s ease-in;}
.nature_button a:first-child:hover{background: #fb6f1a;}
.nature_button a:last-child:hover{background: #ff8237;color: #FFFFFF;}
/* 弹框 */
.login_error .like_btn{width: 113px !important;margin: 30px 5px !important;}
.login_text h1{font-size: 22px;color: #000000;font-weight: 800;text-align: center;margin-top: 21px;}
/*性格测试结果*/
.login_error.succ .like_btn{background: #fda169;}
.login_error.succ .like_btn:hover{background: #fe8840;}
.consult_main{width: 70%; margin: auto;}
.consult_title{font-size: 19px;color: #0390d4;margin-top: 27px;}

.consult_radio{display: inline-block;width: 14px;height: 14px;cursor: default;border-radius: 50%;border: 1px solid #e7e7e7;transition: all .3s ease-in;position: relative;margin-right: 170px;}
.consult_radio .text{position: absolute;width: 170px;left: 30px;top: 50%;transform: translateY(-50%);color: #000000;font-size: 18px;}

.consult_radiobox{margin: 20px 0;}
.consult_radio input{display: inline-block;width: 120px;position: absolute;left: 0;top: 0;opacity: 0;filter:alpha(opacity=0);}
.consult_check{display: inline-block;margin-bottom: 25px;width: 16px;height: 16px;border: 1px solid #f3f3f3;position: relative;margin-right: 87px;}
.consult_check .text{display: inline-block;width: 50px;font-size: 18px;position: absolute;left: 32px;top: -4px;}
.consult_check .gou{display:none;width: 16px;height: 16px;position: absolute;left: 0;top: 0;background: url(../images/check2.png) no-repeat 1px 2px;background-size: 14px;}
.consult_check  input{display: inline-block;width: 70px;position: absolute;left: 0;top:0;height: 20px;opacity: 0;filter:alpha(opacity=0);}
.particular{display: block;}
.consult_way{margin-top: 67px;}
.particular .text{width: 75px;}
.consult_check  .time{display: inline-block;opacity: 1;outline: none;border: 1px solid #c6c6c6;border-radius: 8px;width: 216px;height: 34px;background: no-repeat;position: absolute;left:120px; top:-10px;padding-left: 15px;box-sizing: border-box;}
.consult_ckeckbox .consult_radio{display: block;margin-top: 23px;float: left;margin-left: 30px;}

.consult_need{margin-top: 95px;}
.consult_need textarea{display: inline-block; width: 512px;height: 152px;border: 1px solid #c6c6c6;border-radius: 8px;margin-left: 40px;margin-top: 25px;resize: none;outline: none;padding: 15px;box-sizing: border-box;text-indent: 15px;font-size: 17px;}
.consult_prompt{width: 70%; }
.consult_btn{display: inline-block;width: 298px;height: 74px;line-height: 74px;color: #FFFFFF;font-size: 24px;background:#ff8236;text-align: center;border-radius: 10px;margin-left: 40px;margin-top: 70px;margin-bottom: 40px;cursor: pointer;}
.consult_btn:hover{background: #fd701b;}
.consult_finishbox{display: none; position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-image: url(../images/hbj.png);background-size: 100% 100%;z-index: 200;}
.consult_finishbox1{display: none; position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-image: url(../images/hbj.png);background-size: 100% 100%;z-index: 200;}
.consult_finish{position: fixed;border-radius: 10px; top:20%;left: 25%;text-align: center;padding: 0 56px;box-sizing: border-box; width: 907px;height: 390px;background: #FFFFFF;}
.finished_title{font-size: 36px;color: #000000;width: 538px;margin:60px auto 0;line-height: 65px;}
.consukt_finish p{display: block;width: 802px;margin: auto;text-align: center;font-size: 24px;margin-top: 20px;}
.finished_btn{display: inline-block;width: 302px;height: 74px;line-height: 74px;color: #FFFFFF;font-size: 24px;background: #ff8236;text-align: center;border-radius: 10px;margin-left: 40px;margin-top: 60px;cursor: pointer;}
.finished_btn:hover{background: #fd701b;}
.finished_time{text-align: center;font-size: 36px;color: #d9d9d9;padding-left: 35px; box-sizing: border-box;}
.confirm_main{width: 77%; border-radius: 10px; margin: auto;border: 1px solid #ececec;padding: 32px 30px;box-sizing: border-box;}
.confirm_title{font-size: 14px;color: #000000;}
.confirm_cont{width: 100%;background: #f6f6f6; font-size: 19px;padding: 16px 24px;box-sizing: border-box;margin-top: 20px;}
.confirm_cont span:last-child{color: #0390d4;}
.confirm_left{width: 96px;text-align: right;float: left;}
.confirm_right{width:490px;float: left;}
.confirm_text{font-size: 14px;margin-top: 18px;}
.confirm_right p{margin-bottom: 10px;}
.confirm_place{font-size: 14px;color: #000000;text-align: center;margin: 20px 0 53px;}
.confirm_sug{font-size: 14px;color: #000000;text-align: center; box-sizing: border-box;}
.consult_btns{text-align: center;}
.confirm_main .consult_btn{margin-bottom: 30px;margin-right: 40px;}
.has_problem{transition: all .3s ease-in; display: inline-block;width: 298px;height: 74px;line-height: 74px;color: #6c6c6c;font-size:18px;background: #f0f0f1;text-align: center;border-radius: 10px;margin-bottom: 40px;cursor: pointer;   }
.has_problem:hover{color: #FFFFFF;background:#FDA168;}

.consult_probox{display: none; position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-image: url(../images/hbj.png);background-size: 100% 100%;z-index: 200;}
.consult_problem{position: fixed;top: 50%;left: 50%;text-align: center;transform: translate(-50%,-50%);border-radius: 10px; padding: 0 56px;box-sizing: border-box; width: 907px;height: 390px;background: #FFFFFF;}
.pro_title{width:750px;margin-bottom: 0;}
.pro_title span{font-size: 24px;}
/*职业咨询1*/
.feedback{width: 80%;margin: auto;border: 1px solid #ececec;}
.feedback li{padding: 30px 0 20px 30px;box-sizing: border-box;}
.feedback li:nth-last-of-type(even){background: #fafafa;}
.feedback_title{font-size: 14px;color: #000000;}
.feed_title{color: #292929;font-size: 16px;margin-bottom: 16px;}
.feedback li input[type=text]{border: 1px solid #c6c6c6;outline: none;display: inline-block;width: 268px;height: 42px;border-radius: 8px;padding-left: 15px;box-sizing: border-box;margin-left: 13px;}

.feed_radio{display: inline-block;width: 30px;background: #FFFFFF; height: 30px;cursor: default;border-radius: 50%;border: 1px solid #c7c7c7;transition: all .3s ease-in;position: relative;margin-right: 140px;}
.feed_radio .text{position: absolute;width:136px;left: 40px;top: 15%;color: #000000;font-size: 16px;color: #292929;}
.feed_radio .dian{width: 10px;height: 10px;background: #0390d4;}
.feedback li input[type=radio]{display: inline-block;position: absolute;left: 0;top: 0;width: 102px;height: 30px;opacity: 0;filter:alpha(opacity=0);}

.feed_long .feed_radio{margin-right: 317px;}
.feed_text{text-indent: 22px;font-size: 16px;}
.feedback li textarea{display: inline-block;resize: none;outline: none;width: 542px;height: 136px;border: 1px solid #c6c6c6;border-radius: 8px;padding: 15px;box-sizing: border-box;text-indent: 15px;}

.feed_btn{display: block; margin: 50px;}
.consult_report{width: 70%; margin: auto;border-top: 1px solid #ededed;}

.consult_report li{width: 100%;padding: 18px 28px;box-sizing: border-box;border-bottom: 1px solid #ededed;transition: all .3s ease;}
.consult_report li:hover{background: #e2f2ff;}
.consult_report li span{float: left;    margin-top: 10px;}
.consult_report li a{float: right;display: inline-block;width: 100px;height: 40px;background: #0083e8;color: #FFFFFF;text-align: center;line-height: 40px;border-radius: 8px;}
.consult_report li:after{display: block;content: "";overflow: hidden;clear: both;}
.result_analyse_title{width: 62%;line-height: 24px;padding:10px; text-align: center;margin: auto;border: 1px dashed #12baff;font-size: 14px;}
.analyse{width: 666px;margin: auto;}
.analyse_title{font-size: 20px;color: #2c3a4c;margin: 30px 0;}
.analyse textarea{width: 650px;height: 336px;border: 1px solid #c6c6c6;border-radius: 8px;resize: none;outline: none;padding: 15px;box-sizing: border-box;text-indent: 15px;}
.analyse .editor2{display: none;}
.analyse_btn{width: 650px;margin: auto;}
.analyse_btn a{display: inline-block;width: 160px;height: 46px;line-height: 46px;background: #0390d4;color: #FFFFFF;text-align: center;margin: 30px 30px 30px 0;transition: all .3s ease-in;}
.analyse_btn a:first-child:hover{background: #0080bd;}
.analyse_btn .analyse_last2{display: none;}
.analyse_btn .analyse_last{display: none;}
.analyse_rate{display: none;}
.analyse li{display: none;}
.analyse .active{display: block;}
.analyse_btn a:last-child:hover{background: #23b3f8;}
/*资讯反馈*/
.like_course_main{width: 1184px;margin: auto;}
.like_cursor{width: 763px;margin: auto;display: none;}
.like_cursor_active{display: block;}
.like_title{width: 100%;text-align: center;font-size: 24px;color: #04121d;margin-top: 30px;}
.like_text{width: 100%;font-size: 14px;color: #04121d;margin: 37px 0;}
.like_cursor_title{font-size: 20px;color: #2c3a4c;}
.like_cursorbox{margin-top: 28px;}
.like_cursorbox input{outline: none;}
.like_cursorbox input[type=text]{border: 1px solid #C6C6C6;border-radius: 8px;padding-left: 15px;box-sizing: border-box;width: 182px;height: 32px;}
.like_radio{display: inline-block;margin-right: 84px; width: 28px;height: 28px;border-radius: 50%;border: 1px solid #e9e9e9;position: relative;vertical-align: middle;}
.like_radiotext{display: inline-block;width: 60px;text-align: center;position: absolute;left: 28px;top: 0;font-size: 20px;color: #2c3a4c;}
.like_radio .dian{width: 10px;height: 10px;}
.like_radio input[type=radio]{width: 72px;height: 30px;position: absolute;left: 0;top: 0;opacity: 0;filter:alpha(opacity=0);}
.like_cursorbox textarea{width: 754px;height: 126px;resize: none;border: 1px solid #c0c0c0;outline: none;padding: 15px;box-sizing: border-box;text-indent: 15px;margin-top: 14px;}
.like_btn{display: inline-block;width: 172px; transition: all .3s ease-in; height:46px;line-height: 46px;color: #FFFFFF;background: #0390d4;border-radius: 8px;text-align: center;margin: 50px auto;margin-right: 20px;}
.like_btn:hover{background: #006393;}
.like_btn1{display: none;}
.like_topic{display: none;}
.like_topic_active{display: block;}
.like_text2{text-align: center;width: 859px;margin:37px auto;}
.like_cursors{width: 100%;}
.like_exercise{width: 100%;}
.like_exercise li{width: 352px;float: left;margin: 10px 20px;background: #64778c;padding: 24px 30px 40px;box-sizing: border-box;}
.like_exercise li:nth-of-type(even){background: #65b7c6;}
.like_btnbox{text-align: center;}
.exercise_title{font-size: 18px;color: #FFFFFF;margin-bottom: 15px;}
.exercise_check{display: block;margin-top: 12px; width: 17px;height: 17px;border: 2px solid #FFFFFF;position: relative;}
.ex_text{display: inline-block;width: 248px;font-size: 14px;color: #FFFFFF;position: absolute;left: 34px;top: 0;}
.ex_checks{display: none;width: 17px;height: 17px;position: absolute;left: 0;top: 0;background: url(../images/check.png) no-repeat;}
.exercise_check input[type=checkbox]{position: absolute;left: -2px;top: -4px;width:278px;height: 23px;opacity: 0;filter:alpha(opacity=0);}
.like_exercise2 li{background: #8c7b64;}
.like_exercise2 li:nth-of-type(even){background: #c6c065;}
/*职业倾向*/

.analyse_result{width: 65%;margin: auto;padding: 0 25px 40px;box-sizing: border-box;border-bottom: 2px solid #ececec;}
.analyse_titles{font-size: 20px;color: #000000;margin: 30px 0;}
.analyse_resu{width: 100%;margin: auto;padding: 15px 20px;box-sizing: border-box;border: 1px solid #c6c6c6;border-radius: 8px;}
.analyse_resu p{font-size: 14px;color: #000000;line-height: 30px;text-align: justify;}
.analyse_resu_btn{width: 100%;text-align: center;}
.analyse_resu_btn a{display: block;margin: auto;font-size: 24px;border-radius: 8px;line-height: 72px;}
.analyse_resu_btn a:first-child{color: #FFFFFF;height: 72px;width: 296px;background: #ff8338;margin: 35px auto 20px;}
.analyse_resu_btn a:last-child{color: #1e1e1e;border: 1px solid #d5d5d5;width: 294px;height: 70px;transition: all .2s ease-in;}
.analyse_resu_btn .analyse_last{color: #1e1e1e;border: 1px solid #d5d5d5;width: 294px;height: 70px;transition: all .2s ease-in;}
.analyse_resu_btn a:first-child:hover{background:#fe701c;}
.analyse_resu_btn a:last-child:hover{background: #fe701c;color: #FFFFFF;border: 1px solid #fe701c;}
.analyse_resu_btn .analyse_last:hover{background: #fe701c;color: #FFFFFF;border: 1px solid #fe701c;}
.nature_button{display: none;}
 .profession .like_grow{vertical-align: text-bottom;}

.profession_cont2 p:first-child{margin-bottom: 0;}
.grow_pic{width: 100%;text-align: center;}
.grow_report{width: 653px;margin:10px auto 0;}
.grow_report li{width: 100%;padding: 12px 20px 25px;box-sizing: border-box;margin-top: 22px;background: #fffcf3;}
.grow_report li .grow_report_title{width: 100%;}
.grow_report li .grow_report_title:after{display: block;content: "";clear: both;overflow: hidden;}
.grow_report_left{width: 62px;float: left;}
.grow_report_right{width:calc(100% - 64px);float: left;padding-left: 10px;box-sizing: border-box;}
.grow_report_right p:first-child{color: #000000;font-size: 18px;margin-bottom: 9px;position: relative;top: 5px;}
.grow_cont{width: 100%;padding: 0 10px;box-sizing: border-box;padding-top: 20px;font-size: 14px;color: #000000;border-top: 1px solid #ede8d1;margin-top: 17px;line-height: 18px;}
.grow_btnbox{width: 130px;transition: all .3s ease-in; height: 130px;border-radius: 50%;margin: auto;background: #00d45a;margin-top: 111px;cursor: pointer;}
.grow_btn{width: 100%;text-align: center;font-size: 18px;color: #FFFFFF;padding-top: 30px;}
.grow_btnbox:hover{background: #01b74e;}
.grow_rebox{display: none; position: fixed;top: 0;left: 0;width: 100%;height: 100%; background-image: url(../images/hbj.png);background-size: 100% 100%;z-index: 200;}
.grow_re{width: 653px;margin: auto;background: #FFFFFF; position: fixed;left: 29%;top: 20%;padding: 80px 30px;border-radius: 10px;}

.grow_re input{width: 100%;outline: none;height: 50px; border: 1px solid #c3c3c3;line-height: 50px;font-size: 14px;padding: 0 15px;box-sizing: border-box;}
.grow_re textarea{width: 100%;resize: none;height: 150px; outline: none;border: 1px solid #c3c3c3;margin: 18px 0 30px;padding: 15px;box-sizing: border-box;font-size: 14px;}
.grow_re input::-webkit-input-placeholder {color:#4f4f4f;}
 .grow_re input::-webkit-input-placeholder { /* WebKit browsers */color:#4f4f4f;}
.grow_re　input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color:#4f4f4f;　}
.grow_re　　input::-moz-placeholder { /* Mozilla Firefox 19+ */color:#4f4f4f;}
.grow_re　　input:-ms-input-placeholder { /* Internet Explorer 10+ */color:#4f4f4f;　}
.grow_re textarea::-webkit-input-placeholder {color:#4f4f4f;}

.grow_re　textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color:#4f4f4f;　}
.grow_re　　textarea::-moz-placeholder { /* Mozilla Firefox 19+ */color:#4f4f4f;}
.grow_re　　textarea:-ms-input-placeholder { /* Internet Explorer 10+ */color:#4f4f4f;　}
.grow_re_btn{width: 128px;height: 57px;text-align: center; line-height:57px;background: #12baff;color: #FFFFFF;transition: all .3s ease-in; }
.grow_re_btn:hover{background: #0071BA;cursor: pointer;}
.login_error_box{display: none; position: fixed;top: 0;left: 0;width: 100%;height: 100%; background-image: url(../images/hbj.png);background-size: 100% 100%;z-index: 200;}
.login_error_box1{display: none; position: fixed;top: 0;left: 0;width: 100%;height: 100%; background-image: url(../images/hbj.png);background-size: 100% 100%;z-index: 200;}
.login_error{width: 386px;position: fixed;top:50%;left: 50%;margin-left: -198px;margin-top: -196px;  text-align: center;}
.login_error.succ{width: 510px; margin-left: -251px;}
.succ .login_text{border: none;border-radius: 10px; }
.login_text{width: 100%;margin-bottom: 25px; border: 1px solid #ff484c; background: #FFFFFF;text-align: center;padding: 40px 50px 50px 67px;box-sizing: border-box;}
.login_text p{color: #161616;font-size: 14px;text-align: left;}
.login_text p a{color: #ff5a00;transition: all .2s ease-in;padding-bottom: 2px;border-bottom: 1px solid transparent;}
.login_text p a:hover{border-bottom: 1px solid #ff5a00;}
.close_btn{cursor: pointer;}
.obj_topic{text-align: center;font-size: 16px;color: #171717;}
.obj_topic span:first-child{font-size:24px ;color: #2dbb69;margin-right: 8px;}
.drafbox{width: 600px;margin:20px auto 0;position: relative;}
.draf_left{width: 175px;float: left;position: absolute;left: 0;top:0;}
.draf_left .drafp{width: 175px;height:38px;background:#2dbb69;margin: 10px 0 0;color: #FFFFFF;line-height: 38px;font-size: 16px;padding-left: 15px;box-sizing: border-box;}
.draf_right{width: 310px; float: right;position: relative; border: 1px solid #d9d9d9;padding: 15px;box-sizing: border-box;}
.draf_last span:first-child{font-size: 16px;color: #000000;}
.draf_last{display: block;width: 264px;position: relative; margin: auto;border: 1px dashed #c2c2c2;margin-top: 3px;padding-left:18px;box-sizing: border-box;height: 40px;}
.draf_text{display: inline-block;vertical-align: middle;width: 200px;height: 40px;    position: relative;
    top: 0px;}
.draf_text .drafp{vertical-align: middle;line-height: 35px;}
.jian{    position: absolute; left:214px;top: 50%; transform: translateY(-50%);}
.obj_topic2 span:first-child{color: #2da5bb;}
.draf_left2 .drafp{background: #2da5bb}
.obj_topic2{margin-top: 48px;}
.drafbox2{width: 640px;}
.drafbox2 .draf_left{width: 235px;}
.drafbox2 .draf_left4 .drafp3{background: #e4e4e4;width: 230px;color: #04121d;}


.drafbox2 .draf_left2 {height: 450px;}
.draf_cont{font-size: 18px;padding: 20px 0 10px 5px;box-sizing: border-box;}
.drafbox2 .draf_right{padding: 11px 15px 29px;}





.drafbox2 .jian{left: 258px;}
.college_true{display: none; position: fixed;top: 0;left: 0;width: 100%;height: 100%; background-image: url(../images/hbj.png);background-size: 100% 100%;z-index: 200;}
.college_true1{display: none; position: fixed;top: 0;left: 0;width: 100%;height: 100%; background-image: url(../images/hbj.png);background-size: 100% 100%;z-index: 200;}
.college_true2{display: none; position: fixed;top: 0;left: 0;width: 100%;height: 100%; background-image: url(../images/hbj.png);background-size: 100% 100%;z-index: 200;}
.college_cont{width: 906px;height: 390px;background: #FFFFFF;border-radius: 10px;position: fixed;top: 38%;left: 28%;padding: 60px 56px 0;box-sizing: border-box;}
.college_title{font-size: 36px;color: #000000;}
.college_button{text-align: center;font-size: 24px;margin-top: 60px;}
.college_button a{display: inline-block;border-radius: 8px;line-height: 72px;}
.college_button a:first-child{color: #FFFFFF; width: 292px;height: 72px;background: #ff8236;margin-right: 45px;}
.college_button a:last-child{color: #1e1e1e;width: 290px;height: 70px;border: 1px solid #eaeaea;transition: all .3s ease-in;}
.college_button_last{color: #1e1e1e;width: 290px;height: 70px;border: 1px solid #eaeaea;transition: all .3s ease-in;}

.college_button a:first-child:hover{background: #f9660e;}
.college_button a:last-child:hover{background:#ff8236;color: #FFFFFF;}
.college_button_last:hover{background:#ff8236;color: #FFFFFF;}
/*新加的*/
.false{display: block;width: 358px;margin: auto; text-align: left;font-size: 12px;color: #f04221;margin-top: 2px;}
.inputbox{position: relative;}
.inputbox img{position: absolute;right: 5px;top: 32px; width: 21px;display: none;}
.consult_time p{margin:4px 0 20px 5px;}
.timeul{width:720px;border: 1px solid #E4E4E4;}
.timeul li{width: 100%;border-bottom: 1px solid #E4E4E4;}
.timeul li span{display: inline-block;width: 90px;height: 70px;border-right: 1px solid #E4E4E4;float: left;text-align: center;padding: 25px 0;box-sizing: border-box; }
.timeul li span:last-child{border: none;}
.timeul li p{display: inline-block;width: 90px;height: 70px;border-right: 1px solid #E4E4E4;float: left;margin: 0;box-sizing: border-box;background-color: #ffffff;transition: all .3s ease-in;cursor: pointer;}
.main_right_titles{padding: 14px 0;}
.timeul li p:last-child{border: none;}
.closes{    position: absolute;top: 10px;right: 10px;cursor: pointer;display: none;}
.draf_last img{width: 15px;}
.timeul li:after{display: block;content: "";clear: both;overflow: hidden;}
#drag{  position: relative;display: none;  background-color: #e8e8e8;width: 351px;height: 34px;line-height: 34px; text-align: center;margin:10px auto 0;}
#drag .handler{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 40px;
    height: 32px;
    border: 1px solid #ccc;
    cursor: move;
}
.handler_bg{
    background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0ZDhlNWY5My05NmI0LTRlNWQtOGFjYi03ZTY4OGYyMTU2ZTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTEyNTVEMURGMkVFMTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTEyNTVEMUNGMkVFMTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2MTc5NzNmZS02OTQxLTQyOTYtYTIwNi02NDI2YTNkOWU5YmUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NGQ4ZTVmOTMtOTZiNC00ZTVkLThhY2ItN2U2ODhmMjE1NmU2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+YiRG4AAAALFJREFUeNpi/P//PwMlgImBQkA9A+bOnfsIiBOxKcInh+yCaCDuByoswaIOpxwjciACFegBqZ1AvBSIS5OTk/8TkmNEjwWgQiUgtQuIjwAxUF3yX3xyGIEIFLwHpKyAWB+I1xGSwxULIGf9A7mQkBwTlhBXAFLHgPgqEAcTkmNCU6AL9d8WII4HOvk3ITkWJAXWUMlOoGQHmsE45ViQ2KuBuASoYC4Wf+OUYxz6mQkgwAAN9mIrUReCXgAAAABJRU5ErkJggg==") no-repeat center;
}
.handler_ok_bg{
    background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0ZDhlNWY5My05NmI0LTRlNWQtOGFjYi03ZTY4OGYyMTU2ZTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDlBRDI3NjVGMkQ2MTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDlBRDI3NjRGMkQ2MTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDphNWEzMWNhMC1hYmViLTQxNWEtYTEwZS04Y2U5NzRlN2Q4YTEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NGQ4ZTVmOTMtOTZiNC00ZTVkLThhY2ItN2U2ODhmMjE1NmU2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+k+sHwwAAASZJREFUeNpi/P//PwMyKD8uZw+kUoDYEYgloMIvgHg/EM/ptHx0EFk9I8wAoEZ+IDUPiIMY8IN1QJwENOgj3ACo5gNAbMBAHLgAxA4gQ5igAnNJ0MwAVTsX7IKyY7L2UNuJAf+AmAmJ78AEDTBiwGYg5gbifCSxFCZoaBMCy4A4GOjnH0D6DpK4IxNSVIHAfSDOAeLraJrjgJp/AwPbHMhejiQnwYRmUzNQ4VQgDQqXK0ia/0I17wJiPmQNTNBEAgMlQIWiQA2vgWw7QppBekGxsAjIiEUSBNnsBDWEAY9mEFgMMgBk00E0iZtA7AHEctDQ58MRuA6wlLgGFMoMpIG1QFeGwAIxGZo8GUhIysmwQGSAZgwHaEZhICIzOaBkJkqyM0CAAQDGx279Jf50AAAAAABJRU5ErkJggg==") no-repeat center;
}
#drag .drag_bg{
    background-color: #12baff;
    height: 34px;
    width: 0px;
}
#drag .drag_text{
    position: absolute;
    top: 0px;
    width: 351px;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    -o-user-select:none;
    -ms-user-select:none; 
    color: #000000;
}

.draf_last:hover{background: antiquewhite;}
/*新加*/
.choosep{display: inline-block;position: relative;top: 13px;}
.choosein{width: 42px;height: 20px;line-height: 20px;outline: none;}
.choosetext{margin: 0 4px;}
.draf_left .drafp{-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Chrome/Safari/Opera */
-khtml-user-select: none; /* Konqueror */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* Non-prefixed version, currently
not supported by any browser */}
.data_files{position: relative;}
.file_img{position: absolute;width: 256px;height: 284px;z-index: 100;left: 0;top:-111px;opacity: 0;filter:alpha(opacity=0); }

.data_main_right .file_resumes{z-index: 250;}
.main_seebox{position: fixed;width: 100%;height: 100%;background-image: url(../images/hbj.png);background-size: 100% 100%;left: 0;top: 0;z-index: 200;display: none;}
.main_seen{width: 482px;height: 670px;position: fixed;left: 50%;top: 50%;transform: translate(-50%,-50%);background: #ffffff;}
.like_exercise .exercise_check:hover .ex_text{background: #B7DDA9;}
.radio_btn2{display: none;}
.draf_left1 .draf_text1{width: 175px;margin: 10px 0 0;line-height: 38px;font-size: 16px;padding-left: 15px;box-sizing: border-box;}
.ltext{display: none;}
.alnum{width: 323px;margin:40px auto;font-size: 18px;color: #FFFFff;display: none;}
.alnum a{color: #FFFFFF;margin-top: 10px;transition: all .3s ease-in;}
.alnum p{margin-bottom: 10px;}
.alnum a:hover{color:#f5823b;}
.alnum p:first-child{background: url(../images/sbj.png) no-repeat -58px 12px ;background-size: 141%;}
.install_right select{    width: 226px;color: #000000;height: 38px; outline: none; border: 1px solid #c6c6c6;border-radius: 4px;padding-left: 16px;box-sizing: border-box; background: transparent;}
.drafp span{display: none;}
.logins1{top: 10px;}
.repote_text{display: block;}
.report_cont{width: 100%;margin-bottom: 45px;}
.report_cont p{margin-bottom: 20px;}
.nature_choosebox.ches{border: 1px solid #0390d4;background:#e3f6ff;}
.nature_choosebox.ches .dian{display: block;}

@media only screen and (max-width:1480px ) {
.like_course_main{width:1046px;}	
.like_exercise li{width: 324px;margin: 10px;}	
.logmainboxs{height: 800px;}
}





@media only screen and (max-width: 1390px) {
.prompt{width: 90%;}
.future{width:100% ;left: 0;}
.job_problem{width: 923px;}
.job_problem_check{width: 206px;}
.need .job_problem_check{width: 219px;}
.family{width: 100%;left: 0;}
.line{width: 923px;}
.notice_main{width:90%;}
.notice_item{width:90% ;}
.profession{width:873px ;}
.profession img{width: 404px;}
.profession span:last-child{width: 447px;}
.profession_notice{width:90%;}
.like img{width: 372px;}
.profession .profession_text{width:50%;}
.consult_prompt{width: 796px;}
.like_course_main{width: 90%;}
.like_exercise li{padding:24px 10px 40px; width: 31%;margin: 1%;}
.ex_text{left: 26px;width: 230px;}
.grow_pic img{width: 90%;}
.profession .profession_text .lastspan{width: 100%;}
.install{width: 86%;}
}


@media only screen and (max-width:1200px ) {
	.logmainbox{min-height: 600px;}

     .data_main{width:96%;margin: auto;font-size: 16px;}
     .job_problem{width:100%;left: 0;}
     .job_problem_check {width: 192px;}
     .describe{width: 100%;left: 0;}
     .job_problem_check{width: 160px}
     .job_problem_checks{width: 156px;margin-right: 20px;}
      .job_problembox{padding-left: 0px;}
      .consult_finish{width: 70%;height: 50%;left: 15%;}  
      .feedback{width: 93%;}
      .feed_radio{margin-right: 120px;}
	.feed_long .feed_radio{margin-right: 255px;}
	.consult_report{width: 83%;}
	.consult_prompt{width: 90%;}
     .consult_main{width: 90%;}
     .timeul{width: 100%;}
	.timeul li span{width: 12.48%;}
	.timeul li p{width: 12.48%;}
	.grow_btnbox{margin-top: 70px;}
	.grow_re{left: 16%;}
	.profession{width: 96%;padding: 20px 10px;}
	.profession span{width: 49%;box-sizing: border-box;}
	.profession span img{width: 98%;margin: 0;}
	.profession span:last-child{width: 50%;}
	.banner .not{left: 2%;}
	.home_main{width: 90%;}
	.home_main li{margin: 24px 3%;}
	.home_main li>div{background-size: 40%;background-position-x: 87%;  background-position-y: 76%;}
	.home_main li .fill_cont{background-size: 50%;}
	.home_main li>div>a{padding: 90px 0 86px 56px;}
	.profession_rate{width: 90%;}
	.ratebox{width: 67%;}
	.like_cursor{width: 100%;}
	.like_radio{margin-right: 60px;}
	.like_cursorbox textarea{width: 100%;}
	.ex_text{width: 220px;}
	.like_exercise li{width: 44%;margin: 1% 2%;}
	.like_text2{width: 100%;}
	.record_choose{margin-left: 140px;}
	.data_main_right{margin-right: 24px;}
	.notice_flow {width: 100%;padding: 10px 62px 30px 0px; margin-bottom: 14px;}
	.notice_item{width: 100%;}
	.install{width: 92%;}
	.rate_title{width: 90%;font-size: 14px;}
	.rate_choose{width: 90%;font-size: 14px;}
	.rate_title span{padding-left:22px;}
	.rate_title span:first-child{margin-right: 0;padding-left: 0;}
	.rate_choose li{font-size: 14px;}
	.rate_choose_left{width: 35%;}
	.rate_choose_right{width: 64%;}
	.rate_radio:first-child{margin-right: 36px;}
	.rate_radio{margin-right: 38px;}
	
	.result_analyse_title{width:90%}
	.analyse_result{width: 90%;}
	.support_cont{width: 90%;}
	.edui-editor {width: 100%;}
	
}
@media only screen and (max-width:992px ) {
	.logmainbox{min-height: 500px;}
	.top_left{padding: 25px 0;width: 270px;}
	.top_left img{width:100%;}
	.top_right{margin: 41px 0 29px;}
	.welcome {position: relative;top: -3px;}
	.nonum {margin: 0 4px 0 4px;}
	.top{ padding: 0 2% 0 2%;}
	.log{top: 4%;}
	.login input{height: 40px;background-size:5%;background-position-y: 50%; padding-left: 42px;line-height: 40px;}
	.login .code{height: 40px;background-size:8%;background-position-y: 50%; padding-left: 42px;margin-left: -3px;}
	.gain{    height: 45px;line-height: 45px;}
	.login .refer{font-size: 20px;}
	.footerbox{    padding: 25px 40px 25px 40px;}
	.main_cont_left{width: 100%;}
	/*back*/
	.main_left_cont{width: 97%;margin: auto;}
	.main_left_cont:after{display:block;content: "";clear: both;overflow: hidden;}
	.main_left_cont li{width: 18.7%;float: left;border-radius:10px ;margin-right: 0.5%;margin-left:0.6%;}
	
	.main_left_cont li p:last-child{font-size: 17px;}
	
    .main_left_cont li>div>a {padding: 21px 0 31px 13px;}
    .welcome{display: none;}
	.main_left_cont li div{background-size: 32%;background-position-x: 87%;background-position-y:60%;}
	.main_left_cont  .fill2>div{background-size: 40%;}
	.job_problem_check{width: 150px}
     .job_problem_checks{width: 156px}
	.record_choose { margin-left: 120px;}
	.fill2 .fill_bomb{left: -141px;}
	.consult2 .fill_bomb{left: -72px;}
	.main_right_title {font-size: 27px;padding: 30px 0;}
	.confirm_main{width: 92%;padding: 30px 9px 0;}
	.consult_btn {width: 262px;height: 60px; line-height: 60px;font-size: 20px;margin-top: 20px;}
	.has_problem{width: 262px;height: 60px; line-height: 60px;font-size: 20px;}
	.confirm_place{margin-bottom: 35px;}
	.confirm_right{width: 98%;margin:  auto ;padding-left: 15px;box-sizing: border-box;}
	
	.finished_title{width: 98%;font-size: 30px;line-height: 50px;}
	.consult_finish{height:45%;}
	 .feed_radio{margin-right: 128px;}
	 .consult_way{margin-top: 40px;}
	.consult_need{margin-top: 175px;}
	.profession{width: 85%;}
	.home_main li>div>a {padding: 70px 0 60px 36px;}
	.fill_bomb{z-index: 200;width: 350px;left:0;    padding: 34px 15px;}
	 /*college_data.html*/
	.longa {padding: 0 13px;}
	.middlea{padding: 0 12px;}
	.shorta{padding: 0 5px;}
	.fill_bomb a{font-size: 15px;}
	.fill_bomb{z-index: 200;width: 350px;left:0;    padding: 34px 15px;}
	.home_main li{font-size: 25px;}
	.home_main li>div{background-size: 30%;}
	.home_main li .fill_cont{background-size: 40%;}
	.place{width: 30%;}
	.profession .profession_text{width:96%;}
	.like{text-align: center;}
	.profession_text{margin-top: 30px;}
	
	.notice_item{ padding: 25px 30px 15px 30px;}
	.logmainboxs{height: 728px;}
	.analyse_title{font-size: 18px;}
}
@media only screen and (max-width:768px ) {
	.drafbox2 .draf_left4 .drafp3{width: 100%;}
	.top_left {width: 130px;}
     .top_right{font-size: 12px;}
     .main_left_cont li p:first-child {font-size: 20px;}
     .main_left_cont li p:last-child {font-size: 14px;}
     .main_left_cont li{width: 31.7%;}
     .home_left{padding: 20px 0;}
     .icon{padding: 15px 10px;}
     .prompt{font-size: 17px;}
     .data_main_left{float: none;margin:0 auto 20px;text-align: center;}
     .data_main_right{float: none;margin: auto ;text-align: center;}
     .data_main ul li{margin-top: 15px;}
     .data_main_right p{display: inline-block;}
     .data_main_right p:first-child{margin-right: 20px;}
     .rchoose_right{margin-left: 29px;}
     .need .job_problem_check{width: 151px}
     .job_problem_checks{width: 156px}
     .data_file{margin: 34px auto ;}
     .data_files{margin: 34px auto ;}
     .footer span{float: none;display: block;text-align: left;font-size: 17px;color: #ffffff;margin-bottom: 20px;}
     .footerbox{background: #12baff;}
     .fill2   .fill_bomb {position: fixed; width: 100%;background: #FFFFFF; color: #0de290; left:0; top: 222px;padding: 34px 30px; box-sizing: border-box;box-shadow: 0 0 20px #5f5e5e;}
     .fill_bomb a{font-size: 14px;}
     .record_choose{margin-left: 30px;}
.doctor{margin-right: 20px;}
     .consult2 .fill_bomb {position: fixed; width: 100%;background: #FFFFFF; color: #0de290; left:0; top: 222px;padding: 34px 30px; box-sizing: border-box;box-shadow: 0 0 20px #5f5e5e;}
     .fill_bomb a{font-size: 14px;}
     .college_cont { width: 90%;height: 540px !important;border-radius: 10px; position: fixed;top: 20%; left: 5%;  padding:40px 20px 0; box-sizing: border-box;}
     .college_title{font-size: 21px;}
     .college_button a{margin-bottom: 20px;}
     .college_button{margin-top: 40px;}
     .college_button a:first-child{margin-right: 0;}
     .login{background:transparent}
     .phone{background-color: rgba(0,0,0,0);}
      .top{display: none;}
      .footerbox2{display: none;}
      .back .after{background: url(../images/hbj2.png)}
      .login{left: 50%;transform: translateX(-50%);top: 8%;width: 100%;}
      .login input{color: #FFFFFF;}
      .ltext{display: block;margin-bottom: 70px;}
      .ltext img{width:40%;}
      .login input{width: 323px;border: none;border-radius: 0;}
      .login .code{width: 190px;border: none;}
    
      .false{width: 323px;}
      .inputbox{width: 323px;border-bottom: 2px solid #53727e;margin: auto;}
       .gain{width: 122px;height: 30px;line-height: 30px;font-size: 15px; border: none;position: relative;top: -6px; border-radius: 20px;}
      .login .refer{margin-top: 60px;height: 50px;line-height: 50px;border-radius: 25px;border-bottom: none;width: 284px;}
      .inputbox2{border-bottom: none;}
      .confirm_main{padding: 30px 9px;}
      .confirm_cont{font-size: 16px;padding: 12px 15px;}
      .confirm_cont span{float: left;display: inline-block;}
      .confirm_cont:after{display: block;content: "";clear: both;overflow: hidden;}
      .confirm_cont span:first-child{width:86px;}
      .confirm_cont span:last-child{width: calc(100% - 86px);}
      .consult_finish{width: 92%;left: 4%;height: 60%;}
      .finished_title{font-size: 24px;width: 96%;}
      .finished_btn{  margin-left: 1%;margin-top: 17px; width: 267px;height: 60px;line-height: 60px;}
      .feedback li{padding: 20px;}
      .feed_title{font-size: 15px;}
      .feed_radio{margin-right: 118px;margin-bottom: 10px;}
      .feed_long .feed_radio{margin-right: 118px;}
      .feedback li textarea{width: 100%;}
      .consult_btn{width:216px;height: 50px;line-height: 50px;}
      .feed_btn{margin-bottom: 30px;padding: 0 ;}
      .finished_time{padding-left: 0;}
        .finished_title{width: 100%;}
      .consult_finish{padding: 0 20px;}
      .consult_report{width: 90%;font-size: 15px;}
      .consult_report li a{width: 70px;}
      .consult_report li{padding: 15px 7px;}
      .timeul{font-size: 14px;}
      .timeul li span{height: 40px;padding: 20px 0;line-height: 2px;}
      .timeul li p{height: 40px;}
      .consult_need textarea{width: 90%;margin-left: 6%;}
      .consult_title{font-size: 17px;}
      .consult_radio .text{font-size: 16px;}
      
      .grow_report{width: 90%;}
      
      .grow_btnbox{width: 100px;height: 100px;margin-top: 50px;}
      .grow_btn{padding-top: 20px;}
      .grow_re{left: 5%;width: 90%;    box-sizing: border-box;}
      .grow_re_btn{margin: auto;}
      
      .profession span{width: 80%;}
      .profession{text-align: center;}
      .profession span:first-child{text-align: center;}
      .profession span:last-child{width: 80%;margin-top: 20px;}
      .profession_btn a{width: 160px;}
      .home_main{width: 1005;}
      .home_main li{width: 44%;font-size: 17px;}
      .home_main li>div>a {padding: 31px 0 35px 12px;}
      .notice{width: 70%;margin-left: 20px;}
      .home_main li>div{background-size: 25%;}
      .home_main li .fill_cont{background-size: 30%;}
      .fill_bomb{position: fixed;width: 90%;left: 5%;top: 44%;}
      .moment_rate{font-size: 13px;}
      .moment_rate{font-size: 24px;}
      .ratebox{width: 46%;}
      .profession_rate{font-size: 13px;}
      .like_title {font-size: 20px; margin-top: 21px;}
      .like_text{margin: 25px 0;}
      .like_cursor_title{font-size: 17px;}
      .like_radiotext{font-size: 17px;}
      .like_radio{margin-bottom: 10px;}
      
      .like_exercise li{width: 100%;float: none;margin:0 auto 20px;}
       .logins{background-image: url();}
       .logins  input{border-bottom: 1px solid #53727e;}
       .anniu{color: #FFFFFF;width: 382px;margin:25px auto 0;}
       .afters { background: url(../images/hbj2.png); display: block;content: ""; width: 100%; height: 100%;position: fixed; left: 0;top: 0; }
      .log_forget{color: #FFFFFF;}
      .forget_pas{color: #FFFFFF;}
      .forget_pas a{color: #FFFFFF;}
      .family input{font-size: 12px;}
      .nature_choosebox{width: 280px; margin-left: 20px;}
      .nature_choosebox input{width: 280px;}
      .notice_left { font-size: 40px; width: 50px;}
      .notice_flow { padding: 10px 0px 30px 0px;}
      .notice_right{ width: calc(100% - 56px);}
      .notice_item{ padding: 25px 20px 15px 20px;}
      .install_left{width: 70px;}
      .install_right{width: calc(100% - 90px);font-size: 14px;}
      .install_right img{width: 65px;}
      .install_fill {display: inline-block;width: calc(100% - 70px);padding: 0;margin-top: -80px;margin-left: 70px;}
      .file_btn{position: absolute;left: 0;top: 42px;}
      .rate_title span:first-child{display: block;margin-left: 11px;}
      .rate_right span:first-child{display: inline-block;padding-left: 0px;margin-left: 0;}
      .rate_title span{padding-left: 10px;}
      
      .rate_right{float: none;width: 100%;margin-top: 10px;}
      .rate_choose_left{width: 100%;    margin-bottom: 15px;}
      .rate_choose_right{width: 100%;margin-left: -5px;}
      .rate_radio{margin-right: 46px;margin-bottom: 10px;}
      .rate_radio:first-child{margin-right: 46px;}
      .login select{width: 323px;border: none;    height: 40px;  background-position-y: 50%;   padding-left: 42px; line-height: 40px;color: #FFFFFF;}
      .login{color: #FFFFFF;}
      
      .login::-webkit-input-placeholder { color: #FFFFFF;}
      .heart a{color: #FFFFFF;}
      .logmainboxs input{border-bottom: 1px solid #53727e;border-radius: 0;}  
      .logmainboxs select{border-bottom: 1px solid #53727e;}  
      .gainbox{border-bottom: 1px solid #53727e;width: 323px;margin: auto;}
      .analyse_result{width: 100%;}
      .analyse_titles{font-size: 16px;}
      .analyse_resu_btn a:first-child { height: 54px;  width: 213px;}
      .analyse_resu_btn a { font-size: 20px; line-height: 58px;}
      .analyse_resu_btn a:last-child{height: 54px;  width: 211px;}
      .analyse{width: 100%;}
      .revise_forget{font-size: 12px;}
       .editor{display: none;}
      .analyse  .editor2{display: block;}
      .analyse textarea{width: 90%;display: block;margin: auto;}
      .analyse_title{width: 93%;margin:20px auto;font-size: 16px;}
      .analyse_btn{width: 100%;text-align: center;}
      .analyse_btn a{margin:30px auto 0;}
      .support_cont .editor2{display: block;}
      .support_cont textarea{width: 90%;display: block;margin:30px auto;}
      .sure_btn{display: block;margin: auto;}
      .support_cont{padding: 30px 12px 49px;}
      .support_btn span{width: 87px;margin-right: 10px;}
      .rate_choose_right{text-align: left;}
      .fen {position: absolute;top: -3px;right: -32px;}
      .ex_tex{width: 250px;}
      .jian{display: none;}
      .draf_right{display: none;}
      .draf_left{float: none;position: relative;}
      
      .drafbox{width: 90%;}
      .draf_left{width: 100%;}
      .draf_left .drafp{width: 100%;position: relative;padding-left: 50px;}
      .drafp span{display: inline-block;width:38px;height: 38px;text-align: center; background: #cccccc;position: absolute;left: 0;top: 0;}
      .drafbox2 .draf_left{width: 100%;}
      .drafbox2 .draf_left2 .drafp{width: 100%;}
      .fill_bomb a{line-height:43px;margin-bottom: 8px;}
      .fill_bomb a .finished { line-height: 15px;font-size: 12px;}
      	/*.main_left_cont .fill2>div{height:97px ;}*/

      .main_left_cont li{height: 97px;}
      .logmainboxs select option{color: #000000;}
      .home_main li{height: 97px;margin: 24px 3% 10px;}
      .back .after{position: fixed;}
	  .install_file_btn {margin: 27px auto 0;display: block;}
	  .middle_file_right {margin-top: 25px; margin-left: 0px; }
	  .logmainboxs select{border-radius: 0;}
	  .jobbox{padding: 0;}
	  .alnum{display: block;}
      .like_btn{margin: 27px auto 0;}
      .draf_left{display: none;}
      .draf_left.drafs{display: block;}
      .login_error.succ{width: 100%;margin-left: 0;}
           
}
@media only screen and (max-width:410px ) {
	.login_error{width: 100%;left: 0;margin-left: 0;}
	.login_text{padding: 40px 30px 50px ;}
	.like_btn{margin: 27px auto 0;}
}
 @media only screen and (max-width:345px ) {
 	 .draf_left .drafp{font-size: 13px;}
       
   	.fill2   .fill_bomb{padding: 15px 34px;}
   	.footer span{font-size: 14px;}
   	.login{top: 0;}
   	.ltext{margin-bottom: 30px;}
   	.inputbox{width: 284px;}
   	.false{width: 284px;}
   	.login input{font-size: 15px;}
   	.login .code{width: 188px;}
    .gain {width: 87px;height: 26px;line-height: 26px; top: 1px;}
    .login .refer{margin-top: 35px;width: 245px;}
    .login{padding-bottom: 0;}
    .alnum{width: 320px;}
	  .login input{width: 283px;}
	  .fill2   .fill_bomb{top: 212px;}
	  .home_main { margin: 0 auto 35px;}  
	  .home_main li>div>a {padding: 18px 0 35px 12px;}
	  .fill_bomb{top: 30%;border-bottom: 1px solid #;}
	  .like_cursor_title{display: block;margin-bottom: 20px;}
	  .like_btn{margin-bottom: 0;}
	  .ex_text{width: 246px;}
	  .anniu{width: 100%;}
	  .data_main_left input{width: 298px;}
	  .data_main_right>input{width: 298px;}
	  .middle_file .data_main_right{margin-left: 0;}
	  .ckeck_labs{width: 100px;}
	  .need .job_problem_checks{width: 222px}
	  .family th{line-height: 22px;}
	  .install_left{width: 52px;}
	  .install_fill {width: calc(100% - 51px);}
	  .login select{width: 289px;border-bottom:2px solid #53727e}
	  .support_btn span {width: 76px;margin-right: 4px;}
	  .sure_btn{display: block;margin: 20px auto 0;}
	  .college_button a:first-child{width: 242px;height: 66px;}
	  .college_button a{line-height: 66px;}
	  .college_button a:last-child {width: 235px;height: 64px;}
	  .college_cont{top: 14%;}
	 
          
}

/*修改手机*/
body:after{
    content: '';
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    display: none;
}
body.on-mask:after{
    display: block;
}
.ui-aboxpays{
    position: fixed;
    z-index: 11;
    top: 30%;
    width: 880px;
    padding: 90px 20px;
    left: 50%;
    margin-left: -440px;
    background-color: #fff;
    border-radius: 6px;
    display: none;
}
.lt{
    padding: 70px 60px !important;
    width: 520px !important;
    margin-left: -260px !important;
}
.ui-aboxpays >a{
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(/static/consultant/images/close2.png);
    position: absolute;
    top: 25px;
    right: 25px;
}
.ui-aboxpays >a:hover{
    opacity: .8;
}
.ui-aboxpays >.hd{

}
.ui-aboxpays >.hd p{
    text-align: center;
    color: #777;
    font-size: 24px;
}
.ui-aboxpays >.ct{

}
.ui-aboxpays >.ct p{
    text-align: center;
}
.ui-aboxpays >.ct p .i{
    display: inline-block;
    margin: 0 10px;
    border: 1px solid #f3f4f6;
    line-height: 1em;
    position: relative;
}
.ui-aboxpays >.ct p .i:hover{
    opacity: .8;
}
.ui-aboxpays >.ct p .i >label{
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    line-height: 22px;
    text-align: center;
    color: #fff;
    background-color: #f4535b;
}
.ui-aboxpays >.ct p .i img{

}
.ui-aboxpays .form{

}
.ui-aboxpays .form .p{
    margin-bottom: 18px;
}
.ui-aboxpays .form .p:last-child{
    margin-bottom: 0;
}
.ui-aboxpays .form .p >label{
    display: inline-block;
    float: left;
    line-height: 40px;
    font-size: 18px;
}
.ui-aboxpays .form .p >.ct{
    margin-left: 70px;
}
.ui-aboxpays .form .p >.ct p{
    line-height: 40px;
    font-size: 18px;
    text-align: left;
}
.ui-aboxpays .form .p .tt{
    height: 40px;
    line-height: 38px;
    border: 1px solid #c6c6c6;
    border-radius: 3px;
    font-size: 16px;
    text-indent: 10px;
}
.ui-aboxpays .form .p .getcode{
    display: inline-block;
    width: 110px;
    line-height: 40px;
    background-color: #12baff;
    border-radius: 3px;
    font-size: 16px;
    color: #fffefe;
    text-align: center;
}
.ui-aboxpays .form .p .getcode:hover{
    opacity: .8;
}
.ui-aboxpays .form .p .bt-1{
    display: inline-block;
    width: 130px;
    line-height: 56px;
    background: url(/static/consultant/images/sd-2.png);
    border-radius: 5px;
    font-size: 24px;
    color: #fffefe;
    text-align: center;
}
.ui-aboxpays .form .p .bt-1:hover{
    opacity: .8;
}
.ui-aboxpays >.hd{

}
.ui-aboxpays >.hd p{
    text-align: center;
    color: #777;
    font-size: 24px;
}
.ui-aboxpays >.ct{

}
.ui-aboxpays >.ct p{
    text-align: center;
}
.ui-aboxpays >.ct p .i{
    display: inline-block;
    margin: 0 10px;
    border: 1px solid #f3f4f6;
    line-height: 1em;
    position: relative;
}
.ui-aboxpays >.ct p .i:hover{
    opacity: .8;
}
.ui-aboxpays >.ct p .i >label{
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    line-height: 22px;
    text-align: center;
    color: #fff;
    background-color: #f4535b;
}
.ui-aboxpays >.ct p .i img{

}
.ui-aboxpays .form{

}
.ui-aboxpays .form .p{
    margin-bottom: 18px;
}
.ui-aboxpays .form .p:last-child{
    margin-bottom: 0;
}
.ui-aboxpays .form .p >label{
    display: inline-block;
    float: left;
    line-height: 40px;
    font-size: 18px;
}
.ui-aboxpays .form .p >.ct{
    margin-left: 70px;
}
.ui-aboxpays .form .p >.ct p{
    line-height: 40px;
    font-size: 18px;
    text-align: left;
}
.ui-aboxpays .form .p .tt{
    height: 40px;
    line-height: 38px;
    border: 1px solid #c6c6c6;
    border-radius: 3px;
    font-size: 16px;
    text-indent: 10px;
}
.ui-aboxpays .form .p .getcode{
    display: inline-block;
    width: 110px;
    line-height: 40px;
    background-color: #c6c6c6;
    border-radius: 3px;
    font-size: 16px;
    color: #fffefe;
    text-align: center;
}
.ui-aboxpays .form .p .getcode:hover{
    opacity: .8;
}
.ui-aboxpays .form .p .bt-1{
    display: inline-block;
    width: 130px;
    line-height: 56px;
    background: url(/static/consultant/images/sd-2.png);
    border-radius: 5px;
    font-size: 24px;
    color: #fffefe;
    text-align: center;
}
.ui-aboxpays .form .p .bt-1:hover{
    opacity: .8;
}
.nextwrap{

}
.nextwrap >.next{
    display: none;
}
.nextwrap >.next.show{
    display: block;
}

/*.ui-aboxpays{
    top: 20%;
    left: 20px;
    right: 20px;
    width: auto !important;
    margin-left: 0 !important;
    padding: 40px 20px !important;
}*/
.ui-aboxpays >a{
    top: 20px;
    right: 20px;
}
.ui-aboxpays >.hd p{
    font-size: 18px;
}
.ui-aboxpays >.ct p .i{
    display: block;
    width: 160px;
    margin: 0 auto;
    margin-top: 10px;
}
.ui-aboxpays >.ct p .i:first-child{
    margin-top: 0;
}
.ui-aboxpays >.ct p .i img{
    width: 100%;
}
.ui-aboxpays .form .p{
    margin-bottom: 10px;
}
.ui-aboxpays .form .p >label{
    font-size: 14px;
    line-height: 35px;
}
.ui-aboxpays .form .p >.ct{
    margin-left: 60px;
}
.ui-aboxpays .form .p >.ct p{
    line-height: 35px;
    font-size: 14px;
}
.ui-aboxpays .form .p >.ct .wh05{
    display: none;
}
.ui-aboxpays .form .p .tt{
    height: 35px;
    line-height: 33px;
    font-size: 14px;
}
.ui-aboxpays .form .p .getcode{
    width: 110px;
    line-height: 35px;
    font-size: 14px;
    margin-top: 10px;
}
.ui-aboxpays .form .p .bt-1{
    width: 120px;
    line-height: 45px;
    font-size: 20px;
}

/* 用户须知 */
.agreement-content{    width: 650px;
    padding: 52px 80px;
    overflow: hidden;
    border: 1px solid #dfe2e7;
    background: #FFF;
    margin: 0 auto 30px auto;
    line-height: 21px;
    font-size: 13px;
    text-align: justify;}
.agreement-content h1{    font-size: 24px;
    margin: 0 auto 46px auto;
    width: 100%;
    text-align: center;}

    .agreement-content p{   
    margin-bottom: 25px;}

.agreement-content h2{        font-size: 15px;
    margin-bottom: 28px;}



/*************2018-10-10改版**************/
.clearfloat1{*zoom:1;}
.clearfloat1:before,.clearfloat1:after{content:""; display:table; line-height:0;visibility:hidden;}
.clearfloat1:after{ clear:both;}

button,select,textarea,input:not([type="radio"]):not([type="checkbox"]){-webkit-appearance:none;-moz-appearance:none;appearance:none;}
:focus{outline:0;}/* Form selected style modification */
em {font-style: normal;}

/*文字截取*/
.single-line{ text-overflow:ellipsis;white-space:nowrap;overflow:hidden; }
.multi-line{min-height: 2em; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:clip;overflow:hidden;}
.multi-line1{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:clip;overflow:hidden;}

.notice li {padding: 8px 0;}
.banner .not {bottom: 18px;}
.contentWrap {width: 1100px; margin: 0 auto;}

/*首页*/
.homeWrit {background: #eee; padding: 38px 0;}
.homeWritW,.mainWrap {width: 80%; margin: 0 auto;}
.homeWrit .left {float: left;}
.homeWrit .right {float: right; width: 380px; margin-top: 32px; padding: 30px 10px 24px 36px; box-sizing: border-box; border-radius: 24px; background: #ff7200;}
.homeWrit .left ul {}
.homeWrit .left ul li {font-size: 18px; height: 44px; line-height: 44px;}
.homeWrit .left ul li span {display: inline-block; position: relative;}
.homeWrit .left ul li span:before {display: block; content: ""; width: 100%; height: 1px; background: #e4e4e4; position: absolute; bottom: 0; left: 50px;}
.homeWrit .left ul li span a {color: #0184f8;}
.homeWrit .left ul li span a:hover {text-decoration: underline;}
.homeWrit .right p {margin-bottom: 4px; color: #fff; font-size: 18px; line-height: 32px;}
.homeWrit .right p span {display: inline-block; border-bottom: 1px solid #fff;}
.homeWrit .right a {display: block; width: 122px; height: 36px; margin-top: 18px; line-height: 36px; text-align: center; color: #fff; background: #0184f8; border-radius: 12px;}
.homeWrit .right a:hover {background: #0066CC;}

.mainWrap {overflow: hidden; padding: 48px 0 100px 0;}
.homeMainList {width: 110%; padding-top: 10px; }
.homeMainList li {float: left; width: 27.555%; margin-right: 4%; margin-bottom: 34px;}
.homeMainListN {display: block; height: 99px; line-height: 99px; background: #f7f7f7;}
.homeMainListN:hover {background: #f0f0f0; box-shadow: 0 4px 10px 0 #ccc;}
.homeMainListN .num {float: left; width: 64px; height: 64px; margin: 18px 0 0 36px; line-height: 64px; text-align: center; font-size: 30px; color: #fff; background: #12baff; border-radius: 50%;}
.homeMainListN .cont {float: left; margin-left: 22px; font-size: 32px; color: #474747;}
.homeMainListD {height: 40px; margin-top: 30px; line-height: 40px; }
.homeMainListD a {display: inline-block; height: 100%; padding: 0 18px; margin-left: 18px; font-size: 18px; color: #fff; background: #0184f8; vertical-align: top; overflow: hidden; *display: inline; float: none; *zoom: 1;}
.homeMainListD a:hover {background: #0074db;}
.homeMainListD a:first-child {margin-left: 38px;}
.homeMainListD a.col1 {background: #ff7200;}
.homeMainListD a.col1:hover {background: #e76700;}
.homeMainListD a.col2 {background: #01cb7c;}
.homeMainListD a.col2:hover {background: #01b36e;}
.homeMainListD a.col3 {background: #01a7cb;}
.homeMainListD a.col3:hover {background: #018ead;}

/*登录*/
.logmainbox { min-height: 490px; padding: 0; box-sizing: border-box; background: url(../images/login_banner_img.jpg) no-repeat center; background-size: cover; /*margin-top: 30px;*/ /*background: #1091e2;*/}
.loginWrap{width: 418px;position: absolute;right:88px;z-index: 100;top:14%;}
.login {width: 100%; position: static; right: auto; top: auto; border-radius: 4px;}
.loginH {text-align: center; margin-bottom: 16px;}
.loginH a {display: inline-block; width: 130px; height: 50px; margin: 0 12px; line-height: 50px; font-size: 20px; font-weight: 600; color: #8a8e90; background: #e6e6e6; border-radius: 6px; vertical-align: top; overflow: hidden; *display: inline; float: none; *zoom: 1;}
.loginH a.active {color: #12baff; background: #fff; }
.logmain {height: 100%;}

.logmain img.logoWap {display: none; width: 120px !important; margin-bottom: 30px !important;} 

/*客户端-个人资料职场版*/
.main_cont_right {float: none; margin: 0 auto;}
.navCont {padding: 48px 0 100px 0; background: #ececec;}
.navContW > ul {padding-left: 42px;}
.navContW > ul > li {float: left; width: 50px; height: 50px; margin-left: 184px; text-align: center; position: relative;}
.navContW > ul > li:first-child {margin-left: 0;}
.navContW > ul > li a.navContN {/*position: absolute;*/ display: block; width: 100%; height: 100%; line-height: 50px; text-align: center; font-size: 24px; color: #666666; background: #fff; border-radius: 50%; position: relative; z-index: 22;/* top: 0; left: 0;*/}
.navContW > ul > li h2 {width: 190px; padding-bottom: 20px; margin-top: 12px; line-height: 36px; font-size: 20px; font-weight: normal; color: #333; position: absolute; left: 50%; top: 50px; margin-left: -95px; z-index: 22;}
.navContW > ul > li h2 span {font-size: 14px;}
.navContLine {width: 184px; height: 6px; background: #fff; position: absolute; right: 50px; top: 50%; margin-top: -3px; z-index: 1;}
.navContW > ul > li.on a.navContN {color: #fff; background: #0184f8;}
.navContW > ul > li.on .navContLine {background: #0184f8;}
.navContW > ul > li.on h2 {color: #0184f8;}
.navContW > ul > li.active a.navContN {-webkit-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); -moz-transform: scale(1.3); transform: scale(1.3);}
.navContW > ul > li:hover .navContDown {display: block;}
.navContDown {display: none; width: 174px; padding: 15px 0; background: #0e90e0; position: absolute; top: 112px; left: 50%; margin-left: -87px; z-index: 66;}
.navContDown span {position: absolute; width: 28px; height: 12px; background: url(../images/nav_down_ico.png) no-repeat center; top: -12px; left: 50%; margin-left: -14px;}
.navContDown h3 {line-height: 42px; font-size: 18px; font-weight: normal;}
.navContDown h3 a {display: block; color: #fff;}
.navContNext {display: none; width: 174px; height: 100%; font-size: 0; position: absolute; background: #6cc7ff; left: 174px; top: 0; }
.navContNext a {display: block; padding-left: 26px; line-height: 42px; font-size: 16px; color: #fff; text-align: left;}
.navContNextInner {width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.navContDown ul li:hover h3 a {background: #6cc7ff;}
.navContDown ul li:hover .navContNext {display: block;}
.navContNextInner a:hover {color: #FF5500;}
.navContLine p {width: 100%; text-align: center; line-height: 20px; font-size: 14px; position: absolute; left: 0;}
.navContLine p.up {bottom: 10px;}
.navContLine p.down {top: 10px;}


.station {height: 88px; /*margin-bottom: 20px;*/ line-height: 88px; border-bottom: 1px solid #ececec; border-top: 1px solid #ececec;}
.station p {font-size: 18px; color: #0184f8; padding-left: 34px; background: url(../images/icon_station.png) no-repeat left center;}
.station p span {color: #8d8d8d;}
.station p a {color: #0184f8;}
.station p a:hover {text-decoration: underline;}

.markit_btn {}
.markit_btn.again {background: #ff9000; margin-top: 34px;}
.markit_btn.again:hover {background: #FF7800;}

.main_right_title {margin-top: 20px;}

/*客户端-后续服务--新增*/
.navContWSearch p {float: left;}
.navContWSearch h3 {float: right; font-size: 17px; font-weight: normal; color: #ff0000;}
.serviveW {margin-bottom: 55px;}
.serviveTop {background: #f6f6f6;}
.serviveTop .left {float: left; width: 170px;}
.serviveTop .left.perPic .pic {margin-top: 42px;}
.serviveTop .left.perPic p {margin-top: 4px;}
.perPic {text-align: center;}
.perPic .pic {width: 110px; height: 110px; margin: 0 auto 0; border-radius: 50%; overflow: hidden;}
.perPic .pic img {width: 100%;}
.perPic p {font-size: 18px; color: #0184f8; line-height: 38px;}
.serviveTop .right {float: right; width: 930px; background: #fff;}
.serviveCont {padding-left: 70px; padding-top: 40px;}
.serviveCont h3 {margin-bottom: 14px; font-size: 24px; line-height: 32px;}
.serviveCont p {line-height: 28px; font-size: 18px;}
.serviveCont h4 {text-align: right; font-weight: normal; font-size: 14px; line-height: 30px; margin-top: 10px;}
.serviveMss {padding-left: 60px; margin-top: 60px;}
.serviveMss ul {/*padding: 0 0;*/ }
.serviveMss ul li {padding: 20px 20px 12px 20px; margin-bottom: 15px; background: #f0f4f8; /* border-top: 1px solid #eaeaea;*/}
.serviveMss ul li:first-child {border: none;}
.serviveMssPic {float: left;}
.serviveMssPic.perPic p {line-height: 36px;} 
.serviveMss ul li .cont {float: right; width: 604px; }
.serviveMss ul li h4 {height: 30px; line-height: 30px; margin-top: 10px;}
.serviveMss ul li h4 span {font-size: 14px;}
.serviveMss ul li h4 a {display: inline-block; margin-left: 25px; vertical-align: top; height: 100%; width: 100px; text-align: center; font-size: 18px; color: #fff; background: #0184f8; border-radius: 20px;} 
.serviveMss ul li h4 a:hover {background: #0066CC;}
.serviveWrit {/*display: none; */padding: 0 10px 0 300px; margin-top: 30px;}
.serviveWrit textarea {width: 100%; height: 136px; padding: 10px 10px; outline-style: none; border: 1px solid #e2e2e2; resize: none;-webkit-appearance:none; box-sizing: border-box;}
.serviveWrit button {float: right; }
.serviveMss ul li.serviveMssR .serviveMssPic {float: right;}
.serviveMss ul li.serviveMssR .cont {float: left;}
.serviveMss ul li.serviveMssR h4 {text-align: left;}


.serviceBack {background: #eaeaea; padding: 46px 0 34px 0;}
.serviceBack h2,.serviceNew h2 {font-size: 24px;}
.serviceBack ul {margin-top: 36px;} 
.serviceBack ul li {padding: 28px 84px 26px 40px; margin-bottom: 26px; background: #fff;}
.serviceBack ul li:hover {box-shadow: 0 0 20px 0 #cccccc;}
.serviceBackPic {float: left;}
.serviceBackCenter {float: left; width: 630px; margin-left: 38px;}
.serviceBackCenter h3 {font-size: 24px; font-weight: normal; margin-bottom: 12px;}
.serviceBackCenter p {font-size: 18px; line-height: 30px; color: #4d4d4d;}
.serviceBackCenter h4 {margin-top: 8px; font-size: 14px; line-height: 30px; font-weight: normal;} 
.serviceBackView {float: right; width: 110px; height: 40px; margin-top: 50px; line-height: 40px; font-size: 18px; text-align: center; color: #fff; background: #0184f8; border-radius: 20px;} 
.serviceBackView:hover {background: #0066CC;}

.page {width: 100%; height: 34px; margin:40px 0; text-align: center; line-height: 34px; color: #333333;}
.page em {font-style: normal; display: inline-block; height: 100%; margin: 0 3px; padding: 0 15px; border: 1px solid #eee; vertical-align: top; cursor: pointer; border-radius: 4px; background: #f6f6f6;}
.page em:hover {background: #f5f4f4;}
.page em.active {color: #fff; background: #0184f8;}
.page a {display: inline-block; height: 100%; margin: 0 3px; padding: 0 12px; color: #202020; border: 1px solid #eee; zoom: 1; *display:inline; float:none; border-radius: 4px; background: #f6f6f6;}
.page a:hover {background: #f5f4f4;}
.page a.active {color: #fff; background: #0184f8;}
.page a.pageD {background: none; border: none;}

.serviceNew {padding: 64px 0 110px 0;}
.serviceNewW {margin-top: 40px;}
.serviceNewpPic {float: left;}
.serviceNewpPic.perPic p {font-size: 24px; color: #333; margin-top: 10px;}
.serviceNewW .right {float: right; width: 920px;}
.serviceNewInner {padding: 12px 20px; margin-bottom: 15px; border: 1px solid #bebebe;}
.serviceNewInner input,
.serviceNewInner textarea {width: 100%; border: none; outline: none; font-size: 18px; }
.serviceNewInner textarea {height: 330px; resize: none; }
.fbBtn {width: 150px; height: 52px; margin-top: 20px; line-height: 52px; text-align: center; font-size: 24px; border: none; border-radius: 10px; color: #fff; background: #fe9250; cursor: pointer;}
.fbBtn:hover {background: #FF7800;	}

/*客户端-客户须知*/
.noticePay {}
.buyTable {width: 100%;}
.noticePay table { margin-bottom: 40px; font-size: 18px; text-align: center; border-radius: 16px; overflow: hidden;}
.noticePay table em {font-size: 20px;}
.noticePay table span {font-size: 24px;}
.noticePay table tr.noticePayH {height: 60px; background: #d1eaff;}
.noticePay table th {font-weight: normal;}
.noticePay table th.noticePro {width: 32%;}
.noticePay table th.noticeTime {width: 15%;}
.noticePay table th.noticeClass {/*width: 30%;*/}
.noticePay table tr {height: 122px; background: #f3f3f3;}
.noticePay table tr.noticePayBottom {height: 42px; background: #eaeaea; text-align: right;}
.noticePay table tr.noticePayBottom td {padding: 0 34px; font-size: 14px;}
a.payGo {display: inline-block; width: 130px; height: 36px; line-height: 36px; color: #fff; background: #0184F8; border-radius: 12px;} 
a.payGo:hover {background: #0074DB;}
.colff78 {color: #ff7800; }
.colff00 {color: #ff0000;}

.noticePay h3 {font-size: 24px; font-weight: normal;}
.noticeZx {margin-top: 20px; padding: 12px 54px 12px 20px; background: #f8b551;}
.noticeZx li {padding: 16px 0; line-height: 24px; font-size: 14px; border-top: 1px solid #e4e0d9;}
.noticeZx li:first-child {border: none;}
.noticeZx li span {float: left; width: 26px; margin-left: 15px;}
.noticeZx li p {float: left; width: 896px;}
.noticSm {margin-top: 18px; margin-bottom: 60px; font-size: 18px; color: #ff0000; text-align: center; line-height: 28px;}

/*客户端-预约时间1*/
.appointWeap {width: 84%;}
.appointWeap ul.timeul {width: 100%; margin-top: 25px; background: #dedede; border: none;}
.appointWeap ul.timeul li {background: #fff; height: 36px; line-height: 36px;}
.appointWeap ul.timeul li:first-child {border-bottom: none;}
.appointWeap ul.timeul li.time_title {background: #f5f5f5; height: 44px; line-height: 44px;}
.appointWeap ul.timeul li.timeCenter {margin-top: 12px;}
.appointWeap ul.timeul li span {width: 12.5%; height: 100%; padding: 0;}
.appointWeap ul.timeul li p {width: 12.5%; height: 100%;}
.appointWeap ul.timeul li p.time_Zm {background: #eee;}
.appointWeap ul.timeul li p.on {background: #70AD47;}

.appointTime {display: none; margin-top: 10px; padding: 16px 0; font-size: 18px; line-height: 50px; background: #e4f5ff;}
.appointTime h3 {float: left; width: 144px; margin-left: 24px; font-weight: normal; font-size: 18px; /*line-height: 50px;*/}
.appointTime p {float: left; width: 662px; margin: 0; margin-left: 5px;}
.appointTime p span {display: inline-block; padding-right: 32px; margin-right: 18px; position: relative;}
.appointTime p span em {position: absolute; width: 30px; height: 32px; background: url(../images/close_time.png) no-repeat center; background-size: 100%; top: -2px; right: 0; cursor: pointer;}

.appointTime1 {margin-top: 10px; padding: 16px 0; font-size: 18px; line-height: 50px; background: #e4f5ff;}
.appointTime1 h3 {float: left; width: 144px; margin-left: 24px; font-weight: normal; font-size: 18px; /*line-height: 50px;*/}
.appointTime1 p {float: left; width: 662px; margin: 0; margin-left: 5px;}
.appointTime1 p span {display: inline-block; padding-right: 32px; margin-right: 18px; position: relative;}
.appointTime1 p span em {position: absolute; width: 30px; height: 32px; background: url(../images/close_time.png) no-repeat center; background-size: 100%; top: -2px; right: 0; cursor: pointer;}

/*客户端-职业性格测评1*/
.natureTest {border: 1px solid #f4f4f4; margin-bottom: 60px;}
.natureTest li {float: left; width: 25%; height: 180px; text-align: center;}
.natureTest li .natureTestBox {height: 100%; padding: 0 12px; border-left: 1px solid #f4f4f4;}
.natureTest li:first-child .natureTestBox {border-left: none;}
.natureTest li span {display: block; height: 70px; margin-top: 15px; line-height: 68px; font-size: 45px;}
.natureTest li p {margin-top: 6px; line-height: 24px; font-size: 14px;}
.natureTest li em {display: inline-block;}

.natureResult {height: 64px; margin-top: 48px; line-height: 64px; text-align: center;}
.natureResult a {display: inline-block; width: 266px; height: 100%; font-size: 24px; color: #fff; vertical-align: top; border-radius: 10px;}
.natureResult a.natureResultY {margin-right: 52px; background: #d1d1d1;}
.natureResult a.natureResultY:hover {background: #0078D7;}
.natureResult a.natureResultC {background: #fd6b00;}
.natureResult a.natureResultC:hover {background: #FF0000;}

/*客户端-咨询反馈*/
.feedback {width: 60%; border: none;}
.feedback li input.textTime {height: 30px; width: 160px; padding: 0; line-height: 30px; font-size: 16px; border-radius: 0; border: none; border-bottom: 1px solid #434343; background: none;}
.feedback li.feedTextLi {padding-left: 0;}
.feedback li.feedTextLi p.feed_title {padding-left: 25px;}
.feedText {margin-top: 10px; margin-bottom: 15px; padding: 15px 25px; background: #0184f8; color: #fff;}
.feedText p {border-top: 1px solid #a7cae9;}
.feedText p:first-child {border-top: none;}
.feedText h4 {margin-top: 15px; font-size: 16px; font-weight: normal;}
.feedback li em.textTimeXz {display: inline-block; width: 50px; height: 26px; margin-right: 20px; font-size: 16px; line-height: 26px; text-align: center; color: #fff; background: #0184f8; vertical-align: middle; border-radius: 9px;}
.feed_text {padding: 12px 0; font-size: 12px; line-height: 22px;}

/*客户端-购买页面1*/
.buyWrap {min-height: 660px;}
.buyBox {width: 1140px; min-height: 600px; margin: 0 auto;}
.buyTable {}
.buyTable .alineCenter {text-align: center;}
.buyTable th { text-align: left; font-size: 16px; font-weight: normal;}
.buyTable th.buyTableCp,
.buyTable td.buyTableCp {width: 50%;}
.buyTable th.buyTableCp span {padding-left: 80px;}
.buyTable tr {/*height: 118px;*/ background: #f7f7f7; }
.buyTable tr:first-child {height: 70px;}
.buyTable tr:first-child {background: #fff;}
.buyTable tr td:first-child {text-align: left;}
.buyTable tr td:last-child,
.buyTable tr th:last-child {width: 120px; padding-right: 80px;}
.buyTable tr td {border-bottom: 5px solid #fff;}
.btnZf {display: inline-block; width: 20px; height: 20px; margin-left: 30px; margin-right: 20px; background: #fff; border: 1px solid #cfcfcf; vertical-align: middle;}
.btnZf.on {background: #fff url(../images/check2.png) no-repeat center; background-size: 16px;}
.buyInner {display: inline-block; padding: 20px 0; width: calc(100% - 80px); vertical-align: middle;}
.buyInner .pic {float: left; width: 118px;}
.buyInner .cont {float: left; margin-left: 22px; width: calc(100% - 140px);}
.buyInner .cont h2 {margin-top: 8px; font-size: 18px; font-weight: normal; line-height: 32px;}
.buyInner .cont h2 a {color: #333}
.buyInner .cont h2 a:hover {color: #0184f8;}
.buyInner .cont h3 {font-size: 14px; font-weight: normal; line-height: 30px; color: #858585}
.buyDelt {display: inline-block; width: 112px; height: 34px; line-height: 34px; color: #ff0000; background: #f8f8f8; vertical-align: middle; border: 1px solid #dfdfdf; border-radius: 6px; cursor: pointer;}
.buyDelt:hover {background: #e7e7e7;}
.buyNum {font-size: 24px;}
a.buyAgin {color: #0184f8;}
a.buyAgin:hover {text-decoration: underline;}

.buyTotal {margin-top: 8px; padding: 10px 0 15px 0; background: #fff5dd;}
.buyTotalTnner {float: right; width: 276px;}
.buyTotalTnner h2 {margin-bottom: 8px; font-size: 16px; font-weight: normal; }
.buyTotalTnner h2 span {font-size: 36px;}
.buyTotalTnner h3 {font-size: 16px; font-weight: normal;}

.buyClear {text-align: right; margin-top: 28px; margin-bottom: 100px;}
.buyClear a {display: inline-block; width: 182px; height: 56px; font-size: 18px; line-height: 56px; text-align: center; color: #fff; background: #FB7320; border-radius: 6px;} 
.buyClear a:hover {background: #FD6B00;}

.buyTan {display: none; width: 100%; height: 100%; background: rgba(0,0,0,0.6); position: fixed; top: 0; left: 0; z-index: 666;}
.buyTan .buyClose {position: absolute; width: 30px; height: 30px; background: url(../images/buy_close.png) no-repeat center; opacity: 0.7; top: 15px; right: 20px; cursor: pointer;}
.buyTan .buyClose:hover {opacity: 1;}
.buyTanW {width: 886px; height: 366px; text-align: center; background: #fff; border-radius: 4px; position: absolute; left: 50%; top: 50%; margin-top: -183px; margin-left: -443px;}
.buyTanW h3 {padding-top: 60px; font-size: 22px; font-weight: normal; color: #666;}
.buyTanW h4 {margin-top: 60px}
.buyTanW h4 a {display: inline-block; width: 212px; margin: 0 40px; border: 1px solid #eeeff2; vertical-align: top;}
.buyTanW h4 a:hover {border-color: #19A3FC;}
.buyTanW h4 a img {width: 100%;}

/*客户端-购买页面-已购买*/
.buyTableY {}
.buyTableY th {text-align: left;}
.buyTableY .buyInner .pic {width: 160px;}
.buyTableY .buyInner .cont {width: calc(100% - 220px);}
.buyTableY .buyInner {width: calc(100% - 42px); padding: 25px 0; padding-left: 30px;}
.buyTableY tr td:last-child,
.buyTableY tr th:last-child {width: 120px; padding-right: 50px;}

/*客户端-职业咨询问卷*/
.testWrap {margin-top: 30px;}
.testWrap h3 {font-size: 18px; font-weight: normal; line-height: 30px;}
.testWrap h4 {margin-top: 25px; font-size: 18px; font-weight: normal; color: #0390d4;}
.testWrap p {}
.testInner { font-size: 18px; line-height: 36px; }
.testInner .left {float: left; margin-left: 40px;}
.testInner .left:first-child {margin-left: 0;}
.testInner .left em {font-weight: 600;}
.testInner .left input {font-size: 18px; outline-style: none; border: none; background: none;}
.testInner .left input.testInput1 {width: 220px;}
.testInner .left input.testInput2 {width: 220px;}
.testInner .left input.testInput3 {width: 60px;}
.testInner .left input.testInput4 {width: 120px;}
.testText {margin-top: 18px; padding: 12px 15px; border: 1px solid #c6c6c6; border-radius: 6px;}
.testText textarea {width: 100%; height: 90px; background: none; border: none; resize: none;font-size: 16px;}
.testText1 textarea {}
.testWork {margin-bottom: 30px;}

.experience {margin: 30px 0 60px 0;}
.experienceInner {/* background: #f4f4f4; */ padding: 15px 20px; margin-bottom: 30px;}
.experienceInner .experTit {line-height: 30px; font-size: 18px; font-weight: 600; margin-bottom: 10px;}
.experienceInner1 {background: #f4f4f4; padding: 15px 20px; margin-bottom: 30px;}
.experienceInner1 .experTit {line-height: 30px; font-size: 18px; font-weight: 600; margin-bottom: 10px;}
.teseMake {margin-top: 30px; padding-bottom: 10px;}
.teseMake button {height: 40px; line-height: 40px; color: #fff; font-size: 16px; background: #fe9251; border: none; cursor: pointer;}
.teseMake button:hover {background: #DD0000;}
.teseMake button.experOper {width: 80px; border-radius: 10px;}
.teseMake button.experMove {width: 60px; border-radius: 6px;}
.teseMake button.experAdd {margin-right: 20px}
.teseMake button.experDetl {margin-left: 20px}
.teseMake button.experDown {margin-left: 5px}



.buyTableY .buyInner .pic img {width: 100%;}

.feedTextLiInner {padding-left: 30px;}
table.noticPay1 {width: 100%;}
.buyInner .pic img {width: 100%;}

.prompt {margin-bottom: 20px;}
.data_main {width: 1016px;}
.data_main .jobBg {padding: 2px 22px 30px 22px; margin-bottom: 20px; background: #fafafa;}
.data_main .jobBg ul {width: auto; padding: 0 80px;}
.job_problem {width: auto; left: 0;}
.job_problem_check {width: 226px;}
.data_main .jobBg.jobBgKh ul {padding: 0;}
.describe {width: auto; left: 0;}
.job_problem {background: #FAFAFA;}

.jobJl {margin-bottom: 40px}
.jobJl .jobJlInner {float: left;} 
.jobJl .jobJlInnerF {margin-left: 70px; margin-top: 20px;}
.jobJl .jobJlInner h2 {font-size: 16px; font-weight: normal; line-height: 38px;}
.jobJl .jobJlInner h3 {font-size: 14px; font-weight: normal; line-height: 24px;}
.jobJl .jobJlInner p {font-size: 14px; color: #9e9e9e; line-height: 24px;}
.jobJlInnerF .data_file {width: auto; height: auto; padding: 0; margin: 0; background: none;}
.jobJlInnerF .data_file .data_filepic,.jobJlInnerF .data_file .jobJFileTxt {float: left;}
.jobJlInnerF .data_file .data_filepic {width: 96px; height: 80px; line-height: 80px; background: #F0F0F0; position: relative; cursor: pointer; overflow: hidden;}
.jobJlInnerF .data_file .data_filepic img {width: 50px; vertical-align: middle; position: relative; z-index: 0;}
.jobJlInnerF .data_file .data_filepic input {display: block;position: absolute;top: 0; right: 0; width: 100%;height: 100%;font-size: 100px; cursor: pointer;opacity: 0;filter: alpha(opacity=0);filter: alpha(opacity=0); cursor: pointer;}
.jobJlInnerF .jobJFileTxt {margin-left: 25px; padding-top: 20px;} 
.jobJlInnerF .jobJFileTxt p {color: #333; line-height: 24px;}
.jobJlInnerF .jobJFileTxt p span {display: block;}

.jobJlDown {margin-top: 30px;}
.jobJlDown .left {float: left; position: relative;}
.jobJlDown .left span {position: absolute; width: 32px; height: 32px; background: url(/static/images/job_close_btn.png) no-repeat center; background-size: 100%; top: -18px; right: -12px; cursor: pointer;}
.jobJlDown h3 {float: left; margin-left: 20px; margin-top: 35px; font-size: 16px; font-weight: normal;}

.jobJlDown {padding-top: 20px; padding-right: 25px; overflow: hidden;}
.data_main .jobBg .jobJlDown ul {padding: 0; width: 110%;}
.jobJlDown ul li {float: left; width: 256px; height: 200px; margin-top: 0; margin-right: 68px; position: relative;}
.jobJlDown ul li img {width: 100%;}
.jobJlDown ul li .pic {width: 100%; height: 100%; overflow: hidden;}
.jobJlDown ul li span {position: absolute; width: 32px; height: 32px; background: url(/static/images/job_close_btn.png) no-repeat center; background-size: 100%; top: -12px; right: -12px; opacity: 0.8; cursor: pointer;}
.jobJlDown ul li span:hover {opacity: 1;}

.feedback li textarea {width: 100%; box-sizing: border-box;}
.feedback li {padding-right: 20px;}
.feedback li.feedTextLi {padding-right: 0;}

.consult_need textarea {width: 100%; margin-left: 0;}

.buyTableY .buyInner {width: 100%;}

/*nav-wap*/
.customNav {height: 86px; line-height: 86px; background: #12baff;}
.customNav ul {}
.customNav ul li {float: left; width: 20%; text-align: center; display: table; position: relative;}
.customNav ul li > a {display: block; font-size: 0; color: #fff; text-align: center;}
.customNav ul li > a em {display: inline-block; max-width: calc(100% - 34px); font-size: 18px; line-height: 20px; vertical-align: middle;	 }
.customNav ul li > a span {display: inline-block; width: 26px; height: 26px; margin-left: 2px; background: url(../images/custom_ico_sj.png) no-repeat center; vertical-align: middle; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.customNav ul li > a span.on {-ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg);}
.customNav ul li.active > a,
.customNav ul li:hover {background: #0495d1;}
.customNavDown {display: none; position: absolute; width: 100%; min-height: 286px; padding: 12px 0; text-align: left; background: #009edf; border-top: 4px solid #d3f2ff; box-sizing: border-box; left: 0; z-index: 99;}
.customNavDown h3 {height: 44px; line-height: 44px;}
.customNavDown h3 > a {display: block; padding: 0 10px 0 44px; height: 100%; color: #fff; font-size: 16px; }
.customNavDown h3:hover > a {color: #333; background: #d3f2ff;}
.customNavNext {display: none; position: absolute; width: 208px; height: 100%; background: #d3f2ff; top: 0; left: 100%;}
.customNavNext a {display: block; padding: 0 8px 0 32px; font-size: 16px; color: #333;}
.customNavNext a:first-child {margin-top: 12px;}
.customNavNext a:hover {color: #C7254E;}
.customNav ul li i.num,.customNavDown h3 span.btn {display: none;}

.customNav {display: none;}

.loginWapWrit {display: none; position: absolute; width: 100%; padding: 0 15px; text-align: center; color: #fff; box-sizing: border-box; left: 0; top: 10%;}
.loginWapWrit h2 {font-weight: normal; font-size: 30px; margin-bottom: 30px;}
.loginWapWrit h3 {font-weight: normal; font-size: 36px;}



@media (max-width: 1680px) {
	.homeMainListD a {font-size: 16px; padding: 0 15px;}
	.homeMainListD a:first-child {margin-left: 24px;}
	.feedback {width: 80%;}
	
}
@media (max-width: 1440px) {
	.homeMainListD a {font-size: 16px; padding: 0 10px; margin-left: 10px;}
	.homeMainListD a:first-child {margin-left: 15px;}
	.homeMainList li {width: 28.888%; margin-right: 2%;}
	.homeMainListN .num {margin-left: 20px;}
	.homeMainListN .cont {font-size: 30px; margin-left: 18px;}
	.feedback {width: 90%;}
}
@media (max-width: 1390px) {
	.noticeZx li p {width: calc(100% - 44px);}
	.data_main .jobBg {width: 100%; margin: 26px auto; box-sizing: border-box;}
	.jobJlDown ul li {margin-right: 50px;}
	.data_main {width: 100%;}
	
	
}
@media (max-width: 1280px) {
	.homeMainListD a {font-size: 14px; padding: 0 8px; margin-left: 10px;}
	.homeMainListD a:first-child {margin-left: 10px; margin-bottom: 10px;}
	.homeMainListN .num {width: 54px; height: 54px; line-height: 54px; margin-left: 15px;}
	.homeMainListN .cont {font-size: 26px; margin-left: 12px;}
	.homeMainListN {height: 92px; line-height: 92px;}
	
	.contentWrap {width: 1000px;}
	.navContW > ul > li {margin-left: 176px;}
	.navContW > ul > li h2 {font-size: 18px;}
	.navContDown h3 {font-size: 16px;}
	
	.serviveTop .right {width: 828px;	}
	.serviveCont {padding-left: 48px;}
	.serviveMss {padding-left: 40px;}
	.serviveWrit {padding: 0 10px 0 266px;}
	.serviveCont h3 {font-size: 22px;}
	.navContWSearch h3 {font-size: 22px;}
	/*.serviveMss ul {padding: 0 25px;}*/
	.serviveMss ul li .cont {width: 564px;}
	.serviceBack ul li {padding: 28px 60px 26px 26px;}
	.serviceBackCenter {width: 646px; margin-left: 28px;}
	.serviceBackCenter h3 {font-size: 22px;}
	.serviceBackCenter p {font-size: 16px;}
	.serviceNewW .right {width: 842px;}
	.serviceNewpPic.perPic p {font-size: 22px;}
	
	.testInner {font-size: 16px;}
	.testInner .left {margin-left: 24px;}
	
	.buyBox {width: 90%;}
	
	.data_main .jobBg ul {padding: 0 20px;}
	.jobJlDown ul li {width: 200px; height: 180px; margin-right: 40px;}
	
	
	
}

@media (max-width: 1024px) {
	.homeMainListD {margin-top: 18px;}
	.homeMainListD a {font-size: 12px; margin-left: 8px;}
	.homeMainListN .num {width: 46px; height: 46px; margin-left: 12px; line-height: 46px; font-size: 26px;}
	.homeMainListN {height: 82px;line-height: 82px;}
	.homeMainListN .cont {font-size: 22px;}
	
	.homeWrit .right {width: 330px; padding: 20px 8px 20px 20px;}
	.homeWrit .right p {font-size: 16px;}
	.homeWrit .left ul li {font-size: 16px;}
	
	.contentWrap {width: 970px;}
	.navContW > ul {padding-left: 20px;}
	.navContW > ul > li {margin-left: 162px;}
	.navContW > ul > li h2 {width: 148px; margin-left: -74px;}
	.navCont {padding: 40px 0 90px 0;}
	.navContW > ul > li h2 {font-size: 16px;}
	.navContDown h3 {font-size: 14px; line-height: 36px;}
	.navContNext a {font-size: 14px; line-height: 36px;}
	.feedback {width: 100%;}
	.main_right_title {padding: 10px 0;}
	.feedback li.feedbackInput span {display: inline-block; margin-bottom: 15px;}
	.station {height: 76px; line-height: 76px;}
	.station p {font-size: 16px;}
	
	.navContWSearch h3 {font-size: 20px;}
	.noticePay table {font-size: 16px;}
	.noticePay table em {font-size: 18px;}
	.noticePay table span {font-size: 20px;}
	a.payGo {width: 96px;}
	
	.buyBox {width: 96%;}
	.buyTableY .buyInner {padding-left: 15px;}
	.buyTableY .buyInner .pic {width: 124px;}
	.buyInner .cont {margin-left: 15px;}
	.buyInner .cont h2 {font-size: 16px; margin-top: 0; line-height: 26px;}
	.buyInner .cont h3 {line-height: 24px;}
	.buyTableY .buyInner .cont {width: calc(100% - 144px);}
	.buyTableY tr td:last-child, .buyTableY tr th:last-child {padding-right: 15px;}
	.serviveTop .right {width: 798px;}
	/*.serviveMss ul {padding: 0 16px;	}*/
	.serviveMss ul li .cont {width: 542px;}
	.serviceBack ul li {padding: 28px 30px 26px 20px;}
	.serviceNewW .right {width: 810px;}
	.testInner .left {margin-left: 15px;}
	
	.data_main .jobBg ul {padding: 0 0;}
	.jobJlDown ul li {margin-right: 26px;}
	.data_main_left {margin: 0;}
	.data_main_right {margin: 0;}
	.jobJl .jobJlInner:first-child {max-width: calc(100% - 300px);}
	.jobJl .jobJlInnerF {margin-left: 20px;}
	.jobJlInnerF .jobJFileTxt {margin-left: 8px;}
	
	.doctor {margin-right: 80px;}
	
}

@media (max-width: 992px){
	.homeWritW, .mainWrap {width: 94%;}
	.homeWrit .left ul li {font-size: 14px; height: 40px; line-height: 40px;}
	.contentWrap {width: 750px;}
	.navContW > ul {padding-left: 0;}
	.navContW > ul > li {width: 44px; height: 44px; margin-left: 130px;}
	.navContLine {width: 130px; right: 44px;}
	.navContW > ul > li h2 {font-size: 13px; width: 112px; margin-top: 5px; margin-left: -56px; line-height: 22px;}
	.navContW > ul > li a.navContN {line-height: 44px; font-size: 20px;}
	.navContW > ul > li.active a.navContN {transform: scale(1.2);}
	
	.navContDown {width: 140px; top: 106px; margin-left: -70px;}
	.navContNext {width: 130px; left: 140px;}
	.navContNext a {padding-left: 12px;}
	
	.station p {font-size: 14px; padding-left: 26px;}
	.natureTest li span {font-size: 40px; margin-top: 4px;}
	.natureTest li p {line-height: 22px;}
	.natureResult a.natureResultY {margin-right: 30px;}
	.navContWSearch h3 {font-size: 18px;}
	
	.noticePay table {font-size: 14px;}
	.noticePay table em {font-size: 16px;}
	.noticePay table span {font-size: 18px;}
	a.payGo {width: 80px;}
	.noticePay table tr {height: 98px;}
	.noticeZx li {padding: 12px 0; line-height: 20px;}
	.appointWeap {width: 96%;}
	
	.appointWeap ul.timeul {font-size: 14px;}
	.appointTime p {width: 100%; margin: 0; font-size: 16px; padding-left: 40px; box-sizing: border-box;}
	.appointTime h3 {font-size: 16px;}
	.appointTime1 p {width: 100%; margin: 0; font-size: 16px; padding-left: 40px; box-sizing: border-box;}
	.appointTime1 h3 {font-size: 16px;}
	
	.buyTableY .buyInner {padding: 15px 0 15px 15px;}
	.buyTableY .buyInner .pic {width: 100px;}
	.buyInner .cont {margin-left: 12px;}
	.buyTableY .buyInner .cont {width: calc(100% - 114px);}
	.buyNum {font-size: 20px;}
	.buyTable tr:first-child {height: 58px;}
	.buyInner {padding: 15px 0;}
	.btnZf {margin-left: 15px; margin-right: 10px;}
	.buyInner .pic {width: 98px;}
	.buyInner .cont {width: calc(100% - 112px);}
	.buyDelt {width: 86px;}
	.buyTable tr td:last-child, .buyTable tr th:last-child {padding-right: 40px;}
	.buyTotalTnner h2 span {font-size: 26px;}
	.serviveTop .left {width: 130px;}
	.perPic .pic {width: 90px; height: 90px;}
	.serviveTop .left.perPic p {font-size: 16px; margin-top: 0;}
	.serviveTop .right {width: calc(100% - 130px);}
	.serviveCont {padding-left: 6%; padding-top: 30px;}
	.serviveTop .left.perPic .pic {margin-top: 28px;}
	.serviveCont h3 {font-size: 20px; margin-bottom: 10px;}
	.serviveCont p {font-size: 16px; line-height: 24px;}
	.serviveMss {padding-left: 5%;}
	.serviveMss ul li .cont {width: calc(100% - 102px);}
	.serviveMss ul li h4 {margin-top: 16px;}
	.serviveMss ul li h4 a {margin-left: 20px;}
	.serviveMss ul li {padding: 15px 15px 6px 15px; margin-bottom: 10px;}
	.serviveWrit {padding-left: 27%;margin-top: 15px; padding-right: 0;}
	.serviveMss {margin-top: 35px;}
	.fbBtn {width: 132px; font-size: 22px;}
	.serviceBack h2, .serviceNew h2 {font-size: 22px;}
	.serviceBack ul li {padding: 18px 20px 20px 15px; margin-bottom: 20px;}
	.serviceBackCenter {width: calc(100% - 216px); margin-left: 15px;}
	.serviceBackView {width: 100px; font-size: 16px; margin-top: 40px;}
	.serviceBackCenter h3 {font-size: 20px; margin-bottom: 5px;}
	.serviceBackCenter p {font-size: 14px; line-height: 24px;}
	.serviceBackCenter h4 {margin-top: 5px;}
	.serviceNewW .right {width: calc(100% - 120px);}
	.serviceNewpPic.perPic p {font-size: 20px; margin-top: 0;}
	.serviceNew {padding: 48px 0 101px 0;}
	.serviceNewInner input, .serviceNewInner textarea {font-size: 16px;}
	
	.testInner {font-size: 14px;}
	.testInner .left:first-child,
	.testInner .left {margin-left: 0; margin-right: 15px;}
	.testInner .left input {font-size: 16px;}
	.testText textarea {height: 80px;}
	.teseMake a {width: 250px; font-size: 20px;}
	
	.buyTanW {width: 90%; margin-left: 0; transform: translateX(-50%);}
	
	.jobJlDown .left img {width: 60px;}
	.jobJlDown h3 {margin-top: 26px;}
	
	
	
	
	
	
	
}

@media (max-width: 768px){
	.mainWrap {padding: 30px 0 62px 0;}
	.homeWrit .left {width: 100%;}
	.homeWrit .right {float: left; width: 94%;}
	.homeWrit {padding-top: 20px;}
	/*.homeMainListD {display: none;}*/
	.homeMainList {width: 100%;}
	.homeMainList li {width: 49%; margin-right: 2%; margin-bottom: 15px;}
	.homeMainList li:nth-child(2n) {margin-right: 0;}
	.homeMainListN .num {width: 38px; height: 38px; line-height: 38px; font-size: 20px; margin-left: 8px;}
	.homeMainListN .cont {width: calc(100% - 64px); margin-left: 8px; font-size: 16px;}
	.homeMainListN {height: 76px; line-height: 76px;}
	
	.contentWrap {width: 94%;}
	.navContLine {display: none;}
	.navContW > ul > li {float: left; margin: 0; width: 32%; height: 80px; font-size: 0; line-height: 80px; margin-right: 2%; margin-bottom: 20px; text-align: left; background: #fff; border-radius: 6px;}
	.navContW > ul > li:nth-child(3n) {margin-right: 0;}
	.navContW > ul > li a.navContN {display: inline-block; border-radius: 0; width: 32px; height: 32px; margin-left: 4px; line-height: 32px; font-size: 18px; color: #fff; background: #00B7EE; border-radius: 50%; vertical-align: middle;}
	.navContW > ul > li.on a.navContN {background: none;  color: #fff; background: #00B7EE; border-radius: 50%; text-align: center;}
	.navContW > ul > li h2 {display: inline-block; width: calc(100% - 40px); position: relative; top: auto; left: auto; margin: 0; padding: 0; margin-left: 4px; font-size: 12px; vertical-align: middle;}
	.navContW > ul > li h2 {color: #0184f8;}
	.navContW > ul > li.active {background: #00A0E9;}
	.navContW > ul > li.active a.navContN {transform: scale(1); background: #fff; color: #00B7EE; font-weight: 600;}
	.navContW > ul > li.active h2 {color: #fff; font-weight: 600;}
	.navContDown {width: 130px; top: 85px; margin-left: -65px; /*text-align: center;*/ box-sizing: border-box;}
	.navCont {padding: 40px 0 22px 0;}
	.navContNext {/*display: block;*/ width: 100%; position: relative; top: auto; left: auto; margin: 0;}
	.navContNextInner {position: relative; width: 100%; height: auto; margin: 0; top: auto; left: auto; transform: translateY(0);}
	.navContNext a {box-sizing: border-box;}
	.navContDown ul li:hover h3 a {background: #00a0e9;}
	.navContNextInner a {font-size: 12px; line-height: 32px;}
	.navContDown h3 a {padding-left: 15px;}
	
	.natureTest li {width: 50%;}
	.natureTest li:nth-child(1) {border-bottom: 1px solid #f4f4f4; box-sizing: border-box;}
	.natureTest li:nth-child(2) {border-bottom: 1px solid #f4f4f4; box-sizing: border-box;}
	.natureResult a {width: 150px; font-size: 20px;}
	
	.navContWSearch h3 {display: none;}
	.noticePay table {font-size: 12px;}
	.noticePay table em {font-size: 13px;}
	.noticePay table span {font-size: 14px;}
	a.payGo {width: 50px; height: 32px; line-height: 32px;}
	.noticePay table tr.noticePayBottom td {font-size: 12px;}
	.noticePay table tr {height: 76px;}
	.noticePay table tr.noticePayH {height: 42px;}
	.alread {color: #333;}
	.appointWeap ul.timeul {font-size: 12px;}
	.appointWeap ul.timeul li span {line-height: 18px;}
	.appointWeap ul.timeul li.time_title span {line-height: 44px; white-space:nowrap;}
	.appointWeap ul.timeul li.timeCenter {margin-top: 6px;}
	.appointTime {line-height: 40px;}
	.appointTime h3 {font-size: 14px;}
	.appointTime p {font-size: 12px;}
	.appointTime p span {padding-right: 29px;}
	.appointTime p span em {width: 25px; height: 25px; top: 0;}

	.appointTime1 {line-height: 40px;}
	.appointTime1 h3 {font-size: 14px;}
	.appointTime1 p {font-size: 12px;}
	.appointTime1 p span {padding-right: 29px;}
	.appointTime1 p span em {width: 25px; height: 25px; top: 0;}
	
	.buyTable {font-size: 14px;}
	.buyBox {width: 100%;}
	.buyTable th {font-size: 14px;}
	.buyNum {font-size: 12px;}
	.buyTable tr td:last-child, .buyTable tr th:last-child {width: 64px; padding-right: 5px;}
	.buyTableY .buyInner .pic {width: 68px;}
	.buyTableY .buyInner {padding: 12px 0 12px 4px;}
	.buyTableY .buyInner .cont {margin-left: 5px; width: calc(100% - 74px);}
	
	.buyTableBox {width: 100%; overflow: auto; padding-bottom: 6px;}
	.buyTableBox::-webkit-scrollbar-track-piece {  
    background-color: rgba(0, 0, 0, 0);  
    border-left: 1px solid rgba(0, 0, 0, 0);  
	}  
	.buyTableBox::-webkit-scrollbar {  
    width: 0.1rem;  
    height: 2px;  
    -webkit-border-radius: 0;  
    -moz-border-radius: 0;  
    border-radius: 0;  
	}  
	.buyTableBox::-webkit-scrollbar-thumb {  
    background-color: #c9e4fc;  
    background-clip: padding-box;  
    -webkit-border-radius: 5px;  
    -moz-border-radius: 5px;  
    border-radius: 5px;  
    min-height: 2px;  
	}  
	.buyTableBox::-webkit-scrollbar-thumb:hover {  
    background-color: #c9e4fc;  
    -webkit-border-radius: 0;  
    -moz-border-radius: 0;  
    border-radius: 0;  
	} 
	
	/*.buyTable {min-width: 570px;}*/
	.buyTable tr:first-child {height: 40px;}
	.buyInner .cont h3 {font-size: 12px; line-height: 18px;}
	.buyInner .cont h2 {font-size: 14px; line-height: 20px;}
	
	.buyTable1 {min-width: 100%;}
	.buyTable1 th.buyTableCp, .buyTable1 td.buyTableCp {width: 62%;}
	.buyDelt {width: 50px; font-size: 12px;}
	.btnZf {width: 14px; height: 14px; margin-left: 8px;margin-right: 4px;}
	.buyInner .cont {margin-left: 8px; width: calc(100% - 89px);}
	.buyInner .pic {width: 80px;}
	.buyInner {width: calc(100% - 38px);}
	.buyTable tr td:last-child, .buyTable tr th:last-child {width: 50px;}
	.buyTotalTnner {width: 200px;}
	.buyInner .cont h2 {font-size: 13px;}
	.buyTotalTnner h2,.buyTotalTnner h3 {font-size: 14px;}
	.buyTotalTnner h2 span {font-size: 18px;}
	.buyClear a {width: 110px; margin-right: 15px; font-size: 16px; height: 40px; line-height: 40px;}
	
	.serviveTop .left {width: 66px;}
	.perPic .pic {width: 50px; height: 50px;}
	.serviveTop .left.perPic p {line-height: 26px;font-size: 14px;}
	.serviveTop .right {width: calc(100% - 68px);}
	.serviveCont h3 {font-size: 18px; margin-bottom: 2px;} 
	.serviveCont p {font-size: 14px; line-height: 22px;}
	.serviveCont h4 {font-size: 12px;}
	/*.serviveMss ul {padding: 0 8px;}*/
	.serviveMss ul li {padding: 12px 10px 0px 10px;}
	.serviveMssPic.perPic p {line-height: 28px;}
	.serviveMss ul li .cont {width: calc(100% - 58px);}
	.serviveMss ul li h4 {margin-top: 4px;}
	.serviveMss ul li h4 span {font-size: 12px;}
	.serviveMss ul li h4 a {width: 58px; font-size: 14px; margin-left: 6px;}
	.fbBtn {width: 130px;}
	.serviveWrit {padding-left: 134px;}
	.serviceBack ul li {padding: 15px 8px 15px 8px;}
	.serviceBackView {font-size: 12px; width: 60px;}
	.serviceBackCenter {width: calc(100% - 130px);margin-left: 10px;}
	.serviceBackCenter h3 {font-size: 16px;}
	.serviceBackCenter h4 {font-size: 12px;}
	.page {font-size: 12px;}
	.serviceNewW .right {width: calc(100% - 70px);}
	.serviceNewInner input, .serviceNewInner textarea {font-size: 14px;}
	.fbBtn {font-size: 20px; width: 126px;}
	
	.teseMake a.testAdd {margin-bottom: 20px;}
	.teseMake a {width: 180px; font-size: 16px;}
	
	.loginWrap {width: 94% !important; right: auto; left: auto; margin: 0; left: 50%; transform: translateX(-50%);margin-top: 70px;}
	.login {left: auto; right: auto; left: 0; margin: 0; transform: translate(0);}
	.loginH a {width: 100px; height: 40px; line-height: 40px; font-size: 18px; margin: 0 10px;}
	
	.buyTanW {height: 298px;}
	.buyTanW h3 {font-size: 18px;}
	.buyTanW h4 {padding: 0 10%;}
	.buyTanW h4 a {width: 40%; margin: 0; margin: 0 6px;}
	.homeMainListD {height: 28px; line-height: 28px; margin-top: 10px;}
	.homeMainListD a {margin-left: 1px; padding: 0 2px; margin-bottom: 5px;}
	.homeMainListD a:first-child {margin-left: 0; }
	
	.data_main_left,.data_main_right {margin: 0 auto;}
	.jobJl .jobJlInner:first-child {max-width: 100%; width: 100%;}
	.jobJl .jobJlInnerF {margin-left: 0;}
	.jobJlDown {margin-top: 0;}
	.data_main .jobBg,.job_problem {padding-left: 15px; padding-right: 15px;}
	.jobJlDown ul li {width: 28%; height: 172px; margin-right: 3%;}
	.jobJlDown ul li span,.jobJlDown .left span {width: 20px; height: 20px; top: -8px; right: -8px;}
	.jobJlDown h3 {font-size: 14px; margin-left: 10px;}
	.jobJl {margin-bottom: 15px;}
	
	.record {padding-left: 20px; padding-right: 20px;}
	.doctor {margin-right: 10px;}
	.record_choose {margin-left: 14px;}
	
	.buyTableY th.buyTableJe {width: 66px;}
	.buyTableY th.buyTableZt {width: 42px;}
	
	.navContDown h3 a {padding-left: 0; text-align: center;}
	
	.navCont {display: none;}
	.customNav {display: block;}
	.customNav .customWrap {padding: 0;}
	
	.customNav ul li i.num,.customNavDown h3 span.btn {display: block;}
	.customNav ul {position: relative;}
	.customNav ul li {position: static; box-sizing: border-box;}
	.customNav ul li > a {position: relative;}
	.customNav ul li > a em {width: 100%; max-width: 100%;}
	.customNav ul li > a span {display: none;}
	.customNavNext a, .customNavDown h3 > a, .customNav ul li > a em, .station p {font-size: 13px;}
	.customNav ul li > a {padding-top: 28px; padding-left: 2px; padding-right: 2px; box-sizing: border-box;}
	.customNav ul li i {font-style: normal;}
	.customNav ul li i.num {position: absolute; width: 22px; height: 22px; line-height: 22px; border-radius: 50%; color: #00B7EE; background: #fff; top: 10px; left: 50%; margin-left: -10px;}
	.customNav ul li.active i.num {font-weight: 600;}
	.customNav {line-height: 58px;}
	.customNavDown h3, .customNavDown {height: auto; min-height: auto;}
	.customNavDown {padding: 0;}
	.customNavDown h3 {position: relative; font-weight: normal;}
	.customNavDown h3 > a {height: 40px; line-height: 40px;padding-left: 16px;}
	.customNavNext {position: relative; width: 100%; margin: 0; top: auto; left: auto; right: auto; padding: 5px 0;}
	.customNavNext a {height: 34px; line-height: 34px; padding-left: 25px;}
	.customNavNext a:first-child {margin: 0;}
	.customNavDown h3 span.btn {position: absolute; width: 40px; height: 40px; background: url(../images/custom_ico_sj.png) no-repeat center; top: 0; right: 5px; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
	.customNavDown h3 span.btn.on {-ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg);}
	.customNavDown h3:hover > a {color: #fff; background: #0495d1;}
	
	.logmain img.logoWap {display: block;}
	
	.testText {padding: 8px 10px; margin-top: 10px; } 
	.testText textarea {height: 60px; font-size: 12px;}
	.testWrap h4 {margin-top: 18px; font-size: 15px;}
	.experienceInner .experTit {font-size: 16px;margin-bottom: 6px;}
	.experienceInner1 .experTit {font-size: 16px;margin-bottom: 6px;}
	.testInner {line-height: 30px;}
	.testInner .left input {font-size: 14px;}
	.teseMake button {height: 30px; line-height: 30px; font-size: 14px;}
	.teseMake button.experOper {width: 64px;}
	.teseMake button.experMove {width: 48px;}
	.teseMake button.experAdd {margin-right: 3px;}
	.teseMake button.experDetl {margin-left: 3px;}
	.teseMake button.experDown {margin-left: 0;}
	
	.logmainbox {background: url(../images/login_banner_img_wap.jpg) no-repeat center; /*background-size: cover;*/ background-size: auto 100%;}
	
	.loginWapWrit {display: block;}
	
	
}

@media (max-width: 420px){
	.jobJlDown ul li {width: 28%; height: 86px; margin-right: 3%;}
	.record {padding-left: 25px; padding-right: 25px;}
	.serviveMss ul li .cont {font-size: 12px;}
	.serviveCont p {font-size: 12px; line-height: 18px;}
	.serviveMss ul li h4 {height: 24px; line-height: 24px;}
	.serviveWrit {padding-left: 27%;}
	
	.loginWapWrit h2 {font-size: 22px;}
	.loginWapWrit h3 {font-size: 30px;}
}
@media (max-width: 380px){
	.jobJlDown ul li {height: 78px;}
	.record {padding-left: 10px; padding-right: 10px;}
	.buyInner .cont h3 {font-size: 10px;}
	.buyTableY th.buyTableJe {width: 58px;}
	
	.loginWapWrit h2 {font-size: 20px;}
	.loginWapWrit h3 {font-size: 28px;}
}
@media (max-width: 320px){
	.homeMainListN .cont {font-size: 12px;}
	
	.feedback li input[type=text] {margin-left: 0;}
	.feedback li em.textTimeXz {width: 45px; font-size: 12px; margin-right: 0;}
	.natureTest li p {font-size: 12px;} 
	.natureTest li span {height: 58px; line-height: 58px;}
	.natureResult a {width: 120px; font-size: 20px;}
	.natureResult a.natureResultY {margin-right: 15px;}
	.noticePay table em {font-size: 12px;}
	.noticePay table span {font-size: 12px;}
	a.payGo {width: 44px;}
	.appointTime p {padding-left: 10px;}
	.appointTime p span {margin-right: 10px;}
	.appointTime1 p {padding-left: 10px;}
	.appointTime1 p span {margin-right: 10px;}
	.buyInner .cont h2 {font-size: 12px;}
	
	.homeMainListD a {padding: 0; font-size: 10px;}
	
	.jobJlDown ul li {height: 64px;}
	.record {padding-left: 5px; padding-right: 5px;}
	
	.customNavNext a, .customNavDown h3 > a, .customNav ul li > a em, .station p {font-size: 12px;}
	
	.loginWapWrit h2 {font-size: 17px;}
	.loginWapWrit h3 {font-size: 24px;}
	
}

 /* 咨询师端个人资料页面显示 */ 
.customWraps {width: 1440px; margin: 0 auto 60px;}

.agreementWrap {padding: 0 10%; margin-top: 76px;}
.agreementWrap h2 {margin-bottom: 38px; font-size: 30px; font-weight: 600; text-align: center;}
.agreementInner {margin-bottom: 42px; padding: 16px 40px 26px 50px;border: 1px solid #ececec; border-radius: 6px;}
.agreementInner .left {float: left;}
.agreementInner .right {float: right; width: 320px;}
.agreementTop {padding-top: 38px;} 
.agreementTop .right {margin-top: 10px;}
.agreementInner p {line-height: 38px; font-size: 16px;}
.bx-wrapper .bx-viewport {height: auto !important; background: none; border: none; box-shadow: none; left: 0;}
.bx-wrapper {margin: 0 auto 0; max-width: 100% !important;}
.agreementPic li {width: 100%; height: auto; position: relative; overflow: hidden;}
.agreementPic li a {display: block; width: 100%;}
.agreementPic .bx-wrapper .bx-pager {bottom: -36px;}
.agreementPic .bx-wrapper .bx-pager.bx-default-pager a {width: 14px; height: 14px; border-radius: 50%; background: #f0f0f0;}
.agreementPic .bx-wrapper .bx-pager.bx-default-pager a:hover, .agreementPic .bx-wrapper .bx-pager.bx-default-pager a.active {background: #e05f00;}
.agreementQue {margin-top: 12px;}
.agreementQue span {display: inline-block; width: 168px; height: 55px; margin-right: 25px; margin-bottom: 15px; line-height: 55px; text-align: center; font-size: 16px; color: #fff; background: #434343;}

.agreementWrap h3 {font-size: 19px; margin-bottom: 20px;}
.agreeKh {padding: 16px 30px 20px 30px; font-size: 14px; line-height: 26px; /* background: #f19149; */border: 1px solid #ececec;}
.agreeKh p {}
.agreementWrap h4 {height: 60px; padding-left: 20px; margin: 20px 0; line-height: 60px; font-size: 16px;}
.agreementWrap h4 em {}
.agreementWrap h4 a {display: inline-block; height: 100%; padding-left: 52px; vertical-align: top; color: #008aff; background: url(../images/custom_ico_jianli.png) no-repeat left center;}
.agreementWrap h4 a:hover {color: #C7254E;}

.agreeYdList {}
.agreeYdList li {padding: 12px 15px; border-bottom: 1px solid #fff;}
.agreeKh p.agreeSm {margin-top: 25px; font-size: 18px; text-align: center;}

.agreePz {margin-top: 30px; padding: 20px 30px 38px 30px;  border: 1px dashed #12baff;  border-radius: 6px;}
.agreePz p {font-size: 16px;}
.agreePz textarea {width: 100%; height: 190px; margin-top: 14px; padding: 20px; font-size: 16px; box-sizing: border-box; border-radius: 6px; border: 1px solid #c6c6c6; resize: none;}
.agreePz button {width: 172px; height: 45px; margin-top: 32px; line-height: 45px; font-size: 18px; color: #fff; background: #008aff; border-radius: 8px; border: none;}
.agreePz button:hover {background: #0082D5;}

.agreeTan {display: none; position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.6); top: 0; left: 0; z-index: 222;}
.agreeTanW {width: 900px; height: 380px; text-align: center; background: #fff; border-radius: 10px; position: absolute; top: 50%; left: 50%; margin-top: -190px; margin-left: -450px;}
.agreeTanW h3 {margin-top: 70px; padding: 0 140px; font-size: 36px; line-height: 60px;}
.agreeTanW h3 span {color: #ff0000;}
.agreeTanW h4 {margin-top: 8px; font-size: 36px; color: #d9d9d9;}
.agreeTanW p {margin-top: 50px;}
.agreeTanW p button {width: 178px; height: 70px; margin: 0 16px; line-height: 70px; font-size: 24px; border: none; border-radius: 6px;}
.agreeTanW p button.agreeTanSure {color: #fff; background: #fd9555;}
.agreeTanW p button.agreeTanSure:hover {background: #FF7800;}
.agreeTanW p button.agreeTanClose {color: #454545; background: #f0f0f1;}
.agreeTanW p button.agreeTanClose:hover {background: #e4e4e4;}

@media (max-width: 1440px) {
	.customWraps {width: 1200px;}
	
}
@media (max-width: 1280px) {
	.customWraps {width: 1000px;}
}

@media (max-width: 1024px) {
	.customWraps {width: 900px;}
	.agreementTop .right,
	.agreementInner .right {width: 260px;}
	.agreementInner {padding: 15px 20px 20px 25px;}
	.customNavDown h3 > a {padding: 0 10px 0 18px;}
	.customNavDown h3 {/* height: 40px; */ line-height: 40px;}
	.customNavDown {min-height: 268px;}
	.agreementInner .left {width: calc(100% - 280px);}
	.agreementInner p {font-size: 15px; line-height: 34px;}
	.agreementQue span {width: 140px;}
	.agreementWrap h2 {font-size: 26px;}
	.agreementWrap h3 {font-size: 22px;}
	.agreementWrap {margin-top: 54px;}
}
@media (max-width: 992px) {
	.customWraps {width: 94%;}
	.agreementTop .right, .agreementInner .right {width: 240px;}
	.agreementInner {margin-bottom: 30px;}
	.agreementInner .left {width: calc(100% - 250px);}
	.agreementInner p {font-size: 14px; line-height: 30px;}
	.agreementQue span {width: 118px; height: 46px; line-height: 46px; margin-right: 10px; font-size: 14px;}
	.agreementWrap h3 {font-size: 20px;}
	.agreeKh {padding: 15px 20px 15px 20px;}
	.agreeYdList li {padding: 8px 10px;}
	.agreePz button {width: 140px; font-size: 16px;}
}
@media (max-width: 768px) { 
	
	.customWraps {width: 100%; padding: 0 15px; box-sizing: border-box;}
	.agreementWrap {margin-top: 30px; padding: 0;}
	.agreementWrap h2 {font-size: 20px; margin-bottom: 20px;}
	.agreementInner {padding: 15px 15px 15px 15px;}
	.agreementTop .right, .agreementInner .right,.agreementInner .left {width: 100%;}

}