* { margin: 0; padding: 0; }
body{ overflow-x: hidden; overflow-y: auto; width: 100%; background-color: #f7fbfb;}
ul, ol, li { list-style: none; margin: 0; padding: 0; }
button, input, optgroup, option, select, textarea { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; outline: 0; }
/* 轮播图 */
.banner_yzs{width: 100%;height: 400px;position: relative;}
.banner_yzs .swiper-container{width: 100%;position: relative;height: 400px;min-width: 1200px;}
.banner_yzs .swiper-container .swiper-slide{width: 100%;position: relative;height: 100%;overflow: hidden;}
.banner_yzs .swiper-container .swiper-slide img{position: absolute;top: 0%;left: 50%;transform: translateX(-50%);height: 100%;max-width: inherit;}
/* 轮播点 */
.pagination { position: absolute; z-index: 20; bottom: 10px; width: 100%; text-align: center;}
.swiper-pagination-switch { display: inline-block; width: 8px; height: 8px; border-radius: 8px; margin: 0 5px; opacity: 0.8; border: 1px solid #00a8b3; cursor: pointer;}
.swiper-active-switch { background: #00a8b3;}
  /* 轮播箭头 */
.banner_yzs .swiper_btn{display: block;position:absolute;width:44px;height: 44px;z-index: 999;opacity:0;transition: all 0.5s;}
.banner_yzs .swiper_btn svg{width: 100%;height: 100%;display: block;}
.banner_yzs .leftbtn{left: 32px;top: 50%;transform: translate(-16px,-50%);}
.banner_yzs .rightbtn{right: 32px;top: 50%;transform: translate(16px,-50%);}
.banner_yzs:hover .leftbtn{opacity: 1;transform: translate(0px,-50%);}
.banner_yzs:hover .rightbtn{opacity: 1;transform: translate(0px,-50%);}
/* 页中轮播增加a标签 */
.banner_yzs .swiper-container .swiper-slide a{display: block;width: 100%;height: 100%;}

/* 现状 */
.scien_present{ background-color: #fff; padding: 60px;}
.scien_present .present_conten{ width: 1200px; margin: auto; }
.scien_present .present_conten .present_left { float: left;}
.scien_present .present_conten .present_ringht { float: left; width: 700px;margin-left: 80px;}
.scien_present .present_conten .present_ringht .ringht_title h4 {font-size: 24px;}
.scien_present .present_conten .present_ringht .ringht_conten {margin: 20px 0 }
.scien_present .present_conten .present_ringht .ringht_conten .conten_top_ringht {float: left;width: 348px;height: 150px;}
.scien_present .present_conten .present_ringht .ringht_conten .conten_top_ringht .conten_top_leftul li {float: left;margin-top: 20px;}
.scien_present .present_conten .present_ringht .ringht_conten .conten_top_ringht .conten_top_leftul .present_yun{margin: 20px;width: 80px; height: 80px; text-align: center;line-height: 80px;font-size: 24px;color: #fff; background-color: #00a8b3;border-radius: 50px;}
.scien_present .present_conten .present_ringht .ringht_conten .conten_top_ringht .conten_top_leftul li p { width: 200px; padding-top: 10px;}
.scien_present .present_conten .present_ringht .ringht_conten .conten_top_ringht .conten_top_leftul li span {font-size: 20px; color: #00a8b3; }
.scien_present .present_conten .present_ringht .ringht_bottom p { font-size: 18px; letter-spacing: 2px; line-height: 25px;}
.scien_present .present_conten .present_ringht .ringht_bottom p span{color: #00a8b3;}
.conten_y { border-left: 1px solid #d6ebeb; }
.conten_yx{border-top: 1px solid #d6ebeb;border-right: 1px solid #d6ebeb;}
.conten_x {border-top: 1px solid #d6ebeb;}


/* 基础课 */
.curric_z .curric_basic{ background-repeat: no-repeat;  background-size: cover;  -webkit-background-size: cover;  -o-background-size: cover;  background-position: center 0;  background-image: url(/public/static/image/tn/cu_bg.jpg);}
.curric_z .curric_basic .basic_title{ font-size: 24px; letter-spacing: 2px; font-weight: 600; text-align: center; padding-top: 59px; color: #00a8b3;}
.curric_z .curric_basic .basic_centen{ width: 1200px; padding-top: 30px; margin: 0 auto;}
.curric_z .curric_basic .basic_centen .basic_lift{ width: 250px; height: 532px; float: left; border-top-left-radius: 22px; border-bottom-left-radius: 22px; background-repeat: no-repeat;  background-size: cover;  -webkit-background-size: cover;  -o-background-size: cover;  background-position: center 0;  background-image: url(/public/static/image/tn/jc01_bj.png)}
.curric_z .curric_basic .basic_centen .basic_lift2{ width: 250px; height: 532px; float: left; border-top-left-radius: 22px; border-bottom-left-radius: 22px; background-repeat: no-repeat;  background-size: cover;  -webkit-background-size: cover;  -o-background-size: cover;  background-position: center 0;  background-image: url(/public/static/image/tn/jc04_bj.png)}
.curric_z .curric_basic .basic_centen .basic_lift3{ width: 250px; height: 532px; float: left; border-top-left-radius: 22px; border-bottom-left-radius: 22px; background-repeat: no-repeat;  background-size: cover;  -webkit-background-size: cover;  -o-background-size: cover;  background-position: center 0;  background-image: url(/public/static/image/tn/jc07_bj.png)}
.curric_z .curric_basic .basic_centen .basic_lift4{ width: 250px; height: 532px; float: left; border-top-left-radius: 22px; border-bottom-left-radius: 22px; background-repeat: no-repeat;  background-size: cover;  -webkit-background-size: cover;  -o-background-size: cover;  background-position: center 0;  background-image: url(/public/static/image/tn/jc08_bj.png)}
.curric_z .curric_basic .basic_centen .basic_lift5{ width: 250px; height: 532px; float: left; border-top-left-radius: 22px; border-bottom-left-radius: 22px; background-repeat: no-repeat;  background-size: cover;  -webkit-background-size: cover;  -o-background-size: cover;  background-position: center 0;  background-image: url(/public/static/image/tn/jc10_bj.png)}
.curric_z .curric_basic .basic_centen .basic_lift p { padding: 0 25px; color: #fff; line-height: 25px;}
.curric_z .curric_basic .basic_centen .basic_lift .lift_title p { text-align: center; margin-top: 45px; margin-bottom: 30px; font-size: 24px; color: #fff000;}

.curric_z .curric_basic .basic_centen .curric_basic_cent{ overflow: hidden; width: 700px; float: left; background:#fff; height: 532px;position: relative;}
.curric_z .curric_basic .basic_centen .curric_basic_cent .basicent_title { width: 660px; margin: 30px auto; background-color: #ebf7f7; height: 50px; line-height: 50px; text-align: center; font-size: 18px; border-radius: 10px;}
.curric_z .curric_basic .basic_centen .curric_basic_cent .basicent_title p span{ font-weight: 600; color: #00a8b3; }
.curric_z .curric_basic .basic_centen .curric_basic_cent .basicent_cent { width: 660px; margin: auto; max-height: calc(497px - 75px); background: #fff;}
.curric_z .curric_basic .basic_centen .curric_basic_cent .basicent_cent .basicent_centtitle span{  width: 5px;  height: 22px; border-radius: 10px; background-color: #00a8b3; float: left; margin-top: 2px;}
.curric_z .curric_basic .basic_centen .curric_basic_cent .basicent_cent .basicent_centtitle p {  margin-left: 15px;  font-size: 18px; letter-spacing: 2px; font-weight: 600;margin-bottom: 10px;}
.curric_z .curric_basic .basic_centen .curric_basic_cent .basicent_cent .basicent_wa { background: #fff; margin-bottom: 5px; border-radius: 8px; overflow: hidden; display: table;}
.curric_z .curric_basic .basic_centen .curric_basic_cent .basicent_cent .basicent_wa span { font-size: 16px; width: 120px; padding: 0 18px; display: table-cell; vertical-align: middle; text-align: center; color: #666666; font-weight: bold; background-color: #def0f0;}
.curric_z .curric_basic .basic_centen .curric_basic_cent .basicent_cent .basicent_wa p { background-color: #def0f0; margin-left: 5px; padding: 20px;}
.curric_z .curric_basic .basic_centen .curric_basic_cent .basicent_add{ position: absolute; z-index: 10; width: 700px; height: 150px; background: url(/public/static/image/tn/jc03_bj.png); background-repeat: repeat-x; bottom: 0;}
.curric_z .curric_basic .basic_centen .curric_basic_cent .basicent_add button{border-radius: 50px; display: block; color: #fff; border: 1px solid #00a8b3; cursor: pointer; background-color: #00a8b3; height: 45px; width: 185px; margin: 80px auto 0} .curric_fass{padding-bottom: 60px;}

.curric_z .curric_basic .basic_centen .basic_right{ width: 250px; height: 532px; float: left; background: #f7fbfb; border-top-right-radius: 22px; border-bottom-right-radius: 22px;}
.curric_z .curric_basic .basic_centen .basic_right .right_img img{ display: block; margin: 100px auto 20px; width: 200px; height: 160px;}
.curric_z .curric_basic .basic_centen .basic_right p { margin-top: 20px; padding: 0 25px;text-align: center;}
.curric_z .curric_basic .basic_centen .basic_right .right_p {font-size: 18px;color: #00a8b3;}


/* 自助科普课 */
.curric_scien .scien_contn{width: 1200px;margin: auto; position: relative;height: 100%;overflow: hidden;}
.curric_scien .slide_a{display: block;width: 31.33%;border-radius: 16px;overflow: hidden;float: left;margin-right: 24px;margin-bottom: 3%;}
.curric_scien .slide_a:nth-of-type(3n){margin-right: 0%;}
.curric_scien .slide_a .kc_img{width: 100%;}
.curric_scien .slide_a .kc_img img{width: 100%;display: block;transition: all 0.8s;transform: scale(1);}

.curric_scien .slide_a .kc_text{width: 100%;padding: 16px;box-sizing: border-box;background: #fff;}
.curric_scien .slide_a .kc_text .kc_title{font-size: 20px;color: #000;transition: all 0.8s;width: 100%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.curric_scien .slide_a .kc_text .kc_tips{font-size: 16px;color: #999;margin: 8px 0px 16px;width: 100%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.curric_scien .slide_a .kc_text .kc_title{font-size: 20px;color: #000;transition: all 0.8s;}
.curric_scien .slide_a .kc_text .kc_tips{font-size: 16px;color: #999;margin: 8px 0px 16px;}
.curric_scien .slide_a .kc_text .kc_btn{width: 100%;}
.curric_scien .slide_a .kc_text .kc_btn svg{display:inline-block;float: left;width: 16px;height: 16px;padding-top: 6px;transition: all 0.8s;transform: translateX(0%);}
.curric_scien .slide_a .kc_text .kc_btn b{display: inline-block;float: right;font-size: 14px;line-height: 1em;color: #fff;padding: 8px 32px;border-radius: 6em;background: #00a8b3;font-weight: normal;}

.curric_scien .slide_a:hover .kc_img img{transform: scale(1.03);}
.curric_scien .slide_a:hover .kc_text .kc_title{color: #00a8b3;}
.curric_scien .slide_a:hover .kc_text .kc_btn svg{transform: translateX(160px);}

.scien_no{display: none;}
.scien_but{border-radius: 50px;display: block;color: #fff;border: 1px solid #00a8b3;cursor: pointer;background-color: #00a8b3;height: 45px;width: 185px;margin: 0 auto 30px;}


/* 疗法课程 */
.curric_thera .thera_contn{width: 1200px;margin: auto; position: relative;height: 100%;overflow: hidden;}
.curric_thera .slide_a{display: block;width: 31.33%;border-radius: 16px;overflow: hidden;float: left;margin-right: 24px;margin-bottom: 3%;}
.curric_thera .slide_a:nth-of-type(3n){margin-right: 0%;}
.curric_thera .slide_a .kc_img{width: 100%;}
.curric_thera .slide_a .kc_img img{width: 100%;display: block;transition: all 0.8s;transform: scale(1);}

.curric_thera .slide_a .kc_text{width: 100%;padding: 16px;box-sizing: border-box;background: #fff;}
.curric_thera .slide_a .kc_text .kc_title{font-size: 20px;color: #000;transition: all 0.8s;width: 100%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.curric_thera .slide_a .kc_text .kc_tips{font-size: 16px;color: #999;margin: 8px 0px 16px;width: 100%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.curric_thera .slide_a .kc_text .kc_title{font-size: 20px;color: #000;transition: all 0.8s;}
.curric_thera .slide_a .kc_text .kc_tips{font-size: 16px;color: #999;margin: 8px 0px 16px;}
.curric_thera .slide_a .kc_text .kc_btn{width: 100%;}
.curric_thera .slide_a .kc_text .kc_btn svg{display:inline-block;float: left;width: 16px;height: 16px;padding-top: 6px;transition: all 0.8s;transform: translateX(0%);}
.curric_thera .slide_a .kc_text .kc_btn b{display: inline-block;float: right;font-size: 14px;line-height: 1em;color: #fff;padding: 8px 32px;border-radius: 6em;background: #00a8b3;font-weight: normal;}

.curric_thera .slide_a:hover .kc_img img{transform: scale(1.03);}
.curric_thera .slide_a:hover .kc_text .kc_title{color: #00a8b3;}
.curric_thera .slide_a:hover .kc_text .kc_btn svg{transform: translateX(160px);}

.thera_no{display: none;}
.curric_but{border-radius: 50px;display: block;color: #fff;border: 1px solid #00a8b3;cursor: pointer;background-color: #00a8b3;height: 45px;width: 185px;margin: 0 auto 30px;}

/* 师资力量 */
.coup_teachers { background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-position: center 0; background-image: url(/public/static/image/tn/cu_bg.jpg);}
.coup_teachers .teachers_content{ width: 1200px; margin: auto; padding: 60px 0 40px;}
.coup_teachers .teachers_title p { font-size: 24px; font-weight: 600; text-align: center;letter-spacing: 6px;color: #2cb7c0;}
/* 个人图片简介 */
/* 轮播图 */
.coup_teachers .banner_yz{width: 100%;height: 400px;position: relative;}
.coup_teachers .banner_yz .swiper-container{width: 100%;position: relative;height: 400px;min-width: 1200px;}
.coup_teachers .banner_yz .swiper-container .swiper-slide{width: 100%;position: relative;height: 100%;overflow: hidden;}
  /* 轮播箭头 */
.coup_teachers .banner_yz .swiper_btn{display: block;position:absolute;width:44px;height: 44px;z-index: 999;opacity:0;transition: all 0.5s;}
.coup_teachers .banner_yz .swiper_btn svg{width: 100%;height: 100%;display: block;}
.coup_teachers .banner_yz .leftbtns{left: 100px;top: 50%;transform: translate(-16px,-50%);}
.coup_teachers .banner_yz .rightbtns{right: 100px;top: 50%;transform: translate(16px,-50%);}
.coup_teachers .banner_yz:hover .leftbtns{opacity: 1;transform: translate(0px,-50%);}
.coup_teachers .banner_yz:hover .rightbtns{opacity: 1;transform: translate(0px,-50%);}
/* 页中轮播增加a标签 */
.swiper_ul { width: 320px !important; height: 350px; margin: auto;}
.swiper_ul ul { float: left; text-align: center; background-color: #fff; border-radius: 8px; margin: 0 35px;min-height: 350px;width: 250px;}
.swiper_ul ul li img { border: 0; max-width: 192px; max-height: 192px; display: initial; margin: 15px;}
.swiper-slide .swiper_ul ul li span { font-size: 20px; font-weight: 600;}
.swiper-slide .swiper_ul ul li p { font-size: 16px; color: #999; margin: 10px;}

/* 公用小标题 */
.busin_title {width: 1200px;margin: auto;padding-top: 60px; padding-bottom: 25px;}
.busin_title span{  width: 5px;  height: 22px; border-radius: 10px; background-color: #00a8b3; float: left; margin-top: 3.5px;}
.busin_title p {  margin-left: 15px;  font-size: 24px; letter-spacing: 2px; font-weight: 600;}

/* 教育理念 */
.sgin_prosp { background-color: #fff;}
.sgin_prosp .prosp_conten { width: 1200px; margin: auto ; padding-bottom: 65px;}
.sgin_prosp .prosp_conten ul li{ float: left; border: 1px solid #eeeeee; border-radius: 8px; text-align: center; width: 253px; margin-right: 45px;}
.sgin_prosp .prosp_conten_li:nth-of-type(4n){margin-right: 0%;}
.sgin_prosp .prosp_conten .prosp_conten_li .curr_svg {width: 100px;height: 100px;background-color: #f7fbfb;border-radius: 50px;margin: 20px auto 0;}
.sgin_prosp .prosp_conten .prosp_conten_li .curr_svg svg { margin-top: 20px;}
.sgin_prosp .prosp_conten .prosp_conten_li .prosp_contenp{ margin: 0 13px; padding: 20px; border-bottom: 2px dashed #bfbfbf; color: #00a8b3; font-size: 20px;}
.sgin_prosp .prosp_conten .prosp_conten_li .prosp_ps{ padding: 30px 20px; color: #666666; line-height: 26px;}

/* 问答区模态框 */
.problem_model{ padding-top: 15px; width: 100%; position: fixed; z-index: 20; top: 0; height: 100%; display: none; left: 0; background: rgba(0, 0, 0, 0.5); z-index: 9999999;}
.problem_model .model_backsp{ width: 1150px; margin: auto; text-align: right;}
.problem_model .model_backsp img{cursor: pointer;margin-left: auto;}

.problem_model .problem_modelbg{ width: 1000px; height: 600px; border-radius: 20px; background-color: #fff; margin: auto; padding-top: 30px; padding-bottom: 30px;}
.problem_model .problem_modelbg .bas_top { padding-bottom: 30px; text-align: center; border-bottom: 1px solid #b1b1b1; font-size: 18px; color: #666666;}
.problem_model .problem_modelbg .bas_top p{ font-size: 24px; margin-bottom: 5px; color: #00a8b3;}
.problem_model .problem_modelbg .prolist_model { max-height: 600px; background: #fff; border-radius: 0 0 15px 15px; padding: 20px;}
.problem_model .problem_modelbg .prolist_model .bas_title span{ width: 5px; height: 22px; border-radius: 10px; background-color: #00a8b3; float: left; margin-top: 2px;}
.problem_model .problem_modelbg .prolist_model .bas_title p{ margin-left: 15px; font-size: 18px; letter-spacing: 2px; font-weight: 600;}
.problem_model .problem_modelbg .prolist_model .bas_cont {  background: #fff;  margin-bottom: 5px;  border-radius: 8px;  overflow: hidden;  display: table;  margin-top: 15px;  width: 100%;}
.problem_model .problem_modelbg .prolist_model .bas_cont span{  font-size: 16px;  width: 140px;  padding: 0 18px;  display: table-cell;  vertical-align: middle;  text-align: center;  color: #666666;  font-weight: bold;  background-color: #def0f0;}
.problem_model .problem_modelbg .prolist_model .bas_cont p{  background-color: #def0f0;  margin-left: 5px;  padding: 20px;}
.swiper-slide .swiper_ul{ justify-content: center;}

/* 心理咨询专业 */
.problem_model .problem_modelbg .prolist_model .bas_img img{margin: 20px auto;width: 100%;}

/* 心理健康辅导 */
.problem_model .problem_modelbg .prolist_model .ftpxlc_table .MsoTableGrid { width: 100%; border: none; margin-top: 20px;background-color: #def0f0;}
.problem_model .problem_modelbg .prolist_model .ftpxlc_table .MsoTableGrid tr td { border:5px solid #fff; padding: 20px; }
.problem_model .problem_modelbg .prolist_model .ftpxlc_table .MsoTableGrid tr .mstable_tent { border:5px solid #fff; text-align: center;}

/* 图片放大公用 */
.img_mask{width: 100vw;height: 100vh;position: fixed;top: 0;left: 0;z-index: 999;background: rgba(0, 0, 0, 0.5);display: none;opacity: 0;}
.img_mask .img_mask_con{width: 50%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);border-radius: 4px;}

.img_mask .img_mask_con .case_mask_con{width: 100%;height: 100%;padding: 4px;box-sizing: border-box;display: flex;align-items: center;}
.img_mask .img_mask_con .case_mask_con img{display: block;width: 100%;max-height: 100%;border-radius: 4px;}

.img_mask .img_mask_con .img_mask_close{width: 32px;height: 32px;box-sizing: border-box;border-radius: 50%;position: absolute;right: -42px;top: -32px;cursor: pointer;border: 1px solid #fff;transform: rotate(45deg);}
.img_mask .img_mask_con .img_mask_close::after{content: "";display: block;width: 60%;height: 1px;border-radius: 1px;background: #fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.img_mask .img_mask_con .img_mask_close::before{content: "";display: block;width: 1px;height: 60%;border-radius: 1px;background: #fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}

/* 图片放大公用 */
/* 遮罩层出现效果 */
@keyframes run_opa{
  0%{opacity: 0;}
  100%{opacity: 1;}
}
@keyframes run_opa_hide{
  0%{opacity: 1;}
  100%{opacity: 0;}
}
.mask_show{display: block;animation: run_opa 0.5s linear forwards ;z-index: 9999999;}
.mask_hide{animation: run_opa_hide 0.5s linear forwards ;}


/* 二维码 */
/* .kc_oq{
width: 375.95px;
height: 325.02px;
border-radius: 20px;
background: rgba(0, 0, 0, 0.5);display: none;}

.kc_oq .oq img{margin: auto;
  padding-top: 30px;} */
.problem_model .problem_modelbg .prolist_model {padding: 20px 0;}
.problem_model .problem_modelbg .prolist_model .prolist_title{text-align: center;padding-bottom: 10px;}
.problem_model .problem_modelbg .prolist_model .prolist_title p{font-weight: 600;font-size: 22px;margin-bottom: 10px;}
.problem_model .problem_modelbg .prolist_model .prolist_title span{font-size: 16px;color: #999;}

.problem_model .problem_modelbg .prolist_model .prolist_f { max-height: 600px; overflow-y: auto; background: #fff; border-radius: 0 0 15px 15px; padding: 20px 40px;}
.problem_model .problem_modelbg .prolist_model .prolist_f::-webkit-scrollbar {	/*滚动条整体样式*/	width: 4px;	/*高宽分别对应横竖滚动条的尺寸*/	height: 4px;  border-radius: 5px;}
.problem_model .problem_modelbg .prolist_model .prolist_f::-webkit-scrollbar-thumb {	/*滚动条里面小方块*/	border-radius: 5px;	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0);	background: rgba(0, 0, 0, 0);}
.problem_model .problem_modelbg .prolist_model .prolist_f::-webkit-scrollbar-track {	/*滚动条里面轨道*/	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0);	border-radius: 5px;	background: rgba(0, 0, 0, 0);}
.problem_model .problem_modelbg .prolist_model .prolist_f .conent_title {color: #00a8b3;font-weight: 600;font-size: 18px;margin-bottom: 10px;}
.problem_model .problem_modelbg .prolist_model .prolist_f .coent_ent{padding:20px 20px 0;background-color: #f7fbfb;border-radius: 5px;margin-bottom: 30px;}
.problem_model .problem_modelbg .prolist_model .prolist_f .coent_ent span{background-color: #00a8b3;color: #fff; padding: 2px 10px;border-radius: 50px;}
.problem_model .problem_modelbg .prolist_model .prolist_f .coent_ent p{padding: 5px 0 20px 0;}
.problem_model .problem_modelbg .prolist_model .prolist_f .coent_ents{margin-bottom: 30px;}
.problem_model .problem_modelbg .prolist_model .prolist_f .coent_ents img{width: 100%; margin: auto;}
.problem_model .problem_modelbg .prolist_model .prolist_f .coent_ents span{color: #00a8b3;}
/* 心理健康辅导表格 */
.problem_model .problem_modelbg .prolist_model .prolist_f .coent_entd .MsoTableGrid { width: 100%; border: none; margin-bottom: 30px;background-color: #def0f0;}
.problem_model .problem_modelbg .prolist_model .prolist_f .coent_entd .MsoTableGrid tr td { border:5px solid #fff; padding: 20px; }
.problem_model .problem_modelbg .prolist_model .prolist_f .coent_entd .MsoTableGrid tr .mstable_tent { border:5px solid #fff; text-align: center;}
/* 实操技能表格 */
.problem_model .problem_modelbg .prolist_model .prolist_f .MsoTableGrid { width: 100%; border: none; margin-bottom: 30px;background-color: #def0f0;}
.problem_model .problem_modelbg .prolist_model .prolist_f .MsoTableGrid tr td { border:5px solid #fff; padding: 20px; }
.problem_model .problem_modelbg .prolist_model .prolist_f .MsoTableGrid tr .mstable_tent { border:5px solid #fff; text-align: center;}


.problem_model .problem_modelbg .prolist_model .prolist_sfew {float: left; width: 42%; text-align: -webkit-center; margin-top: 97px;}
.problem_model .problem_modelbg .prolist_model .prolist_sfew p{margin-top: 20px; font-size: 20px;font-weight: 600;}
.problem_model .problem_modelbg .prolist_model .prolist_sfcon {float: left; width: 58%;max-height: 500px; overflow-y: auto;}
.problem_model .problem_modelbg .prolist_model .prolist_sfcons { width: 86%;}
/* 报名悬浮 */
@-webkit-keyframes fadeInDownnns {
  0%{ -webkit-transform:translateY(5px) scale(1); }
  50%{ -webkit-transform:translateY(-100px) scale(1.05); }
  100%{ -webkit-transform:translateY(5px) scale(1); }
}
@-webkit-keyframes fadeInDownnnsd {
  0%{ -webkit-transform:translateY(5px) scale(1); }
  50%{ -webkit-transform:translateY(-30px) scale(1.05); }
  100%{ -webkit-transform:translateY(5px) scale(1); }
}
.cle_a { animation: fadeInDownnns 7s linear infinite; position: fixed; z-index: 998; top: 50%; margin-top: -60px; left: 16px; width: 50px; height: 50px; cursor: pointer;}
.cle_a a{ border-radius: 50px; display: block; color: #fff; cursor: pointer; background-color: #00a8b3; text-align: center; font-weight: 600; z-index: 99;line-height: 20px;padding: 20px 0;}

.cle_as { position: fixed; z-index: 998; top: 40%; margin-top: -30px; right: 16px;cursor: pointer;}
.cle_as a{ border-radius: 50px; display: block; color: #fff; cursor: pointer; background-color: #00a8b3; text-align: center; font-weight: 600; z-index: 99;    line-height: 80px; width: 80px; height: 80px; font-size: 20px;}
.problem_model .problem_modelbg .prolist_model .prolist_addlog form ul li{ width: 50%; float: left;}
.problem_model .problem_modelbg .prolist_model .prolist_addlog {margin-top: 50px;}
.problem_model .problem_modelbg .prolist_model .prolist_addlog form ul {padding-left: 80px;}
.problem_model .problem_modelbg .prolist_model .prolist_addlog form ul li p{ width: 442px;; margin: auto; text-align: left; font-weight: 600; padding-bottom: 14px; }
.problem_model .problem_modelbg .prolist_model .prolist_addlog form ul li input {width: 360px; height: 50px; border-radius: 8px; border: 1px solid #e0e0e1; padding: 0 10px; color: #000;}
.problem_model .problem_modelbg .prolist_model .prolist_addlog form ul li select {width: 382px; height: 50px; border-radius: 8px; border: 1px solid #e0e0e1; padding: 0 10px; color: #000;}
.problem_model .problem_modelbg .prolist_model .prolist_addlog form ul li #city {margin-left: 8.5%;}
.problem_model .problem_modelbg .prolist_model .prolist_addform button {border-radius: 50px;display: block;color: #fff;border: 1px solid #00a8b3;cursor: pointer;background-color: #00a8b3;height: 45px;width: 185px;margin: 100px auto;font-size: 16px;}

