@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; list-style:none;}
img{ border:none; border:0;}
a{ text-decoration:none;}
.fl{ float:left;}
.fr{ float:right;}
.clearfix:after{ content:""; width:0; height:0; visibility:hidden; clear:both; display:block;}
.show{ display:block !important;}
body{ overflow-x:hidden;}

/*公共导航*/
.nav_box{ width:100%; height:100px; background-color:#46b3ff; position:fixed; left:0; top:0; z-index:1000; box-shadow:0 2px 10px rgba(0,0,0,0.1);}
.nav{ width:1080px; height:100px; margin:0 auto; position:relative; z-index:1001;}
.logo{ width:198px; height:100px; display:block;}
.nav_list{ float:left;}
.nav_list li{ width:110px; height:97px; float:left; cursor:pointer; list-style:none;}
.nav_list li img{ display:block; margin:15px auto 11px auto;}
.nav_list li a{ width:110px; height:97px; display:block; font:16px/16px 'Microsoft Yahei'; color:#fff; text-align:center; text-decoration:none;}
.nav_list li.te{ border-bottom:3px solid #099aff;}


/*公共footer*/
.footer{ width:100%; height:560px; background-image:url(../images/footer_02.jpg); background-repeat:no-repeat; background-size:cover;}
.footer_box{ width:1080px; height:560px; margin:0 auto; padding:0 47px 0 52px; box-sizing:border-box; overflow:hidden; position:relative}
.footer_box>h2{ width:866px; height:82px; margin:30px auto; font:36px/80px 'Microsoft Yahei'; color:#e5e5e5; text-align:center; background:url(../images/ft_titile_03.png) no-repeat 0 0;}
.footer_box>p{ font:18px/30px 'Microsoft Yahei'; color:#333333; }
.ftt_b{ width:1080px; height:160px;}
.ft_phone{ margin-top:47px;}
.ft_add{ width:910px; height:160px; float:left; margin:50px 0 0 -10px;}
.ft_add li{ width:200px; margin-left:25px; float:left;}
.ft_add li.ftte{ margin-right:0;}
.ft_add li p{ font:13px/24px 'Microsoft Yahei'; color:#fff;}

.cpr_box{ width:830px; height:39px; margin:120px auto 0 auto; overflow:hidden;}
.fot_map{  text-align:center;}
.fot_map a{ font:14px/14px 'Microsoft Yahei'; color:#808080; }
.fot_cpright{  font:18px/14px 'Microsoft Yahei'; color:#808080; text-align:center;}

.qr_code1{ width:100px; height:73px; position:absolute; right:137px; bottom:7px;}
.qr_code2{ width:100px; height:73px; position:absolute; right:23px; bottom:7px;}
.qr_txt{ width:14px; height:73px; float:right; }
.qr_txt p{ font:14px/14px 'Microsoft Yahei'; color:#333333; margin-top:3px;}




/************************************************首页**********************************************************/
/*banner轮播*/
.banner{ max-width:1920px; height:600px; position:relative; z-index:1; left:50%; margin-left:-960px; }
.banner .pic{ width:100%; height:600px; position:absolute;overflow:hidden;}

/*学校简介*/
.school_intro{ width:1080px; height:1045px; margin:0 auto;}
.sintro_top{ width:100%; height:505px;}
.si_zuo{ width:520px; height:505px; background:url(../images/jianjie_03.png) no-repeat 0 57px;}
.si_zuo p{ font:14px/39px 'Microsoft Yahei'; width:520px; height:195px; color:#000; padding-top:200px; -webkit-white-space:normal; white-space:normal;-moz-white-space:normal; -webkit-line-clamp:5;-webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis;}
.si_zuo a{ font:14px/14px 'Microsoft Yahei'; color:#000; display:block; float:right; margin-top:20px;}
.si_you{ width:480px; height:505px;}
.ketang{ height:130px; overflow:hidden;}
.ketang h3{ font:30px/39px 'Microsoft Yahei'; color:#099aff; margin-top:82px;}
.ketang h3 span{ font:16px/16px 'Microsoft Yahei'; color:#46b3ff; margin-left:20px;}

.sintro_bto{ width:100%; height:540px;}
.title_1 { font:32px/39px 'Microsoft Yahei'; color:#099aff; text-align:center;}
.title_2 { font:18px/39px 'Microsoft Yahei'; color:#808080; text-align:center;}

.ladyScroll{ height:400px;position:relative; margin-top: 35px;}
.ladyScroll .prev{ background:url(../images/left_btn_03.png) no-repeat;position:absolute;z-index:100; cursor:pointer; width: 28px; height: 90px; top:75px}
.ladyScroll .next{background:url(../images/right_btn_03.png) no-repeat;position:absolute;z-index:100; cursor:pointer; right:0; width: 28px; height: 90px;top:75px}
.ladyScroll .scrollWrap{ width:100%; margin-left:65px; margin-right:30px;overflow:hidden;position:absolute;}
.ladyScroll dl{ float:left;width:200px;text-align:center;position:relative; margin: 0 19px; height: 400px; overflow: hidden; }
.ladyScroll  span{display:block;width:285px;height:33px;position:absolute;left:0px;bottom:0;background-color:rgba(0,0,0,.5);filter:alpha(opacity=80);opacity:0.80; }
.ladyScroll  dt{margin:0 auto;width:285px;overflow:hidden;}
.ladyScroll  img{display:block;width:200px;height:150px;}
.ladyScroll  dd{ width:200px;height:180px;line-height:33px;font-size:18px;color:#fff;text-align:center;overflow:hidden;position:absolute;left:0px;}
.ladyScroll  dd h2{ font:18px/53px 'Microsoft Yahei'; color:#099aff; text-align:center;}
.ladyScroll  dd h3{ font:14px/25px 'Microsoft Yahei'; color:#4c4c4c; text-align:center;}
.ladyScroll  dd p{ font:12px/20px 'Microsoft Yahei'; color:#808080; text-align:left;}

.small_bg{ max-width:1920px; height:550px; overflow:hidden; position:relative; left:50%; margin-left:-960px;}


/*行业资讯*/
.hangye{ width:1080px; margin:0 auto; padding:40px 0;}
.hy_tit{ margin:40px 0 30px 0; text-align:center;}
.hy_tit .title_1{ display:block; font:24px/36px 'Microsoft Yahei'; color:#333;}
.hy_tit .title_2{ font:14px/24px 'Microsoft Yahei'; color:#888; margin-top:8px;}
.hy_news_list{ display:flex; flex-wrap:wrap; justify-content:space-between;}
.hy_news_list .hn_item{ width:520px; padding:20px 0; border-bottom:1px solid #eee; display:flex; gap:20px; transition:background 0.3s;}
.hy_news_list .hn_item:hover{ background:#f8fbff;}
.hy_news_list .hn_item .hn_thumb{ width:160px; height:100px; overflow:hidden; border-radius:4px; flex-shrink:0;}
.hy_news_list .hn_item .hn_thumb img{ width:100%; height:100%; object-fit:cover;}
.hy_news_list .hn_item .hn_info{ flex:1; min-width:0;}
.hy_news_list .hn_item .hn_info h3{ font:16px/22px 'Microsoft Yahei'; color:#333; margin:0 0 8px 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.hy_news_list .hn_item .hn_info h3 a{ color:#333; text-decoration:none;}
.hy_news_list .hn_item .hn_info h3 a:hover{ color:#099aff;}
.hy_news_list .hn_item .hn_info p{ font:13px/20px 'Microsoft Yahei'; color:#666; margin:0 0 8px 0; height:40px; overflow:hidden; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.hy_news_list .hn_item .hn_info .hn_meta{ font:12px/18px 'Microsoft Yahei'; color:#999;}
.hy_news_list .hn_item .hn_info .hn_meta a{ color:#099aff; text-decoration:none; margin-left:10px;}
.hy_news_list .hn_item .hn_info .hn_meta a:hover{ text-decoration:underline;}
.hy_more{ text-align:center; margin-top:30px;}
.hy_more a{ display:inline-block; padding:10px 40px; border:1px solid #099aff; color:#099aff; font:14px/20px 'Microsoft Yahei'; text-decoration:none; border-radius:30px;}
.hy_more a:hover{ background:#099aff; color:#fff;}


/*品牌优势*/
.pp_box{ width:1080px; height:640px; margin:0 auto; overflow:hidden;}
.pp_tit{ margin:100px 0 80px 0;}
.pp_liebiao{ height:300px; width:1080px; margin:0 auto;}
.pp_liebiao li{ width:230px; height:300px; float:left; margin-right:53px; position:relative; z-index:1; padding:2px; box-sizing:border-box;}
.pp_liebiao li.last{ margin-right:0;}
.kuang{ width:230px; height:300px; background:url(../images/kuang.png) no-repeat 0 0; position:absolute; left:0; top:0; z-index:99;}
.pp_icon{ width:100px; height:100px; position:absolute; left:65px; top:-60px; z-index:100;}
.pp_liebiao li h3{ font:24px/39px 'Microsoft Yahei'; color:#fefefe; width:120px; height:39px; position:absolute; left:55px; top:49px; z-index:200;}
.pp_liebiao li p{ font:16px/30px 'Microsoft Yahei'; color:#e5e5e5; width:192px; height:150px; position:absolute; left:12px; top:110px; z-index:200;overflow:hidden; text-overflow:ellipsis; white-space: normal;display: -webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;}


/************************************************关于我们-学校介绍**********************************************************/
.about_ban{ width:100%; height:420px; overflow:hidden;}
.school_intro1{ width:1080px; margin:0 auto; min-height:1440px;}
.sintro_zuo{ width:240px; }
.guanyu{ height:225px; width:240px; margin-top:20px; overflow:visible;}
.abbg_t{ width:240px; height:129px; background:url(../images/robot_bg_03.png) no-repeat 0 0; padding:70px 0 0 105px; box-sizing:border-box;}
.abbg_t h5{ font:22px/22px 'Microsoft Yahei'; color:#fff;}
.abbg_t p{ font:16px/36px 'Microsoft Yahei'; color:#fff;}
.about_tabl li{ width:240px; height:62px; background-color:#f0f0f0; border-bottom:1px solid #dddddd; position:relative; font:16px/62px 'Microsoft Yahei'; color:#545454; padding-left:20px; box-sizing:border-box; cursor:pointer;}
.about_tabl li.abspe{ background-color:#ffffff; border-bottom:1px solid #0996f9; color:#099aff;}
.about_tabl li img{ width:20px; height:20px; position:absolute; top:20px; right:20px;}
.abbg_b{ width:240px; height:17px;}
.abot_lianxi{ margin-top:153px; width:240px; height:760px;}
.abotlx_t{ width:240px; height:60px;}
.abotlx_m{ width:240px; background-color:#eeeeee; position:relative; padding:0 10px 120px 10px;  box-sizing:border-box; overflow:hidden;}
.abotlx_m>h6{ font:18px/18px 'Microsoft Yahei'; color:#099aff; margin:20px 0 8px 0;}
.abotlx_m>p{ font:13px/23px 'Microsoft Yahei'; color:#666666; }
.abot_qrbox{ width:190px; height:98px; margin:18px auto 0 auto;}
.abot_qrbox dl{ width:79px; height:98px;}
.abot_qrbox dl dt{ width:79px; height:79px;}
.abot_qrbox dl dd{  font:14px/14px 'Microsoft Yahei'; color:#666666; margin-top:5px; text-align:center;}
.abot_sao{ width:220px; height:99px; position:absolute; left:5px; bottom:-10px;}

.sintro_you{ width:820px; display:none; padding-bottom:30px;}
.crumb_bre{ width:820px; height:70px; border-bottom:1px solid #dddddd; background:url(../images/about_bread_03.png) no-repeat 690px 39px;}
.crumb_bre p{ font:14px/14px 'Microsoft Yahei'; color:#666666; float:right; margin-top:42px;}
.crumb_bre p .shouye{ font:14px/14px 'Microsoft Yahei'; color:#666666; }
.crumb_bre p a{ font:14px/14px 'Microsoft Yahei';  color:#099aff;}
.abt_rtit{ font:20px/30px 'Microsoft Yahei'; color:#099aff; background:url(../images/about_line_03.jpg) no-repeat 0 0; padding-left:13px; margin-top:20px;}
.abright_1{ width:165px; height:38px; background:url(../images/about_tit_07.png) no-repeat center; margin-top:40px; margin-bottom:20px;}
.abright_1 p{ font:16px/38px 'Microsoft Yahei'; color:#ffffff; margin-left:25px;}
.about_ts{ width:820px; height:350px; margin-bottom:20px;}
.sintro_you>p{ font:14px/24px 'Microsoft Yahei'; color:#333;}
.sbot_jie{ text-indent:28px;}


/************************************************关于我们-荣誉资质**********************************************************/
.honor_iframe{ border:0; overflow:hidden;}
.abt_honor li{ width:258px; height:318px; border:1px solid #000; float:left; margin-left:20px; margin-bottom:20px}
.abt_honor { margin-left:-20px;}
/*分页*/
.pagination{ width:500px; height:28px; margin:100px auto;}
.pagination li{ border:1px solid #cccccc; text-align:center;  float:left; padding:9px 14px;}



/************************************************关于我们-荣誉资质**********************************************************/
.abt_honor1 dl{ width:230px; height:370px; float:left; margin-right:65px;}
.abt_honor1 dl:nth-child(3n){ margin-right:0;}
.abt_honor1 dl dt{ width:230px; height:290px;}
.abt_honor1 dl dd{ width:230px; font:16px/16px 'Microsoft Yahei'; color:#333333; margin-top:24px; text-align:center;}





/************************************************师资团队**********************************************************/
.teacher_team{ width:1080px; margin:0 auto; }
.teacher_r{ width:820px;}
.teacher_intro{ overflow:hidden;}
.teacher_intro li{ width:calc(50% - 10px); float:left; margin-bottom:20px;}
.teacher_intro li:nth-child(odd){ margin-right:20px;}
.teacher_intro li:after{ content:""; width:0; height:0; visibility:hidden; display:block;}
.tt_detail{ width:auto; height:auto; margin-left:0; padding:20px; border:1px solid #e0e0e0; border-radius:6px; box-sizing:border-box;}
.tt_detail h4{ font:24px/30px 'Microsoft Yahei'; color:#333333;}
.tt_detail p{ font:14px/24px 'Microsoft Yahei'; color:#333333; margin-top:16px;}


/************************************************行业资讯**********************************************************/
.hangye_news{ width:1080px; margin:0 auto; min-height:1440px; position:relative;}
.hynewsy{ width:820px; display:none;}
.hynewsy.show{ display:block;}
.hynlist li{ width:100%; height:192px; border-bottom:1px dashed #099aff; overflow:hidden;}
.hynlist li.diyige{ margin-top:30px;}
.hynlist li:after{ content:""; width:0; height:0; visibility:hidden; clear:both; display:block;}
.hynlist li .nw_tit{ font:18px/18px 'Microsoft Yahei'; color:#545454; display:block; margin:30px 0 20px 0;  width:820px; height:19px; text-overflow:ellipsis; -webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis; -ms-text-overflow:ellipsis; -webkit-white-space:nowrap; white-space:nowrap;-moz-white-space:nowrap; -webkit-line-clamp:1;-webkit-box-orient:vertical; overflow:hidden;}
.hynlist li span{ background:url(../images/news_clock_03.png) no-repeat 0 0; height:14px; padding-left:23px; font:14px/14px 'Microsoft Yahei'; color:#999999; display:block; margin-bottom:20px;}
.hynlist li p { font:14px/20px 'Microsoft Yahei'; color:#545454; width:820px; max-height:60px; overflow:hidden; position:relative;}
.hynlist li p:after {
    content:'...';
    position:absolute;
    bottom:0;
    right:5px;
    padding-left:40px;
    background:-webkit-linear-gradient(left,transparent,#fff 55%);
    background:-o-linear-gradient(right,transparent,#fff 55%);
    background:-moz-linear-gradient(right,transparent,#fff 55%);
    background:linear-gradient(to right,transparent,#fff 55%);
}
.hynlist li .chakan{ font:14px/14px 'Microsoft Yahei'; color:#545454; float:right; margin-top:5px;}
.pagin_sp{ position:absolute; bottom:100px; right:250px;}


/************************************************新闻详情页**********************************************************/
.hynewsy h2{ font:24px/24px 'Microsoft Yahei'; color:#545454; text-align:center; margin:46px 0 22px 0;}
.news_tips{ width:250px; height:14px; margin:0 auto 25px auto;}
.nw_date{ background:url(../images/news_clock_03.png) no-repeat 0 0; height:14px;padding-left:23px; font:14px/14px 'Microsoft Yahei'; color:#999999; display:block;}
.nw_view{ background:url(../images/view_03.png) no-repeat 0 0; height:14px;padding-left:23px;font:14px/14px 'Microsoft Yahei'; color:#999999; display:block; margin-left:37px;}
.hynewsy>p{ font:14px/20px 'Microsoft Yahei'; color:#545454; margin-bottom:28px;}
.about_tabl li a{ width:100%; height:100%; display:block; }
.about_tabl li a p{ font:16px/62px 'Microsoft Yahei'; color:#545454;}
/************************************************线上报名**********************************************************/
.bm_sbg{ width:820px; height:170px; margin-bottom:80px;}

.chart_list{ width:384px; height:208px; margin:0 auto;}
.chart_list .lb1{ font:16px/30px 'Microsoft Yahei'; color:#000000; width:384px; height:30px; display:block; margin-bottom:30px; }
.chart_list .lb1 input{ width:328px; height:28px; border:1px solid #c9c9c9;}
.chart_list .lb2{ height:30px; display:inline-block; margin-bottom:20px;}
.chart_list label input.xingbie{   outline:none;}
.sexid{ line-height:18px;}

.bn_btns{ width:330px; height:40px; margin:54px auto}
.regist{ width:150px; height:40px; background-color:#099aff; border:0; border:none; font:16px/40px 'Microsoft Yahei'; color:#fff; text-align:center; cursor:pointer;}
.chongzhi{ width:148px; height:38px; background-color:#fff; border:1px solid #099aff; font:16px/38px 'Microsoft Yahei'; color:#099aff; text-align:center; cursor:pointer;}
.baoming1{ min-height:1300px !important;}


/************************************************联系我们**********************************************************/
.contact_add{ width:740px; height:620px; margin:0 auto;}
.contact_add li{ width:350px; height:290px; float:left; margin-bottom:40px;}
.contact_add li img{ display:block; margin:30px auto;}
.dizhi{ margin-right:40px; background-color:#f9e1e1;}
.qiuqiu{ background-color:#ddf3f5;}
.youxiang{ margin-right:40px; background-color:#ebf3db;}
.dianhua{ background-color:#d5edf9;}
.contact_add li h3{ font:24px/24px 'Microsoft Yahei'; color:#333; text-align:center; margin-bottom:19px;}
.contact_add li.dizhi p{ font:18px/32px 'Microsoft Yahei'; color:#666; width:234px; margin:0 auto;}
.contact_add li p{ font:18px/32px 'Microsoft Yahei'; color:#666;text-align:center; }


/************************************************课程体系**********************************************************/
.clasys h2{ font:24px/24px 'Microsoft Yahei'; color:#545454; text-align:center; margin:46px 0 22px 0;}
.clasys .news_tips{ width:192px; height:14px; margin:0 auto 25px auto;}

.kecheng{border-collapse:collapse; font-size:16px; font-family:'Microsoft Yahei'; color:#000; text-align:center;}
.kecheng thead tr td{ height:52px; line-height:52px; }
.kecheng tbody tr td{ height:30px; line-height:30px; }


/************************************************登录状态导航**********************************************************/
.login_status a:hover{ text-decoration:underline; }
.login_status span{ color:#fff; }

/************************************************注册页面**********************************************************/
.register_main{ width:1080px; margin:0 auto; padding:40px 0; min-height:800px;}
.register_container{ width:600px; margin:0 auto; background:#fff; border-radius:8px; box-shadow:0 2px 20px rgba(0,0,0,0.1); overflow:hidden;}
.register_header{ height:70px; background:linear-gradient(135deg,#099aff,#46b3ff); text-align:center; padding-top:20px;}
.register_header h2{ color:#fff; font:24px/30px 'Microsoft Yahei';}
.register_header h2 span{ font:14px/30px 'Microsoft Yahei'; font-weight:normal; margin-left:10px;}
.register_body{ padding:40px;}
.form_group{ margin-bottom:25px;}
.form_group label{ display:block; font:14px/20px 'Microsoft Yahei'; color:#333; margin-bottom:8px;}
.form_group label .required{ color:#e74c3c; margin-left:3px;}
.form_group input[type=text], .form_group input[type=password], .form_group input[type=email], .form_group input[type=tel]{ width:100%; height:40px; border:1px solid #ddd; border-radius:4px; padding:0 12px; font:14px/40px 'Microsoft Yahei'; color:#333; box-sizing:border-box;}
.form_group input:focus{ border-color:#099aff; outline:none;}
.form_group .code_box{ position:relative;}
.form_group .code_btn{ position:absolute; right:0; top:0; height:40px; padding:0 15px; background:#099aff; color:#fff; border:none; border-radius:0 4px 4px 0; cursor:pointer; font:13px/40px 'Microsoft Yahei';}
.form_group .code_btn:disabled{ background:#999; cursor:not-allowed;}
.error_msg{ color:#e74c3c; font:12px/18px 'Microsoft Yahei'; margin-top:5px; min-height:18px;}
.agreement{ font:13px/20px 'Microsoft Yahei'; color:#666; margin:20px 0;}
.agreement a{ color:#099aff; text-decoration:underline;}
.register_btn{ width:100%; height:44px; background:linear-gradient(135deg,#099aff,#46b3ff); color:#fff; border:none; border-radius:4px; font:16px/44px 'Microsoft Yahei'; cursor:pointer; margin-top:10px;}
.register_btn:hover{ opacity:0.9;}
.register_footer{ text-align:center; margin-top:20px; font:14px/20px 'Microsoft Yahei'; color:#666;}
.register_footer a{ color:#099aff;}

/************************************************登录页面**********************************************************/
.login_main{ width:400px; margin:80px auto; background:#fff; border-radius:8px; box-shadow:0 2px 20px rgba(0,0,0,0.1); overflow:hidden;}
.login_header{ height:60px; background:linear-gradient(135deg,#099aff,#46b3ff); text-align:center; padding-top:15px;}
.login_header h2{ color:#fff; font:22px/30px 'Microsoft Yahei';}
.login_body{ padding:40px 30px;}
.login_form .form_group{ margin-bottom:20px;}
.login_captcha{ display:flex; gap:10px;}
.login_captcha input{ flex:1;}
.captcha_img{ width:100px; height:40px; background:linear-gradient(45deg,#099aff,#46b3ff); border-radius:4px; display:flex; align-items:center; justify-content:center; color:#fff; font:20px/1 'Arial'; letter-spacing:4px; cursor:pointer; user-select:none;}
.login_btn{ width:100%; height:44px; background:linear-gradient(135deg,#099aff,#46b3ff); color:#fff; border:none; border-radius:4px; font:16px/44px 'Microsoft Yahei'; cursor:pointer; margin-top:15px;}
.login_btn:hover{ opacity:0.9;}
.login_extra{ text-align:center; margin-top:20px; font:14px/20px 'Microsoft Yahei'; color:#666;}
.login_extra a{ color:#099aff;}

/************************************************个人中心**********************************************************/
.user_center_main{ width:1080px; margin:0 auto; padding:40px 0; min-height:800px;}
.uc_sidebar{ width:220px; float:left; background:#fff; border-radius:8px; box-shadow:0 2px 20px rgba(0,0,0,0.1); overflow:hidden;}
.uc_user_info{ padding:30px 20px; text-align:center; border-bottom:1px solid #eee;}
.uc_avatar{ width:80px; height:80px; border-radius:50%; background:linear-gradient(135deg,#099aff,#46b3ff); margin:0 auto 15px; display:flex; align-items:center; justify-content:center; color:#fff; font:28px/1 'Microsoft Yahei';}
.uc_username{ font:16px/20px 'Microsoft Yahei'; color:#333; margin-bottom:5px;}
.uc_user_role{ font:12px/18px 'Microsoft Yahei'; color:#999;}
.uc_menu{ padding:10px 0;}
.uc_menu li{ height:45px; line-height:45px; padding:0 20px; font:14px/45px 'Microsoft Yahei'; color:#666; cursor:pointer; border-left:3px solid transparent;}
.uc_menu li:hover{ background:#f5f9ff; color:#099aff;}
.uc_menu li.active{ background:#f5f9ff; color:#099aff; border-left-color:#099aff;}
.uc_content{ width:820px; float:right; background:#fff; border-radius:8px; box-shadow:0 2px 20px rgba(0,0,0,0.1); padding:30px; min-height:600px;}
.uc_content h3{ font:20px/30px 'Microsoft Yahei'; color:#333; margin-bottom:20px; padding-bottom:10px; border-bottom:1px solid #eee;}
.uc_info_list{ width:100%;}
.uc_info_list .info_item{ display:flex; padding:15px 0; border-bottom:1px dashed #eee;}
.uc_info_list .info_label{ width:120px; font:14px/24px 'Microsoft Yahei'; color:#999;}
.uc_info_list .info_value{ flex:1; font:14px/24px 'Microsoft Yahei'; color:#333;}
.uc_info_list .info_value input{ border:1px solid #ddd; border-radius:4px; height:30px; padding:0 10px; font:14px/30px 'Microsoft Yahei'; width:250px;}
.uc_info_list .info_value input:focus{ border-color:#099aff; outline:none;}
.uc_save_btn{ height:36px; padding:0 20px; background:#099aff; color:#fff; border:none; border-radius:4px; font:14px/36px 'Microsoft Yahei'; cursor:pointer; margin-top:15px;}
.uc_table{ width:100%; border-collapse:collapse;}
.uc_table th{ height:40px; background:#f5f9ff; font:14px/40px 'Microsoft Yahei'; color:#333; text-align:left; padding:0 15px;}
.uc_table td{ height:40px; font:14px/40px 'Microsoft Yahei'; color:#666; padding:0 15px; border-bottom:1px solid #eee;}
.uc_status{ display:inline-block; padding:2px 8px; border-radius:10px; font:12px/16px 'Microsoft Yahei';}
.uc_status.pending{ background:#fff3cd; color:#856404;}
.uc_status.confirmed{ background:#d4edda; color:#155724;}
.uc_status.completed{ background:#d1ecf1; color:#0c5460;}
.uc_status.cancelled{ background:#f8d7da; color:#721c24;}

/************************************************支付页面**********************************************************/
.payment_main{ width:800px; margin:40px auto; background:#fff; border-radius:8px; box-shadow:0 2px 20px rgba(0,0,0,0.1); overflow:hidden;}
.payment_header{ height:70px; background:linear-gradient(135deg,#099aff,#46b3ff); padding:20px 30px;}
.payment_header h2{ color:#fff; font:22px/30px 'Microsoft Yahei';}
.payment_body{ padding:30px;}
.order_info{ background:#f5f9ff; border-radius:6px; padding:20px; margin-bottom:30px;}
.order_info h3{ font:16px/24px 'Microsoft Yahei'; color:#333; margin-bottom:15px;}
.order_info .info_row{ display:flex; padding:8px 0;}
.order_info .info_row .label{ width:100px; font:14px/24px 'Microsoft Yahei'; color:#999;}
.order_info .info_row .value{ flex:1; font:14px/24px 'Microsoft Yahei'; color:#333;}
.order_info .price{ font:24px/30px 'Microsoft Yahei'; color:#e74c3c; font-weight:bold;}
.payment_methods h3{ font:16px/24px 'Microsoft Yahei'; color:#333; margin-bottom:15px;}
.payment_method{ display:flex; align-items:center; padding:15px; border:2px solid #ddd; border-radius:6px; margin-bottom:10px; cursor:pointer; transition:all 0.3s;}
.payment_method:hover{ border-color:#46b3ff;}
.payment_method.active{ border-color:#099aff; background:#f5f9ff;}
.payment_method .pm_icon{ width:40px; height:40px; margin-right:15px;}
.payment_method .pm_info{ flex:1;}
.payment_method .pm_info h4{ font:14px/20px 'Microsoft Yahei'; color:#333;}
.payment_method .pm_info p{ font:12px/18px 'Microsoft Yahei'; color:#999;}
.payment_detail{ margin-top:20px; padding:20px; background:#f9f9f9; border-radius:6px; text-align:center;}
.qr_placeholder{ width:150px; height:150px; background:#ddd; margin:0 auto 15px; display:flex; align-items:center; justify-content:center; color:#666; font:14px/20px 'Microsoft Yahei';}
.payment_btns{ display:flex; gap:15px; margin-top:30px;}
.pay_btn{ flex:1; height:44px; background:linear-gradient(135deg,#099aff,#46b3ff); color:#fff; border:none; border-radius:4px; font:16px/44px 'Microsoft Yahei'; cursor:pointer;}
.cancel_btn{ flex:1; height:44px; background:#fff; color:#666; border:1px solid #ddd; border-radius:4px; font:16px/44px 'Microsoft Yahei'; cursor:pointer;}
.pay_btn:hover{ opacity:0.9;}
.payment_result{ text-align:center; padding:40px 20px;}
.payment_result .result_icon{ width:60px; height:60px; border-radius:50%; margin:0 auto 20px; display:flex; align-items:center; justify-content:center; color:#fff; font:30px/1;}
.payment_result.success .result_icon{ background:#27ae60;}
.payment_result.fail .result_icon{ background:#e74c3c;}
.payment_result h3{ font:18px/24px 'Microsoft Yahei'; color:#333; margin-bottom:10px;}
.payment_result p{ font:14px/20px 'Microsoft Yahei'; color:#666;}
.loading_spinner{ width:40px; height:40px; border:3px solid #ddd; border-top-color:#099aff; border-radius:50%; margin:0 auto 15px; animation:spin 1s linear infinite;}
@keyframes spin{ to{ transform:rotate(360deg);}}

/************************************************文章弹窗**********************************************************/
.modal_overlay{ position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:9999; display:flex; align-items:center; justify-content:center;}
.modal_box{ width:400px; background:#fff; border-radius:8px; overflow:hidden; box-shadow:0 2px 20px rgba(0,0,0,0.2);}
.modal_header{ height:50px; background:linear-gradient(135deg,#099aff,#46b3ff); padding:0 20px;}
.modal_header h3{ color:#fff; font:16px/50px 'Microsoft Yahei';}
.modal_body{ padding:30px 20px; text-align:center;}
.modal_body p{ font:14px/22px 'Microsoft Yahei'; color:#333; margin-bottom:20px;}
.modal_btns{ display:flex; gap:15px; padding:0 20px 20px;}
.modal_btns .btn{ flex:1; height:36px; border-radius:4px; font:14px/36px 'Microsoft Yahei'; cursor:pointer; border:none;}
.modal_btns .btn-primary{ background:#099aff; color:#fff;}
.modal_btns .btn-default{ background:#f5f5f5; color:#666;}
.toast_msg{ position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); padding:15px 30px; border-radius:6px; z-index:10000; color:#fff; font:14px/20px 'Microsoft Yahei'; box-shadow:0 2px 10px rgba(0,0,0,0.2);}
.toast_msg.success{ background:#27ae60;}
.toast_msg.error{ background:#e74c3c;}
.toast_msg.info{ background:#099aff;}

/************************************************心理咨询中心通用样式**********************************************************/
.psychology_feature{ text-align:center; padding:40px 20px;}
.psychology_feature h3{ font:20px/30px 'Microsoft Yahei'; color:#099aff; margin-bottom:15px;}
.psychology_feature p{ font:14px/24px 'Microsoft Yahei'; color:#666;}
.counseling_type{ text-align:center; padding:20px;}
.counseling_type h2{ font:18px/24px 'Microsoft Yahei'; color:#099aff; margin-bottom:10px;}
.counseling_type p{ font:13px/20px 'Microsoft Yahei'; color:#666;}
.article_category{ width:100%; padding:15px 0;}
.article_category li{ height:40px; line-height:40px; padding:0 15px; font:14px/40px 'Microsoft Yahei'; color:#666; cursor:pointer; border-bottom:1px solid #eee;}
.article_category li:hover{ color:#099aff; background:#f5f9ff;}
.article_category li.active{ color:#099aff; background:#f5f9ff; font-weight:bold;}
.pay_download{ display:inline-block; padding:5px 15px; background:#ff9a00; color:#fff; font:12px/20px 'Microsoft Yahei'; border-radius:3px; cursor:pointer; margin-left:10px;}
.pay_download:hover{ background:#e68a00;}
.article_author{ font:12px/20px 'Microsoft Yahei'; color:#999; margin-top:10px;}
.article_date{ font:12px/20px 'Microsoft Yahei'; color:#999; margin-left:15px;}

/************************************************专家团队样式**********************************************************/
.expert_placeholder{ width:260px; height:266px; background:#cccccc; display:flex; align-items:center; justify-content:center; color:#666; font:24px/24px 'Microsoft Yahei';}
.expert_specialty{ font:13px/20px 'Microsoft Yahei'; color:#888; margin-top:10px;}

/************************************************企业服务样式**********************************************************/
.eap_service{ padding:30px 0;}
.eap_service h2{ font:20px/30px 'Microsoft Yahei'; color:#099aff; margin-bottom:15px;}
.eap_service ul{ padding-left:20px;}
.eap_service li{ font:14px/24px 'Microsoft Yahei'; color:#666; list-style:disc; margin-bottom:5px;}
.eap_case{ background:#f5f9ff; border-radius:6px; padding:20px; margin:15px 0;}
.eap_case h4{ font:16px/24px 'Microsoft Yahei'; color:#333; margin-bottom:10px;}
.eap_case p{ font:14px/22px 'Microsoft Yahei'; color:#666;}
.eap_result{ display:flex; gap:20px; margin-top:15px;}
.eap_result .result_item{ flex:1; text-align:center;}
.eap_result .result_num{ font:24px/30px 'Microsoft Yahei'; color:#099aff; font-weight:bold;}
.eap_result .result_label{ font:12px/18px 'Microsoft Yahei'; color:#999;}

/************************************************登录弹窗样式**********************************************************/
.login_popup{ position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:9999; display:none;}
.login_popup.show{ display:block;}
.login_popup .popup_box{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:380px; background:#fff; border-radius:10px; overflow:hidden; box-shadow:0 2px 30px rgba(0,0,0,0.2);}
.login_popup .popup_close{ position:absolute; right:15px; top:10px; background:none; border:none; font:24px/1 'Arial'; color:#999; cursor:pointer; z-index:2;}
.login_popup .popup_close:hover{ color:#333;}
.login_popup h3{ font:18px/50px 'Microsoft Yahei'; color:#fff; text-align:center; background:linear-gradient(135deg,#099aff,#46b3ff); padding:0 25px;}
.login_popup p{ font:14px/22px 'Microsoft Yahei'; color:#666; padding:20px 25px; text-align:center;}
.login_popup .popup_btn{ display:block; width:80%; margin:10px auto; height:40px; border:none; border-radius:4px; font:14px/40px 'Microsoft Yahei'; cursor:pointer; text-align:center; text-decoration:none;}
.login_popup .popup_btn:first-of-type{ background:linear-gradient(135deg,#099aff,#46b3ff); color:#fff;}
.login_popup .popup_btn#cancelBtn{ background:#999 !important; color:#fff;}
.login_popup .popup_btn:hover{ opacity:0.9;}

/************************************************注册登录页样式**********************************************************/
.register_main, .login_page_main{ width:1080px; margin:120px auto 80px auto; min-height:700px;}
.login_page{ min-height:900px; background:url(../images/about_int_01.jpg) no-repeat center top; background-size:cover; padding-top:100px;}
.login_container{ width:1080px; margin:0 auto; padding:60px 0;}
.login_card{ width:420px; margin:0 auto; background:#fff; border-radius:10px; box-shadow:0 8px 30px rgba(9,154,255,0.15); overflow:hidden;}
.login_header{ background:linear-gradient(135deg,#099aff 0%,#46b3ff 100%); padding:30px 20px; text-align:center;}
.login_header h2{ font:26px/36px 'Microsoft Yahei'; color:#fff;}
.login_header h2 span{ font:14px/14px 'Arial'; color:rgba(255,255,255,0.8); margin-left:10px;}
.login_body{ padding:40px 35px 30px;}
.form_group{ margin-bottom:25px; position:relative;}
.form_group label{ display:block; font:14px/14px 'Microsoft Yahei'; color:#333; margin-bottom:8px;}
.form_group input[type="text"],
.form_group input[type="password"],
.form_group input[type="email"]{ width:100%; height:42px; border:1px solid #ddd; border-radius:4px; padding:0 12px; font:14px/42px 'Microsoft Yahei'; color:#333; box-sizing:border-box; transition:border-color .3s;}
.form_group input:focus{ outline:none; border-color:#099aff; box-shadow:0 0 0 2px rgba(9,154,255,0.15);}
.form_group .captcha_box{ display:flex; gap:10px;}
.form_group .captcha_box input{ flex:1;}
.captcha_img{ width:110px; height:42px; border:1px solid #ddd; border-radius:4px; background:linear-gradient(135deg,#e8f4fd 0%,#d6eaf8 100%); display:flex; align-items:center; justify-content:center; cursor:pointer; user-select:none; font:20px/1 'Arial Black'; color:#099aff; letter-spacing:6px; position:relative; overflow:hidden;}
.captcha_txt{ position:relative; z-index:1;}
.captcha_refresh{ font:12px/42px 'Microsoft Yahei'; color:#999; text-align:center; margin-top:5px; cursor:pointer;}
.captcha_refresh:hover{ color:#099aff;}
.form_error{ color:#e74c3c; font:12px/18px 'Microsoft Yahei'; margin-top:5px; min-height:18px;}
.login_btn{ width:100%; height:46px; background:linear-gradient(135deg,#099aff 0%,#46b3ff 100%); border:none; border-radius:4px; font:18px/46px 'Microsoft Yahei'; color:#fff; cursor:pointer; margin-top:10px; transition:opacity .3s;}
.login_btn:hover{ opacity:0.9;}
.login_footer{ margin-top:15px; text-align:center;}
.login_footer p{ font:13px/20px 'Microsoft Yahei'; color:#666;}
.login_footer a{ color:#099aff; text-decoration:underline;}
.register_container{ width:820px; margin:0 auto; background:#fff; border:1px solid #e5e5e5; box-shadow:0 2px 10px rgba(9,154,255,0.1);}
.register_header{ height:70px; background:linear-gradient(90deg,#099aff,#46b3ff); display:flex; align-items:center; padding:0 30px;}
.register_header h2{ font:24px/24px 'Microsoft Yahei'; color:#fff;}
.register_header h2 span{ font:16px/16px 'Microsoft Yahei'; color:rgba(255,255,255,0.8); margin-left:15px;}
.register_body{ padding:40px 60px;}
.form_group .code_wrapper{ display:flex; gap:10px;}
.form_group .code_wrapper input{ flex:1;}
.form_group .code_btn{ width:140px; height:40px; background:#fff; border:1px solid #099aff; color:#099aff; font:14px/40px 'Microsoft Yahei'; cursor:pointer; text-align:center; transition:all 0.3s;}
.form_group .code_btn:hover:not(:disabled){ background:#099aff; color:#fff;}
.form_group .code_btn:disabled{ border-color:#ccc; color:#999; cursor:not-allowed;}
.form_group .checkbox_wrapper{ display:flex; align-items:center; gap:8px;}
.form_group .checkbox_wrapper input[type="checkbox"]{ width:16px; height:16px; cursor:pointer;}
.form_group .checkbox_wrapper label{ font:13px/16px 'Microsoft Yahei'; color:#666; cursor:pointer; margin:0;}
.register_footer{ margin-top:20px; text-align:center;}
.register_footer p{ font:13px/20px 'Microsoft Yahei'; color:#666;}
.register_footer a{ color:#099aff; text-decoration:underline;}
.form_buttons{ display:flex; gap:20px; margin-top:30px;}
.form_buttons .btn_submit{ flex:1; height:44px; background:linear-gradient(135deg,#099aff,#46b3ff); color:#fff; border:none; border-radius:4px; font:16px/44px 'Microsoft Yahei'; cursor:pointer;}
.form_buttons .btn_reset{ width:140px; height:44px; background:#fff; color:#666; border:1px solid #ddd; border-radius:4px; font:16px/44px 'Microsoft Yahei'; cursor:pointer;}
.form_buttons .btn_submit:hover{ opacity:0.9;}
.form_buttons .btn_reset:hover{ border-color:#099aff; color:#099aff;}
.success_overlay{ position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:9999; display:none; align-items:center; justify-content:center;}
.success_overlay.show{ display:flex;}
.success_box{ width:380px; background:#fff; border-radius:10px; padding:40px 30px; text-align:center;}
.success_box h3{ font:20px/30px 'Microsoft Yahei'; color:#27ae60; margin-bottom:15px;}
.success_box p{ font:14px/22px 'Microsoft Yahei'; color:#666;}

/************************************************个人中心样式**********************************************************/
.user_center_main{ width:1080px; margin:120px auto 80px auto; min-height:700px;}
.user_container{ display:flex; gap:20px;}
.user_sidebar{ width:220px; background:#fff; border:1px solid #e5e5e5; border-radius:6px; padding:20px 0;}
.user_sidebar .user_info{ text-align:center; padding:0 20px 20px; border-bottom:1px solid #eee;}
.user_sidebar .user_avatar{ width:80px; height:80px; border-radius:50%; background:linear-gradient(135deg,#099aff,#46b3ff); margin:0 auto 15px; display:flex; align-items:center; justify-content:center; color:#fff; font:28px/1 'Microsoft Yahei';}
.user_sidebar .user_info h4{ font:16px/24px 'Microsoft Yahei'; color:#333;}
.user_sidebar .user_info p{ font:12px/18px 'Microsoft Yahei'; color:#999; margin-top:5px;}
.user_sidebar .menu_list{ padding:10px 0;}
.user_sidebar .menu_list li{ height:40px; line-height:40px; padding:0 25px; font:14px/40px 'Microsoft Yahei'; color:#666; cursor:pointer; border-left:3px solid transparent;}
.user_sidebar .menu_list li:hover{ background:#f5f9ff; color:#099aff;}
.user_sidebar .menu_list li.active{ background:#f5f9ff; color:#099aff; border-left-color:#099aff;}
.user_content{ flex:1; background:#fff; border:1px solid #e5e5e5; border-radius:6px; padding:30px; min-height:500px;}
.user_content h3{ font:18px/26px 'Microsoft Yahei'; color:#333; margin-bottom:20px; padding-bottom:10px; border-bottom:2px solid #099aff; display:inline-block;}
.user_profile_form .form_group input[type="text"],
.user_profile_form .form_group input[type="password"],
.user_profile_form .form_group input[type="email"],
.user_profile_form .form_group textarea{ width:100%; height:40px; border:1px solid #ddd; padding:0 15px; font:14px/40px 'Microsoft Yahei'; color:#333; box-sizing:border-box;}
.user_profile_form .form_group textarea{ height:80px; padding:10px 15px; resize:none;}
.order_list .order_item{ border:1px solid #eee; border-radius:6px; padding:15px 20px; margin-bottom:15px;}
.order_list .order_item h4{ font:14px/20px 'Microsoft Yahei'; color:#333;}
.order_list .order_item .order_meta{ font:12px/18px 'Microsoft Yahei'; color:#999; margin-top:5px;}
.order_list .order_item .order_status{ display:inline-block; padding:2px 8px; border-radius:3px; font:12px/16px 'Microsoft Yahei'; margin-left:10px;}
.order_list .order_item .order_status.success{ background:#d4edda; color:#27ae60;}
.order_list .order_item .order_status.pending{ background:#fff3cd; color:#ff9a00;}
.empty_state{ text-align:center; padding:60px 20px;}
.empty_state p{ font:14px/22px 'Microsoft Yahei'; color:#999;}

/************************************************支付页面样式**********************************************************/
.payment_main{ width:1080px; margin:120px auto 80px auto; min-height:700px;}
.payment_container{ width:600px; margin:0 auto; background:#fff; border:1px solid #e5e5e5; border-radius:10px; overflow:hidden; box-shadow:0 4px 20px rgba(0,0,0,0.08);}
.payment_header{ background:linear-gradient(135deg,#099aff,#46b3ff); padding:30px; text-align:center;}
.payment_header h2{ font:22px/30px 'Microsoft Yahei'; color:#fff;}
.payment_body{ padding:40px 30px;}
.order_info{ background:#f9f9f9; border-radius:6px; padding:20px; margin-bottom:25px;}
.order_info h4{ font:14px/20px 'Microsoft Yahei'; color:#333; margin-bottom:10px;}
.order_info .info_row{ display:flex; justify-content:space-between; font:13px/24px 'Microsoft Yahei'; color:#666;}
.order_total{ text-align:center; margin:20px 0; padding:20px; background:#fff8f0; border-radius:6px;}
.order_total .total_label{ font:14px/20px 'Microsoft Yahei'; color:#666;}
.order_total .total_amount{ font:28px/36px 'Microsoft Yahei'; color:#ff6600; font-weight:bold; margin-top:5px;}
.payment_methods h4{ font:14px/20px 'Microsoft Yahei'; color:#333; margin-bottom:15px;}
.payment_option{ display:flex; align-items:center; padding:15px; border:2px solid #eee; border-radius:6px; margin-bottom:10px; cursor:pointer; transition:all .3s;}
.payment_option:hover{ border-color:#099aff;}
.payment_option.active{ border-color:#099aff; background:#f5f9ff;}
.payment_option .pm_radio{ width:18px; height:18px; border:2px solid #ddd; border-radius:50%; margin-right:15px; display:flex; align-items:center; justify-content:center;}
.payment_option.active .pm_radio{ border-color:#099aff;}
.payment_option.active .pm_radio:after{ content:""; width:8px; height:8px; background:#099aff; border-radius:50%;}