@charset "utf-8";
/* CSS Document */
body, td, th { font-family: 微软雅黑,Arial, Helvetica, sans-serif; font-size: 14px; color: #333; }
input { font-family: 微软雅黑,Arial, Helvetica, sans-serif; font-size: 14px; }
body { margin: 0px; width: 100%; background: #f5f5f5; }
body.white { background: #fff; }

a:link { color: #333; text-decoration: none; }
a:visited { text-decoration: none; color: #333; }
a:hover { text-decoration: none; color: #333; }
a:active { text-decoration: none; color: #333; }
img { border: 0px; }
ul, li, dl, dt, dd, p { margin: 0px; padding: 0px; list-style: none; }
h1, h2, h3, h4, h5 { margin: 0px; padding: 0px; font-size: 14px; }

.green, a.green { color: #25abca; }
.orange, a.orange { color: #ff6600; }
.blue, a.blue { color: #687686; }
.red, a.red { color: #f00; }
.gray, a.gray { color: #888; }
.small-font { font-size: 12px; }

select, input[type=text], input[type=button], input[type=submit], textarea { outline: none; -webkit-appearance: none; }
select { border: none; width: 100%; padding: 0px; height: 30px; line-height: 30px; background: url(/content/home/images/ico_right_gray.png) no-repeat right; background-size: auto 15px; }
input[type=text] { box-sizing: border-box; width: 100%; border: none; height: 30px; line-height: 30px; }
textarea { box-sizing: border-box; width: 100%; border: none; height: 60px; line-height: 20px; }
input[data-skin=select] { background: url(/content/home/images/ico_right_gray.png) no-repeat right; background-size: auto 15px; padding-right: 20px; }
input[type=button] { border-radius: 3px; border: none; padding: 0px 10px; height: 30px; line-height: 30px; background: linear-gradient(to bottom, #25abca 0%,#1d8ca6 100%); color: #fff; }
input[type=button].gray { background: linear-gradient(to bottom, #999 0%,#666 100%); }
input.submit { width: 100%; border-radius: 5px; border: none; height: 40px; line-height: 40px; font-size: 16px; }
input.cancel { width: 100%; border-radius: 5px; border: 1px solid #c7d393; color: #25abca; height: 40px; line-height: 38px; font-size: 16px; background: #fff; }

input.red { background: linear-gradient(to bottom, #f00 0%,#c00 100%); }
.validator { display: none; }

.grayline10 { width: 100%; height: 10px; overflow: hidden; background: #f5f5f5; }

.selectbox { position: fixed; z-index: 9; left: 0px; top: 0px; right: 0px; bottom: 0px; display: flex; flex-direction: column; justify-content: center; }
.selectbox .mask { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background: rgba(0,0,0,.5); z-index: 0; }
.selectbox ul { position: relative; z-index: 1; margin: 0px 15px; background: #fff; border-radius: 10px; overflow: auto; max-height: 400px; padding: 10px 15px; }
.selectbox ul li { line-height: 40px; }
.selectbox ul li.selected { color: #25abca; }


.side-menu { position: fixed; z-index: 10; left: -260px; top: 0px; bottom: 0px; right: 0px; width: 260px; background: #fff; transition: all .3s; }
.side-menu .mask { background: none; position: fixed; z-index: -1; left: 0px; top: 0px; right: 0px; bottom: 0px; display: none; }
.side-menu .close { margin-left: 15px; line-height: 50px; font-size: 24px; }
.side-menu .close:before { font-family: "iconfont" !important; content: "\e614"; }
.side-menu .menu { }
.side-menu .menu dt { margin-left: 25px; font-size: 16px; line-height: 40px; }
.side-menu .menu dt i { width: 30px; margin-right: 10px; color: #687686; font-size: 18px; }
.side-menu .menu dd { margin-left: 25px; display: none; }
.side-menu .menu dd a { display: block; line-height: 30px; margin-left: 30px; color: #687686; }
.side-menu .user { position: absolute; left: 0px; right: 0px; bottom: 0px; background: #f7f7f7; padding: 20px; line-height: 25px; }
.side-menu .user img { float: left; display: block; width: 60px; height: 60px; border-radius: 50%; overflow: hidden; }
.side-menu .user h2 { margin-left: 80px; font-size: 16px; margin-top: 5px; }
.side-menu .user h3 { margin-left: 80px; font-size: 14px; font-weight: normal; color: #687686; }
.side-menu.show { left: 0px; box-shadow: 0 0 10px #999; }
.side-menu.show .mask { display: block; }
.header { background: #fff; line-height: 50px; height: 50px; }
.header .menu { position: absolute; left: 15px; }
.header .menu:before { font-family: "iconfont" !important; content: "\e68c"; font-size: 24px; }
.header h1 { text-align: center; font-size: 20px; font-weight: normal; }

.header .back { position: absolute; left: 15px; }
.header .back:before { font-family: "iconfont" !important; content: "\e606"; font-size: 16px; margin-right: 10px; }
.header .num { position: absolute; right: 15px; top: 0px; color: #888; }

.fixed-about { position: fixed; left: 15px; top: 15px; right: 15px; bottom: 15px; z-index: 100; border-radius: 15px; background: #fff; box-shadow: 0 0 10px #ddd; display: none; }
.fixed-about .close { position: absolute; left: 0px; bottom: 0px; right: 0px; line-height: 50px; text-align: center; border-top: 1px solid #ddd; }
.fixed-about .content { position: absolute; left: 15px; top: 15px; right: 15px; bottom: 65px; overflow: auto; }

.form { overflow: hidden; }
.form dl { border-bottom: 1px solid #ddd; padding: 10px 0px; }
.form dl dt { }
.form dl dt.small { color: #888; font-size: 12px; }
.form dl dt em { display: inline-block; width: 25px; color: #25abca; font-style: normal; }
.form dl dd { margin-top: 10px; }
.form .submit { margin-top: 20px; }

.form2 dl { margin-left: -10px; display: flex; border-bottom: 1px solid #eee; padding: 10px 0px; align-items: center; }
.form2 dl dt { margin-left: 10px; }
.form2 dl dd { flex: 1; margin-left: 10px; text-align: right; }
.form2 dl dd input[type=text] { text-align: right; }
.form2 dl dd select { }
.form2 dl:last-child { border-bottom: none; }

.p-about { padding: 0px 15px 20px 15px; line-height: 180%; }

.p-test { }
.p-test a { display: block; margin: 20px 15px;  }
.p-test a img { display: block; width: 100%;  }
 
.p-testpaper { padding: 0px 15px 20px 15px; }
.p-testpaper .tit1 { color: #25abca; font-size: 16px; }
.p-testpaper .tit2 { color: #888; font-size: 12px; display: flex; align-items: center; margin-top: 5px; }
.p-testpaper .form { margin-top: 10px; border: 1px solid #ddd; border-radius: 10px; }
.p-testpaper .form dl { margin-bottom: -1px; padding: 10px 15px; }
.p-testpaper .form dl dt { }
.p-testpaper .form dl dt em { display: inline-block; width: 25px; color: #25abca; font-style: normal; }
.p-testpaper .form dl dd.radiolist { line-height: 30px; }
.p-testpaper .form dl dd.radiolist input { margin-left: 25px; }

/*.p-testpaper .form2 dl { border-bottom: none; margin-bottom: 0px; }
.p-testpaper .form2 dl dt { color: #888; font-size: 12px; }
.p-testpaper .form2 dl dd { padding-left: 0px; }*/
.p-testpaper .submit { margin-top: 20px; }

.p-testpaperrecord { margin-top: -10px; }
.p-testpaperrecord .item { padding: 10px 15px; margin-top: 10px; background: #fff; overflow: hidden; }
.p-testpaperrecord .item .no { color: #25abca; }
.p-testpaperrecord .item .info { margin-top: 10px; color: #888; }
.p-testpaperrecord .item .line { margin-top: 10px; height: 1px; overflow: hidden; background: #ddd; }
.p-testpaperrecord .item .tips { margin-top: 10px; color: #888; float: left; }
.p-testpaperrecord .item .cmd { margin-top: 10px; float: right; }
.p-testpaperrecord .item .result { clear: both; display: flex; flex-wrap: wrap;  margin: 0px -5px; }
.p-testpaperrecord .item .result .item { width: 33.33333%; display: flex; align-items: center; justify-content: center; box-sizing: border-box; padding: 10px 5px 25px 5px; position: relative; }
.p-testpaperrecord .item .result .item img { width: 100%; max-height: 120px; }
.p-testpaperrecord .item .result .item i { position: absolute; bottom: 0px; color: #f00; font-size: 14px; }

.p-membercenter { }
.p-membercenter .user { padding: 20px 15px; overflow: hidden; background: #fff; line-height: 25px; position: relative; }
.p-membercenter .user img { float: left; width: 60px; height: 60px; border-radius: 50%; overflow: hidden; }
.p-membercenter .user h2 { margin-top: 7px; margin-left: 75px; font-size: 16px; color: #25abca; }
.p-membercenter .user h3 { margin-left: 75px; font-size: 14px; color: #888; font-weight: normal; }
.p-membercenter .user .edit { position: absolute; right: 15px; top: 20px; }
.p-membercenter .user .edit:before { font-family: "iconfont" !important; content: "\e670"; color: #888; font-size: 16px; }
.p-membercenter .menu { margin-top: 10px; }
.p-membercenter .menu a { display: block; background: #fff; border-bottom: 1px solid #eee; line-height: 45px; padding: 0px 15px; }
.p-membercenter .menu a:after { float: right; font-family: "iconfont" !important; content: "\e63f"; }
 
.p-memberqrcode { }
.p-memberqrcode .qrcode { background: #f5f5f5; padding: 15px; margin: 0px 15px; border-radius: 10px; }
.p-memberqrcode .menu { margin-top: 40px; display: flex; padding: 0px 10px; }
.p-memberqrcode .menu a { flex: 1; line-height: 40px; border-radius: 10px; margin: 0px 5px; text-align: center; font-size: 16px; }
.p-memberqrcode .a1 { border: 1px solid #25abca; color: #25abca; }
.p-memberqrcode .a2 { background: linear-gradient(to bottom, #25abca 0%,#94ad2d 100%); color: #fff; }

.p-questions { margin-top: -10px; }
.p-questions .item { background: #fff; padding: 10px 15px; margin-top: 10px; line-height: 25px; overflow: hidden; }
.p-questions .item .q { }
.p-questions .item .q em { float: left; font-style: normal; color: #25abca; }
.p-questions .item .q p { margin-left: 25px; }
.p-questions .item .a { }
.p-questions .item .a em { float: left; font-style: normal; color: #25abca; }
.p-questions .item .a p { margin-left: 25px; color: #888; }
.p-questions .item .open { text-align: right; color: #888; }
.p-questions .item .open:after { font-family: "iconfont" !important; content: "收起 \e631"; font-size: 12px; }
.p-questions .item.shrink .a p { height: 75px; overflow: hidden; }
.p-questions .item.shrink .open:after { content: "展开 \e633"; }

.p-memberdiscount { }
.p-memberdiscount .item { border-bottom: 1px solid #ddd; padding: 10px 15px; background: #fff; overflow: hidden; line-height: 25px; }
.p-memberdiscount .item .title { margin-right: 120px; }
.p-memberdiscount .item .time { margin-right: 120px; color: #888; margin-top: 10px; }
.p-memberdiscount .item img { float: right; width: 100px; margin-left: 10px; }

.p-noticelist { margin-top: -15px; }
.p-noticelist .item { background: #fff; margin-top: 10px; padding: 10px 15px; overflow: hidden; }
.p-noticelist .item .title { }
.p-noticelist .item .content { color: #888; padding: 10px 0px; }
.p-noticelist .item .time { float: left; font-size: 12px; color: #888; }
.p-noticelist .item .cmd { float: right; }
.p-noticelist .item .cmd a { color: #888; }
.p-noticelist .item .cmd a i { margin-right: 5px; }

.p-Newsdetail { padding: 20px 15px; border-top: 1px solid #ddd; }
.p-Newsdetail .title { font-weight: bold; font-size: 20px; }
.p-Newsdetail .time { color: #888; margin-top: 10px; }
.p-Newsdetail .content { margin-top: 20px; line-height: 180%; }

.citychoicebox { position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 9999; background: rgba(0,0,0,.5); display: flex; flex-direction: column; justify-content: flex-end; }
.citychoicebox .mask { flex: 1; background: none; }
.citychoicebox .title { width: 100%; line-height: 50px; text-align: center; border-top-left-radius: 10px; border-top-right-radius: 10px; background: #fff; }
.citychoicebox .valuebar { width: 100%; background: #f5f5f5; display: flex; height: 40px; }
.citychoicebox .valuebar span { flex: 1; margin: 2px 10px 0px 10px; text-align: center; line-height: 36px; }
.citychoicebox .valuebar span.active { border-bottom: 2px solid #25abca; }
.citychoicebox .citylist { width: 100%; height: 200px; overflow: auto; background: #fff; }
.citychoicebox .citylist ul { margin: 0px; padding: 0px; }
.citychoicebox .citylist ul li { display: block; list-style: none; line-height: 30px; padding-left: 15px; margin: 0px; }

.p-register { padding: 20px 15px; }
.p-register .tit { font-weight: bold; padding-bottom: 20px; }

.p-unlineconsume { }
.p-unlineconsume .item { border-bottom: 1px solid #ddd; background: #fff; padding: 10px 15px; position: relative; }
.p-unlineconsume .item .title { padding-right: 60px; }
.p-unlineconsume .item .time { color: #888; margin-top: 10px; font-size: 12px; }
.p-unlineconsume .item .fee { position: absolute; top: 10px; right: 15px; font-weight: bold; color: #25abca; }


.p-psycho { }
.p-psycho .banner { padding: 10px 15px; background: #fff; }
.p-psycho .banner .swiper-container { position: relative; overflow: hidden; padding-bottom: 30px; }
.p-psycho .banner .swiper-container .swiper-pagination-bullets { bottom: 10px; }
.p-psycho .banner .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet { width: 10px; height: 10px; background: #eee; opacity: 1; }
.p-psycho .banner .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet-active { background: #25abca; }
.p-psycho .banner .swiper-container .swiper-wrapper .swiper-slide { position: relative; border-radius: 10px; overflow: hidden; }
.p-psycho .banner .swiper-container .swiper-wrapper .swiper-slide img { display: block; width: 100%; }
.p-psycho .banner .swiper-container .swiper-wrapper .swiper-slide span { position: absolute; left: 0px; bottom: 0px; right: 0px; height: 30px; line-height: 30px; overflow: hidden; background: rgba(0,0,0,.7); color: #fff; padding: 0px 10px; }
.p-psycho .banner .swiper-container .swiper-button { width: 50px; height: 60px; line-height: 60px; text-align: center; background: none; font-family: 宋体; font-size: 60px; font-weight: bold; color: #fff; opacity: .5; }
.p-psycho .banner .swiper-container .swiper-button:hover { opacity: 1; color: #f00; }
.p-psycho .banner .swiper-container .swiper-button-next { right: 50%; margin-right: -600px; }
.p-psycho .banner .swiper-container .swiper-button-prev { left: 50%; margin-left: -600px; }
.p-psycho .tit { padding: 10px 15px; margin-top: 10px; background: #fff; overflow: hidden; }
.p-psycho .tit h2 { float: left; font-weight: bold; }
.p-psycho .tit a { float: right; color: #25abca; }

.p-psychconsultantlist { }
.p-psychconsultantlist .search { background: #fff; }
.p-psychconsultantlist .search .mask { display: none; }
.p-psychconsultantlist .search .type { display: flex; border-bottom: 1px solid #ddd; padding: 0px 15px; justify-content: space-between; }
.p-psychconsultantlist .search .type li { display: flex; line-height: 40px; }
.p-psychconsultantlist .search .type li:after { margin-left: 5px; font-family: "iconfont" !important; content: "\e612"; }
.p-psychconsultantlist .search .type li.has { color: #25abca; }

.p-psychconsultantlist .search .options { display: none; }
.p-psychconsultantlist .search .cmd { display: none; }
.p-psychconsultantlist .search.show { position: fixed; left: 0px; top: 0px; right: 0px; z-index: 999; }
.p-psychconsultantlist .search.show .mask { display: block; position: fixed; left: 0px; top: 380px; right: 0px; bottom: 0px; background: rgba(0,0,0,.5); }
.p-psychconsultantlist .search.show .type li.has { color: #333; }
.p-psychconsultantlist .search.show .type li.action { color: #25abca; }
.p-psychconsultantlist .search.show .type li.action:after { transform: rotate(180deg); }
.p-psychconsultantlist .search.show .options { height: 300px; box-sizing: border-box; overflow: auto; padding: 0px 15px 20px 15px; }
.p-psychconsultantlist .search.show .options h2 { margin-top: 20px; font-size: 16px; font-weight: normal; }
.p-psychconsultantlist .search.show .options ul { margin-left: -10px; overflow: hidden; }
.p-psychconsultantlist .search.show .options ul li { float: left; margin-left: 10px; margin-top: 10px; width: 30%; line-height: 30px; background: #f5f5f5; text-align: center; border-radius: 4px; }
.p-psychconsultantlist .search.show .options ul li.selected { background: #25abca; color: #fff; }
.p-psychconsultantlist .search.show .options p { }
.p-psychconsultantlist .search.show .cmd { display: flex; }
.p-psychconsultantlist .search.show .cmd input { width: 50%; border-radius: 0px; height: 40px; }
.p-psychconsultantlist .search.show .cmd input.reset { background: #f5f5f5; color: #25abca; }
.p-psychconsultantlist .item { margin: 0px 15px; padding: 10px 0px; border-bottom: 1px solid #ddd; overflow: hidden; line-height: 20px; position: relative; }
.p-psychconsultantlist .item:last-child { border-bottom: none; }
.p-psychconsultantlist .item img { float: left; width: 50px; height: 50px; border-radius: 50%; overflow: hidden; }
.p-psychconsultantlist .item .name { margin-left: 60px; font-size: 16px; }
.p-psychconsultantlist .item .grade { margin-left: 60px; }
.p-psychconsultantlist .item .city { position: absolute; right: 0px; top: 10px; color: #888; }
.p-psychconsultantlist .item .city .iconfont.icon-fl-dizhi { }
.p-psychconsultantlist .item .introduce { margin-left: 60px; padding: 5px 0px; font-size: 12px; color: #999; }
.p-psychconsultantlist .item .method { float: left; margin-left: 60px; width: 120px; color: #888; }
.p-psychconsultantlist .item .method .iconfont.icon-fl-xiaoxi { }
.p-psychconsultantlist .item .followCount { float: left; color: #888; }
.p-psychconsultantlist .item .followCount:before { font-family: "iconfont" !important; content: "\e615"; }
.p-psychconsultantlist .item .followCount.action { color: #25abca; }
.p-psychconsultantlist .item .followCount.action:before { content: "\e60a"; }
.p-psychconsultantlist .item .fee { float: right; color: #888; font-size: 12px; }
.p-psychconsultantlist .item .fee i { font-size: 12px; color: #25abca; }
.p-psychconsultantlist .item .fee strong { color: #25abca; font-size: 16px; }

.p-psychconsultantdetail { line-height: 25px; }
.p-psychconsultantdetail .headimg { display: flex; flex-direction: column; align-items: center; position: relative; padding: 30px 0px; }
.p-psychconsultantdetail .headimg .bg { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: -1; filter: url(blur.svg#blur); /* FireFox, Chrome, Opera */ -webkit-filter: blur(10px); /* Chrome, Opera */ -moz-filter: blur(10px); -ms-filter: blur(10px); filter: blur(10px); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false); /* IE6~IE9 */ }
.p-psychconsultantdetail .headimg .bg:after { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 1; background: rgba(0,0,0,.1); content: ''; }
.p-psychconsultantdetail .headimg img { width: 80px; height: 80px; border-radius: 50%; border: 3px solid rgba(255,255,255,.5); }
.p-psychconsultantdetail .headimg .name { margin-top: 10px; font-size: 20px; color: #fff; font-weight: bold; }
.p-psychconsultantdetail .headimg .grade { margin-top: 10px; color: #fff; font-size: 16px; }
.p-psychconsultantdetail .headimg .type { margin-top: 5px; background: rgba(0,0,0,1); color: #fff; opacity: .5; border-radius: 12px; padding: 0px 15px; }
.p-psychconsultantdetail .headimg .city { margin-top: 5px; color: #fff; }
.p-psychconsultantdetail .feebar { display: flex; background: #fff; padding: 10px 0px; }
.p-psychconsultantdetail .feebar .item { flex: 1; }
.p-psychconsultantdetail .feebar .item div { text-align: center; }
.p-psychconsultantdetail .feebar .item div .iconfont.icon-fl-renminbi { }
.p-psychconsultantdetail .feebar .item.fee { font-size: 12px; color: #888; }
.p-psychconsultantdetail .feebar .item.fee i { font-size: 12px; color: #25abca; }
.p-psychconsultantdetail .feebar .item.fee strong { color: #25abca; font-size: 16px; }
.p-psychconsultantdetail .t1 { margin-top: 10px; background: #fff; display: flex; justify-content: center; padding: 30px 0px 0px 0px; }
.p-psychconsultantdetail .t1 a { font-size: 16px; width: 30%; text-align: center; position: relative; }
.p-psychconsultantdetail .t1 a.current { color: #25abca; font-weight: bold; }
.p-psychconsultantdetail .t1 a.current:after { position: absolute; left: 50%; bottom: -5px; margin-left: -20px; display: block; content: ''; width: 40px; height: 3px; overflow: hidden; background: #25abca; }
.p-psychconsultantdetail .content { padding: 0px 15px 70px 15px; background: #fff; overflow: hidden; }
.p-psychconsultantdetail .content .t2 { margin-top: 15px; display: flex; align-items: center; font-size: 16px; font-weight: bold; }
.p-psychconsultantdetail .content .t2:before { margin-right: 10px; content: ''; width: 4px; height: 12px; overflow: hidden; background: #25abca; }

.p-psychconsultantdetail .content .album { margin-top: 10px; }
.p-psychconsultantdetail .content .album .swiper-container .swiper-wrapper .swiper-slide { width: auto; }
.p-psychconsultantdetail .content .album .swiper-container .swiper-wrapper .swiper-slide img { height: 110px; border-radius: 10px; }
.p-psychconsultantdetail .content .album .swiper-container .swiper-pagination { display: none; }



.p-psychconsultantdetail .content .field { overflow: hidden; margin-left: -10px; }
.p-psychconsultantdetail .content .field .item { color: #25abca; float: left; margin-left: 10px; margin-top: 10px; padding: 0px 10px; background: #ebefd4; border-radius: 3px; }
.p-psychconsultantdetail .content .field .item.action { background: #25abca; color: #fff; }
.p-psychconsultantdetail .content .about { margin-top: 10px; }
.p-psychconsultantdetail .content .t3 { font-weight: bold; margin-top: 10px; }
.p-psychconsultantdetail .content .t3 i { margin-right: 5px; color: #888; }
.p-psychconsultantdetail .content .trainexperience { margin-top: 10px; }
.p-psychconsultantdetail .content .trainexperience .item { }
.p-psychconsultantdetail .content .trainexperience .item:before { float: left; margin-left: 20px; font-family: "iconfont" !important; content: "\e60b"; }
.p-psychconsultantdetail .content .trainexperience .item .text { margin-left: 40px; }
.p-psychconsultantdetail .content .trainexperience .item .time { margin-left: 40px; color: #888; font-size: 12px; }
.p-psychconsultantdetail .content .calendar { margin-top: 10px; }
.p-psychconsultantdetail .content .calendar .weekbar { display: flex; background: #25abca; border-radius: 5px; }
.p-psychconsultantdetail .content .calendar .weekbar .item { flex: 1; text-align: center; color: #fff; line-height: 35px; overflow: hidden; }
.p-psychconsultantdetail .content .calendar .datebar { display: flex; }
.p-psychconsultantdetail .content .calendar .datebar .item { flex: 1; margin: 0px 2px; position: relative; }
.p-psychconsultantdetail .content .calendar .datebar .item .month { position: absolute; left: 0px; top: 4px; background: #7d8997; color: #fff; font-size: 12px; line-height: 16px; border-radius: 3px; padding: 0px 4px; }
.p-psychconsultantdetail .content .calendar .datebar .item .day { margin-top: 20px; text-align: center; }
.p-psychconsultantdetail .content .calendar .datebar .item .time { display: flex; flex-direction: column; height: 36px; justify-content: center; align-items: center; margin-top: 5px; border: 1px solid #25abca; color: #25abca; border-radius: 5px; line-height: 16px; font-size: 12px; }
.p-psychconsultantdetail .content .calendar .datebar .item .time.action { background: #25abca; color: #fff; }
.p-psychconsultantdetail .content .calendar .datebar .item .time.disabled { border: 1px solid #eee; color: #999; }
.p-psychconsultantdetail .content .notes { background: #eee; margin: 20px -15px -20px -15px; padding: 10px 15px; color: #888; font-size: 12px; }
.p-psychconsultantdetail .cmd { position: fixed; left: 0px; bottom: 0px; width: 100%; background: #fff; line-height: 50px; display: flex; text-align: center; box-shadow: 0 0 5px #ddd; font-size: 16px; align-items: center; }

.p-psychconsultantdetail .cmd .customerservice { flex: 1; }
.p-psychconsultantdetail .cmd .line { height: 25px; width: 1px; overflow: hidden; background: #ddd; }
.p-psychconsultantdetail .cmd .follow { flex: 1; }
.p-psychconsultantdetail .cmd .follow:before { font-family: "iconfont" !important; content: "\e615"; }
.p-psychconsultantdetail .cmd .follow.action { color: #25abca; }
.p-psychconsultantdetail .cmd .follow.action:before { content: "\e60a"; }
.p-psychconsultantdetail .cmd .appointment { flex: 1.5; background: #25abca; color: #fff; }
.p-psychconsultantdetail .cmd .appointment i { font-size: 12px; }
.p-psychconsultantdetail .cmd .time { flex: 2; line-height: 20px; font-size: 12px; text-align: left; padding-left: 15px; }

.p-psychconsultantappointment { }
.p-psychconsultantappointment .step { display: flex; background: #f5f5f5; padding: 20px 0px; }
.p-psychconsultantappointment .step .item { flex: 1; display: flex; flex-direction: column; align-items: center; position: relative; }
.p-psychconsultantappointment .step .item em { line-height: 14px; width: 14px; text-align: center; border-radius: 50%; border: 3px solid #e0e0e0; background: #ccc; color: #fff; font-weight: bold; font-size: 12px; font-style: normal; }
.p-psychconsultantappointment .step .item h2 { margin-top: 5px; font-size: 14px; font-weight: normal; color: #888; }
.p-psychconsultantappointment .step .item.lxl:before { content: ''; display: block; position: absolute; left: 0px; top: 10px; right: 50%; margin-right: 15px; height: 1px; overflow: hidden; background: #ddd; }
.p-psychconsultantappointment .step .item.rxl:after { content: ''; display: block; position: absolute; left: 50%; top: 10px; right: 0px; margin-left: 15px; height: 1px; overflow: hidden; background: #ddd; }
.p-psychconsultantappointment .step .item.action em { background: #25abca; border: 3px solid #c7d393; }
.p-psychconsultantappointment .form2 { background: #fff; padding: 15px 15px 0px 15px; }
.p-psychconsultantappointment .form { background: #fff; padding: 15px 15px 0px 15px; }
.p-psychconsultantappointment .form dl.submit { margin-left: -10px; }
.p-psychconsultantappointment .form dl.submit dd { width: 50%; box-sizing: border-box; float: left; padding-left: 10px; }

.p-psychconsultantappointment .payinfo { background: #fff; padding: 0px 15px; overflow: hidden; }
.p-psychconsultantappointment .payinfo .pc { margin-top: 15px; overflow: hidden; }
.p-psychconsultantappointment .payinfo .pc img { float: left; width: 50px; height: 50px; overflow: hidden; border-radius: 50%; }
.p-psychconsultantappointment .payinfo .pc h2 { margin-left: 60px; }
.p-psychconsultantappointment .payinfo .pc p { margin-left: 60px; }
.p-psychconsultantappointment .payinfo .info { margin-top: 15px; border-top: 1px solid #eee; padding: 10px 0px; }
.p-psychconsultantappointment .payinfo .info dl { margin-top: 10px; display: flex; }
.p-psychconsultantappointment .payinfo .info dt { }
.p-psychconsultantappointment .payinfo .info dd { flex: 1; text-align: right; color: #888; }
.p-psychconsultantappointment .payinfo .info .form2 { }
.p-psychconsultantappointment .tips { margin-top: 30px; background: #f5f5f5; border-radius: 10px; padding: 10px 15px; }

.p-pcarecord { }
.p-pcarecord .statebar { display: flex; }
.p-pcarecord .statebar a { flex: 1; line-height: 40px; text-align: center; }
.p-pcarecord .statebar a.current { background: #25abca; color: #fff; }
.p-pcarecord .item { margin-top: 10px; background: #fff; padding: 15px; overflow: hidden; position: relative; }
.p-pcarecord .item:nth-child(2) { margin-top: 0px; }
.p-pcarecord .item { line-height: 25px; }
.p-pcarecord .item .pc img { float: left; width: 60px; height: 60px; overflow: hidden; border-radius: 50%; }
.p-pcarecord .item .pc .name { margin-left: 70px; font-size: 16px; padding-top: 5px; }
.p-pcarecord .item .pc .grade { margin-left: 70px; }
.p-pcarecord .item .view { position: absolute; right: 15px; top: 15px; color: #888; }
.p-pcarecord .item .view i { font-size: 12px; margin-right: 5px; }
.p-pcarecord .item .info { margin-top: 10px; padding-left: 70px; color: #888; padding-bottom: 10px; border-bottom: 1px solid #eee; }
.p-pcarecord .item .fee { float: left; margin-top: 10px; font-size: 12px; color: #888; }
.p-pcarecord .item .cmd { float: right; margin-top: 10px; }




.htmlpager { display: flex; justify-content: center; margin-top: 20px; }
.htmlpager a { margin: 0px 10px; line-height: 35px; padding: 0px 10px; background: #25abca; color: #fff; }
.htmlpager a.disabled { opacity: .5; }

.picshowbox { position: fixed; z-index: 9999; left: 0px; top: 0px; right: 0px; bottom: 0px; background: rgba(0,0,0,.7); display: flex; align-items: center; justify-content: center; }
.picshowbox img { max-height: 100vh; max-width: 100%; }

.alert { position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px; background: rgba(0,0,0,.7); display: flex; align-items: center; }
.alert .content { flex: 1; margin: 0px 30px; background: #fff; border-radius: 10px; padding: 30px; }
.alert .content .enter { width: 60%; line-height: 40px; margin: 30px auto 0px auto; text-align: center; border: 1px solid #25abca; color: #25abca; border-radius: 10px; }