html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	vertical-align:baseline
}
html {
	line-height:1
}
strong {
	font-weight:bold
}
ol, ul {
	list-style:none
}
table {
	border-collapse:collapse;
	border-spacing:0
}
caption, th, td {
	text-align:left;
	font-weight:normal;
	vertical-align:middle
}
.lgbox .z a { color: #FFFFFF !important}
q, blockquote {
	quotes:none
}
q:before, q:after, blockquote:before, blockquote:after {
	content:"";
	content:none
}
a img {
	border:none
}
a {
	color:inherit;
	text-decoration:none
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
	display:block
}
.header {
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:70px;
	color:#303030;
	z-index:10;
	font-size:16px;
	background:#fff;
	-webkit-box-shadow:0 0 15px -2px rgba(0, 0, 0, 0.1);
	box-shadow:0 0 15px -2px rgba(0, 0, 0, 0.1)
}
.header a {
	display:block
}
.header .center-container {
	position:relative;
	width:1200px;
	height:100%;
	margin:0 auto;
	text-align:center
}
.header .logo {
	float:left;
	width:75px;
	margin-top:18px;
	position:relative
}
.header .logo img {
	width:92px;
	height:36px
}
.header .logo .area {
	position:absolute;
	min-width:60px;
	height:26px;
	line-height:26px;
	background:rgba(0, 0, 0, 0.05);
	border-radius:13px;
	left:116px;
	top:6px;
	font-size:12px;
	color:#666
}
.header .logo .area::before {
content:'';
display:inline-block;
position:relative;
top:6px;
width:12px;
height:14px;
margin-right:5px;
background:url("/website-pc/images/public/icon-location-1.png");
vertical-align:top
}
.header .item-list {
	list-style:none;
	padding-left:70px;
	overflow:hidden;
	float:right
}
.header .item-list>li {
	float:left;
	padding:0 30px;
	line-height:70px
}
.header .item-list>li:last-child {
	padding-right:0
}
.header .item-list>li.active>a {
	color:#ffa000
}
.header .item-list>li:hover>a {
	color:#ffa000
}
.header .item-list>li:hover>.second-list {
	display:block;
	opacity:1
}
.header .second-list {
	background:#fff;
	overflow:hidden;
	display:none;
	opacity:0;
	-webkit-transition:opacity 0.3s ease-in;
	transition:opacity 0.3s ease-in
}
.header .second-list>li {
	float:left;
	width:100%;
	line-height:56px
}
.header .second-list>li.active>a {
	color:#ffa000
}
.header .second-list>li:hover>a {
	color:#ffa000
}
.header .right-content {
	position:absolute;
	right:0;
	top:0;
	line-height:70px
}
.header .right-content>a {
	float:left
}
.header .right-content>a:hover {
	color:#ffa000
}
.header .right-content>.split-line {
	float:left;
	width:1px;
	height:20px;
	margin:25px 20px;
	background:#cacaca
}
.header .right-content .download-app>i {
	position:relative;
	top:2px;
	margin-right:10px;
	display:inline-block;
	width:10px;
	height:16px;
	background:url("../images/icon-mobile-small.png") no-repeat
}
.header .right-content .download-app:hover i {
	background:url("../images/icon-mobile-small-1.png") no-repeat
}
.header .login-wrap {
	float:right;
	margin-left:25px;
	height:70px
}
.header .login-wrap .btn-login {
	color:#333;
	line-height:70px;
	vertical-align:middle;
	cursor:pointer
}
.header .login-wrap .btn-login>span {
	position:relative;
	top:6px;
	margin-right:10px;
	display:inline-block;
	width:26px;
	height:26px;
	background:url("/images/icon-login.png") no-repeat
}
.header .user-info {
	position:relative;
	line-height:70px
}
.header .user-info:hover .btn-login-out {
	display:block
}
.header .user-info img {
	float:left;
	display:block;
	width:26px;
	height:26px;
	margin-top:32px;
	margin-right:10px;
	border-radius:50%
}
.header .user-info p {
	max-width:120px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.header .user-info .btn-login-out {
	display:none;
	position:absolute;
	padding:0 15px;
	line-height:50px;
	border-radius:4px;
	border:1px solid #f1f1f1;
	color:#444444;
	bottom:-40px;
	left:-30px;
	background:#fff;
	cursor:pointer
}

.crumb-bar {
	margin:30px 0;
	overflow:hidden
}
.crumb-bar li {
	font-size:14px;
	color:#9b9b9b;
	padding-right:12px;
	float:left
}
.crumb-bar li a {
	display:inline-block
}
.crumb-bar li a:after {
	content:'＞';
	margin-left:10px
}
.crumb-bar li a:hover {
	color:#ffa000
}
.crumb-bar .current {
	color:#333 !important
}
.xl-app-wrap {
	width:270px;
	height:398px;
	background:url("/website-pc/images/counselor/xl-app-bg.png") no-repeat;
	background-size:100% 100%;
	overflow:hidden
}
.xl-app-wrap .qrcode {
	width:120px;
	height:120px;
	margin:134px auto 0;
	background:#ccc
}
.xl-app-wrap .qrcode img {
	width:100%;
	height:100%
}
.xl-app-wrap .dl-btn {
	width:137px;
	margin:24px auto
}
.xl-app-wrap .dl-btn a {
	display:block;
	width:137px;
	height:36px;
	line-height:36px;
	margin-bottom:12px;
	text-align:center;
	background:#ffa000;
	color:#fff;
	font-size:14px
}
.paging-operation {
	text-align:center;
	margin-bottom:50px
}
.paging-operation a {
	display:inline-block;
	padding:8px;
	background:#F0F2F5;
	font-size:12px;
	color:#333;
	margin:0 4px
}
.paging-operation a.page-btns {
	background:#fff
}
.paging-operation a.active {
	background:#ffa000;
	color:#fff
}
.paging-operation div {
	display:inline-block
}
.paging-operation div>a {
	min-width:20px
}
.paging-operation div>a:hover {
	background:#ffa000;
	color:#fff
}
.paging-operation .prev-btn:hover, .paging-operation .next-btn:hover {
	background:#ffa000;
	color:#fff
}
.right-fixed-bar {
	position:fixed;
	right:0;
	top:50%;
	margin-top:-135px;
	z-index:11
}
.right-fixed-bar .link-group {
	-webkit-box-shadow:0 0 10px 0 rgba(102, 102, 102, 0.1);
	box-shadow:0 0 10px 0 rgba(102, 102, 102, 0.1);
	background:#ffffff
}
.right-fixed-bar .link-group>a, .right-fixed-bar .link-group div {
	display:block;
	width:70px;
	height:60px;
	overflow:hidden;
	cursor:pointer
}
.right-fixed-bar .link-group>a:hover, .right-fixed-bar .link-group div:hover {
	background:-webkit-gradient(linear, right top, left top, from(#ff7724), to(#ff9518));
	background:-webkit-linear-gradient(right, #ff7724 0%, #ff9518 100%);
	background:linear-gradient(-90deg, #ff7724 0%, #ff9518 100%)
}
.right-fixed-bar .link-group>a:hover p, .right-fixed-bar .link-group div:hover p {
	color:#fff
}
.right-fixed-bar .link-group>a .icon, .right-fixed-bar .link-group div .icon {
	width:18px;
	height:18px;
	margin:13px auto 0
}
.right-fixed-bar .link-group>a p, .right-fixed-bar .link-group div p {
	font-size:12px;
	margin-top:5px;
	color:#9b9b9b;
	text-align:center
}
.right-fixed-bar .link-group .about {
	margin-top:10px
}
.right-fixed-bar .link-group .about:hover .icon {
	background:url("/website-pc/images/home/icon-xl-0.png") no-repeat
}
.right-fixed-bar .link-group .about .icon {
	background:url("/website-pc/images/home/icon-xl-1.png") no-repeat
}
.right-fixed-bar .link-group .kefu {
	cursor:pointer
}
.right-fixed-bar .link-group .kefu:hover .icon {
	background:url("/website-pc/images/home/icon-kf-0.png") no-repeat
}
.right-fixed-bar .link-group .kefu .icon {
	background:url("/website-pc/images/home/icon-kf-1.png") no-repeat
}
.right-fixed-bar .link-group .dl-xl:hover .icon {
	background:url("/website-pc/images/home/icon-phone-0.png") no-repeat
}
.right-fixed-bar .link-group .dl-xl .icon {
	width:12px;
	background:url("/website-pc/images/home/icon-phone-1.png") no-repeat
}
.right-fixed-bar .link-group .to-top {
	margin-top:20px
}
.right-fixed-bar .link-group .to-top:hover .icon {
	background:url("/website-pc/images/home/icon-back-0.png") no-repeat
}
.right-fixed-bar .link-group .to-top .icon {
	background:url("/website-pc/images/home/icon-back-1.png") no-repeat
}
.right-fixed-bar .app-qrcode {
	position:absolute;
	bottom:-10px;
	left:-168px;
	width:158px;
	height:158px;
	background:#fff;
	-webkit-box-shadow:0 0 10px 0 rgba(102, 102, 102, 0.1);
	box-shadow:0 0 10px 0 rgba(102, 102, 102, 0.1)
}
.right-fixed-bar .app-qrcode img {
	width:110px;
	height:110px;
	margin-top:24px;
	margin-left:24px;
	background:#ccc
}
.right-fixed-bar .kefu-number {
	position:absolute;
	bottom:130px;
	left:-158px;
	font-size:20px;
	font-weight:bold;
	width:168px;
	color:#ffa000
}
.mentor-rank-block {
	width:230px;
	margin:0 auto
}
.mentor-rank-block .rank-condition {
	overflow:hidden;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	-ms-flex-pack:justify;
	justify-content:space-between
}
.mentor-rank-block .rank-condition .r-c-item {
	float:left;
	height:40px;
	line-height:40px;
	text-align:center;
	color:#666
}
.mentor-rank-block .rank-condition .r-c-item.active {
	color:#ffa000;
	border-bottom:2px solid #ffa000
}
.mentor-rank-block .rank-result {
	margin-top:30px
}
.mentor-rank-block .r-r-m-item {
	position:relative;
	display:block;
	width:230px;
	height:288px;
	margin-bottom:30px;
	background:#ccc;
	overflow:hidden
}
.mentor-rank-block .r-r-m-item:first-child {
	margin-left:0
}
.mentor-rank-block .r-r-m-item:hover .mask-box {
	-webkit-transform:translateY(-100%);
	-ms-transform:translateY(-100%);
	transform:translateY(-100%)
}
.mentor-rank-block .r-r-m-item:hover h3 {
	display:none
}
.mentor-rank-block .r-r-m-item .bg {
	position:relative;
	width:100%;
	height:100%
}
.mentor-rank-block .r-r-m-item .bg::after {
content:'';
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
background:rgba(0, 0, 0, 0.1)
}
.mentor-rank-block .r-r-m-item .bg img {
	width:100%;
	height:100%
}
.mentor-rank-block .r-r-m-item h3 {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:40px;
	line-height:40px;
	color:#ffffff;
	font-size:18px;
	text-align:center;
	background:-webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0)));
	background:-webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));
	background:linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0))
}
.mentor-rank-block .r-r-m-item .mask-box {
	position:absolute;
	bottom:-100%;
	left:0;
	width:100%;
	height:100%;
-webkit-transition:all .3s ease;
transition:all .3s ease;
	color:#ffffff;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	padding:20px;
	z-index:3;
	background:-webkit-gradient(linear, left bottom, left top, from(rgba(255, 198, 0, 0.9)), to(rgba(255, 150, 0, 0.9)));
	background:-webkit-linear-gradient(bottom, rgba(255, 198, 0, 0.9), rgba(255, 150, 0, 0.9));
	background:linear-gradient(to top, rgba(255, 198, 0, 0.9), rgba(255, 150, 0, 0.9))
}
.mentor-rank-block .r-r-m-item .mask-box>h4 {
	font-size:18px
}
.mentor-rank-block .r-r-m-item .mask-box .title {
	margin-top:12px;
	font-size:13px
}
.mentor-rank-block .r-r-m-item .mask-box>p {
	line-height:21px;
	margin-top:10px;
	font-size:13px
}
.title-embellish {
	font-size:20px
}
.title-embellish::before {
content:'';
display:inline-block;
vertical-align:top;
width:6px;
height:20px;
border-radius:6px;
margin-right:16px;
background:#ffa000
}
.guess-your-like {
	overflow:hidden;
	margin-top:60px
}
.guess-your-like .recommend-title {
	overflow:hidden
}
.guess-your-like .recommend-title h4 {
	float:left;
	font-size:20px;
	font-weight:bold
}
.guess-your-like .recommend-title a {
	float:right;
	font-size:16px;
	color:#9b9b9b;
	text-align:center;
	vertical-align:top
}
.guess-your-like ul li {
	margin-top:20px
}
.guess-your-like ul a {
	display:block;
	width:100%;
	font-size:14px;
	color:#333333;
	letter-spacing:0;
	line-height:24px;
	text-align:justify;
	word-break:break-all
}
.guess-your-like ul .info {
	font-size:13px;
	color:#9b9b9b;
	overflow:hidden;
	margin-top:14px
}
.guess-your-like ul .info .left-text {
	float:left
}
.guess-your-like ul .info .right-text {
	float:right
}
.common-article-list {
	margin-bottom:30px
}
.common-article-list .common-article-item {
	width:100%;
	padding:30px 0
}
.common-article-list .common-article-item a {
	display:inline-block
}
.common-article-list .common-article-item .article-cover {
	width:270px;
	height:180px;
	background:#f8f8f8;
	margin-right:20px;
	display:inline-block;
	position:relative
}
.common-article-list .common-article-item .article-cover::after {
content:'';
position:absolute;
left:0;
right:0;
bottom:0;
top:0;
background:rgba(0, 0, 0, 0.06)
}
.common-article-list .common-article-item .article-cover img {
	width:100%;
	height:100%
}
.common-article-list .common-article-item .article-info {
	display:inline-block;
	vertical-align:top;
	width:560px;
	line-height:1.5
}
.common-article-list .common-article-item .article-info .article-title {
	margin-top:6px;
	font-size:18px;
	color:#333;
	font-weight:bold
}
.common-article-list .common-article-item .article-info .author-info {
	font-size:13px;
	color:#c8c8c8;
	margin:10px 0
}
.common-article-list .common-article-item .article-info .author-info .author-name {
	margin-right:40px
}
.common-article-list .common-article-item .article-info .article-desc {
	font-size:13px;
	line-height:1.7;
	color:#333;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	max-height:42px;
	margin-top:22px
}
.common-article-list .common-article-item:not(:first-child) {
border-top:1px dashed #e8e8e8
}
.common-article-list .common-article-item .tags {
	overflow:hidden;
	margin-top:20px
}
.common-article-list .common-article-item .tags>a>span {
	display:block;
	float:left;
	height:25px;
	line-height:25px;
	margin:0 8px 8px 0;
	border:0 solid #E4E4E4;
	padding:0 10px;
	border-radius:5px;
	background:#FAFAFA;
	cursor:pointer;
	white-space:nowrap;
	text-decoration:none;
	color:#333;
	font-size:12px
}
.hot-tags {
	margin-top:60px
}
.hot-tags>h3 {
	font-size:20px;
	color:#333;
	font-weight:bold
}
.hot-tags>h3::before {
content:'';
display:inline-block;
height:20px;
width:5px;
border-radius:3px;
background:#ffa000;
margin-right:10px;
vertical-align:top
}
.hot-tags .tags-list {
	overflow:hidden;
	width:276px;
	padding-top:20px
}
.hot-tags .tags-list .tag-item {
	position:relative;
	display:block;
	float:left;
	height:25px;
	line-height:25px;
	margin:0 8px 8px 0;
	border:0 solid #E4E4E4;
	padding:0 10px;
	border-radius:5px;
	background:#FAFAFA;
	cursor:pointer;
	white-space:nowrap;
	text-decoration:none;
	color:#333;
	font-size:12px
}
.hot-tags .tags-list .tag-item:hover {
	background:#FF9900;
	color:#FFF
}
.sem-consult-form-entry {
	position:fixed;
	bottom:0;
	right:0;
	z-index:11;
	width:100%;
	height:157px;
	background:url("/website-pc/images/sem/sem-consult-fix-bg.png") no-repeat center;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
-webkit-transition:all ease-out .3s;
transition:all ease-out .3s
}
.sem-consult-form-entry.mini {
	width:120px;
	height:120px;
	right:60px;
	bottom:106px;
	background:url("/website-pc/images/sem/sem-consult-bg-mini.png") no-repeat center
}
.sem-consult-form-entry.mini .center-container {
	display:none
}
.sem-consult-form-entry .center-container {
	position:relative;
	width:1200px;
	margin:0 auto
}
.sem-consult-form-entry .btn-consult {
	position:absolute;
	right:70px;
	top:68px;
	width:160px;
	height:50px;
	cursor:pointer;
	background:url("/website-pc/images/sem/sem-consult-btn-1.png") no-repeat
}
.sem-consult-form-entry .btn-close {
	position:absolute;
	right:0;
	top:38px;
	width:28px;
	height:28px;
	cursor:pointer;
	background:url("/website-pc/images/sem/sem-consult-close-icon.png") no-repeat
}
.sem-consult-alert-wrap {
	-webkit-box-shadow:rgba(15, 66, 76, 0.25) 0px 0px 24px 0px;
	box-shadow:rgba(15, 66, 76, 0.25) 0px 0px 24px 0px;
	border-radius:5px 5px 0px 0px;
	width:360px;
	height:540px;
	overflow:hidden;
	z-index:2147483647;
	border:none;
	position:fixed;
	bottom:0px;
	right:100px;
	display:none
}
.sem-consult-alert-wrap .btn-close {
	position:absolute;
	width:10px;
	height:10px;
	top:16px;
	right:11px;
	cursor:pointer;
	background:url("https://static.sobot.com/chat/pc_new/img/bgGroup.png") no-repeat;
	background-position:-2474px 0
}
.sem-consult-alert-wrap iframe {
	display:none;
	width:100%;
	height:100%
}
body {
	color:#333;
	font-family:Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif
}
.clear-fix {
	zoom:1;
	display:block
}
.clear-fix::after {
content:" ";
visibility:hidden;
display:block;
font-size:0;
height:0;
clear:both
}

/*# sourceMappingURL=public.css.map */


#quater_bar_line {
position: absolute;
    background: transparent;
    -webkit-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.2);
    box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.2);
    color: #fff;
}
#quater_bar_line a, .quater_user_info .nickname { color: #FFFFFF}
.navi li a { padding: 0; margin: 0 30px}
.navi li.a a { height: 76px; color: #FFFFFF !important; border-bottom: 4px solid #fff}
.icon-search { background-image: url(../searchw.png) !important}
.quater_user_info .left_user .arrow { background-image: url(../yp_spiritw.png) !important}