.border-gray{
    border:1px solid gray
}

.padding{
    padding:5px;
}

.margin-top{
	margin-top: 15px;
}

.text-right{
	text-align: right;
}

.label{
	line-height: 1.5rem;
}

.hidden{
	display: none;
}

.form-tips{
	color : gray;
	margin : 2px;
	font-size:0.8rem;
}
.flex{
	display:flex;
}
.tips{
	color:gray;
}

.hint-red{
	background:#FF5722;
	color:#fff;
	padding:8px;
}

.small-table{
	
}
.small-table th{
	background:#eee;
	padding: 0px 10px;
}
.small-table td{
	padding: 0px 10px;
	border:1px solid #eee;
}

.link {
	color:#5FB878;
	text-decoration:underline;
	cursor:pointer;
}

.pointer{
	cursor: pointer;
}

.spRequired::before{
	content : "*";
	color : #FF5722;
	font-size : 1.2rem;
}

.potatog-select{
	border-color: #D2D2D2 !important;
	height: 38px;
    line-height: 1.3;
	border-width: 1px;
    border-style: solid;
    background-color: #fff;
    color: rgba(0,0,0,.85);
    border-radius: 1px;
	padding-left: 10px;
	padding-right: 40px;
	outline: 0;
    -webkit-appearance: none;
    transition: all .3s;
    -webkit-transition: all .3s;
    box-sizing: border-box;
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23444"><path d="M7 10l5 5 5-5z"/></svg>');
	background-repeat: no-repeat;
   background-position: right 10px center;
}

/**
 * 定义一个叫 twinkling的动画
 */
@keyframes twinkling
{
	0%   {opacity: 1;}
	25%  {opacity: 1;}
	50%  {opacity: 1;}
	100% {opacity: 0;}
}

@-webkit-keyframes twinkling /* Safari 与 Chrome */
{
    0%   {opacity: 1;}
    25%  {opacity: 1;}
    50%  {opacity: 1;}
    100% {opacity: 0;}
}
/**
 * 使用动画
 */
.twinkling{
	animation: twinkling 1s;
	-webkit-animation: twinkling 1s; /* Safari 与 Chrome */
	animation-iteration-count:infinite;
	animation-timing-function:linear;
	-webkit-animation-timing-function:linear; /* Safari and Chrome */

}