load-more .load-more, [data-is="load-more"] .load-more {
	margin: 0 auto;
	text-align: center;
}

load-more .wait-loading.button--medium, [data-is="load-more"] .wait-loading.button--medium
	{
	height: 160px;
}

body.mobile .header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    min-height: 43px;
    padding: 0;
    z-index: 200;
    color: #40434c;
    background-color: #ffffff;
    box-shadow: none;
}

load-more .rote, [data-is="load-more"] .rote {
	position: relative;
	margin-right: 4px;
	display: inline-block;
	width: 14px;
	height: 14px;
	border-radius: 7px;
	background: linear-gradient(to right, rgba(200, 200, 200, 0.1) 10%,
		rgba(151, 151, 151, 0.6));
	animation: rotateForever 1s 0s linear infinite;
	vertical-align: sub;
}

load-more .rote::after, [data-is="load-more"] .rote::after {
	content: '';
	position: absolute;
	width: 10px;
	height: 10px;
	left: 0;
	top: 0;
	border-radius: 5px;
	background: #fff;
	margin: 2px 0 0 2px;
}

load-more button, [data-is="load-more"] button {
	border: 0 none;
	margin: 0;
	width: 100%;
	background-color: #fff;
}

load-more button:hover, [data-is="load-more"] button:hover {
	background-color: #f5f5f5;
}

load-more .bottom-logo img, [data-is="load-more"] .bottom-logo img {
	margin: 0;
	float: none;
}

experts #vue-experts .experts-match, [data-is="experts"] #vue-experts .experts-match
	{
	display: block;
	height: 48px;
	background-color: #fff;
	border-top: 1px solid #f7f8fc;
	border-bottom: 1px solid #f7f8fc;
}

experts #vue-experts .experts-match p, [data-is="experts"] #vue-experts .experts-match p
	{
	display: block;
	height: 32px;
	width: 192px;
	margin: 9px auto !important;
	line-height: 32px;
	font-size: 14px;
	color: #969cb2;
	text-align: center;
	border-radius: 4px;
	background-color: #f7f8fc;
}

experts #vue-experts .mask .rote::after, [data-is="experts"] #vue-experts .mask .rote::after
	{
	content: '';
	position: absolute;
	width: 10px;
	height: 10px;
	left: 0;
	top: 0;
	border-radius: 5px;
	background: #fff;
	margin: 2px 0 0 2px;
}

experts #vue-experts .consultant-item, [data-is="experts"] #vue-experts .consultant-item
	{
	border-bottom: 1px solid #f2f2f2;
	background-color: #fff
}

experts #vue-experts .common-item, [data-is="experts"] #vue-experts .common-item
	{
	display: block;
	position: relative;
	padding: 16px;
}

experts #vue-experts .common-item.match, [data-is="experts"] #vue-experts .common-item.match
	{
	border-top: 1px solid #f2f2f2
}

experts #vue-experts .expert-photo, [data-is="experts"] #vue-experts .expert-photo
	{
	float: left;
	width: 60px;
	height: 60px;
	border-radius: 50%;
}

experts #vue-experts .common-item .summary, [data-is="experts"] #vue-experts .common-item .summary
	{
	margin-left: 80px;
	min-height: 60px;
}

experts #vue-experts .common-item .expert-name, [data-is="experts"] #vue-experts .common-item .expert-name
	{
	margin: 0;
	font-size: 16px;
	color: #40434c;
	line-height: 22px;
	font-weight: normal;
}

experts #vue-experts .common-item .news-expert, [data-is="experts"] #vue-experts .common-item .news-expert
	{
	margin-left: 10px;
	font-size: 12px;
	color: #c0c2cc;
}

experts #vue-experts .common-item .address, [data-is="experts"] #vue-experts .common-item .address
	{
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100px;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	float: right;
	padding-left: 20px;
	margin-top: 5px;
	font-size: 12px;
	line-height: 15px;
	color: #c0c2cc;
	background-image:
		url('/andisk/uploads/72ae3053cc9243d4a131504bfee03e51.png');
	background-size: 10px 13px;
	background-repeat: no-repeat;
	background-position: 5px center;
}

experts #vue-experts .common-item .expert-text, [data-is="experts"] #vue-experts .common-item .expert-text
	{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	white-space: normal;
	margin-top: 7px;
	font-size: 14px;
	color: #6b707f;
	line-height: 21px;
	word-break: break-all;
}

experts #vue-experts .common-item .expert-info, [data-is="experts"] #vue-experts .common-item .expert-info
	{
	margin-top: 10px;
	font-size: 14px;
	line-height: 21px;
	color: #47b2aa;
}

.expert-info span.price {
    margin-left: 10px;
}

.expert-name span.expert-title {
    max-width: 200px;
    display: inline-block;
    margin-left: 10px;
    height: 22px;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
}

experts #vue-experts .common-item .status, [data-is="experts"] #vue-experts .common-item .status
	{
	position: absolute;
	right: 0px;
	bottom: 14px;
	width: 84px;
	height: 24px;
	font-size: 12px;
	line-height: 24px;
	text-align: center;
	background: #c0c2cc;
	color: #fff;
	border-top-left-radius: 12px;
	border-bottom-left-radius: 12px;
	box-sizing: border-box;
}

experts #vue-experts .message, [data-is="experts"] #vue-experts .message
	{
	margin: 0;
	padding-top: 50px;
	text-align: center;
	min-height: 300px;
	background-color: #f7f8fc;
}

experts #vue-experts .message img, [data-is="experts"] #vue-experts .message img
	{
	width: 69px;
	height: 69px;
}

experts #vue-experts .message p, [data-is="experts"] #vue-experts .message p
	{
	width: 132px;
	margin: 18px auto;
	font-size: 12px;
	text-align: center;
	line-height: 18px;
	color: #969cb2;
}

experts #vue-experts .match-bottom, [data-is="experts"] #vue-experts .match-bottom
	{
	width: 100%;
	position: fixed;
	bottom: 0;
	background: rgba(0, 0, 0, .7);
	display: none;
}

experts #vue-experts .match-bottom a, [data-is="experts"] #vue-experts .match-bottom a
	{
	display: block;
	color: #FFF;
	padding: 3px 0;
}

experts #vue-experts .match-bottom p, [data-is="experts"] #vue-experts .match-bottom p
	{
	margin: 0;
	font-size: 12px;
	padding-left: 50px;
	height: 18px;
	line-height: 18px;
}

experts #vue-experts .match-bottom .close, [data-is="experts"] #vue-experts .match-bottom .close
	{
	position: absolute;
	top: 50%;
	left: 10px;
	margin-top: -9px;
	width: 18px;
	height: 18px;
}

experts #vue-experts .match-bottom .close:before, [data-is="experts"] #vue-experts .match-bottom .close:before,
	experts #vue-experts .match-bottom .close:after, [data-is="experts"] #vue-experts .match-bottom .close:after
	{
	content: "";
	display: block;
	position: absolute;
	width: 18px;
	height: 2px;
	top: 50%;
	margin-top: -1px;
	background: #FFF;
}

experts #vue-experts .match-bottom .close:before, [data-is="experts"] #vue-experts .match-bottom .close:before
	{
	transform: rotate(45deg);
}

experts #vue-experts .match-bottom .close:after, [data-is="experts"] #vue-experts .match-bottom .close:after
	{
	transform: rotate(-45deg);
}

experts #vue-experts .none, [data-is="experts"] #vue-experts .none {
	-display: none;
}

experts #vue-experts .expert-advert, [data-is="experts"] #vue-experts .expert-advert
	{
	padding: 16px 16px 16px;
	background-color: #f7f8fc;
}

experts #vue-experts .expert-advert-content, [data-is="experts"] #vue-experts .expert-advert-content
	{
	overflow: hidden;
	border-radius: 4px;
}

experts #vue-experts .popuop_model, [data-is="experts"] #vue-experts .popuop_model
	{
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: red;
	z-index: 100;
}

@media ( max-width : 330px) {
	experts #vue-experts .common-item .address, [data-is="experts"] #vue-experts .common-item .address
		{
		max-width: 65px;
	}
}

slider, [data-is="slider"] {
	display: block;
	width: 100%;
}

slider .container, [data-is="slider"] .container {
	position: relative;
	display: block;
	margin: 26px 0 0 0;
	overflow: visible;
}

slider .runway, [data-is="slider"] .runway {
	display: block;
	width: 100%;
	height: 6px;
	background: #F2F3F7;
}

slider .bar, [data-is="slider"] .bar {
	display: block;
	position: absolute;
	height: 6px;
	background: #39BFB7;
}

slider-button div, [data-is="slider-button"] div {
	display: block;
	position: absolute;
	background: #fff;
	width: 28px;
	height: 28px;
	border: 1px solid #39BFB7;
	border-radius: 50%;
	top: 50%;
	margin-top: -14px;
	background: #fff;
	transform: translate(-50%);
	z-index: 1;
}

experts-topbar .filters-box.mobile-active, [data-is="experts-topbar"] .filters-box.mobile-active
	{
	position: fixed;
	top: 43px;
	z-index: 100;
	width: 100%;
	border-bottom: 1px solid #f2f3f7;
	line-height: 30px;
}

experts-topbar .filters-box.mobile-active.app, [data-is="experts-topbar"] .filters-box.mobile-active.app
	{
	top: 0;
}

experts-topbar .filters-box.app-active, [data-is="experts-topbar"] .filters-box.app-active
	{
	position: fixed;
	top: 0;
	z-index: 3;
	width: 100%;
	border-bottom: 1px solid #eee;
	line-height: 30px;
}

 .labels-bar, [data-is="experts-topbar"] #filters .labels-bar
	{
	position: relative;
	color: #6d7183;
	font-size: 14px;
	overflow: hidden;
	background: #fff;
	z-index: 3;
	box-sizing: border-box;
}

 .labels-bar .label, [data-is="experts-topbar"] #filters .labels-bar .label
	{
	width: 20%;
	padding: 6px 0;
	display: inline-block;
	text-align: center;
	height: 29px;
	line-height: 29px;
	vertical-align: middle;
}

 .labels-bar .label.active, [data-is="experts-topbar"] #filters .labels-bar .label.active,
	 .labels-bar .label.active_color, [data-is="experts-topbar"] #filters .labels-bar .label.active_color
	{
	color: #4bb0ad;
}

 .labels-bar .label.show i, [data-is="experts-topbar"] #filters .labels-bar .label.show i
	{
	transform: rotate(180deg);
	color: #4bb0ad;
}

 .labels-bar span, [data-is="experts-topbar"] #filters .labels-bar span
	{
	display: inline-block;
	max-width: 80%;
	vertical-align: bottom;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}

 .labels-bar i, [data-is="experts-topbar"] #filters .labels-bar i
	{
	margin-left: 3px;
	color: #969cb2;
	position: relative;
	vertical-align: middle;
}

 .labels-bar span.zixun__funnel__image, [data-is="experts-topbar"] #filters .labels-bar span.zixun__funnel__image
	{
	position: relative;
	top: -2px;
	margin: 0 0 0 2px;
	vertical-align: middle;
}

 .labels-bar span.zixun__funnel__image img, [data-is="experts-topbar"] #filters .labels-bar span.zixun__funnel__image img
	{
	display: block;
	width: 16px;
	height: 16px;
}

 .labels-bar .active i, [data-is="experts-topbar"] #filters .labels-bar .active i
	{
	color: #4bb0ad;
	transform: rotate(180deg);
}

 .mini-tags-bar, [data-is="experts-topbar"] #filters .mini-tags-bar
	{
	position: absolute;
	z-index: 3;
	overflow: hidden;
	top: 90px;
	width: 100%;
}

.mini-tags-bar.city
	{
	height: 350px;
}

.mini-tags-bar.more
	{
	height: 700px;
}

 .mini-tags-bar .list
	{
	position: relative;
	top: 1px;
	overflow: hidden;
	background: #fff;
	padding: 0;
	width: 100%;
	box-sizing: border-box;
}

 .mini-tags-bar .list .field, .mini-tags-bar .list .field,
	 .mini-tags-bar .list .type, [data-is="experts-topbar"] #filters .mini-tags-bar .list .type
	{
	padding: 12px 16px 6px;
	display: flex;
	flex-wrap: wrap;
}

.filter-bar .active{
	display:block!important;
	position:fixed;
	z-index: 4;
}

.city-box-left .active,#time-bar .active,#more-bar .active{
	position:static;
}

.mini-tags-bar .list .field, .mini-tags-bar .list .field
	{
	padding: 2px 16px 6px;
}

.mini-tags-bar .tag  {
	display: inline-block;
	margin-bottom: 16px;
	min-width: 100px;
	font-size: 14px;
	color: #969cb2;
	text-align: center;
	background: #fff;
	border-radius: 4px;
	border: 1px solid #f2f3f7;
	box-sizing: border-box;
	margin-left:6px;
}


.mini-tags-bar .sp {
    width: auto;
    border: 0px;
    border-bottom: 1px solid #80808024;
    padding-right: 10px;
    font-weight: bolder;
    margin-bottom: 6px;
    text-align: left;
    color: black;
    position:static;
}

 .mini-tags-bar .list .field.tags.price, [data-is="experts-topbar"] #filters .mini-tags-bar .list .field.tags.price
	{
	display: block;
	padding: 0 35px;
}

 .tags.price .tag, [data-is="experts-topbar"] #filters .tags.price .tag
	{
	display: block;
	width: 100%;
	border: none;
	color: #6B707F;
	text-align: left;
	padding: 21px 0 38px 0;
	padding-left: 30px;
}

 .tags.price .tag .container, [data-is="experts-topbar"] #filters .tags.price .tag .container
	{
	padding: 0;
}

 .tags.price .tag .tips, [data-is="experts-topbar"] #filters .tags.price .tag .tips
	{
	position: relative;
	left: -38px;
}

 .tag.active, [data-is="experts-topbar"] #filters .tag.active
	{
	border: 1px solid #83cac8;
	background-color: #edfdfd;
	color: #4bb0ad;
}

.tag.on, [data-is="experts-topbar"] #filters .tag.on {
    border: 1px solid #83cac8;
    background-color: #edfdfd;
    color: #4bb0ad;
}

 .mini-tags-bar .list .field .tag:nth-child(3n-1),
	[data-is="experts-topbar"] #filters .mini-tags-bar .list .field .tag:nth-child(3n-1),
	 .mini-tags-bar .list .type .tag:nth-child(3n-1),
	[data-is="experts-topbar"] #filters .mini-tags-bar .list .type .tag:nth-child(3n-1),
	 .mini-tags-bar .list .tags-list .tag:nth-child(3n-1),
	[data-is="experts-topbar"] #filters .mini-tags-bar .list .tags-list .tag:nth-child(3n-1)
	{
	margin: 0 calc(( 100% - 300px)/2) 16px;
}

 .mini-tags-bar .list .tags-list .tag:nth-child(3n-1).big-tag,
	[data-is="experts-topbar"] #filters .mini-tags-bar .list .tags-list .tag:nth-child(3n-1).big-tag
	{
	margin: 0 16px 16px 0;
}

 .mini-tags-bar .list .sort_tag .tag:nth-child(13),
	[data-is="experts-topbar"] #filters .mini-tags-bar .list .sort_tag .tag:nth-child(13)
	{
	margin-right: calc(( 100% - 300px)/2);
}

 .big-tag, [data-is="experts-topbar"] #filters .big-tag
	{
	min-width: inherit;
	padding: 0 20px;
	margin-right: 20px;
}

 .mini-tags-bar .list .tags .name, [data-is="experts-topbar"] #filters .mini-tags-bar .list .tags .name
	{
	padding-left: 16px;
	margin: 0 0 6px;
	font-size: 14px;
	color: #6d7183;
}

 .mini-tags-bar .list .tags .tags-list, [data-is="experts-topbar"] #filters .mini-tags-bar .list .tags .tags-list
	{
	padding: 12px 16px 0px;
	display: flex;
	flex-wrap: wrap;
}

 .mini-tags-bar .btn-box .btn, [data-is="experts-topbar"] #filters .mini-tags-bar .btn-box .btn
	{
	display: inline-block;
	width: 49%;
	margin: 0;
	padding: 0;
	border: none;
	font-size: 14px;
	text-align: center;
	height: 46px;
	line-height: 46px;
}

 .mini-tags-bar .btn-box .btn_rest, [data-is="experts-topbar"] #filters .mini-tags-bar .btn-box .btn_rest
	{
	background: #f7f8fc;
	color: #6d7183;
}

 .mini-tags-bar .btn-box .btn_sure, [data-is="experts-topbar"] #filters .mini-tags-bar .btn-box .btn_sure
	{
	background: #3bb0ad;
	color: #fff;
}

 .mini-tags-bar .list-box-city, [data-is="experts-topbar"] #filters .mini-tags-bar .list-box-city
	{
	position: relative;
	display: flex;
}

 .mini-tags-bar .list-box-city .city-box-right, [data-is="experts-topbar"] #filters .mini-tags-bar .list-box-city .city-box-right
	{
	flex: 1;
	height: 304px;
}

 .mini-tags-bar .list-box-city .city-box-left, [data-is="experts-topbar"] #filters .mini-tags-bar .list-box-city .city-box-left
	{
	width: 120px;
	height: 304px;
	background: #f7f8fc;
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
}

 .mini-tags-bar .city-box-left .province, [data-is="experts-topbar"] #filters .mini-tags-bar .city-box-left .province
	{
	height: 46px;
	line-height: 46px;
	font-size: 14px;
	padding: 0 15px;
	overflow: hidden;
	color: #6d7183;
	text-overflow: ellipsis;
	white-space: nowrap;
}

 .mini-tags-bar .city-box-left .province.active,
	[data-is="experts-topbar"] #filters .mini-tags-bar .city-box-left .province.active
	{
	background-color: #fff;
}

 .mini-tags-bar .city-box-right, [data-is="experts-topbar"] #filters .mini-tags-bar .city-box-right
	{
	width: 66.4%;
	background: #fff;
}

 .mini-tags-bar .city-box-right .city, [data-is="experts-topbar"] #filters .mini-tags-bar .city-box-right .city
	{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 16px;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	padding: 10px 0;
	box-sizing: border-box;
}

 .mini-tags-bar .no-city-tips, [data-is="experts-topbar"] #filters .mini-tags-bar .no-city-tips
	{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 16px;
	width: 100%;
	height: 46px;
	font-size: 14px;
	color: #129994;
	border-top: 1px solid #f2f3f7;
	text-align: center;
	background: #fff;
	box-sizing: border-box;
}

 .mini-tags-bar .no-city_left .icon, [data-is="experts-topbar"] #filters .mini-tags-bar .no-city_left .icon
	{
	display: inline-block;
	margin-right: 8px;
	width: 12px;
	height: 12px;
	background-image:
		url('/andisk/uploads/1b504b34908e4264820c372ff9c2ef1b.png');
	background-size: contain;
	vertical-align: middle;
}

 .mini-tags-bar .no-city_left .text, [data-is="experts-topbar"] #filters .mini-tags-bar .no-city_left .text
	{
	font-size: 12px;
	color: #969cb2;
}

 .mini-tags-bar .no-city_right, [data-is="experts-topbar"] #filters .mini-tags-bar .no-city_right
	{
	width: 100px;
	height: 32px;
	font-size: 14px;
	color: #969cb2;
	line-height: 32px;
	text-align: center;
	border: 1px solid #f2f3f7;
	border-radius: 4px;
}

 .mini-tags-bar .no-city-tips-content, [data-is="experts-topbar"] #filters .mini-tags-bar .no-city-tips-content
	{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, .9);
}

 .mini-tags-bar .no-city-tips-content p, [data-is="experts-topbar"] #filters .mini-tags-bar .no-city-tips-content p
	{
	width: 77%;
	margin: 20% auto 0;
	line-height: 30px;
	color: #6b707f;
}

 .mini-tags-bar .no-city-tips-content .close, [data-is="experts-topbar"] #filters .mini-tags-bar .no-city-tips-content .close
	{
	display: inline-block;
	position: absolute;
	width: 24px;
	height: 24px;
	bottom: 30px;
	left: 50%;
	margin: 0 0 0 -12px;
	background-image:
		url('//jdxl-img.b0.upaiyun.com/uploads/88d37b23102348a1b7a6969ddc47ba8b.png');
	background-size: contain;
}

 .mini-tags-bar .list-box-more .tags-box, [data-is="experts-topbar"] #filters .mini-tags-bar .list-box-more .tags-box
	{
	height: 334px;
	box-sizing: border-box;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}

 .mini-tags-bar .list-box-more .tags-box .tags, [data-is="experts-topbar"] #filters .mini-tags-bar .list-box-more .tags-box .tags
	{
	border-bottom: 1px solid #f2f3f7;
	margin-bottom: 8px;
}

 .mini-tags-bar .name, [data-is="experts-topbar"] #filters .mini-tags-bar .name
	{
	clear: both;
	margin: 0 .5em .4em;
}

 .select-tag, [data-is="experts-topbar"] #filters .select-tag
	{
	padding: 0 16px;
	font-size: 10px;
	color: #969cb2;
}

 .select-tag.samll-pa, [data-is="experts-topbar"] #filters .select-tag.samll-pa
	{
	padding-left: 10px;
}

@media ( max-width : 330px) {
	 .tag, [data-is="experts-topbar"] #filters .tag {
		min-width: 80px;
	}
	 .mini-tags-bar .list .field .tag:nth-child(3n-1),
		[data-is="experts-topbar"] #filters .mini-tags-bar .list .field .tag:nth-child(3n-1),
		 .mini-tags-bar .list .type .tag:nth-child(3n-1),
		[data-is="experts-topbar"] #filters .mini-tags-bar .list .type .tag:nth-child(3n-1),
		 .mini-tags-bar .list .tags-list .tag:nth-child(3n-1),
		[data-is="experts-topbar"] #filters .mini-tags-bar .list .tags-list .tag:nth-child(3n-1)
		{
		margin: 0 calc(( 100% - 240px)/2) 16px;
	}
	 .mini-tags-bar .list .sort_tag .tag:nth-child(13),
		[data-is="experts-topbar"] #filters .mini-tags-bar .list .sort_tag .tag:nth-child(13)
		{
		margin-right: calc(( 100% - 240px)/2);
	}
	 .big-tag, [data-is="experts-topbar"] #filters .big-tag
		{
		margin-right: 10px;
	}
	experts-topbar #search-bar .input-wraper, [data-is="experts-topbar"] #search-bar .input-wraper,
		experts-topbar #search-bar input, [data-is="experts-topbar"] #search-bar input
		{
		font-size: 10px;
	}
}

@media ( min-width : 400px) {
	 .tag, [data-is="experts-topbar"] #filters .tag {
		min-width: 116px;
	}
	 .mini-tags-bar .list .field .tag:nth-child(3n-1),
		[data-is="experts-topbar"] #filters .mini-tags-bar .list .field .tag:nth-child(3n-1),
		 .mini-tags-bar .list .type .tag:nth-child(3n-1),
		[data-is="experts-topbar"] #filters .mini-tags-bar .list .type .tag:nth-child(3n-1),
		 .mini-tags-bar .list .tags-list .tag:nth-child(3n-1),
		[data-is="experts-topbar"] #filters .mini-tags-bar .list .tags-list .tag:nth-child(3n-1)
		{
		margin: 0 calc(( 100% - 348px)/2) 16px;
	}
	 .mini-tags-bar .list .sort_tag .tag:nth-child(13),
		[data-is="experts-topbar"] #filters .mini-tags-bar .list .sort_tag .tag:nth-child(13)
		{
		margin-right: calc(( 100% - 348px)/2);
	}
}

todo_list .todo-tips-container, [data-is="todo_list"] .todo-tips-container
	{
	height: 35px;
	line-height: 35px;
	background: #EAF8E7;
}

todo_list .todo-tips-container a, [data-is="todo_list"] .todo-tips-container a
	{
	display: block;
	text-align: center;
	color: #129994;
	font-size: 14px;
}

todo_list .todo-tips-container img, [data-is="todo_list"] .todo-tips-container img
	{
	display: inline-block;
	width: 12px;
	margin: -2px 8px 0 0;
}

slide, [data-is="slide"] {
	position: fixed;
	height: 60px;
	bottom: 0;
	display: flex;
	display: -webkit-flex;
	justify-content: space-around;
	-webkit-justify-content: space-around;
	align-items: center;
	padding: 0 16px;
	left: 0;
	width: 100%;
	background-color: #fff;
	transition: transform 0.4s ease, opacity 0.6s ease;
	-webkit-transition: transform 0.4s ease, opacity 0.6s ease;
	box-sizing: border-box;
	z-index: 5;
}

slide .slider-warpper, [data-is="slide"] .slider-warpper {
	display: inline-block;
	width: 160px;
	overflow: hidden;
}

slide .close-icon, [data-is="slide"] .close-icon {
	position: absolute;
	right: 0;
	top: 0;
	padding: 26px 14px;
	background-image:
		url('//jdxl-img.b0.upaiyun.com/uploads/6d2397a5c8534852a125a321dba8b286.png');
	background-size: 10px;
	background-position: 10px 8px;
	background-repeat: no-repeat;
}

slide .slider-group, [data-is="slide"] .slider-group {
	display: flex;
	display: -webkit-flex;
	height: 100%;
	position: relative;
	overflow: hidden;
}

slide .slider-warpper .slider-item, [data-is="slide"] .slider-warpper .slider-item
	{
	display: inline-block;
	height: 100%;
	box-sizing: border-box;
	align-items: center;
	line-height: 60px;
}

slide .slider-warpper .text-content, [data-is="slide"] .slider-warpper .text-content
	{
	line-height: 16px;
	font-size: 12px;
	color: #40434c;
	vertical-align: middle;
}

slide .slider-warpper .subtitle, [data-is="slide"] .slider-warpper .subtitle
	{
	max-height: 32px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: normal;
}

slide .open-app, [data-is="slide"] .open-app {
	margin-right: 16px;
	padding: 0 5px;
	width: 100px;
	height: 32px;
	font-size: 0;
	background-color: #39bfb7;
	border-radius: 4px;
	line-height: 32px;
	text-align: center;
	box-sizing: border-box;
	vertical-align: middle;
}

slide .open-app .app-icon, [data-is="slide"] .open-app .app-icon {
	display: inline-block;
	height: 14px;
	vertical-align: middle;
}

slide .open-app .text, [data-is="slide"] .open-app .text {
	width: 60px;
	margin-left: 4px;
	display: inline-block;
	text-align: center;
	font-size: 11px;
	color: #fff;
	vertical-align: middle;
}

slide .advertise-logo, [data-is="slide"] .advertise-logo {
	height: 36px;
}

slide .dots, [data-is="slide"] .dots {
	position: absolute;
	right: 0;
	left: 0;
	bottom: 5px;
	text-align: center;
	font-size: 0;
}

slide .dot, [data-is="slide"] .dot {
	display: inline-block;
	margin: 0 4px;
	width: 10px;
	height: 2px;
	background-color: #e6e7eb;
}

slide .dot.active, [data-is="slide"] .dot.active {
	background-color: #b0b7d1;
}

@media ( max-width : 340px) {
	slide .open-app, [data-is="slide"] .open-app {
		margin-right: 6px;
	}
	slide .slider-warpper, [data-is="slide"] .slider-warpper {
		width: 150px;
	}
	slide .open-app .text, [data-is="slide"] .open-app .text {
		margin-left: 2px;
	}
}

back-to-top .back-to-top, [data-is="back-to-top"] .back-to-top {
	width: 40px;
	height: 40px;
	border-radius: 20px;
	color: #fff;
	font-size: 20px;
	text-align: center;
	border-radius: 100%;
	box-sizing: border-box;
	background: #fff;
	overflow: hidden;
	border: 1px solid #F2F3F7;
	position: fixed;
	right: 24px;
	bottom: 120px;
	font-size: 30px;
}

back-to-top .to-top-icon, [data-is="back-to-top"] .to-top-icon {
	background:
		url('//jdxl-img.b0.upaiyun.com/uploads/0ce2411385454f548a8b5acdf383eac8.png')
		no-repeat center center;
	background-size: 20px auto;
	width: 38px;
	height: 38px;
}

ai, [data-is="ai"] {
	position: fixed;
	right: 24px;
	bottom: 168px;
	font-size: 14px;
	z-index: 4;
}

ai .ai-button-container, [data-is="ai"] .ai-button-container {
	background: #39BFB7;
	position: relative;
	border-radius: 17px;
	box-shadow: 0 2px 4px 0 rgba(57, 191, 183, 0.56);
}

ai .ai-button, [data-is="ai"] .ai-button {
	cursor: pointer;
	display: block;
	height: 34px;
	padding: 0 10px;
	line-height: 34px;
	box-sizing: border-box;
	color: #fff;
}

ai .ai-button img, [data-is="ai"] .ai-button img {
	width: 16px;
	margin-right: 6px;
}

ai .ai-button span, [data-is="ai"] .ai-button span {
	display: inline-block;
	vertical-align: middle;
}

ai .ai-pop-container, [data-is="ai"] .ai-pop-container {
	position: absolute;
	bottom: 140%;
	background: #fff;
	border-radius: 3px;
	width: 193.877551%;
	left: -85%;
	text-align: center;
	border: 1px solid #F2F3F7;
}

ai .ai-pop-container::before, [data-is="ai"] .ai-pop-container::before,
	ai .ai-pop-container::after, [data-is="ai"] .ai-pop-container::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 65%;
	border-top: 7px solid #F2F3F7;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	margin-left: -8px;
}

ai .ai-pop-container::after, [data-is="ai"] .ai-pop-container::after {
	border-top: 6px solid #fff;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	margin-left: -7px;
}

ai .ai-pop-container img, [data-is="ai"] .ai-pop-container img {
	display: block;
	width: 48px;
	margin: 33px auto 10px;
}

ai .ai-pop-container p, [data-is="ai"] .ai-pop-container p {
	color: #6B707F;
	line-height: 30px;
	padding: 0 8px;
	margin: 0;
}

ai .ai-pop-btn, [data-is="ai"] .ai-pop-btn {
	cursor: pointer;
	display: block;
	width: 84.210526%;
	height: 32px;
	line-height: 32px;
	background: #39BFB7;
	color: #fff;
	border-radius: 4px;
	margin: 12px auto 16px;
}

ai .ai-pop-close, [data-is="ai"] .ai-pop-close {
	position: absolute;
	top: 10px;
	right: 8px;
	width: 18px;
	height: 18px;
}

ai .ai-pop-close::after, [data-is="ai"] .ai-pop-close::after, ai .ai-pop-close::before,
	[data-is="ai"] .ai-pop-close::before {
	background: #969cb2;
}

#YSF-BTN-HOLDER {
	position: fixed;
	max-width: 70px;
	max-height: 70px;
	right: 30px;
	bottom: 24px;
	cursor: pointer;
	overflow: visible;
	filter: alpha(opacity = 100);
	opacity: 1;
	z-index: 9990
}

#YSF-BTN-HOLDER:hover {
	filter: alpha(opacity = 95);
	opacity: .95
}

#YSF-BTN-HOLDER img {
	display: block;
	overflow: hidden;
}

#YSF-BTN-CIRCLE {
	display: none;
	position: absolute;
	right: -5px;
	top: -6px;
	width: auto;
	min-width: 12px;
	height: 20px;
	padding: 0 4px;
	background-color: #f00;
	font-size: 12px;
	line-height: 20px;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	font-family: sans-serif;
	border-radius: 10px;
	z-index: 1;
}

#YSF-BTN-BUBBLE {
	display: none;
	position: absolute;
	left: -274px;
	bottom: -15px;
	width: 278px;
	height: 80px;
	box-sizing: border-box;
	padding: 14px 22px;
	filter: alpha(opacity = 100);
	opacity: 1;
	background: url(https://qiyukf.com/sdk//res/img/sdk/bg_floatMsg2x.png)
		no-repeat;
	background: url(https://qiyukf.com/sdk//res/img/sdk/bg_floatMsg.png) 9;
	background-size: 278px 80px;
	z-index: 1;
}

#YSF-BTN-HOLDER.layer-6 {
	bottom: 0;
}

#YSF-BTN-HOLDER.layer-1 #YSF-BTN-BUBBLE {
	top: 0
}

#YSF-BTN-HOLDER.layer-6 #YSF-BTN-BUBBLE {
	bottom: -6px;
}

#YSF-BTN-BUBBLE:hover {
	filter: alpha(opacity = 95);
	opacity: .95
}

#YSF-BTN-CONTENT {
	height: 45px;
	padding: 0;
	white-space: normal;
	word-break: break-all;
	text-align: left;
	font-size: 14px;
	line-height: 1.6;
	color: #222;
	overflow: hidden;
	z-index: 0;
}

#YSF-BTN-ARROW {
	display: none;
}

#YSF-BTN-CLOSE {
	position: absolute;
	width: 15px;
	height: 15px;
	right: 4px;
	top: -3px;
	filter: alpha(opacity = 90);
	opacity: .9;
	cursor: pointer;
	background: url(https://qiyukf.com/sdk//res/img/sdk/btn-close.png)
		no-repeat;
	z-index: 1
}

#YSF-BTN-CLOSE:hover {
	filter: alpha(opacity = 100);
	opacity: 1;
}

#YSF-PANEL-CORPINFO.ysf-chat-layeropen {
	width: 511px;
	height: 470px;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
}

#YSF-PANEL-CORPINFO {
	position: fixed;
	bottom: 0px;
	right: 20px;
	width: 0;
	height: 0;
	z-index: 99999;
}

#YSF-PANEL-INFO.ysf-chat-layeropen {
	width: 311px;
	height: 470px;
	filter: alpha(opacity = 100);
	opacity: 1;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
}

#YSF-PANEL-INFO {
	position: fixed;
	bottom: 0px;
	right: 20px;
	width: 0px;
	height: 0px;
	filter: alpha(opacity = 0);
	opacity: 0;
	z-index: 99999;
}

#YSF-PANEL-INFO .u-btn {
	background-color: #62A8EA
}

#YSF-CUSTOM-ENTRY {
	background-color: #F96868;
}

#YSF-CUSTOM-ENTRY-0 {
	position: relative;
	width: auto;
	background-color: #62A8EA;
	box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.25);
}

#YSF-CUSTOM-ENTRY-1 {
	position: relative;
	width: auto;
	background-color: #62A8EA;
	border-radius: 14px;
	box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.25);
}

#YSF-CUSTOM-ENTRY-2 {
	position: relative;
	width: auto;
	background-color: #62A8EA;
	border-radius: 0;
	box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.25);
}

#YSF-CUSTOM-ENTRY-3 {
	position: relative;
	width: auto;
	background-color: #62A8EA;
	border-radius: 50%;
	box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.25);
}

#YSF-CUSTOM-ENTRY-4 {
	position: relative;
	width: auto;
	background-color: #62A8EA;
	border-radius: 50%;
	box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.25);
}

#YSF-CUSTOM-ENTRY-5 {
	position: relative;
	width: auto;
	background-color: #62A8EA;
	border-radius: 5px;
	box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.25);
}

#YSF-CUSTOM-ENTRY-6 {
	position: relative;
	width: auto;
	background-color: #62A8EA;
	border-radius: 5px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

#YSF-CUSTOM-ENTRY-0 img {
	max-width: 300px;
	height: auto;
}

#YSF-CUSTOM-ENTRY-1 img {
	width: 28px;
	height: auto;
}

#YSF-CUSTOM-ENTRY-2 img {
	width: 58px;
	height: auto;
}

#YSF-CUSTOM-ENTRY-3 img {
	width: 60px;
	height: auto;
}

#YSF-CUSTOM-ENTRY-4 img {
	width: 60px;
	height: auto;
}

#YSF-CUSTOM-ENTRY-5 img {
	width: 60px;
	height: auto;
}

#YSF-CUSTOM-ENTRY-6 img {
	width: 115px;
	height: auto;
}

#YSF-IFRAME-LAYER {
	border: 0;
	outline: none;
}

.ysf-online-invite-wrap {
	z-index: 10001;
	position: fixed;
	_position: absolute;
	top: 50%;
	left: 50%;
}

.ysf-online-invite {
	position: relative;
	top: -50%;
	left: -50%;
	cursor: pointer;
}

.ysf-online-invite img {
	display: block;
	width: 250px;
}

.ysf-online-invite .ysf-online-invite-img {
	width: 100%;
	height: 100%
}

.ysf-online-invite .text {
	position: absolute;
	top: -11px;
	left: 0;
	right: 0;
	overflow: hidden;
	margin: 36px 20px 0 67px;
	line-height: 140%;
	color: #526069;
	font-size: 14px;
	font-family: "Microsoft YaHei", "微软雅黑", tahoma, arial, simsun, "宋体";
	text-align: left;
	white-space: normal;
	word-wrap: break-word;
}

.ysf-online-invite .close {
	position: absolute;
	top: -6px;
	right: -6px;
	width: 32px;
	height: 32px;
	background: url(https://qiyukf.com/sdk/res/img/invite-close.png)
		no-repeat;
	cursor: pointer;
}

.ysf-online-invite .close.custom {
	top: -16px;
	right: -16px;
}

#YSF-PANEL-MOBILE {
	background: rgba(46, 47, 49, 0.7);
	position: fixed;
	bottom: 0px;
	right: 0px;
	width: 100%;
	height: 0px;
	transition-property: height, bottom;
	transition-duration: 0.3s;
	transition-timing-function: ease;
	transition-delay: 0s;
	z-index: 9999;
}

#YSF-PANEL-MOBILE.ysf-chat-layeropen {
	width: 100%;
	height: 100%;
	transition-property: height, bottom;
	transition-duration: 0.3s;
	transition-timing-function: ease;
	transition-delay: 0s;
}

#YSF-IFRAME-LAYER.ysf-chat-mobile-layeropen {
	height: 90% !important;
	transition-property: height, bottom;
	transition-duration: 0.3s;
	transition-timing-function: ease;
	transition-delay: 0s;
}

#YSF-IFRAME-LAYER {
	position: absolute;
	bottom: 0px;
	left: 0;
	right: 0px;
	width: 0px;
	height: 0px;
	transition-property: height, bottom;
	transition-duration: 0.3s;
	transition-timing-function: ease;
	transition-delay: 0s;
	z-index: 9999;
}

.YSF-PANEL-BODY-FIXED {
	position: fixed !important;
	left: 0;
	right: 0;
}

.sbox {
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 2;
    overflow: hidden;
    margin-top: 44px;
}
.swipe {
    overflow: hidden;
    visibility: visible;
    list-style: none;
    position: relative;
    width: 100%;
    display: block;
}
.piclist {
    position: relative;
    overflow: hidden;
    display: block;
    -webkit-transition: left 600ms ease-out;
}
.piclist li {
    display: table-cell;
    width: 100%;
    position: relative;
    float: left;
    vertical-align: top;
    color: #000000;
    /* height: 190px; */
}
.piclist li a img {
    width: 100%;
    border: none;
    display: block;
}