@charset "utf-8";
*{ margin:0; padding:0}
ul, ol, li, dl, dt, dd {list-style:none;}
a{text-decoration:none;outline:0px;color:#666}
img{ border:0;max-width: 100%;}
.ccsl{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: block;}
.clear {clear:both;}
body{color:#333; font-size: 14px; background-color: #F6F6F6; position: relative; height: 100%;}

/*头部样式*/
.public_header{width: 100%; max-width:586px; height: 50px; margin:0 auto;}
.public_header .header_box{position:fixed;width:100%; max-width:586px; top:0;height:50px;z-index:99; background-color: #FFFFFF;}
.public_header .header_box .logo{width:24%; height: 24px; cursor: pointer; margin-top: 13px; float: left; margin-left: 10px;}
.public_header .header_box .region{width:27%; height: 30px; float: left; padding-left: 6%; background:url(../images/add.png) left no-repeat; margin:10px 3%; line-height: 30px;}
.public_header .header_box .search{height: 30px; float: right; line-height: 30px; width: 33%; margin-top: 10px;}
.public_header .header_box .search input{width: 77%; border: none; height: 30px; line-height: 30px; float: left; border-radius: 20px; padding-left:20%; background: url(../images/ser.png) left #f4f4f4 no-repeat;}
.public_header .header_box .member{height: 30px; float: right; margin-right: 10px; margin-top: 10px;}

/*导航样式*/
.public_menu {width: 100%; max-width: 586px; margin: 0 auto; background-color: #FFFFFF; height: 120px; padding: 10px 0 20px; color: #a0a4a3; overflow: hidden;}
.public_menu ul li {width: 25%; float: left; text-align: center; height: 60px; padding-bottom: 10px;}
.public_menu ul li h1 {width: 100%; height: 30px; text-align: center; line-height: 30px; font-size: 14px; font-weight: normal;}
.public_menu ul li img {width: 30px; height: 30px; vertical-align: middle;}

/*首页·内容部分*/
.index_mind{width: 100%; max-width: 586px; margin: 10px auto; background-color: #FFFFFF;  overflow: hidden; padding-bottom: 10px;}
.index_mind .mind_top{width: 95%; height: 50px; float: left; padding: 15px 2.5% 10px;}
.index_mind .mind_top .mind_title{width: 100%; height: 30px; float: left; line-height: 30px;}
.index_mind .mind_top .mind_title h2{width: 60%; height: 30px; float: left; font-size: 16px;}
.index_mind .mind_top .mind_title span{width: 16%; height: 24px; float: right; background-color: #45C46F; border-radius: 50px; line-height: 24px; text-align: center; margin-top: 3px;}
.index_mind .mind_top .mind_title a{color: #FFFFFF;}
.index_mind .mind_top .mind_tips{width: 100%; height: 20px; float: left; line-height: 20px; color: #a7a6a6;}

/*机构*/
.index_mind .mind_mech{width: 95%; float: left; overflow: hidden; padding: 10px 2.5%;}
.index_mind .mind_mech .mech_fist{width: 48%; height: 280px; float: left; border-radius: 5px; background: url(../images/n1.png) #FBFBFB top repeat-x; margin-right: 4%; margin-bottom: 20px; box-shadow: #EEEEEE 1px 1px 1px 0px;  }
.index_mind .mind_mech .mech_second{width: 48%; height: 280px; float: left; border-radius: 5px; background: url(../images/n2.png) #FBFBFB top repeat-x; box-shadow: #EEEEEE 1px 1px 1px 0px; margin-bottom: 20px;}
.index_mind .mind_mech .mech_third{width: 48%; height: 280px; float: left; border-radius: 5px; background: url(../images/n3.png) #FBFBFB top repeat-x; margin-right: 4%; box-shadow: #EEEEEE 1px 1px 1px 0px; margin-bottom: 20px;}
.index_mind .mind_mech .mech_four{width: 48%; height: 280px; float: left; border-radius: 5px; background: url(../images/n3.png) #FBFBFB top repeat-x; box-shadow: #EEEEEE 1px 1px 1px 0px; margin-bottom: 20px;}
.index_mind .mind_mech .mech_pic{width: 110px; height: 110px; background-color: #FFFFFF; border-radius: 50%; margin: 30px auto 0; padding: 5px; overflow: hidden;}
.index_mind .mind_mech .mech_pic img{border-radius: 50%;}
.index_mind .mind_mech h1{width: 100%; height: 30px; float: left; line-height: 30px; text-align: center; font-weight: bold; background: url(../images/line.png) bottom center no-repeat; margin-bottom: 10px; font-size: 14px;}
.index_mind .mind_mech p{width: 100%; height: 22px; float: left; line-height: 22px; text-align: center;}
.index_mind .mind_mech .mech_grade{width: 100%; height: 20px; float: left; text-align: center; margin-top: 10px;}

/*咨询*/
.index_mind .mind_serv{width: 95%; float: left; overflow: hidden; padding: 10px 2.5%;}
.index_mind .mind_serv ul li{margin-bottom: 15px; float: left; overflow: hidden;}
.index_mind .mind_serv .serv_photo{width: 20%; float: left;}
.index_mind .mind_serv .serv_photo img{border-radius: 50%;}
.index_mind .mind_serv .serv_info{width: 77%; float: left;  overflow: hidden; padding-left: 3%;}
.index_mind .mind_serv .serv_info .info_title{width: 100%; height: 30px; float: left;}
.index_mind .mind_serv .serv_info .info_title h1{height: 30px; float: left; line-height: 30px; padding-right: 10px; font-size: 18px;}
.index_mind .mind_serv .serv_info .info_title .post{height: 30px; float: left; line-height: 35px;}
.index_mind .mind_serv .serv_info .info_desc{width: 100%; height: 30px; float: left; line-height: 30px; overflow: hidden;}
.index_mind .mind_serv .serv_info .info_desc .desc_tag{padding: 0 5px; float: left; background-color: #f9f9f9; border-radius: 5px; height: 30px; float: left;  margin-right: 10px;}
.index_mind .mind_serv .serv_info .info_desc .online{height: 30px; float: left; padding-left: 30px; background:url(../images/mode.png) left no-repeat;}
.index_mind .mind_serv .serv_info .info_desc .price{height: 30px; line-height: 30px; float: right; color: #d0a971;}

/*课程*/
.index_mind .mind_course{width: 95%; float: left; overflow: hidden; padding: 10px 2.5%;}
.index_mind .mind_course .course_lf{width: 43%; height: 180px; float: left; border-radius: 5px; margin: 0 4% 20px 1%; box-shadow: #EEEEEE 1px 1px 1px 3px; padding: 2%;}
.index_mind .mind_course .course_rg{width: 43%; height: 180px; float: left; border-radius: 5px; margin: 0 1% 20px 0; box-shadow: #EEEEEE 1px 1px 1px 3px; padding: 2%;}
.index_mind .mind_course img{width: 100%; border-radius: 5%;}
.index_mind .mind_course h1{width: 100%; float: left; line-height: 20px; font-size: 13px; height: 40px;}
.index_mind .mind_course span{width: 100%; float: left; height: 30px; line-height: 30px; color: #d0a971;}

/*测评*/
.swiper-container {width: 95%; height: 180px; margin: 0 auto; padding: 10px 2.5%;}
.swiper-slide {width: 48%; margin-right: 4%; float: left;}
.swiper-slide .mind_eval{width: 100%; height: 120px; float: left;}
.swiper-slide .mind_eval img{width: 100%; border-radius: 5%;}
.swiper-slide .mind_eval .eval_float{font-size: 12px; color: #FFFFFF;  position: absolute;  bottom: 65px; font-size: 13px;}
.swiper-slide h1{width: 100%; height: 30px; float: left; line-height: 30px; font-size: 13px; text-align: center;}
.swiper-slide p{width: 100%; height: 30px; float: left; line-height: 30px; color: #c19958;}

/*问答*/
.index_mind .mind_ask{width: 95%; float: left; overflow: hidden; padding: 10px 2.5%;}
.index_mind .mind_ask .ask_list{width: 94%; height: 185px; float: left; box-shadow: #EEEEEE 1px 1px 1px 3px; border-radius: 5px; margin-bottom: 15px; padding: 3%;}
.index_mind .mind_ask .ask_list h1{width: 100%; height: 30px; float: left; line-height: 30px; font-size: 15px;}
.index_mind .mind_ask .ask_list .ask_tag{width: 100%; height: 20px; float: left; margin-top: 5px;}
.index_mind .mind_ask .ask_list .ask_auth{width: 100%; height: 40px; float: left; margin-top: 10px; line-height: 40px; font-size: 15px; font-weight: bold;}
.index_mind .mind_ask .ask_list .ask_auth img{border-radius: 50%; float: left; margin-right: 10px;}
.index_mind .mind_ask .ask_list p{width: 100%; line-height: 20px; float: left; margin-top: 10px; color: #666666;}
.index_mind .mind_ask .ask_list .ask_heat{width: 100%; height: 20px; float: left; margin-top: 10px; line-height: 20px;}
.index_mind .mind_ask .ask_list .ask_heat .ask_hold{height: 20px; float: left; background: url(../images/lv.png) left no-repeat; padding: 0 20px;}
.index_mind .mind_ask .ask_list .ask_heat .ask_oppo{height: 20px; float: left; background: url(../images/nl.png) left no-repeat; padding: 0 20px;}

/*内页·新闻/课程/问答·列表*/
.News_box{width: 100%; max-width: 586px; margin: 10px auto; background-color: #FFFFFF; overflow: hidden;}
.News_box .News_menu{width: 95%; height: 40px; float: left; padding: 0 2.5%; border-bottom: 1px solid #CCCCCC; position: relative;}
.News_box .News_menu ul li{height: 38px; line-height: 38px; float: left; margin-right: 15px;}
.News_box .News_menu .nw_on{border-bottom: 2px solid #00C765; color: #00C765;}
.News_box .News_list{width: 95%; float: left; overflow: hidden; padding: 15px 2.5% 0;}
.News_box .News_list ul li{float:left; margin-bottom: 15px; overflow: hidden;}
.News_box .News_list .News_pic{width: 35%; float: left; height: 100px;}
.News_box .News_list .News_infor{width: 62%; float: left; overflow: hidden; height: 100px; padding-left: 3%; position:relative;}
.News_box .News_list .News_infor h1{width: 100%; float: left; line-height: 25px; font-size: 15px;}
.News_box .News_list .News_infor .News_tags{width: 100%; height: 30px; position: absolute; bottom: 0;}
.News_box .News_list .News_infor .News_tags .News_date{width: 50%; height: 30px; float: left; line-height: 30px;}
.News_box .News_list .News_infor .News_tags .News_read{height: 30px; float: right; line-height: 30px; text-align: right; margin-right: 17px;}

.Tax_pic{width: 95%; height: 200px; float: left; padding: 10px 2.5%; border-radius: 5px;}
.Tax_pic img{width: 100%; height: 200px; border-radius: 5px;}
.Tax_pic .Tax_author{width: 100%; height: 20px; float: left; line-height: 20px; color: #999999;}
.Tax_read{width: 50%; height: 30px; float: left; line-height: 30px;}
.Tax_price{height: 28px; float: right; line-height: 28px; text-align: right; margin-right: 17px; border:1px solid #c19958; border-radius: 10px; padding: 0 5px; color: #c19958;}

/*文章*/
.News_box .Article_list {width: 95%;float: left;overflow: hidden;padding: 15px 2.5% 0;}
.News_box .Article_list ul li {float: left;margin-bottom: 15px;overflow: hidden;width: 100%;}
.News_box .Article_list .Article_sta {width: 20%;float: left;height: 50px;background-color: #F5F5F5;line-height: 25px;padding: 5px 0;text-align: center;}
.News_box .Article_list .Article_infor {width: 97%;float: left;height: 100px;padding-left: 3%;}
.News_box .Article_list .Article_infor h1 {width: 100%;float: left;line-height: 25px;font-size: 15px;height: 25px;}
.News_box .Article_list .Article_infor h1 a {color: #50af52;}
.News_box .Article_list .Article_infor p {width: 100%;line-height: 20px;float: left;padding: 5px 0;height: 40px;}
.News_box .Article_list .Article_infor .Article_tags {width: 100%;height: 25px;float: left;line-height: 25px;color: #999999;}

/*问答*/
.News_box .Ask_list{width: 95%; float: left; overflow: hidden; padding: 15px 2.5% 0;}
.News_box .Ask_list ul li{float:left; margin-bottom: 15px; overflow: hidden; width: 100%;}
.News_box .Ask_list .Ask_sta{width: 20%; float: left; height: 50px; background-color: #F5F5F5; line-height: 25px; padding: 5px 0; text-align: center;}
.News_box .Ask_list .Ask_infor{width: 77%; float: left;  height: 100px; padding-left: 3%;}
.News_box .Ask_list .Ask_infor h1{width: 100%; float: left; line-height: 25px; font-size: 15px; height: 25px; }
.News_box .Ask_list .Ask_infor h1 a{color: #50af52;}
.News_box .Ask_list .Ask_infor p{width: 100%; line-height: 20px; float: left; padding: 5px 0; height: 40px;}
.News_box .Ask_list .Ask_infor .Ask_tags{width: 100%; height: 25px; float: left; line-height: 25px; color: #999999;}

/*心理测评*/
.List_box{width: 100%; max-width: 586px; margin: 10px auto; overflow: hidden;}
.List_box .list_sort{width: 15%; height: 1000px; float: left; box-shadow: #CCCCCC 0 0 3px 0; background-color: #FFFFFF; overflow: hidden;}
.List_box .list_sort .sort_out{width: 98%; height: 40px; line-height: 40px; float: left; text-align: center; border-left: 3px solid #FFFFFF;}
.List_box .list_sort .sort_on{width: 98%; height: 40px; line-height: 40px; float: left; border-left: 3px solid #00C765; text-align: center; font-weight: bold;}
.List_box .list_right{width: 82%; height: 100%; float: right; overflow: hidden;}
.List_box .list_right .list_order{width: 100%; height: 40px; float: left; position: relative;}
.List_box .list_right .list_order .order_title{width: 30%; height: 40px; line-height: 40px; float: left;}
.List_box .list_right .list_order .order_attr{min-width: 30px; height: 40px; float: right; line-height: 40px; background: url(../images/arrow.png) right no-repeat; margin-right: 5px; padding-right: 20px;}
.List_box .list_right .list_item{width: 100%; height: 100%; float: left; overflow: hidden;}
.List_box .list_right .list_item ul li{width: 94%; height: 60px; float: left; padding: 10px 3%; background-color: #FFFFFF; margin-bottom: 15px;}
.List_box .list_right .list_item .item_pic{width: 25%; height: 60px; float: left;}
.List_box .list_right .list_item .item_infor{width: 72%; height: 60px; float: right;}
.List_box .list_right .list_item .item_infor h1{width: 100%; height: 30px; float: left; line-height: 30px; font-size: 14px;}
.List_box .list_right .list_item .item_infor .item_tag{width: 100%; height: 30px; float: left; line-height: 30px;}
.List_box .list_right .list_item .item_infor .item_tag .sp_lf{float: left; color: #c19958; padding-right: 5%;}
.List_box .list_right .list_item .item_infor .item_tag i{text-decoration: line-through; color: #999999; float: left;}
.List_box .list_right .list_item .item_infor .item_tag .sp_rg{float: right; color: #999999;}

/*心理咨询*/
.seek_menu {width: 100%; max-width: 586px; margin: 10px auto 0; background-color: #FFFFFF; height: 160px; padding: 20px 0 25px; color: #a0a4a3; overflow: hidden;}
.seek_menu ul li {width: 25%; float: left; text-align: center; height: 80px; padding-bottom: 10px;}
.seek_menu ul li h1 {width: 100%; height: 30px; text-align: center; line-height: 30px; font-size: 14px; font-weight: normal;}
.seek_menu ul li img {width: 50px; height: 50px; vertical-align: middle;}
.seek_trem{width: 100%; max-width: 586px; margin: 0 auto; background-color: #FFFFFF;  overflow: hidden; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.11);}
.seek_trem .trem_list{width: 95%; float: left; overflow: hidden; padding: 10px 2.5% 0; height: 40px; line-height: 40px; text-align: center;}
.seek_trem .trem_list a{width: 25%; display: block; float: left; font-size: 14px; color: #666666;}
.seek_trem .trem_list i{background: url(../images/arrow.png) no-repeat center; display: inline-block; width: 7px; height: 9px; margin-left: 5px; background-size: 100%;}
.seek_staff{width: 100%; max-width: 586px; margin: 0 auto; background-color: #FFFFFF;  overflow: hidden; padding-bottom: 10px;}
.seek_staff .staff_serv{width: 95%; float: left; overflow: hidden; padding: 10px 2.5%;}
.seek_staff .staff_serv ul li{margin-bottom: 15px; float: left; overflow: hidden;}
.seek_staff .staff_serv .serv_photo{width: 20%; float: left;}
.seek_staff .staff_serv .serv_photo img{border-radius: 50%;}
.seek_staff .staff_serv .serv_info{width: 77%; float: left;  overflow: hidden; padding-left: 3%;}
.seek_staff .staff_serv .serv_info .info_title{width: 100%; height: 30px; float: left;}
.seek_staff .staff_serv .serv_info .info_title h1{height: 30px; float: left; line-height: 30px; padding-right: 10px; font-size: 18px;}
.seek_staff .staff_serv .serv_info .info_title .post{height: 30px; float: left; line-height: 35px;}
.seek_staff .staff_serv .serv_info .info_desc{width: 100%; height: 30px; float: left; line-height: 30px; overflow: hidden;}
.seek_staff .staff_serv .serv_info .info_desc .desc_tag{padding: 0 5px; float: left; background-color: #f9f9f9; border-radius: 5px; height: 30px; float: left;  margin-right: 10px;}
.seek_staff .staff_serv .serv_info .info_desc .online{height: 30px; float: left; padding-left: 30px; background:url(../images/mode.png) left no-repeat;}
.seek_staff .staff_serv .serv_info .info_desc .price{height: 30px; line-height: 30px; float: right; color: #d0a971;}

.field_box{width: 95%; float: left; overflow: hidden; padding: 0 2.5% 10px; display: none;}
.price_box{width: 95%; float: left; overflow: hidden; padding: 0 2.5% 10px; display: none;}
.area_box{width: 95%; float: left; overflow: hidden; padding: 0 2.5% 10px; display: none;}
.other_box{width: 95%; float: left; overflow: hidden; padding: 0 2.5% 10px; display: none;}
.pitch_on{padding:0 8px; height: 25px; float: left; border:1px solid #cfa972; border-radius: 5px; line-height: 25px; text-align: center; margin-left: 5px;}
.uncheck{padding:0 8px; height: 25px; float: left; border:1px solid #CCCCCC; border-radius: 5px; line-height: 25px; text-align: center; margin-left: 5px;}
				
/*心理结构·列表*/
.News_box .news_sort{height: 38px; float: right; line-height: 38px;}
.News_box .news_sort i{background: url(../images/arrow.png) no-repeat center; display: inline-block; width: 7px; height: 9px; margin-left: 5px; background-size: 100%;}
.News_box .studio_list{width: 95%; float: left; overflow: hidden; padding: 15px 2.5% 0;}
.News_box .studio_list ul li{width:100%; float:left; margin-bottom: 15px; overflow: hidden;}
.News_box .studio_list .comp_box{width: 35%; height: 150px; float: left; background-color: #00c765;}
.News_box .studio_list .comp_box .comp_pic{width: 70px; height: 70px; margin: 10px auto 0; border-radius: 50%; overflow: hidden;}
.News_box .studio_list .comp_box .comp_star{width: 70%; height: 15px; text-align: center; background-color: #FFFFFF; border-radius: 5px; padding:5px 5%; margin:5px auto 0;}
.News_box .studio_list .comp_box .comp_text{width: 100%; height: 30px; line-height:30px; float: left; text-align: center; color: #FFFFFF;}
.News_box .studio_list .store_box{width: 62%; height: 150px; float: left; margin-left: 3%;}
.News_box .studio_list .store_box .store_name{width: 100%; height: 40px; float: left;}
.News_box .studio_list .store_box .store_name h1{height: 40px; float: left; line-height: 40px; font-size: 14px;}
.News_box .studio_list .store_box .store_name span{height: 40px; float: right; line-height: 40px; color: #ff6112;}
.News_box .studio_list .store_box p{width: 100%; line-height: 25px; float: left;}
.News_box .studio_list .store_box .store_check{width: 100%; height: 40px; float: left; line-height: 40px;}
.News_box .studio_list .store_box .store_check .lf{float: left;}
.News_box .studio_list .store_box .store_check .rg{float: right;}

			
/*内页·测评/文章·详情*/
.Eval_box{width: 100%; max-width: 586px; margin: 10px auto; background-color: #FFFFFF; overflow: hidden;}
.Eval_box .Eval_detail{width: 95%; float: left; overflow: hidden; padding: 10px 2.5%;}
.Eval_box .Eval_detail h1{width: 100%; height: 40px; float: left; line-height: 40px; font-size: 16px;}
.Eval_box .Eval_detail .dt_tag{width: 100%; height: 30px; float: left; line-height: 30px; color: #999999;}
.Eval_box .Eval_detail .dt_infor{width: 100%; float: left; line-height: 20px; overflow: hidden; margin-top: 10px;}
.Eval_box .Eval_detail .dt_btn{width: 100%; height: 40px; float: left; margin-top: 20px; margin-bottom: 15px;}
.Eval_box .Eval_detail .dt_btn .btn_type{width: 50%; height: 40px; margin: 0 auto; background-color: #00c765; border-radius: 5px; line-height: 40px; text-align: center; color: #FFFFFF; font-size: 15px;}
.Eval_box .Eval_detail .dt_remark{width: 100%; height: 152px; float: left; margin-top: 20px; margin-bottom: 10px;}
.Eval_box .Eval_detail .dt_remark textarea{width: 94%; height: 120px; float: left; border: 1px solid #CCCCCC; border-radius: 5px; padding: 15px 2.9%; color: #999999;}

/*心理问答·详情*/
.Ask_box{width: 100%; max-width: 586px; margin: 10px auto 0; background-color: #FFFFFF; overflow: hidden;}
.Ask_box .Ask_detail{width: 95%; float: left; overflow: hidden; padding: 10px 2.5%;}
.Ask_box .Ask_detail h1{width: 100%; height: 40px; line-height: 40px; float: left; font-size: 16px;}
.Ask_box .Ask_detail p{width: 100%; line-height: 25px; float: left;}
.Ask_box .Ask_detail .Ask_time{width: 100%; height: 30px; float: left; line-height: 30px; color: #999999;}
.Ask_box .Ask_detail .Ask_situ{width: 100%; height: 30px; float: left;}
.Ask_box .Ask_detail .Ask_situ .Ask_num{width: 40%; height: 30px; float: left; font-weight: bold; font-size: 15px;  line-height: 30px;}
.Ask_box .Ask_detail .Ask_situ .Ask_link{width: 20%; height: 28px; float: right; border: 1px solid #00C765; border-radius: 10px; line-height: 28px; text-align: center;}
.Ask_box .Ask_detail .Ask_man{width: 100%; height: 90px; float: left; margin-top: 15px; margin-bottom: 5px;}
.Ask_box .Ask_detail .Ask_man .Man_situ{width: 100%; height: 60px; float: left;}
.Ask_box .Ask_detail .Ask_man .Man_situ .Man_pic{width: 60px; height: 60px; float: left; border-radius: 50%; overflow: hidden;}
.Ask_box .Ask_detail .Ask_man .Man_other{width: 100%; height: 30px; float: left;}
.Ask_box .Ask_detail .Ask_man .Man_other .Man_name{width: 60px; float: left; height: 30px; line-height:30px; text-align: center; font-weight: bold;}
.Ask_box .Ask_detail .Ask_man .Man_other .Man_date{width: 50%; height: 30px; float: right; line-height: 30px; text-align: right; color: #999999;}
.Ask_box .Ask_detail .Ask_reply{width: 100%; height: 30px; float: left; line-height: 30px; text-align: right; color: #999999; margin-top: 10px;}
.Ask_box .Ask_detail .Ask_text{width: 100%; height: 152px; float: left; margin-top: 20px; margin-bottom: 10px;}
.Ask_box .Ask_detail .Ask_text textarea{width: 94%; height: 120px; float: left; border: 1px solid #CCCCCC; border-radius: 5px; padding: 15px 2.9%; color: #999999;}
.Ask_box .Ask_detail .Ask_sub{width: 100%; height: 40px; float: left; margin-top: 20px; margin-bottom: 15px; text-align: center;}
.Ask_box .Ask_detail .Ask_sub .Ask_btn{width: 50%; height: 40px; margin: 0 auto; background-color: #00c765; border-radius: 5px; line-height: 40px; text-align: center; color: #FFFFFF; font-size: 15px; border: 0;}

/*心理课程·详情*/
.Lesson_box{width: 100%; max-width: 586px; margin: 10px auto 0; background-color: #FFFFFF; overflow: hidden;}
.Lesson_box .Lesson_detail{width: 95%; float: left; overflow: hidden; padding: 10px 2.5%;}
.Lesson_box .Lesson_detail h1{width: 100%; height: 40px; line-height: 40px; float: left; font-size: 16px;}
.Lesson_box .Lesson_detail .Lesson_author{width: 100%; height: 60px; float: left;}
.Lesson_box .Lesson_detail .Lesson_author .author_pic{width:18%; height: 60px; float: left; overflow: hidden;}
.Lesson_box .Lesson_detail .Lesson_author .author_data{width:78%; height: 60px; float: left; margin-left: 4%;}
.Lesson_box .Lesson_detail .Lesson_author .author_data h2{width: 100%; height: 25px; float: left; line-height: 25px; color: #00C765; font-size: 15px;}
.Lesson_box .Lesson_detail .Lesson_author .author_data .author_edu{width: 100%; height: 20px; float: left; line-height: 20px;}
.Lesson_box .Lesson_detail .Lesson_natu{width: 100%; height: 40px; float: left;}
.Lesson_box .Lesson_detail .Lesson_natu ul li{width: 27%; height: 40px; float: left; padding-left: 6%; line-height: 40px; color: #999999;}
.Lesson_box .Lesson_detail .Lesson_natu .natu_sign{background: url(../images/bm1.png) left no-repeat;}
.Lesson_box .Lesson_detail .Lesson_natu .natu_cost{background: url(../images/bm2.png) left no-repeat;}
.Lesson_box .Lesson_detail .Lesson_natu .natu_place{background: url(../images/bm3.png) left no-repeat;}
.Lesson_box .Lesson_detail p{width: 100%; line-height: 25px; float: left;}
.Lesson_box .Lesson_detail .Lesson_make{width: 100%; height: 40px; float: left; margin-top: 20px; margin-bottom: 15px;}
.Lesson_box .Lesson_detail .Lesson_make .make_sub{width: 50%; height: 40px; margin: 0 auto; background-color: #00c765; border-radius: 5px; line-height: 40px; text-align: center; color: #FFFFFF; font-size: 15px;}
.Lesson_box .Lesson_detail .Lesson_make .make_sub a{color: #FFFFFF;}

/*心理机构·详情*/
.Pscy_box1{width: 100%; max-width: 586px; margin: 10px auto 0; background-color: #FFFFFF; overflow: hidden; padding:15px 0 5px;}
.Pscy_box1 h1{width: 93%; float: left; height: 40px; margin-left: 2.5%; line-height: 40px; border-left: 3px solid #00C765; font-size: 16px; padding-left: 1.5%;}
.Pscy_box2{width: 100%; max-width: 586px; margin: 0 auto; background-color: #FFFFFF; overflow: hidden; padding:10px 0 0;}
.Pscy_box3{width: 100%; max-width: 586px; margin: 0 auto; background-color: #FFFFFF; overflow: hidden;}
.Pscy_box3 .Pscy_detail{width: 95%; float: left; overflow: hidden; padding: 0 2.5% 10px;}
.Pscy_box3 .Pscy_detail .auth_list{width: 100%; height: 30px; float:left;}
.Pscy_box3 .Pscy_detail .auth_list ul li{width: 21%; height: 30px; line-height: 30px; float: left; padding-left: 4%; background:url(../images/dh.png) left no-repeat;font-size: 11px;}
.Pscy_box3 .Pscy_detail .auth_date{width: 100%; height: 40px; float: left; line-height: 40px; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; margin-top: 15px; margin-bottom: 15px;}
.Pscy_box3 .Pscy_detail .Pscy_title{width: 100%; height: 30px; float: left; line-height: 30px; font-size: 16px; font-weight: bold; margin-bottom: 10px;}
.Pscy_box3 .Pscy_detail p{width：100%; line-height: 25px; float: left;}
.Pscy_box3 .Pscy_detail .Pscy_more{width: 100%; height: 40px; float: left; margin-top: 20px; margin-bottom: 15px;}
.Pscy_box3 .Pscy_detail .Pscy_more .more_link{width: 50%; height: 38px; margin: 0 auto; border-radius: 25px; line-height: 38px; text-align: center; font-size: 15px; border:1px solid #CCCCCC;}
.Pscy_box3 .Pscy_detail .expert_recom{width: 94.5%; height: 100px; float: left; padding: 3% 2.5%; border: 1px solid #CCCCCC; border-radius: 5px; margin-bottom: 10px;}
.Pscy_box3 .Pscy_detail .expert_recom{width: 94.5%; height: 100px; float: left; padding: 3% 2.5%; border: 1px solid #CCCCCC; border-radius: 5px; margin-bottom: 10px;}
.Pscy_box3 .Pscy_detail .expert_recom .expert_pic{width: 20%; height: 100px; float: left; overflow: hidden;}
.Pscy_box3 .Pscy_detail .expert_recom .expert_basic{width: 58%; height: 100px; float: left; margin-left: 1%;}
.Pscy_box3 .Pscy_detail .expert_recom .expert_basic h2{width: 100%; height: 30px; float: left; line-height: 30px; font-size: 16px;}
.Pscy_box3 .Pscy_detail .expert_recom .expert_basic .basic_tags{width: 100%; height: 20px; float: left; color: #999999; line-height: 20px;}
.Pscy_box3 .Pscy_detail .expert_recom .expert_cont{width: 20%; height: 100px; float: left; margin-left: 1%;}
.Pscy_box3 .Pscy_detail .expert_recom .expert_appo{width: 98%; height: 30px; float: left; border-radius: 10px; border:1px solid #00C765; line-height: 30px; text-align: center; color: #FFFFFF; background-color: #00C765; margin-top: 10px;}
.Pscy_box3 .Pscy_detail .expert_recom .expert_chat{width: 98%; height: 30px; float: left; border-radius: 10px; border:1px solid #00C765; line-height: 30px; text-align: center;  margin-top: 10px;}

/*课程·详情*/
.clkc_box{width: 100%; max-width: 586px; margin: 10px auto 0; background-color: #FFFFFF; padding: 15px 0; overflow: hidden;}
.clkc_box .clkc_tbox{width: 95%; float: left; padding: 0 2.5%; overflow: hidden;}
.clkc_box .clkc_tbox .clkc_pic{width: 100%; height: 200px; float: left;}
.clkc_box .clkc_tbox .clkc_pro{width: 100%; height: 90px; float: left; padding-top:10px;}
.clkc_box .clkc_tbox .clkc_pro h1{width: 100%; height: 30px; float: left; line-height: 30px; font-size: 15px;}
.clkc_box .clkc_tbox .clkc_pro .clkc_time{width: 100%; height: 30px; float: left; line-height: 30px; color: #999999;}
.clkc_box .clkc_tbox .clkc_pro .clkc_tags{width: 100%; height: 25px; float: left; margin-top: 5px; line-height: 25px;}
.clkc_box .clkc_tbox .clkc_pro .clkc_tags .clkc_sort{height: 25px; float: left; background-color: #45C46F; padding: 0 8px; color: #FFFFFF; border-radius: 5px;}
.clkc_box .clkc_tbox .clkc_pro .clkc_tags .clkc_freq{height: 25px; float: left; margin-left: 15px; color: #999999;}
.clkc_box .clkc_tbox .clkc_pro .clkc_tags .clkc_price{height: 25px; float: right; color: #d0a971;}

.clkc_tab{width: 100%; max-width: 586px; margin: 0 auto; background-color: #FFFFFF; padding: 15px 0; overflow: hidden;}
.clkc_tab .tab_box{width: 95%; float: left; padding: 0 2.5%; overflow: hidden;}
.clkc_tab .tab_box #menu{width:100%; overflow:hidden;}
.clkc_tab .tab_box #menu #nav {display:block;width:100%;padding:0;margin:0;list-style:none;}
.clkc_tab .tab_box #menu #nav li {float:left; height: 30px; margin-right: 15px;}
.clkc_tab .tab_box #menu #nav li a {display:block; line-height:30px; text-align:center; color:#333;}
.clkc_tab .tab_box #menu_con{ width:100%; height:100%; overflow: hidden; padding: 15px 0;}
.clkc_tab .tab_box .tag{float:left; overflow:hidden;}
.clkc_tab .tab_box .selected{border-bottom:2px solid #4AB344; color:#fff;}

/*心理咨询*/
.Chat_box{width: 100%; max-width: 586px; margin: 10px auto 0;  padding: 0 0 20px 0; overflow: hidden; background-color: #FFFFFF;}
.Chat_box .Chat_top{width: 100%; height: 240px; float: left; background: url(../images/cbg.png) center #FFFFFF no-repeat;}
.Chat_box .Chat_top .Chat_pic{width: 80px; height: 80px; margin: 0 auto; background-color: #FFFFFF; margin-top: 30px; border-radius: 50%;}
.Chat_box .Chat_top .Chat_name{width: 100%; height: 30px; float: left; line-height: 30px; text-align: center; color: #FFFFFF; margin-top: 10px; font-size: 16px;}
.Chat_box .Chat_top .Chat_intro{width: 100%; height: 30px; float: left; line-height: 30px; text-align: center; color: #FFFFFF;}
.Chat_box .Chat_top .Chat_sus{width: 80%; height: 80px; position: relative; bottom: -20px; background-color: #FFFFFF; box-shadow: 0px 2px 1px 1px #f2f2f2; margin: 0 auto; border-radius: 5px; overflow: hidden;}
.Chat_box .Chat_top .Chat_sus .sus_box{width: 50%; height: 60px; float: left; line-height: 30px; text-align: center; font-weight: bold; padding: 10px 0;}
.Chat_box .Chat_bottom{width: 95%; float: left; overflow: hidden; padding: 50px 2.5% 0;}
.Chat_box .Chat_bottom h1{width: 100%; height: 40px; float: left; line-height: 40px; background: url(images/sline.png) left bottom no-repeat; font-size: 16px; border-bottom: 1px solid #CCCCCC;}
.Chat_box .Chat_bottom .Chat_content{width: 100%; float: left; overflow: hidden; padding-top: 20px;}
/*.Chat_box .Chat_bottom .Chat_content span{width: 97%; line-height: 20px; float: left; border-left: 2px solid #45c46f; padding-left:2%; color: #45c46f; font-size: 16px;}
.Chat_box .Chat_bottom .Chat_content p{width: 97%; line-height: 25px; float: left; padding: 10px 0 10px 2.5%;}*/
.Chat_box .Chat_bottom .Chat_wall{width: 85%; height: 80px; float: left; margin-left: 2.5%; background-color: #F4F4F4; margin-top: 15px; padding: 10px 5%;}
.Chat_box .Chat_bottom .Chat_wall .wall_pic{width: 30%; height: 80px; float: left;}
.Chat_box .Chat_bottom .Chat_wall .wall_tips{width: 60%; height: 60px; float: right; text-align: center; line-height: 30px; padding: 10px 0; font-weight: bold;}

/*内页·分页*/
.public_pages{width: 95%; float: left; overflow: hidden; padding: 15px 2.5% 20px; margin-top: 10px; border-top: 1px solid #CCCCCC; text-align: center; height: 30px;}
.public_pages span{display: inline-block; height: 30px;  line-height: 30px; padding: 0 8px; margin: 5px 1px 0 0; background: #fff; border: 1px solid #e5e5e5; overflow: hidden; vertical-align: top; border-radius: 5px;}
.public_pages a{display: inline-block; height: 30px; line-height: 30px; padding: 0 8px; margin: 5px 1px 0 0; background: #fff; border: 1px solid #e5e5e5; overflow: hidden; vertical-align: top; border-radius: 5px;}
.public_pages .page_on{background-color: #00C765; border:1px solid #00C765; color: #FFFFFF;}
				
/*登录·注册页面*/
.login_box{width: 100%; max-width: 586px; margin: 10px auto; background-color: #FFFFFF;  padding: 20px 0; overflow: hidden;}
.login_box .login_inner{width: 95%; padding: 0 2.5%; overflow: hidden;}
.login_box .login_inner .login_title{width: 100%; height: 40px; float: left; line-height: 40px;}
.login_box .login_inner .login_title h1{font-size: 18px; float: left;}
.login_box .login_inner .login_form{width: 100%; float: left; overflow: hidden;}
.login_box .login_inner .login_form .login_text{width: 100%; overflow: hidden; position: relative;padding: 1% 0; float: left; margin-top: 20px;}
.login_box .login_inner .login_form .login_text .label_text{width: 95.6%; float: left; background-color: transparent; color: #999999; height: 2.8rem; border: 0; padding:0 2%; border:1px solid #CCCCCC; border-radius: 5px; }
.login_box .login_inner .login_form .login_text .label_code{width: 68%; float: left; background-color: transparent; color: #999999; height: 2.8rem; border: 0; padding:0 2%; border:1px solid #CCCCCC; border-radius: 5px; }
.login_box .login_inner .login_form .login_text .code_num{width: 25%; float: right; background-color: transparent; color: #999999; height: 2.8rem;  border:1px solid #CCCCCC; border-radius: 5px; line-height: 2.8rem; text-align: center;}
.login_box .login_inner .login_form .login_text .code_num img{border-radius: 5px; width: 100%; height: 100%;}
.login_box .login_inner .login_form .login_text input::-webkit-input-placeholder{color:#999999;}
.login_box .login_inner .login_form .login_text input::-moz-placeholder{color:#999999;}
.login_box .login_inner .login_form .login_text input:-moz-placeholder{color:#999999;}
.login_box .login_inner .login_form .login_text input:-ms-input-placeholder{color:#999999;}
.login_box .login_inner .login_form .login_submit{width: 100%; overflow: hidden; margin-top: 8%; position: relative; background-color: #00c765; border-radius: 20px; padding: 1% 0; float: left;}
.login_box .login_inner .login_form .login_submit .label_submit{width: 100%; float: left; background-color: transparent; color: #FFFFFF; height: 2rem; border: 0; font-size: 18px; font-weight: 500;}
.login_box .login_inner .login_form .login_footer{width: 98%; height: 2rem; line-height: 2rem; position: fixed; bottom: 50px; color: #FFFFFF; text-align: center; font-size: 14px; padding: 0 2%;}
.login_box .login_inner .login_link{width: 90%; height: 40px; line-height: 40px; float: left; margin-top: 25px; padding: 0 5%;}

/*支付页面*/
.pay_box{width: 100%; max-width: 586px; margin: 10px auto; background-color: #FFFFFF;  padding: 20px 0; overflow: hidden;}
.pay_box .pay_inner{width: 90%; padding:3% 5%; overflow: hidden;}
.pay_box .pay_inner h1{width: 100%; height: 40px; float: left; line-height: 40px; font-size: 18px; font-weight: normal;}
.pay_box .pay_inner .pay_infor{width: 90%; border:1px solid #CCCCCC; float: left; height: 220px; margin-top: 20px; border-radius: 5px; padding: 5%;}
.pay_box .pay_inner .pay_infor .pay_term{width: 100%; height: 40px; float: left; line-height: 40px;}
.pay_box .pay_inner .pay_infor .pay_btn{width: 100%; height: 40px; float: left; margin-top: 20px;}
.pay_box .pay_inner .pay_infor .pay_wx{width: 40%; height: 40px; float: left; background-color: #00c765; border-radius: 5px; color: #FFFFFF; text-align: center; line-height: 40px; font-size: 15px;}
.pay_box .pay_inner .pay_infor .pay_zfb{width: 40%; height: 40px; float: right; background-color: #00c765; border-radius: 5px; color: #FFFFFF; text-align: center; line-height: 40px; font-size: 15px;}
.pay_box .pay_inner .pay_exp{width: 100%; height: 40px; float: left; line-height: 40px; margin-top: 15px;}

/*会员中心*/
.Memcen_box{width: 100%; max-width: 586px; margin: 0px auto;  padding: 0 0 20px 0; overflow: hidden;}
.Memcen_box .Mem_top{width: 100%; height: 180px; float: left; background: url(../images/mybg.png) center #FFFFFF no-repeat;}
.Memcen_box .Mem_top .Mem_pho{width: 80px; height: 80px; margin: 0 auto; background-color: #FFFFFF; margin-top: 30px; border-radius: 50%;}
.Memcen_box .Mem_top .Mem_name{width: 100%; height: 30px; float: left; line-height: 30px; text-align: center; color: #FFFFFF; margin-top: 10px;}
.Memcen_box .Mem_jur{width: 80%; padding:3% 5%; overflow: hidden; margin: 20px 5%; background-color: #FFFFFF; float: left;}
.Memcen_box .Mem_jur ul li{width: 100%; height: 20px; float: left; margin: 10px 0 5px;}
.Memcen_box .Mem_jur .jur_pic{width:8%; height: 20px; float: left;}
.Memcen_box .Mem_jur .jur_name{width: 87%; height: 20px; float: left; margin-left: 3%; background: url(../images/jtx.png) right no-repeat;}

/*版权*/
.public_copy{width: 100%; max-width: 586px; margin: 15px auto 75px; overflow: hidden; height: 50px; background-color: #FFFFFF; text-align: center; padding: 10px 0; line-height: 25px; color: #666666;}

/*底部导航*/
.footer_nav{width:100%; max-width:586px; margin:0 auto;}
.footer_nav .nav_box{position:fixed; width:100%; max-width:586px; bottom:0; height:64px; z-index:999; background-color: #FFFFFF; box-shadow: rgb(170, 170, 170) 0px -1px 10px -1px;}
.footer_nav .nav_box .nav_item{ width:20%; height:54px; float:left; overflow:hidden; padding: 5px 0;}
.footer_nav .nav_box .nav_item a{ display:block}
.footer_nav .nav_box .nav_item img{ margin:5px auto; height:26px;display:block}
.footer_nav .nav_box .nav_item p{ text-align:center; height:18px; line-height:18px; color:#333333}

.footer_nav .nav_box .nav_buy{width: 50%; height: 40px; float: right; overflow: hidden; padding: 7px 5%;}
.footer_nav .nav_box .nav_buy .buy_btn{width: 100%; height: 40px; float: left; border-radius: 5px; background-color: #4AB344; line-height: 40px; text-align: center;}
.footer_nav .nav_box .nav_buy .buy_btn a{color: #FFFFFF; font-size: 15px;}

.footer_nav .nav_box .nav_lchat{width: 20%; height: 64px; line-height: 64px; float: left; overflow: hidden; padding: 0 5%; background-color: #c7ead3; text-align: center;}
.footer_nav .nav_box .nav_lchat a{color: #45c46f;}
.footer_nav .nav_box .nav_rchat{width: 20%; height: 64px; line-height: 64px; float: left; overflow: hidden; padding: 0 5%; background-color: #45c46f; text-align: center;}
.footer_nav .nav_box .nav_rchat a{color: #FFFFFF;}

/*条件筛选*/
.screen{width: 50px; min-height: 50px; position: absolute; right: 5px; top: 40px; z-index: 1000;display: none; background-color: #FFFFFF; border-radius: 5px; border:1px solid #F2F2F2; padding: 5px 10px; overflow: hidden; box-shadow: 1px 1px 0 0 #F2F2F2;  text-align: center;}
.screen ul li{width: 100%; height: 25px; float: left; line-height: 25px;}