.modal{
    position: fixed;
    top: 22%;
    padding: 0 4%;
    display: none;
    box-sizing: border-box;
    width: 100%;
    opacity: 0;
    z-index: 9999;
}
 .modal-content {
    position: relative;
    border-radius: 7px;
    background: #fff;
    overflow: hidden;
}
.modal-content .footer .call {
    position: relative;
    padding: 0 42px;
    margin-left: 7px;
    line-height: 47px;
    height: 47px;
    text-align: center;
    color: #f24;
    font-size: 12px;
}
.mask {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: none;
    background: rgba(0,0,0,.4);
    opacity: 0;
    cursor: pointer;
}
.modal-content .footer .call:before {
    content: "";
    position: absolute;
    top: 16px;
    margin-left: -14px;
    width: 11px;
    height: 13px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAaCAYAAABYQRdDAAABn0lEQ…zncLTGXwiTUBzAE+gQgx5KTl1Z9MEKvEQBfLELNcz7SgEABXazYU++mAAAAABJRU5ErkJggg==) no-repeat;
    background-size: 100% 100%;
}
 .modal-content .close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 17px;
    height: 17px;
    background: url('../images/gb.png') no-repeat;
    background-size: 100% 100%;
}
 .modal-content .body {
    padding: 20px 42px 18px;
}
 .modal-content .body .message {
    font-size: 12px;
}
 .modal-content {
    position: relative;
    border-radius: 7px;
    background: #fff;
    overflow: hidden;
}
 .modal-content .phone {
    box-sizing: border-box;
    margin-top: 20px;
    padding: 0 11px;
    width: 100%;
    height: 40px;
    border-radius: 2px;
    background: #f6f6f6;
    font-size: 14px;
    outline: none;
}
 .modal-content .submit {
    margin-top: 20px;
    width: 100%;
    height: 40px;
    border-radius: 2px;
    background: #f24;
    color: #fff;
    font-size: 16px;
    text-align: center;
    outline: none;
}

 .modal-content .message {
    line-height: 20px;
    text-align: center;
}

.widget-clue-bottombar {
	height: 90px
}

.widget-clue-bottombar .book-bar {
	position: fixed!important;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 49px;
	background-color: #fff;
	position: relative;
	border-top: 1px solid #e5e5e5
}

 .modal-content .footer {
    border: none;
}

 .modal-content .footer {
    position: relative;
    border-top: 1px solid #eaeaea;
}
@media (-webkit-min-device-pixel-ratio:2),(min-device-pixel-ratio:2) {
	.widget-clue-bottombar .book-bar {
		border: none
	}

	.widget-clue-bottombar .book-bar:after {
		border-top: 1px solid #e5e5e5;
		content: "";
		display: block;
		box-sizing: border-box;
		position: absolute;
		top: 0;
		right: -100%;
		bottom: -100%;
		left: 0;
		pointer-events: none;
		-webkit-transform: scale(.5);
		transform: scale(.5);
		-webkit-transform-origin: 0 0;
		transform-origin: 0 0
	}
}

.widget-clue-bottombar .book-bar .consult-wrapper .text,.widget-clue-bottombar .book-bar .reserve-wrapper .text {
	color: #5b5b5b;
	font-size: 10px;
	text-align: center
}

.widget-clue-bottombar .book-bar .consult-wrapper .icon-i,.widget-clue-bottombar .book-bar .reserve-wrapper .icon-i {
	margin: 0 auto
}

.widget-clue-bottombar .book-bar .consult-wrapper {
	position: absolute;
	left: 0;
	width: 25%;
	height: 100%;
	padding-top: 9px
}

.widget-clue-bottombar .book-bar .consult-wrapper .icon {
	width: 100%;
	height: 100%
}

.widget-clue-bottombar .book-bar .consult-wrapper .icon-shake {
	animation: shake .6s;
	-webkit-animation: shake .6s
}

@-webkit-keyframes shake {
	0%,to {
		transform: translateX(0);
		-webkit-transform: translateX(0)
	}

	20%,60% {
		transform: translateX(-2px);
		-webkit-transform: translateX(-2px)
	}

	40%,80% {
		transform: translateX(2px);
		-webkit-transform: translateX(2px)
	}
}

@keyframes shake {
	0%,to {
		transform: translateX(0);
		-webkit-transform: translateX(0)
	}

	20%,60% {
		transform: translateX(-2px);
		-webkit-transform: translateX(-2px)
	}

	40%,80% {
		transform: translateX(2px);
		-webkit-transform: translateX(2px)
	}
}

.widget-clue-bottombar .book-bar .consult-wrapper .icon-i {
	position: relative;
	margin-bottom: 5px;
	width: 19px;
	height: 18px
}

.widget-clue-bottombar .book-bar .consult-wrapper .icon-i .icon {
	background: url(https://dever.baidu.com/decocdn/plan_online_tmp/clue/1.8.9/f928248510ef63bc4365ce3e60441a21.png) no-repeat 0 0;
	background-size: contain
}

.widget-clue-bottombar .book-bar .consult-wrapper .wechat-icon {
	width: 22px
}

.widget-clue-bottombar .book-bar .consult-wrapper .wechat-icon .icon {
	background: url(data:image/jpeg;
	base64,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) no-repeat 0 0;background-size: auto 18px
}

.widget-clue-bottombar .book-bar .consult-wrapper:after {
	content: "";
	position: absolute;
	top: -8px;
	right: 0;
	width: 1px;
	height: 66px;
	background-color: #e5e5e5;
	-webkit-transform: scale(.5);
	transform: scale(.5)
}

.widget-clue-bottombar .book-bar .consult-wrapper .unread {
	position: absolute;
	top: -4px;
	right: -7px;
	width: 16.28571429px;
	height: 16.28571429px;
	background-image: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAABGdBTUEAALGPC/xhBQAAAQdJREFUOBGllDESgjAQRZNwAmtqz0BlkNHe0hNwKk9gaa+DwcozWFNzAoj/x4RxHGYQsjOZ3Wx2HyHZjRQjYotiJ/r+iCWNkfqQBroWSp1lVd28b1BysGBYrddQJ4z82z9iG/hKWdevsDaAbJ5vhLUXLKzC4oRuhZQHacyDcQ7kd/LE/F9I+EYLI+POlPfwd+ZCmMoc5grpDrbrrpwsliTZK387ixkuETfMX+MVx4omKI2lkBEOO5pFECs2VhqC6lgKGYq9Ew1i/xGCyr5DTfUXQ8fEoLK34bBLRLDc5wpzmCscyHUxGhDzObBP0/oXIOxI+C7OAOMTMSWMyULnM9id0W/WkoftDRG7S54wXeegAAAAAElFTkSuQmCC);background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	color: #fff;
	font-size: 12px;
	-webkit-transform: scale(.58333333);
	transform: scale(.58333333);
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	text-align: center;
	line-height: 16.28571429px
}

.widget-clue-bottombar .book-bar .consult-wrapper .unread.hidden {
	display: none
}

.widget-clue-bottombar .book-bar .consult-wrapper .unread.show {
	-webkit-animation: move .3s;
	animation: move .3s
}

@-webkit-keyframes move {
	0% {
		transform: scale(0);
		-webkit-transform: scale(0);
		opacity: 0
	}

	25% {
		transform: scale(.25);
		-webkit-transform: scale(.25);
		opacity: .25
	}

	50% {
		transform: scale(.5);
		-webkit-transform: scale(.5);
		opacity: .5
	}

	75% {
		transform: scale(.75);
		-webkit-transform: scale(.75);
		opacity: .75
	}

	to {
		transform: scale(1);
		-webkit-transform: scale(1);
		opacity: 1
	}
}

@keyframes move {
	0% {
		transform: scale(0);
		-webkit-transform: scale(0);
		opacity: 0
	}

	25% {
		transform: scale(.25);
		-webkit-transform: scale(.25);
		opacity: .25
	}

	50% {
		transform: scale(.5);
		-webkit-transform: scale(.5);
		opacity: .5
	}

	75% {
		transform: scale(.75);
		-webkit-transform: scale(.75);
		opacity: .75
	}

	to {
		transform: scale(1);
		-webkit-transform: scale(1);
		opacity: 1
	}
}

.widget-clue-bottombar .book-bar .reserve-wrapper {
	position: absolute;
	left: 25%;
	width: 25%;
	height: 100%;
	padding-top: 8px
}

.widget-clue-bottombar .book-bar .reserve-wrapper .icon-i {
	margin-bottom: 6px;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAmCAYAAABOFCLqAAAABGdBTUEAALGPC/xhBQAAAwlJREFUWAntmDurE0EUx7NrBPNstPDeSknAwg9w+3ALS7G7kBdEIqS2s7gJiB8hRTCQVyHBKiDc4mKfD2BhozY+Cm3yIKAh8f9fMmFcZpLZ3awI3oFlzpw5c85vz8zsYyIRw1Kr1ZK8DM0jXu3p1zZxTsfT6fTTZDL5aALk1V4wGMHM5/N76/X6JgbdoiwG62qv9sJPVAgIZhWLxcdoVyDfR+1MyWAwsISNXOfz+bXcFrKh/cyyrHcY0+71ei8hO76czFSr1SOAXAKihesERsZrQ0B4rJOMw3iMy/gcH4WCGRmgzlEByjGuC7S/sK0rsHmi61PpZXvIx/D/ABeBcovFgvFPo5waKujAtu1Gt9ttwFg5BXKQfr/fktv7…