html {color: #121212; background-color:#F8F8F8;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {
	margin: 0;padding: 0;font-family: "PingFang-SC-Medium",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",FontVsoicon,sans-serif
}
ul{list-style: none;}
a{color: #333;text-decoration: none}
.size20{font-size: 20px;}
.size15{font-size: 15px;}
.f_blod{ font-weight: bold}
.color0{color: #fff}
.color1{color: #999999}
.m_t_20{ margin-top: 20px;}
.m_t_30{ margin-top: 30px;}
.top{background: linear-gradient(90deg, #EF9BA0, #F2888E); color: #fff; padding: 20px}
.top .title{ text-align: center;margin-top: 10px;}
.top_detail{margin-top: 15px;}
.top_detail img{width: 100%;}
.top_detail span{ float: right;}
.nav{height: 54px; background-color: #fff;color: #999999;font-size: 15px;line-height: 50px;padding-left: 10px;}
.nav .cur{color: #333}
.nav_i{float: left; margin-right: 10px;position: relative;cursor: pointer;}
.nav_i span{ width: 22px;height: 4px;border-radius: 2px;background-color: #F8D94D;position: relative;bottom: 5px;left: 40%;display: block;}
.index_t{ height: 30px; margin-top: 20px;}
.index_t .index_txt{line-height: 30px; color: #333;font-size: 18px; float: left;font-weight: bold;}
.index_t .index_m{font-size: 15px;  float: right; line-height: 30px;}
.index_t .index_m i{ margin-top: 2px; margin-left: 2px;}
.index_m a{color: #999999}
.f6,.f8{margin-top: 20px; background-color: #fff;padding: 5px 20px;}
.f7{margin-top: 20px;padding: 5px 20px;}
.article{width: 100%;}
.article a{ text-decoration: none}
.article li{ width: 100%; height: 90px; margin-top: 20px;}
.article .t_img{ width: 40%; float: left;}
.article .t_img img{width: 100%; height: 90px;border-radius: 10px;}
.article .t_r{ width: 57%; margin-left: 3%; float: left;text-align: left}
.article .t_r_t{ font-size: 14px; height: 36px; overflow: hidden;color: #333; line-height: 18px}
.article .t_r_d{color: #999999; font-size: 12px; height: 16px; line-height: 16px; overflow: hidden;margin-bottom: 5px;margin-top: 5px;}
.article .t_r_i{ width: 100%;font-size: 10px;}
.article .t_r_i span{ color: #999999; margin-right: 5px;}
.article .t_r_i img{ width: 24px; height: 24px; border-radius: 50%; vertical-align: middle;margin-right: 5px;}
.article .s_r{ float: right; margin-right: 5px;margin-top: 5px;}
.article i{ margin-right: 5px; font-size: 12px;color: #333}

.video{ margin-top: 20px;width: 100%;height: 101pt;}
.v_item{position: relative;float: left;height: 136px;width: 31%;margin-left: 2%;overflow: hidden;background-color: #fff;color: #fff;}
.v_item img{ width: 100%; height: 136px;object-fit: cover;border-radius: 8px;}
.v_item i{ color: #fff; font-size: 10px;}
.v_item .free{position: absolute;top: 0px;right: 0px;background: linear-gradient(90deg, #FF4A4E, #FF6A47);border-radius: 0px 8px 0px 9px;height: 18px;padding: 0px 12px;font-size: 10px;line-height: 16px;}
.v_item .price{position: absolute;top: 0px;right: 0px;background: linear-gradient(90deg, #F6C9AA, #FDF5D9);border-radius: 0px 8px 0px 9px; height: 18px;padding: 0px 12px;font-size: 10px;line-height: 16px;color: #000}
.bottom{ position: absolute; bottom: 0px; font-size: 10px;width: 94%;}
.bottom .viewnum{ float: left;  margin-left: 12px;}
.bottom .time{float: right;}
.bottom img{width: 4px; height: 6px;position: absolute;bottom: 8px;left: 5px;float: left;}
/***咨询师列表**/
.f8{font-size: 12px;margin-top: 20px;padding: 5px 20px;}
.f8 ul li{ margin-bottom: 10px;background-color: #fff;border-radius: 5px;width: 100%; height: 145px;}
.f8 ul li a{text-decoration: none;color:#939393}
.zj{margin-top: 20px;}
.w_t{ height: 90px;}
.qs{ margin-top: 20px;}
.w_t2{ height: 100px;}
.zj .w_t_img{ width: 30%;float: left; text-align: center}
.qs .w_t_img{width: 30%;float: left;}
.w_t_img span{ width: 100%; display: block;height: 16px; overflow: hidden;color: #999999; margin-top: 5px;}
.zj .w_t_img img{  vertical-align: middle; width: 71pt; height: 91pt;border-radius: 10%;object-fit: cover;}
.qs .w_t_img img{  vertical-align: middle; width: 79px; height: 79px;border-radius: 50%;object-fit: cover;}
.w_t_img .name{ color: #2a2a2a;}
.zj .w_t_info,.f9 .w_t_info{ width: 68%; float: right}
.qs .w_t_info{width: 70%; position: relative;float: left;}
.w_t_info .c_title{ height: 14px; overflow: hidden;}
.w_t_info .c_title1{color: #5b5b5b;}
.w_t_info .c_title2{color: #333; margin-right: 10px;}
.w_t_info .c_msg{ height: 32px; color: #398352; overflow: hidden; margin: 4px 0px; line-height: 16px;}
.w_t_info .c_sum{ color: #666666; height: 20px; line-height: 20px; overflow: hidden; font-size: 14px;   position: relative;top: -30px; width: 100%;}
.w_t_info .qs_data{color: #999999;height: 20px; line-height: 20px; }
.w_t_info .qs_data span{ margin-right: 5%;}
.w_t_info .w_t_user{ width: 100%;position: relative;}
.w_t_user .age{position: absolute;top: 22px;left: 30%;color: #999;}
.w_t_user span{ margin-right: 5px;}
.f9 .name{font-size: 16px;color: #333;font-weight: bold;overflow: hidden;display: block;height: 24px;width: 76px;float: left;}
.f8 .name{font-size: 16px;color: #333;font-weight: bold;overflow: hidden;display: block;height: 24px;float: left;width: 70px;}
.f9 .city{position: relative;left: -78px;top: 2px;font-size: 12px;line-height: 24px;color: #999}
.f8 .city{position: absolute;left: 0px;top: 18px;font-size: 12px;line-height: 24px;color: #999}
.w_t_user .online{color: #666666;}
.w_t_user .online i{color: #fff;border-radius: 50%; font-size: 11px; padding: 5px; margin-right: 5px;}
.c_info{ width: 100%;height: 40px; position: relative}
.c_gy{height: 20px; line-height: 20px;overflow: hidden}
.c_gy span{ margin-right: 10px;}
.c_tag{ height: 25px; padding-top: 5px; font-size: 11px}
.c_tag .btn{background-color: #f8d94d; border: medium none; border-radius: 20px;color: #333;float: right;padding: 5px 10px;position: absolute;right: -16px;top: -4px}
.c_tag span{ border-radius: 5px;padding: 2px;}
.zaixian{ background-color: #7ECA60;}
.buzaixian{ background-color: #ccc;}
.tonghua{ background-color: #75A2F4;}
.call{background-color: #F8D94D;}
.w_t_info .qs_buy{ width: 85px;position: absolute;top: -5px;right: 0px;text-align: center;}
.qs_buy .qs_r{ float: right; border-radius: 20px;color: #333;padding: 5px 12px; margin-right: 20px; }
/*.w_t_user .city,.w_t_user .age{ float: left}*/
.w_t_user .city i{ margin-right: 5px; font-size: 12px}
.w_f div{ width: 24.6%; text-align: center; float: left;position: relative;font-size: 10px;}
.w_f .user_data{color: #333; font-size: 15px;font-weight: bold}
.w_f b{width: 1px; padding: 10px 0px;border: 1px solid #ccc}
.w_t .guanzhu{ float: right; padding: 2px 10px;background-color: #82D8D4; color: #fff}
.w_f .line{position: absolute;right: -5px;top: 10px;}
.link{ text-decoration: none;text-align: left;word-break: keep-all;}
.r_price{ display: block;position: absolute;text-align: center;top: 5px;right: 0px;height: 36px;}
.r_price i{ font-style: normal}
.r_price .price{ font-size: 24px; font-weight: bold;color: red}
.r_price img{width: 30px; height: 30px; vertical-align: middle;}
.r_price span{background-color: #F8D94D; color: #333;padding: 6px 15px;border-radius: 15px;}
.gao{    background-image: url("../images/gao.png");background-repeat: no-repeat;background-size: 100% auto;color: #fff;font-size: 10px;position: absolute;right: -10px;top: -12px;width: 22px; background-position: 0px 4px;height: 24px;line-height: 23px}
.jigao{ background-image: url(../images/jigao.png);background-repeat: no-repeat;background-size: 100% auto;color: #fff; font-size: 10px;position: absolute; width: 28px;right: -10px;top: -12px; background-position: 0px 4px;height: 24px;line-height: 23px}
.s_red{border: 1px solid #FF3C00; color: #FF3C00;}
.s_blue{border: 1px solid #448BF5; color:#448BF5}
.s_gey{border: 1px solid #666; color:#666}

.question{background-color: #f9f9f9;font-size: 12px;margin-top: 15px;}
.question ul li a{ width: 100%; text-decoration: none;color: #808080;}
.question ul li{border-bottom: #fff 1px solid;background-color: #fff;border-radius: 2px;margin-bottom: 10px;padding: 10px 15px;}
.question ul li img{ border-radius: 50%;width: 30px;margin-right: 10px;float: left;border: 1px solid #F8F8F8;}
.question ul li div{height: 38px;overflow: hidden;padding: 0px 5px 0px; line-height:20px;   font-size: 12px;}
.question ul li .msg{ color: #121212;font-size: 15px;}
.question .showinfo{ height: 20px; width: 100%; line-height: 30px; height: 30px;color: #999999;}
.question .showinfo .time{float: right;}
.question i{ margin-right: 5px;}
.showinfo span{ width: 60px; float: left; height: 20px;display: block}
.showinfo i{color: #333}
.question ul li span img{ width: 18px;vertical-align: middle;margin-right: 5px; height: 18px;}
.u_info span{float: left; margin-left: 10px;}

.test{width: 100%;}
.test a{ text-decoration: none}
.test li{  height: 80px; margin-top: 20px;}
.test .t_img{ width: 33%; float: left;}
.test .t_img img{width: 100%;height: 76px;border-radius: 10px;}
.test .t_r{ width: 64%; margin-left: 2%; float: left;text-align: left}
.test .t_r_t{ font-size: 14px; font-weight: bold; height: 18px; overflow: hidden;color: #333; line-height: 18px}
.test .t_r_d{color: #999999;font-size: 12px;height: 30px;line-height: 16px;overflow: hidden;margin-bottom: 2px;margin-top: 2px;}
.test .t_r_i{ width: 100%}
.test .t_r_i span{ color: #999999; margin-right: 1px;font-size: 10px;}
.test .t_r_i i{font-size: 10px;color: #333;}
.red{ color: red}

.f4{width: 100%; background-color: #F5F4F4;text-align: center; position: relative; clear: both; font-size: 12px;margin-bottom: 60px;margin-top: 30px;}
.f4 div{ margin-bottom: 5px;}
.f4 .link span{ padding: 0px 10px;}
.f4 .link span a{ text-decoration: none;color: #808080}