/***********************
模块名：提示
作者：rexren（任寒韬）
************************/


/* 弹层tips start */
/*默认向下显示*/
.tui-tips{background:#fff;border:1px solid #b2b2b2;box-shadow: 0 3px 7px -3px rgba(0, 0, 0, .2), 0 4px 8px -4px rgba(0, 0, 0, .2);
  top:0;left: 0;line-height: 1.5;
	z-index:100;color:#333;width:auto;padding:10px 15px 10px 15px;border-radius: 4px;font-size: 12px;
	position:absolute;min-width: 120px;text-align: justify;}
.tui-tips .scroll{overflow: auto;margin-right: -5px;}
/*默认向下显示箭头*/
.tui-tips:after{
	content: "";
	width: 30px;
	height: 12px;
	position: absolute;
	bottom: auto;
	top: -12px;
	left: 9px;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAMCAYAAAB1Lg0yAAABzklEQVQ4T62TMWjCUBCGL5pChQoqAeMm6NAuDi6SwaFb966WCEKtU+kiLXRwKC24lC5SC4K2rt27dXCQTIJLOyi4GSGoYCFDY1Iu5MkzjSaFPjheQt677+7/LwwAMADgAwA/RrVaPUgkEhWWZQ8ZhtmLx+OQTCYhEAiA16WqKgwGAxiNRmAYxpemae/D4bBSLpc/AGCJgVA6EE6KYLGQdrt9kUqlrrGAYDDoyl4sFiaw3+/f5HK5ewukWbsOAGYgFBcNRzAJU4VWq3UWDofvstksEwqFNsLn8zl0Oh1jNptdiaL4SLojMGs3AMAgYAKni6DhbLPZPIlEIg+CIPg5jvsFVxQFut3ucjqdnufz+RcAsHdpAq2La2CSjFZhDd5oNI45jnvKZDI70Wh0BZ9MJiBJ0reiKKeFQuF1AxTPE7Ap8aZFvhE4es7W6/Ujnuef0+n0Ls/zMB6PodfrqbIsi8Vi8c2CYrfEzzWgvTuvcNPzWq0mxGKxW5/Pt6/r+qcsy5elUkly8NQRSvvqNq3kl8OdTD4ZSOIddoi/Cr7j80pWp+TbpLaft08+fZeG0UPk6qNbx06DZwevJtZLsr90TOdzurdVWif5vBT472d+ACCipRMCyz2NAAAAAElFTkSuQmCC');
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
}
/* 上左 S*/
.tui-tips.up.left{
	top: auto;bottom: 0;
}
.tui-tips.up.left:after{
	content: "";
	width: 30px;
	height: 12px;
	position: absolute;
	top: auto;
	bottom: -12px;
	left: 9px;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAMCAYAAAB1Lg0yAAABzklEQVQ4T62TMWjCUBCGL5pChQoqAeMm6NAuDi6SwaFb966WCEKtU+kiLXRwKC24lC5SC4K2rt27dXCQTIJLOyi4GSGoYCFDY1Iu5MkzjSaFPjheQt677+7/LwwAMADgAwA/RrVaPUgkEhWWZQ8ZhtmLx+OQTCYhEAiA16WqKgwGAxiNRmAYxpemae/D4bBSLpc/AGCJgVA6EE6KYLGQdrt9kUqlrrGAYDDoyl4sFiaw3+/f5HK5ewukWbsOAGYgFBcNRzAJU4VWq3UWDofvstksEwqFNsLn8zl0Oh1jNptdiaL4SLojMGs3AMAgYAKni6DhbLPZPIlEIg+CIPg5jvsFVxQFut3ucjqdnufz+RcAsHdpAq2La2CSjFZhDd5oNI45jnvKZDI70Wh0BZ9MJiBJ0reiKKeFQuF1AxTPE7Ap8aZFvhE4es7W6/Ujnuef0+n0Ls/zMB6PodfrqbIsi8Vi8c2CYrfEzzWgvTuvcNPzWq0mxGKxW5/Pt6/r+qcsy5elUkly8NQRSvvqNq3kl8OdTD4ZSOIddoi/Cr7j80pWp+TbpLaft08+fZeG0UPk6qNbx06DZwevJtZLsr90TOdzurdVWif5vBT472d+ACCipRMCyz2NAAAAAElFTkSuQmCC');
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	transform: rotate(0deg);
}
/* 上左 E*/

/* 上右 S*/
.tui-tips.up.right{
	top: auto;bottom: 0;
	left: auto;right: 0;
}
.tui-tips.up.right:after{
	content: "";
	width: 30px;
	height: 12px;
	position: absolute;
	top: auto;
	bottom: -12px;
	left: auto;
	right: 9px;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAMCAYAAAB1Lg0yAAABzklEQVQ4T62TMWjCUBCGL5pChQoqAeMm6NAuDi6SwaFb966WCEKtU+kiLXRwKC24lC5SC4K2rt27dXCQTIJLOyi4GSGoYCFDY1Iu5MkzjSaFPjheQt677+7/LwwAMADgAwA/RrVaPUgkEhWWZQ8ZhtmLx+OQTCYhEAiA16WqKgwGAxiNRmAYxpemae/D4bBSLpc/AGCJgVA6EE6KYLGQdrt9kUqlrrGAYDDoyl4sFiaw3+/f5HK5ewukWbsOAGYgFBcNRzAJU4VWq3UWDofvstksEwqFNsLn8zl0Oh1jNptdiaL4SLojMGs3AMAgYAKni6DhbLPZPIlEIg+CIPg5jvsFVxQFut3ucjqdnufz+RcAsHdpAq2La2CSjFZhDd5oNI45jnvKZDI70Wh0BZ9MJiBJ0reiKKeFQuF1AxTPE7Ap8aZFvhE4es7W6/Ujnuef0+n0Ls/zMB6PodfrqbIsi8Vi8c2CYrfEzzWgvTuvcNPzWq0mxGKxW5/Pt6/r+qcsy5elUkly8NQRSvvqNq3kl8OdTD4ZSOIddoi/Cr7j80pWp+TbpLaft08+fZeG0UPk6qNbx06DZwevJtZLsr90TOdzurdVWif5vBT472d+ACCipRMCyz2NAAAAAElFTkSuQmCC');
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	transform: rotate(0deg);
}
/* 上右 E*/

/* 向上显示 */
.tui-tips.up{top: auto;	bottom: 0;}
.tui-tips.up.center{
	left: 50%;
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-moz-transform: translateX(-50%);

}
/* 向上显示箭头 S */
.tui-tips.up:after{
	content: "";
	width: 30px;
	height: 12px;
	position: absolute;
	top: auto;
	bottom: -12px;
	left: 9px;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAMCAYAAAB1Lg0yAAABzklEQVQ4T62TMWjCUBCGL5pChQoqAeMm6NAuDi6SwaFb966WCEKtU+kiLXRwKC24lC5SC4K2rt27dXCQTIJLOyi4GSGoYCFDY1Iu5MkzjSaFPjheQt677+7/LwwAMADgAwA/RrVaPUgkEhWWZQ8ZhtmLx+OQTCYhEAiA16WqKgwGAxiNRmAYxpemae/D4bBSLpc/AGCJgVA6EE6KYLGQdrt9kUqlrrGAYDDoyl4sFiaw3+/f5HK5ewukWbsOAGYgFBcNRzAJU4VWq3UWDofvstksEwqFNsLn8zl0Oh1jNptdiaL4SLojMGs3AMAgYAKni6DhbLPZPIlEIg+CIPg5jvsFVxQFut3ucjqdnufz+RcAsHdpAq2La2CSjFZhDd5oNI45jnvKZDI70Wh0BZ9MJiBJ0reiKKeFQuF1AxTPE7Ap8aZFvhE4es7W6/Ujnuef0+n0Ls/zMB6PodfrqbIsi8Vi8c2CYrfEzzWgvTuvcNPzWq0mxGKxW5/Pt6/r+qcsy5elUkly8NQRSvvqNq3kl8OdTD4ZSOIddoi/Cr7j80pWp+TbpLaft08+fZeG0UPk6qNbx06DZwevJtZLsr90TOdzurdVWif5vBT472d+ACCipRMCyz2NAAAAAElFTkSuQmCC');
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	transform: rotate(0deg);
}
.tui-tips.up.center:after{
	left: 50%;
	margin-left: -15px;
}
/* 向上显示箭头 E */

/* 向右显示 */
.tui-tips.right{
	bottom: auto;
	top: 0;
	left: 100%;
}
/* 向右显示箭头 S */
.tui-tips.right:after{
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	transform: rotate(90deg);
	bottom: auto;
	top: 13px;
	left: -21px;
}
.tui-tips.right.center:after{
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	transform: rotate(90deg);
	bottom: auto;
	top: 50%;
	margin-top:-7px;
	left: -21px;
}
/* 向右显示箭头 E */

/* 向下显示 */
.tui-tips.down{
	top: 0;
	left: 0;
	bottom: auto;
}
/* 向下显示箭头 S */
.tui-tips.down:after{
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
	bottom: auto;
	top: -12px;
}
.tui-tips.down.center{
	top: 100%;
	left: 50%;
	right: auto;
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
}
.tui-tips.down.center:after{
	left: 50%;
	margin-left: -15px;
}


.tui-tips.down.left{
	bottom: auto;
	top: 100%;
}
.tui-tips.down.left:after{
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
	bottom: auto;
	top: -12px;
	left: 9px;
}

.tui-tips.down.right{
	bottom: auto;
	top: 100%;
	left: auto;
	right: 0;
}
.tui-tips.down.right:after{
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
	bottom: auto;
	top: -12px;
	left: auto;
	right: 9px;
}

/* 向下显示箭头 E */

/* 向左显示 */
.tui-tips.left{left: 0;right: auto;bottom: auto;}
/* 向左显示箭头 S */
.tui-tips.left:after{
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	transform: rotate(-90deg);
	bottom: auto;
	top: 13px;
	left: auto;
	right: -21px;
}
/* 向左显示箭头 E */
/* 左中 S */
.tui-tips.left.center{
	left: auto;
	right: 100%;
	top: 50%;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
}
.tui-tips.left.center:after{top: 50%;margin-top: -7px;}
/* 左中 S */
.tui-tips.right.center{
	right:auto;
	left: 100%;
	top: 50%;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
}
.tui-tips.right.center:after{top: 50%;margin-top: -7px;}
/* 左中 E */


/* 显示隐藏交互 S */

.hover .tui-tips{opacity: 0;transition: all .2s ease-out;transform: translate3d(0%, 20%, 0);z-index: -1;}
.hover:hover .tui-tips{opacity: 1;transform: translate3d(0%, 0, 0);z-index: 1;}

.hover .tui-tips.right{transform: translate3d(10%, 0%, 0);}
.hover:hover .tui-tips.right{transform: translate3d(0%, 0, 0);}

.hover .tui-tips.up{transform: translate3d(0%, -20%, 0);}
.hover:hover .tui-tips.up{transform: translate3d(0%, 0, 0);}

.hover .tui-tips.left{transform: translate3d(-10%, 0%, 0);}
.hover:hover .tui-tips.left{transform: translate3d(0%, 0, 0);}

/* 显示隐藏交互 E */

/* 无箭头tips S */
.tui-tips.noarrow{min-width:0;padding:5px 7px 5px 5px;}
.tui-tips.noarrow:before, .tui-tips.noarrow:after{display:none;}
/* 无箭头tips E */